@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; list-style: none; font-family: "Microsoft YaHei","STHeiti Light",Arial,"SimSun";}
body{color: #444; line-height: 2em; font-size: 14px; background: #f1f1f1; padding-top:90px;}
a{ color: #333; text-decoration: none;}
img{ border: none; -ms-interpolation-mode: bicubic;}
input,select,textarea,button{ outline: none;}
.left{ float: left;}
.right{ float: right;}
.layout{ width: 1200px; margin: 0 auto; overflow: hidden;}

#top{ width:100%; height:30px; background:#16a839; border-bottom:#8fc222 1px solid; display:none;}
.top marquee{ color:#fff; line-height:30px; font-size:14px;}

#head{ width:100%; height:100px; background:#fff; /*background:linear-gradient(to right, #8fc222, #16a839);*/ position:fixed; top:0; left:0; z-index:999; border-bottom:#efefef 1px solid; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.head{ width:1200px; height:100px; margin:0 auto; position:relative;}
.head .logo{ position:absolute; top:0; left:0; width:320px; height:100px; background:#fff url(../img/logo-x.jpg) no-repeat; background-size:90%;}
.head .menu{ height:80px; margin:10px 70px 0 0;}
.head .menu ul li.nLi{ float:left; margin-left:20px; position:relative; display:inline;}
.head .menu ul li h3 a{ font-size: 15px; line-height:70px; margin-top:6px; margin-bottom:10px; border-bottom:#fff 4px solid;/*font-weight:normal;*/}
.head .menu ul li .sub{ display:none; width:110px; left:0; top:80px; background:rgba(143,194,34,.9); z-index:999;}
.head .menu ul li .sub li{ zoom:1; border-top:rgba(255,255,255,.1) 1px solid;}
.head .menu ul li a{ display:block; width:80px; line-height:80px; margin:0 15px; text-align:center;}
.head .menu ul li .sub a{ line-height:40px; text-align:center; font-size:13px; color:#fff;}
.head .menu ul li:hover h3 a{ border-bottom:#16a839 4px solid; }
.head .menu ul li .sub li:hover{ background:rgba(0,0,0,.5);}
.head .language{ display:block; height:40px; line-height:40px; padding:0 15px 0 45px; background:url(../img/en-x.png) 15px center no-repeat; background-size:20px; border-radius:5px; margin:30px 20px 20px 20px;}
.head .language:hover{ background:rgba(0,0,0,.1) url(../img/en-x.png) 15px center no-repeat; background-size:20px; color:#16a839;}

.index-head{ width:100%; height:400px; background:url(../img/headx.jpg) center center no-repeat;}
.index-head .zh,.index-head .en{ display:block; text-align:center; color:#fff; line-height:1.5em;}
.index-head .zh{ font-size:40px;}
.index-head .en{ font-size:20px;}

.idxproduct{ margin-top:30px; margin-bottom:30px;}
.idxproduct .bd{ margin-top:20px;}
.idxproduct ul{ width:1220px;}
.idxproduct ul li{ float:left; margin-right:20px; width:283px; border:#fff 1px solid; position:relative;}
.idxproduct ul li span{ display:block;}
.idxproduct ul li .idpimg{ height:190px;}
.idxproduct ul li .idptit{ /*position:absolute; bottom:30px; left:40px;*/ width:283px; height:50px; line-height:50px; background:rgba(255,255,255,.8); text-align:center;}
.idxproduct ul li:hover{ border:#16a839 1px solid;}
.idxproduct ul li:hover .idptit{ background:linear-gradient(to right, #8fc222, #16a839); color:#fff;}

#banner{ width:100%; height:400px;}
.bann{ width:100%; height:400px; position:relative; z-index:99; overflow:hidden;}
.bann .hd{ height:15px; position:absolute; left:50%; margin-left:-50px; bottom:30px; z-index:2;}
.bann .hd ul{ overflow:hidden; zoom:1;}
.bann .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; border-radius:10px; background:rgba(0,0,0,.5); cursor:pointer;}
.bann .hd ul li.on{ background:#16a839;}
.bann .bd{ position:absolute; left:50%; margin-left:-600px; top:0; width:1200px; height:400px; z-index:1;}
.bann .bd li{ width:100%; height:400px; zoom:1; vertical-align:middle; }
.bann .bd li a{ display:block; width:100%; height:400px; }

#about{ width:100%; height:1250px; background:#fff url(../img/aboutbg.png) left 40px no-repeat;}
.about{ height:400px; padding:60px 0;}
.about .amain{ width:540px; padding-right:60px;}
.about .amain .title{ font-size:36px; line-height:1.5em; font-weight:bold; color:#16a839; margin-bottom:20px;}
.about .amain .title b{ font-size:20px; line-height:1.5em; color:#aaa;}
.about .amain p{ font-size:18px; line-height:2em;}
.about .aimg{ width:600px;}

.product{ background:#efefef; height:550px; padding:60px 0; position:relative; z-index:99;}
.product .hd{ height:120px; position:absolute; right:60px; top:360px; z-index:2;}
.product .hd ul{ overflow:hidden; zoom:1;}
.product .hd ul li{ width:400px; height:60px; margin-top:10px; line-height:60px; font-size:20px; background:url(../img/jia.png) 20px center no-repeat #dedede; text-align:center; cursor:pointer;}
.product .hd ul li.on{ background:url(../img/jia.png) 20px center no-repeat #16a839; color:#fff;}
.product .bd3{ position:absolute; left:60px; top:60px; width:800px; height:550px; z-index:1;}
.product .bd3 li{ width:800px; height:550px; zoom:1; vertical-align:middle; }
.product .bd3 li img{ display:block; width:800px; height:550px; background:#fff; }
.product .title{ position:absolute; right:60px; top:120px; font-size:36px; line-height:1.5em; font-weight:bold; z-index:1; color:#16a839; text-align:right;}
.product .title b{ font-size:20px; line-height:1.5em; color:#aaa;}

#case{ width:100%; height:600px;}
.case{ height:600px; position:relative; z-index:99;}
.case .hd{ height:15px; position:absolute; left:50%; margin-left:-200px; bottom:80px; z-index:2;}
.case .hd ul{ overflow:hidden; zoom:1;}
.case .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; background:rgba(0,0,0,.5); cursor:pointer;}
.case .hd ul li.on{ width:55px; background:#16a839;}
.case .bd4{ position:absolute; right:0; top:60px; width:900px; height:480px; z-index:1;}
.case .bd4 li{ position:relative; width:600px; height:400px; padding-top:80px; padding-left:300px; zoom:1;}
.case .bd4 li img{ position:absolute; top:0; left:0; display:block; width:600px; height:400px; background:#fff; }
.case .bd4 li .cmain{ display:block; width:180px; height:400px; padding:100px 60px 100px 360px; background:#fff;}
.case .bd4 li .cmain h3{ font-size:22px; margin-bottom:20px;}
.case .bd4 li .cmain p{ font-size:16px;}
.case .title{ position:absolute; left:60px; top:140px; font-size:36px; line-height:1.5em; font-weight:bold; z-index:1; color:#16a839; }
.case .title b{ font-size:20px; line-height:1.5em; color:#aaa;}

#customer{ width:100%; height:630px; background:url(../img/custbg.jpg) center center no-repeat; display:none;}
.customer{ height:630px;}
.customer .title{ margin:50px 0 10px 0; font-size:28px; line-height:1.5em; color:#fff; text-align:center;}
.customer .title b{ font-size:20px; line-height:1.5em; color:#ddd;}
.customer .bd1{ margin-top:10px;}
.customer .bd2{ margin-bottom:30px;}
.customer ul{ width:1230px;}
.customer ul li{ float:left; width:216px; height:150px; margin-right:30px; margin-top:30px;}
.customer p{ text-align:center; color:#fff;}
.customer p b{ font-size:18px; font-weight:normal;}

#news{ width:100%; height:560px;}
.news .title{ margin:50px 0 10px 0; font-size:36px; line-height:1.5em; font-weight:bold; color:#16a839; text-align:center;}
.news .title b{ font-size:20px; line-height:1.5em; color:#aaa;}
.news ul{ margin-top:20px;}
.news ul li{ width:389px; height:150px; padding:20px 20px 20px 190px; float:left; position:relative; background:rgba(255,255,255,.7); margin-top:1px; margin-right:1px;}
.news ul li span{ display:block;}
.news ul li .nimg{ width:150px; height:150px; position:absolute; left:20px; top:20px; overflow:hidden;}
.news ul li .ntit{ font-size:22px; font-weight:bold; line-height:2em; height:44px; overflow:hidden;}
.news ul li p{ color:#666;}
.news ul li p b{ border:#16a839 1px solid; padding:3px 5px; color:#16a839; margin-right:15px;}
.news ul li .ninfo{ margin-top:10px;}
.news ul li:hover{ background:#fff;}
.news ul li:hover .ntit{ color:#16a839;}

#message{ width:100%; height:200px; background:linear-gradient(to right, #8fc222, #16a839);}
.message{ height:140px; padding:40px 0 20px;}
.message .title{ width:600px;}
.message .title p{ font-size:30px; color:#fff; line-height:1.5em;}
.message .title span{ margin-top:20px; display:block; width:100px; height:5px; background:#fff;}
.message form{ width:600px; margin-top:-20px;}
.message form ul li{ float:left; width:270px; height:56px; line-height:56px; margin:0 0 0 30px; padding:5px 0; border-bottom:#fff 1px solid; position:relative;}
.message form ul li span{ display:inline-block; width:80px; color:#fff;}
.message form ul li input[type=text]{ width:190px; height:30px; line-height:30px; background:none; border:none; color:#fff; font-size:16px;}
.message form ul li img{ position:absolute; width:80px; height:30px; top:20px; right:0;}
.message form ul li input[type=submit]{ width:270px; height:40px; line-height:40px; background:#fff; border:none; border-radius:4px; color:#16a839;}

#foot{ width:100%; background:#fff; margin-top:30px;}
.foot{ padding:40px 0;}
.foot .logo{ width:250px; height:120px; background:url(../img/flogo.jpg) no-repeat; overflow:hidden;}
.foot .fmain{ width:830px;}
.foot .fmain .menu{ font-weight:bold;}
.foot .fmain .menu a{ color:#333;}
.foot .fmain p span{ padding:0 10px;}
.foot .fmain p,.foot .fmain p a{ color:#666;}
.foot .copyright{ margin-top:10px;}
.foot .fweixin{ width:120px; height:120px; background:url(../img/wechat.png) no-repeat; overflow:hidden;}

/* index end */

#sub{ width:100%; height:400px;}
.sub-about{ width:100%; height:400px; background:url(../img/aboutbgx.jpg) top center no-repeat;}
.sub-product{ width:100%; height:400px; background:url(../img/productbgx.jpg) top center no-repeat;}
.sub-details{ width:100%; height:400px; background:url(../img/productbgx.jpg) top center no-repeat;}
.sub-case{ width:100%; height:400px; background:url(../img/albgx.jpg) top center no-repeat;}
.sub-recruit{ width:100%; height:400px; background:url(../img/zpbgx.jpg) top center no-repeat;}
.sub-contact{ width:100%; height:400px; background:url(../img/lxbgx.jpg) top center no-repeat;}

.page-about{ background:#fff; width:1140px; min-height:600px; padding:20px 30px 30px; margin:0 auto; /*margin-top:30px; border-top-left-radius:20px; border-top-right-radius:20px;border-radius:20px;*/ overflow:hidden;}

.page-crumbs{ height:56px; border-bottom:#eee 1px solid; position:relative;}
.page-crumbs .title{ font-size:22px; line-height:56px; color:#16a839; background:url(../img/minilogo.jpg) left center no-repeat; padding-left:40px;}
.page-crumbs p{ position:absolute; right:0; top:13px; color:#666;}
.page-crumbs p span{ padding:0 5px; color:#999;}
.page-crumbs p a{ color:#16a839;}

.page-menu{ width:240px; padding:20px 0;}
.page-menu .title{ height:75px; padding:25px 0 0 20px; background:#16a839;}
.page-menu .title h2{ font-size:22px; color:#fff; font-weight:normal;}
.page-menu .title h3{ color:#fff; font-size:13px; font-weight:normal;}
.page-menu ul li{ margin-top:2px; height:56px; background:#efefef;}
.page-menu ul li a{ display:block; width:210px; height:26px; padding:15px 15px 15px 20px;}
.page-menu ul li a span{ border-left:#bbb 4px solid; padding-left:15px; line-height:26px;}
.page-menu ul li.hover,.page-menu ul li:hover{ background:#8fc222;}
.page-menu ul li.hover a span,.page-menu ul li:hover a span{ border-left:#fff 4px solid; color:#fff;}

.page-content,.page-product,.page-news{ width:850px; padding:20px 0;}
.page-content .info{ border-bottom:#eee 1px solid; padding-bottom:10px; margin-bottom:20px; text-align:center; color:#666;}
.page-content p{ padding:8px 0; line-height:2em; color:#666;}
.page-content p.txt{ padding:15px 20px; background:#efefef; margin-bottom:15px;}
.page-content p img,.page-content img{ max-width:100%; padding:8px 0;}
.page-content .thumb{ text-align:center;}
.page-content h1,.page-content h2{ line-height:3em;}

.page-content h5,
.page-product h5{ height:20px; line-height:20px; margin-bottom:20px; padding:15px 0 15px 20px; background:#8fc222; font-size:16px; color:#fff; font-weight:normal;}

.page-content .about-imgs{ width:850px;}
.page-content .about-imgs ul{ width:870px;}
.page-content .about-imgs ul li{ float:left; width:415px; height:270px; margin-right:20px; margin-top:20px;}

.page-product ul{ width:870px; overflow:hidden;}
.page-product ul li{ width:415px; float:left; margin-right:20px; margin-bottom:20px;}
.page-product ul li span{ display:block;}
.page-product ul li .pimg{ width:413px; height:285px; border:#efefef 1px solid;}
.page-product ul li .ptit{ height:50px; line-height:50px; background:#efefef; text-align:center;}
.page-product ul li:hover .pimg{ border:#16a839 1px solid;}
.page-product ul li:hover .ptit{ background:#16a839; color:#fff;}

.page-news ul li{ height:56px; position:relative; background:url(../img/dian.png) 10px center no-repeat; background-size:5px;}
.page-news ul li:nth-child(2n){ background:#fafafa url(../img/dian.png) 10px center no-repeat; background-size:5px;}
.page-news ul li a{ display:block;}
.page-news ul li .ntit{ font-size:16px; line-height:56px; padding-left:30px;}
.page-news ul li .ndate{ position:absolute; right:10px; top:13px;}
.page-news ul li:hover .ntit{ color:#16a839;}

/* index new */
.idxmain{ width:1380px; margin:40px auto 20px; overflow:hidden;}

.idxcase{ padding:30px 0; display:none;}
.idxtit{ font-size:22px; line-height:2em; color:#16a839; background:url(../img/minilogo.png) left center no-repeat; padding-left:40px;}
.idxtit span{ display:block; font-size:14px; color:#333; line-height:1.2em;}
.idxcase ul{ width:1260px;}
.idxcase ul li{ float:left; width:338px; border:#fff 1px solid; padding:20px; margin:20px 30px 0 0; background:rgba(255,255,255,.5); border-radius:10px; overflow:hidden;}
.idxcase ul li span{ display:block;}
.idxcase ul li .idcimg{ width:338px; height:212px; overflow:hidden;}
.idxcase ul li .idcimg img{ transition: all .5s linear;}
.idxcase ul li .idctxt{ width:338px; line-height:50px; background:linear-gradient(to right, #8fc222, #16a839); color:#fff; text-align:center;}
.idxcase ul li:hover{ border:#16a839 1px solid;}
.idxcase ul li:hover .idcimg img{ transform:scale(1.2);}

#indabout{ margin-bottom:30px; background:#fff;}
.idxabout{ padding:30px 0;}
.idxabout .idpimg{ width:378px; height:250px; margin-top:20px; position:relative; overflow:hidden;}
.idxabout .idpimg ul li{ float:left;}
.idxabout .idpimg .hd{ height:15px; position:absolute; left:260px; bottom:20px; z-index:2;}
.idxabout .idpimg .hd ul{ overflow:hidden; zoom:1;}
.idxabout .idpimg .hd ul li{ float:left; margin-right:5px; width:15px; height:15px; border-radius:10px; background:rgba(0,0,0,.5); cursor:pointer;}
.idxabout .idpimg .hd ul li.on{ background:#16a839;}
.idxabout .idpimg img{ transition: all .5s linear;}
.idxabout .idpimg ul li:hover img{ transform:scale(1.2);}
.idxabout .indinfo{ width:790px; margin-left:30px;}
.idxabout .idptxt{ margin:20px 0; color:#888; line-height:2.5em;}
.idxabout .idpmore{ display:block; width:160px; line-height:40px; border-radius:5px; background:linear-gradient(to right, #8fc222, #16a839); color:#fff; text-align:center;}
.idxabout .idpmore:hover{ background:linear-gradient(to right, #16a839, #8fc222);}

.idxvideo{ width:438px; height:272px; margin-top:30px; background:#fff; border:#efefef 1px solid; border-radius:10px; overflow:hidden;}
.idxvideo:hover{ border:#16a839 1px solid;}

.idxright{ width:440px;}
.idxculture{ width:378px; height:229px; padding:30px; background:#fff; border:#efefef 1px solid; border-radius:10px;}
.idxculture:hover{ border:#16a839 1px solid;}
.idxculture ul li{ float:left; width:338px; height:130px; padding:15px 20px 20px; background:linear-gradient(to right, #8fc222, #16a839); margin-top:20px;}
.idxculture ul li span{ display:block; color:#fff; line-height:2em;}
.idxculture ul li .idctit{ font-size:22px;}

.idxnews{ padding:30px 0; }
.idxnews ul{ width:1230px;}
.idxnews ul li{ float:left; width:435px; height:105px; padding:20px 0 0 150px; margin-right:30px; position:relative; overflow:hidden;}
.idxnews ul li span{ display:block;}
.idxnews ul li .idnimg{ position:absolute; left:0; top:20px; width:130px; height:105px; overflow:hidden;}
.idxnews ul li .idnimg img{ transition: all .5s linear;}
.idxnews ul li .idntit{ font-size:16px; line-height:40px; height:40px; overflow:hidden;}
.idxnews ul li .idntit:hover{ color:#16a839;}
.idxnews ul li .idntxt{ color:#999; height:60px; overflow:hidden; }
.idxnews ul li:hover .idnimg img{ transform:scale(1.2);}