.proNav .sl_area span@charset "utf-8";
/* CSS Document */

/* Banner */
.flexslider{position:relative;height:656px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:656px;}
.flex-control-nav{ position:absolute; z-index:3; bottom:1px; text-align:left; left: 25%; transform: translate(-50%, -50%);}
.flex-control-nav li{display:inline-block;width:45px;height:45px;margin:0 5px;*display:inline;zoom:1; text-align:center;}
.flex-control-nav a{display:inline-block;width:45px;height:45px;line-height:45px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; color:#fff; font-size:12px;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.banner{ height:656px; background:#555;position: relative;}

.proNav{ background:#f5f5f5; padding-top:50px;}
.proNav .sl_area{ height:60px; line-height:60px; background:#272727;}
.proNav .sl_area p a{ display:block; text-align:center; min-width:120px; height:60px; line-height:60px; float:left; color:#fff; padding:0 23px; font-size:16px;}
.proNav .sl_area p a:hover{ border-bottom:5px solid #a3d900; height:55px;}
.proNav .sl_area span{ float:right; width:190px; height:60px; display:block; line-height:60px; text-align:center;}
.proNav .sl_area span a{ text-align:center; color:#fff; background:#a3d900; width:200px; height:60px; display:block; font-size:16px;}
.proNav .sl_area span a:hover{ background:#81a70d;}


.pronavCon{ height:918px; background:#f5f5f5; padding-top:25px;}
.pronavCon ul{ width:1210px;}
.pronavCon ul li{ width:395px; height:435px; margin-right:7px; margin-bottom:7px; float:left;}
.pronavCon ul li span{ margin-bottom:1px; display:block; height:395px; width:395px; background:#fff;}
.pronavCon ul li span img{ height:395px; width:395px;}
.pronavCon ul li p{ height:39px; line-height:39px; background:#fff;}
.pronavCon ul li:hover p{ background:#a3d900; color:#fff;}
.pronavCon ul li p a{ display:block; background:#fff; color:#333; text-align:center;}
.pronavCon ul li:hover p a{ background:#a3d900; color:#fff;}
.pronavCon ul li:hover span img{ opacity:0.8;}

.caseBar{ height:528px; padding-top:40px; background:url(../images/casebgindex.jpg) center top no-repeat;}
.caseIndex{ height:459px; width:570px; background:#fff; padding:15px; position:relative; float:left;}
.caseIndex h3{ height:42px; line-height:55px; font-size:16px;}
.caseright{ height:80px; width:80px; position:absolute; top:0px; left:600px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.caseright:hover{transform:translate(10px,0); -webkit-transform:translate(10px,0); -moz-transform:translate(10px,0); -o-transform:translate(10px,0); -ms-transform:translate(10px,0);}
.caseleft{ height:80px; width:80px; position:absolute; top:81px; left:600px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.caseleft:hover{transform:translate(10px,0); -webkit-transform:translate(10px,0); -moz-transform:translate(10px,0); -o-transform:translate(10px,0); -ms-transform:translate(10px,0);}
.casemore{ height:80px; width:80px; position:absolute; top:162px; left:600px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.casemore:hover{transform:translate(10px,0); -webkit-transform:translate(10px,0); -moz-transform:translate(10px,0); -o-transform:translate(10px,0); -ms-transform:translate(10px,0);}



.liuyan{ width:400px; height:489px; float:left; padding-left:200px;}
.liuyan p{ width:400px; height:50px; margin-top:10px;}
.liuyan p input{ height:50px; width:400px; text-indent:8px; font-size:14px;}
.liuyan p.text{ height:150px; width:400px;}
.liuyan p textarea{ height:130px; width:400px; text-indent:8px; padding-top:9px; font-size:14px;}
.liuyanbtn{ width:420px;}
.liuyanbtn input{ height:50px; width:195px; margin-right:10px; padding:0; border:none; cursor:pointer; font-size:16px;}
.liuyanbtn input:hover{ background:#a3d900; color:#fff;}






.kehulogoBar{ height:738px; background:#f5f5f5; padding-top:40px;}
.kehulogoBar .sl_area{ height:698px; width:1200px; background:#fff;}
.kehulogoBarLeft{ width:339px; height:698px; float:left; padding-left:30px; padding-right:30px;}
.kehulogoBarLeft h2{}
.kehulogoBarLeft h3{ font-size:25px;}
.kehulogoBarLeft p{ font-size:15px; line-height:25px;}
.kehulogoBarLeft p em{ color:#a3d900;}

.kehulogoBarRight{ width:799px; height:698px; float:left; border-left:1px solid #eee;}
.kehulogo ul{ width:800px;}
.kehulogo ul li{ border-right:1px solid #eee; border-bottom:1px solid #eee; height:200px; width:199px; float:left;}
.kehuNewsLeft{ height:268px; width:402px; float:left; padding-left:12px; padding-top:12px;}
.kehuNewsRight{ padding-top:12px; padding-left:12px; float:left; height:270px; width:345px;}
.kehuNewsRight ul li{ height:132px; width:345px; overflow:hidden; border-bottom:1px solid #eee;}
.kehuNewsRight ul li h3{ font-size:18px; line-height:50px;}
.kehuNewsRight ul li p{ font-size:15px; line-height:24px;}


.huamingCon{ height:926px; background:#fff;}
.huamingConLeft{ min-height:698px; width:560px; float:left; float:left; padding-top:40px; padding-right:80px;}
.huamingConLeft span{ float:right;}
.huamingConLefttxt{ font-size:15px; line-height:24px;}

.shouhouCon{}
.shouhouCon ul li{ height:198px; width:150px; background:#f5f5f5; padding:15px; float:left; margin-right:5px;}
.shouhouCon ul li:hover{ background:#a3d900; color:#fff;}
.shouhouCon ul li h3{ font-size:26px; line-height:55px; text-align:center;}
.shouhouCon ul li p{ font-size:15px; text-align:left; word-spacing:5px; line-height:30px;}


.huamingConRight{ min-height:698px; width:560px; float:left;}
.huamingConRight h3 span{ float:right;}
.huamingConRight .youshiCon li{ height:100px; background:#f5f5f5; margin-bottom:2px;}
.huamingConRight .youshiCon li span{ float:left;}
.huamingConRight .youshiCon li p{ float:left; line-height:90px; height:90px; font-size:16px; text-indent:12px;}
.huamingConRight .youshiCon li:hover{ background:#a3d900; color:#fff;}




















