@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,ol,dl,li,dt,dd,span,strong,a,input,textarea,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family:"Microsoft YaHei"; font-weight:normal}
body{background-color:#fff}
a,input{text-decoration:none; outline:none}
 
li{list-style:none}
.wrap,.index_banner,.ipror,.ipror li,#inews li p,#inews li div{overflow:hidden; zoom:1}
.wrap{width:1200px; margin:0 auto}
.cen{width:1200px; margin:0 auto}
.index_banner{position:relative; width:100%; z-index:99; min-width:1200px; height:auto}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:auto; text-align:center}
.index_banner li a{display:block;margin:0 auto;}
.index_banner li img{display:block; width:100% }
.index_banner cite{position:absolute;bottom:18px;left:50%;z-index:999;display:block;margin-left:-52px;width:110px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 10px;width:15px;height:15px;background-color:#e5e5e5;text-indent:-999em;opacity:0.8;cursor:pointer; border-radius:15px}
.index_banner cite span:hover{background-color:#FFAD00;}
.index_banner cite span.cur{background-color:#FFAD00;cursor:default;}
.clear{clear:both;}
.bant{position:absolute; height:230px; top:50%; margin-top:-115px; z-index:99999999; float:left; left:0; width:100%}
.bant img{height:100px; margin:0 auto 20px auto}
.bant div{text-align:center; color:#fff; font-size:48px; letter-spacing:2px; font-weight:200; line-height:50px; height:50px}
.bant p{text-align:center; color:#fff; font-size:22px; line-height:40px; height:40px; font-weight:200; letter-spacing:5px; width:540px; margin:28px auto 0 auto; border-bottom:1px solid #fff; border-top:1px solid #fff}

#nav{height:59px; line-height:59px; border-bottom:1px solid #ccc; width:100%; background-color:#fff}
#nav ul li{float:left; padding:0px 30px; text-align:center; border-right:1px dashed #ccc; height:59px; transition:1s ease; background-color:#fff}
#nav ul li a{color:#333; font-size:14px; display:block}
#nav ul li:first-child{}
#nav ul li:hover{background-color:#76A70F; color:#fff; transition:0.5s ease;display:block }
 #nav ul li:hover a{ color:#fff;display:block }
#erweitu font:hover{color:#fff;display:block }
 #erweitu font{color:#009900;display:block }
 
.more{width:150px; height:44px; line-height:44px; display:block; text-align:center; color:#fff; border:1px solid #fff; border-radius:4px; font-size:14px; transition:1s ease}
.more:hover{background-color:#fff; color:#76A70F; transition:0.5s ease}
#iabout{padding:60px 0; width:100%; height:480px; background:url(../images/iaboutbg.png) center center no-repeat #f2f2f2; min-width: 1200px}
.ivideo{width:685px; float:left; height:480px}
.iaboutm{width:485px; height:480px; float:right; position:relative}
.iaboutm h2{height:120px; text-align:right; color:#fff}
.iaboutm h2 strong{display:block; height:36px; line-height:36px; font-size:24px; font-weight:200}
.iaboutm h2 span{display:block; height:30px; line-height:30px; font-size:20px; font-weight:200}
.iaboutm h2 a{display:block; float:right; height:12px; width:40px; border-bottom:2px solid #FFAD00; margin-right:3px}
.iaboutm p{color:#fff; font-size:14px; line-height:24px; letter-spacing:1px; text-align:justify}
.iaboutm .more{position:absolute; bottom:20px; right:2px}

#igood{padding-top:100px; width:100%; height:700px; background:url(../images/igoodbg.jpg) top center repeat-x #f2f2f2; position:relative; min-width: 1200px}
#igood h2{height:84px; text-align:center; color:#fff}
#igood h2 strong{display:block; height:36px; line-height:36px; font-size:24px; font-weight:200}
#igood h2 span{display:block; height:30px; line-height:30px; font-size:20px; font-weight:200}
#igood h2 a{display:block; height:12px; width:40px; border-bottom:2px solid #FFAD00; margin:0 auto}
.igoodm{letter-spacing:1px}
.igoodml{float:left; width:425px; height:300px; padding-left:25px; background:url(../images/igoodl.png) bottom right no-repeat}
.igoodml div{padding-left:20px; background:url(../images/igooddivsbg.png) left center no-repeat; height:30px; line-height:30px; color:#fff; font-size:20px; font-weight:200; margin:18px 0}
.igoodml p{color:#fff; font-size:14px; line-height:24px; width:245px}
.igoodmr{float:right; width:425px; height:300px; padding:50px 25px 0 0; background:url(../images/igoodr.png) bottom left no-repeat}
.igoodmr div{padding-right:20px; background:url(../images/igooddivsbg.png) right center no-repeat; height:30px; line-height:30px; color:#fff; font-size:20px; font-weight:200; margin:18px 0; text-align:right}
.igoodmr p{color:#fff; font-size:14px; line-height:24px; width:245px; text-align:right; float:right}
.igoodmimg{position:absolute; bottom:0; left:50%; margin-left:-305px; width:550px; height:469px}

#ipro{padding:50px 0 60px 0; width:100%; background-color:#f2f2f2; position:relative; height:544px; min-width: 1200px}
.iprobg{float:left; height:544px; background-color:#76A70F; width:50%; min-width:600px}
#ipro .wrap{float:left; position:absolute; width:1200px; margin-left:-600px; top:50px; left:50%; height:544px}
.iprol{padding:60px 0; height:484px; width:480px; float:left; margin-right:120px}
.iprol h2{height:120px; color:#fff}
.iprol h2 strong{display:block; height:36px; line-height:36px; font-size:24px; font-weight:200}
.iprol h2 span{display:block; height:30px; line-height:30px; font-size:20px; font-weight:200}
.iprol h2 a{display:block; height:12px; width:40px; border-bottom:2px solid #FFAD00; margin-left:2px}
.iprol p{color:#fff; font-size:14px; line-height:24px; letter-spacing:1px; text-align:justify}
.iprol .more{position:absolute; bottom:60px; left:2px}
.ipror{width:600px; float:right; height:544px}
.ipror li{width:298px; margin:0 0 2px 2px; height:180px; position:relative; float:left}
.ipsortA .ipimg{width:298px; height:180px}
.ipsortA div{width:298px; height:130px; position:absolute; left:0; top:0; margin-top:-180px; float:left; z-index:99; background-color:#FFAD00; padding:25px 0; transition:0.5s ease}
.ipsortA:hover div{margin-top:0px; transition:0.2s ease}
.ipsortB .ipimg{width:298px; height:180px; position:absolute; left:0; top:0; margin-top:-180px; float:left; z-index:99; transition:0.5s ease}
.ipsortB div{width:298px; height:130px; background-color:#FFAD00; padding:25px 0}
.ipsortB:hover .ipimg{margin-top:0px; transition:0.2s ease}
.ipicon{width:90px; height:90px; margin:0 auto 15px auto}
.ipror div p{height:25px; line-height:24px; font-size:24px; color:#fff; text-align:center; letter-spacing:2px; font-weight:200}

#inews{background-color:#f2f2f2; width:100%; padding-bottom:60px; min-width: 1200px}
#inews h2{height:120px; text-align:right; color:#76A70F}
#inews h2 strong{display:block; height:36px; line-height:36px; font-size:24px; font-weight:200}
#inews h2 span{display:block; height:30px; line-height:30px; font-size:20px; font-weight:200}
#inews h2 a{display:block; float:right; height:12px; width:40px; border-bottom:2px solid #FFAD00; margin-right:3px}
/*#inews ul{}
#inews ul li{width:380px; background-color:#fff; height:270px; float:left; margin:0 0}
#inews ul li:nth-child(2){margin:0 30px}
#inews li img{width:380px; height:180px}
#inews li div{font-size:15px; height:40px; line-height:45px; color:#222; padding:0 12px}
#inews li p{font-size:12px; height:40px; line-height:20px; color:#888; padding:0 12px}
#inews li:hover div{color:#76A70F}
#inews li:hover p{color:#444}
*/
.mr_frbox{width: 1200px; height: 270px; margin: 0 auto; overflow: hidden; zoom:1}
.mr_frUl{float:left; height:270px; width:1200px;}
.mr_frUl ul li{float:left; height:270px; width:380px; margin-right: 30px; overflow: hidden; zoom:1; background-color:#fff}
.mr_frUl ul li img{width: 380px; height: 180px}
.mr_frUl ul li div{font-size:15px; height:40px; line-height:45px; color:#222; padding:0 12px}
.mr_frUl ul li p{font-size:12px; height:40px; line-height:20px; color:#888; padding:0 12px}
.mr_frUl ul li:hover div{color:#76A70F}
.mr_frUl ul li:hover p{color:#444}


#foot{width:100%; background-color:#404040; min-width: 1200px}
#fcon{padding:30px 0 24px 0; border-bottom:1px solid #222}
.fconl{float:left; width:500px}
.fconl div{height:39px; line-height:20px; font-size:18px; color:#fff; letter-spacing:1px}
.fconl li{font-size:12px; color:#ddd; height:24px; line-height:24px}
.fconr{float:right; width:130px}
.fconr li{float:left; width:110px; margin-left:20px}
.fconr li img{float:110px; height:110px}
.fconr li p{height:25px; line-height:25px; text-align:center; font-size:12px; color:#ddd}
#fbot{height:59px; line-height:59px; font-size:12px; text-align:center; color:#ddd; border-top:1px solid #666}
#fbot a{color:#76A70F}

#snav{height:59px; line-height:59px; border-bottom:1px solid #ccc; width:100%; background-color:#fff}
#snav ul li{width:170px; text-align:center; border-right:1px dashed #ccc; height:59px; transition:1s ease; float:left}
#snav ul li a{color:#333; font-size:14px; display:block;}
#snav ul li:first-child{border-left:1px dashed #ccc}
#snav ul li:hover{background-color:#76A70F; transition:0.5s ease}
#snav ul li:hover a{color:#fff; transition:0.5s ease}
#snav ul li .hover{background-color:#76A70F; transition:0.5s ease;color:#fff; display:block }

#mid{padding:60px 0}
#mid h2{height:120px; text-align:center; color:#76A70F}
#mid h2 strong{display:block; height:36px; line-height:36px; font-size:24px; font-weight:200}
#mid h2 span{display:block; height:30px; line-height:30px; font-size:20px; font-weight:200}
#mid h2 a{display:block; height:12px; width:40px; border-bottom:2px solid #FFAD00; margin:0 auto}

#midli{line-height:40px; font-size:14px; text-align:center; height:70px; color:#ccc}
#midli a{display:inline-block; color:#444; font-size:14px; padding:5px 20px; border-radius:50px; line-height:22px; margin:0px 0px 12px; text-transform:uppercase; border:1px solid #76A70F; transition:all 300ms ease;}
#midli a:hover{border:1px solid #FFAD00}
#midli .midlinow{border:1px solid #FFAD00; color:#FFAD00}


#about p{color:#333; font-size:14px; letter-spacing:1px; text-align:justify; line-height:24px; margin-bottom:20px}



#page{width:100%; height:30px; line-height:30px; margin:10px auto; text-align:center; }
#page a{color:#444; border:1px solid #bbb; font-size:14px; padding:3px 10px; margin:0 4px}
#page a:hover{color:#76a70f; border-color:#76a70f}
#page .current {border:0; color:#fff; background:#76a70f; }

#newslist{margin-bottom:20px}
#newslist li{height:42px; line-height:42px; font-size:14px; border-bottom:1px dotted #ccc; padding-top:3px}
#newslist li strong{color:#76a70f; display:block; width:90px; float:left}
#newslist li span{color:#888; display:block; width:90px; float:left; text-align:right; font-size:12px}
#newslist li a{color:#333; display:block; width:1000px; float:left}
#newslist li a:hover{color:#76a70f}


h3{height:40px; line-height:40px; font-size:20px; letter-spacing:1px}
.newstools{height:40px; line-height:20px; font-size:12px; color:#888}
.newstools span{padding-right:15px}
#news p{color:#555; font-size:14px; line-height:20px; margin-bottom:15px}


.updown p{height:24px; line-height:24px; font-size:14px; color:#333}
.updown p a{color:#777}
.updown p a:hover{color:#276AD3}


#message{padding:40px 0}
.messm{padding:20px 0}
.messm img{width:470px; margin-right:40px; float:left; height:365px}
.messm ul{ width:770px; margin:0 auto }
.messm ul a{ color:#666}
.messm ul li{height:50px; line-height:34px}
.messm li label{display:block; font-size:14px; color:#555; width:72px; float:left; height:50px}
.messm li input{height:32px; line-height:32px; border:1px solid #aaa; font-size:14px; padding-left:6px; width:690px}
.messm li select{height:34px; line-height:34px; border:1px solid #aaa; font-size:14px; padding-left:6px; width:698px}
.messm ul div{}
.messm div label{display:block; font-size:14px; color:#555; width:72px; float:left; }
.messm textarea{width:684px; padding:6px; resize:none; height:132px; border:1px solid #aaa; font-size:14px; line-height:24px}
.messm p input{ width:699px; margin-left:72px; height:42px; border:0; background-color:#29C044; color:#fff; font-size:15px; letter-spacing:2px }
.messm p input:hover{ background-color:#24AA3C }


#prolist li{width:258px; height:215px;float:left; margin:0 10px 20px 25px; border:1px solid #ddd; text-align:center;}
#prolist li img{  padding:2px; display:block; margin:0 auto; text-align:center;}
#prolist li p{text-align:center; font-size:14px; height:32px; line-height:30px; width:248px; margin:0 auto; border-top:1px solid #e2e2e2;}
#prolist li p a{color:#555}
#prolist li:hover{border:1px solid #00BDB6}
#prolist li:hover a{color:#00BDB6}