@import url(global.css);
/*-----------banner---------------------------------------- */
.mainBody{width:1200px; margin: 0 auto; padding: 50px 0;}
.banner {width:100%; min-width:1200px;height:540px;}
.banner .main{width:1200px; margin: 0 auto;}
.banner .main h2{padding: 120px 0 0 20px; font-size: 50px; color: #fff; line-height: 60px;}
.banner .main p{padding: 20px 0 0 20px; font-size: 30px; color: #eee; line-height: 40px;}
.banner .main a{margin: 40px 0 0 20px; width: 150px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #fff; display: block; font-size:16px; color: #fff;}
.banner .main a:hover{border: 1px solid #fff; display: block; color: #014e2c; background: #fff;}
.content{ width: 1200px; margin: 0 auto; padding:20px 0;line-height: 27px; font-size: 14px; color: #666;}
.dqwzs{height:45px; line-height:45px;font-size:14px; text-indent:25px; border-bottom: 1px solid #eee;background:#fff url(../images/zhuye.png) no-repeat 15px center; padding:0 25px; margin-bottom:20px;}

.dqwz{width: 100%;min-width:1200px;padding: 15px 0;background:#fff;border-bottom: 1px solid #f3f3f3;}
.dqwz .main{ width:1200px; margin:0 auto; height:40px; line-height:40px;}
.dqwz .main h2{ width:400px; float:left; height:40px; font-weight: normal; color: #666; font-size: 14px;text-indent:25px;background:url(../images/zhuye.png) no-repeat 0 center;}
.dqwz a{ color: #333;}
.dqwz a:hover{ color: #666;}
.dqwz .main ul{ width:800px; float:right; height:40px;}
.dqwz .main ul li{ width:auto; float:right; padding:0 0 0 10px;}
.dqwz .main ul li a{ width:auto; padding:0 20px; height:40px; display:block; background:#014e2c; color:#fff;}
.dqwz .main ul li a:hover{display:block; background:#d8ae64; color:#fff;}
.dqwz .main .u-crt{display:block; background:#d8ae64; color:#fff;}

/*产品中心*/
.pro{width:100%; min-width: 1200px;background: #f5f5f5;padding: 40px 0 80px 0;position: relative;}
.pro h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}
.pro h2 a{display: block;;}
.pro h2 b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height: 48px;display: block;text-align: center;padding-top: 6px;margin: 0 auto;margin-bottom: 8px;}
.pro h2 b img{width: auto;height: auto;margin: 0 auto;}
.pro h2 span{color: #014e2c;font-weight: bold;}
.pro h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.pro h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.tit li{float: left;width: 173px;margin-right: 30px; border: 1px solid #029244;}
.tit li:last-child{margin-right: 0;}
.tit li a{display: block;text-align: center;height:55px;width: 100%;font-size: 18px;color: #fff;background:#014e2c;line-height: 55px;}
.tit li.cur a,.tit li a:hover{background:#252525;}
.pro .con{margin-top: 68px;height: 450px;overflow: hidden;position: relative;}
.pro .con dt{width: 600px;height: 450px;float: left;border:1px solid #eee;box-sizing:border-box;}
.pro .con dt img{width: 600px;height: 450px;}
.pro .con dd{float: left;width: 560px;height: 219px;background: #fff;margin-left: -37px;margin-top: 32px;padding-left: 50px;padding-right: 27px;padding-top: 33px;}
.pro .con dd span{font-size: 12px;color: #D6D6D6;display: block;}
.pro .con dd b{font-size: 20px;font-weight: normal;display: block;width: 31px;white-space: nowrap;border-bottom: 2px solid #CA1624;padding-bottom: 3px;margin-bottom: 28px;}
.pro .con dd p{width: 560px;line-height: 30px;color: #7D7D7D;font-size: 16px;height: 85px;overflow: hidden;}
.pro .con dd a.more{font-size: 14px;color: #7D7D7D;text-decoration: underline;}
.pro .con dd a.more img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;margin-left: 6px;}
.pro .con dd a.more:hover{color: #CA1624;}
.pro .con dd a.more:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}
.pro .con em.picc{position: absolute;width: 383px;height: 166px;display: block;right: 0;bottom: 0;overflow:hidden;}
.pro .con .qh{width: 189px;height: 75px;background: #fff;position: absolute;right: 195px;bottom: 0;}
.pro .con .qh i{width: 50%;text-align: center;display: block;float: left;padding-top: 30px;height: 45px;cursor:pointer;}
.pro .con .qh i.prev:after{content: "";display: block;float: right;width: 1px;height: 27px;background: #F0F0F0;margin-top: -5px;}
.pro .con2{margin-top: 40px;}
.pro .con2 dl{float: left;width: 385px;margin-right: 21px;margin-bottom:24px;}
.pro .con2 dl:nth-child(3n){margin-right: 0;}
.pro .con2 dt{width: 385px;height: 385px;line-height: 0;}
.pro .con2 dt img{width: 385px;height: 385px;border:1px solid #eee;box-sizing:border-box;}
.pro .con2 dd{height: 74px;background: #fff;padding-left: 17px;padding-top: 20px;position: relative;}
.pro .con2 dd b{display: block;font-size: 20px;color: #2C2C2C;margin-bottom: 10px;}
.pro .con2 dd b a{color: #014e2c;}
.pro .con2 dd span{display: block;font-size: 16px;color: #8B8B8B;}
.pro .con2 dd a.more{position: absolute;width: 52px;height: 55px;display: block;right: 12px;bottom: 18px;background: url(../images/pz_more2.png) no-repeat center;transition: all .2s linear;}
.pro .con2 dl:hover{box-shadow:0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);}
.pro .con2 dl:hover dd b a{color: #2C2C2C;}
.pro .con2 dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 65px;}

/* ------------案例--------------------- */
.case{width:100%;height:auto; padding: 50px 0;}
.case .list{width:1200px; height:auto; position:relative; padding-bottom: 20px;}	
.case .list li{ width: 385px; float: left; border: 1px solid #e2e1e1; margin:0 20px 20px 0;}		
.case .list li:hover{background: #fff; box-shadow: 5px 5px 15px #999;}		
.case .list .a1{width: 387px; height: 290px; overflow: hidden;margin-left: -1px;}
.case .list .a1 img{width:100%;height: 290px;transition: all 0.5s;}
.case .list .a1:hover img{transform: scale(1.1);}
.case .list .a2{padding:20px 20px 10px 20px; font-size: 20px;}	
.case .list .a2 a{color: #000;}	
.case .list .a3{padding: 0 20px; height: 48px; line-height: 24px; overflow: hidden;}	
.case .list .a4{height: 41px; padding: 10px 20px;}	
.case .list .a4 .a6{width: 41px; height: 41px; display: block; overflow: hidden;background:url(../images/case01.png) 0 0 no-repeat;}	
.case .list li:hover .a6{display: block; overflow: hidden;background:url(../images/case01.png) right 0 no-repeat;}	
.case .list .a5{ height: 41px; padding: 30px 20px 10px 20px; color: #000;}	
.case .list ul{ width: 1300px;}

/* ------------video--------------------- */
.video{width:100%;height:auto; padding: 50px 0;}
.video .box{width:1200px;}
.video .box li{width: 385px; height: 350px; float: left; margin:0 20px 20px 0;position: relative; background: #fff;}
.video .box li:nth-child(3n){margin-right: 0;}
.video .box li:hover{background: #fff; box-shadow: 5px 5px 15px #999;}
.video .box .top1{width: 0px;height: 3px;position: absolute;z-index:1;top: 0; left: 0;}
.video .box .bottom1{width: 0px;height: 3px;position: absolute;z-index:1;bottom: 0;right: 0;}
.video .box .left1{width: 3px;height: 0;position: absolute;z-index:1;left: 0;top: 0;}
.video .box .right1{width: 3px;height: 0;position: absolute;z-index:1;right: 0;bottom: 0;}
.video .box li .img{width: 379px;height:285px;position: absolute;top: 0;left:0; border:3px solid #f1f1f1;border-bottom: 0;}
.video .box h2{width: 379px;height:58px;position: absolute;bottom: 0;left: 0; font-size: 16px; text-align: center; font-weight: normal; text-indent: 10px; line-height:56px;color: #666;border:3px solid #f1f1f1; border-top: 0;}
.video .box h3{position: absolute;z-index: 5;width: 50px;height: 50px;top: 3px;right: 3px;}
.video .box h3 img{width: 50px;height: 50px;}
.video .box li p{position: absolute;z-index: 2;width:379px;height: 0px;top: 3px;left: 3px; background:url(../images/video.png) no-repeat center center;}
.video .box li p a{ display: block; width: 100%; height: 100%;}

/* ------------新闻页面--------------------- */
.news{ width: 100%; overflow:hidden; padding-top:30px;}
.news li{width:100%; height:195px;overflow:hidden; padding: 20px; background: #fff; margin-bottom: 15px;}	
.news .a1{width:320px; height:195px; float: left; overflow: hidden; margin-right: 30px;}
.news .a1 img{width:100%;transition: all 0.5s;}
.news .a1:hover img{transform: scale(1.1);}
.news .a2{width:810px; height: 36px; line-height: 36px; float: left; overflow: hidden;font-size:20px;}	
.news .a2 a{color: #000;}	
.news .a2 a:hover{color: #014e2c;}	
.news .a3{width:810px; height: 20px;float: left;color: #666; font-size: 18px; padding: 10px 0;}	
.news .a4{width:810px; height: 81px; line-height:27px; float: left;color: #999; font-size: 13px; overflow: hidden;}
.news .a5{width:810px; height: 35px; float: left;color: #999; font-size: 14px; padding-top: 10px;}
.news .a5 a{width:130px; height: 30px; line-height:30px; float: left; display: block;background: url(../images/jt_r.png) no-repeat 80px center;}
.news .a5 a:hover{ color: #014e2c;background: url(../images/jt_r03.png) no-repeat 80px center;}

.fanhui{width: 49px;height: 49px;display: block;position: absolute;left: -49px;top: 0;cursor: pointer;background: #014e2c;}
.fanhui:hover{display: block;background: #333;}
.news1{overflow:hidden; background: #fff; padding: 60px; margin-top:40px;}
.news1 .con1{width:100%; height:auto; line-height:40px; font-size:32px; color:#014e2c; text-align:center;overflow:hidden;}
.news1 .con3{width:100%; height:20px; padding:5px 0;}
.news1 .con4{width:100%; height:24px; line-height:24px; text-align:center; padding:30px 0;}
.news1 .con2{height:auto;padding:10px 0; line-height:30px;overflow:hidden;border-top:1px solid #eee; font-size: 14px; color: #666;}
.news1 .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.news1 .con2 h5 img{width:600px; height:auto;}

.news2{overflow: hidden;background: #fff; padding: 20px; margin-top:30px;}
.news2 h2{border-left: 4px solid #014e2c; height:40px;line-height:40px; text-indent:15px; font-size:16px; background: #f1f1f1; font-weight: normal;}
.news2 ul{ width:100%; overflow: hidden; padding: 10px 0;}
.news2 li{ width: 48%; height:30px; line-height: 30px; float: left; padding: 0 1%; font-size: 14px;}
.news2 li a{ width:70%; height:30px; float: left; display: block;background:url(../images/sl_cqhh.png) no-repeat 0 center; text-indent: 20px;}	
.news2 li i{ width:26%; height:30px; float: right; display: block; text-align: right; font-style: normal; padding-right: 5px;}	

/* ------------产品详情--------------------- */
.products{width: 1200px; margin: 0 auto; overflow:hidden; padding: 50px 0;}
.product{overflow:hidden; padding:60px; background: #fff; margin-top: 40px;}
.picture{overflow:hidden;}
.picture .left1 {width:500px; height:500px;float:left;border:1px solid #f1f1f1; overflow: hidden;}
.picture .left1:hover{border:1px solid #ccc;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:530px;height:500px;float:right; }
.picture .right1 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:24px; color:#014e2c;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:340px;padding:20px 0;line-height:27px;overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.picture .right1 .con3{width:100%; height:50px; padding-top:20px;}

.picture .left2{width:500px; height:375px;float:left;border:1px solid #f1f1f1; overflow: hidden;}
.picture .left2 img{width:100%;transition: all 0.5s;}
.picture .left2:hover img{transform: scale(1.1);}
.picture .right2 {width:530px;height:375px;float:right; }
.picture .right2 .con1{width:100%; height:40px; line-height:40px; padding-bottom:10px; font-size:27px; color:#014e2c;overflow:hidden; font-weight: bolder;}
.picture .right2 .con2{width:100%;height:240px;padding:10px 0;line-height:27px; overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.picture .right2 .con3{width:100%; height:50px; padding-top:10px;}
.mores{ width:180px; height:50px; line-height:50px; font-size:16px; display: inline-block; text-align: center; color: #fff; background: #014e2c url(../images/kf.png) no-repeat 40px center; padding-left: 20px;}
.mores:hover{display: inline-block; background:#005d25 url(../images/kf.png) no-repeat 40px center; color: #fff;} 


.product .title{height:45px; border-bottom:1px solid #014e2c; margin:20px 0;}
.product .title h2{ width:140px;height:45px; font-size:16px; line-height:45px; font-weight: normal; color: #fff; background: #014e2c; text-align: center;}
.product .con5{width:100%;padding:15px 0; line-height:27px;overflow:hidden;color: #666;}
.product .con5 td{ padding: 5px;}
.pro01 .con02{width: 100%;}
.pro01 .con02 dl{float: left;width: auto;margin-right: 20px;}
.pro01 .con02 dl:nth-child(4n){margin-right: 0;}
.pro01 .con02 dt{width: 255px;height: auto;line-height: 0;}
.pro01 .con02 dt img{width: 255px;height: auto;border:1px solid #eee;box-sizing:border-box;}
.pro01 .con02 dd{width: 178px; height: 74px;background: #fff;padding: 15px 60px 0 15px;position: relative; border-top: 0 !important; border:1px solid #eee;}
.pro01 .con02 dd b{width: 100%; height: 32px; line-height: 32px; overflow: hidden; display: block;font-size: 20px;color: #2C2C2C;margin-bottom: 5px; font-weight: normal;}
.pro01 .con02 dd span{display: block;font-size: 14px;color: #8B8B8B;}
.pro01 .con02 dd a.more{position: absolute;width: 52px;height: 55px;display: block;right: 12px;bottom: 18px;background: url(../images/pz_more2.png) no-repeat center;transition: all .2s linear;}
.pro01 .con02 dl:hover{box-shadow:0 3px 15px 2px rgba(0,0,0,0.05), 0 0px 15px rgba(0,0,0,0.05);}
.pro01 .con02 dl:hover dd b a{color: #014e2c;}
.pro01 .con02 dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 65px;}

.con6{height:47px;line-height:45px;overflow:hidden;font-size: 14px; padding:25px 0;}
.con6 .zhong{width:47px;height:47px; float: left; border-radius: 50px; background: #014e2c; margin-left: 20px; font-size: 30px; text-align: center;}
.con6 .zhong a{color: #fff;}
.con6 .zhong a:hover{color: #fff;}
.con6 .pre{width:46%;height:45px; float: left; border-radius: 50px; border: 1px solid #ccc;}
.con6 .next{width:46%;height:45px; float: right;border-radius: 50px;border: 1px solid #ccc; text-indent: 25px;}
.con6 .span{width:45px;height:45px; padding: 0 5px; display: inline-block; font-size:24px; text-align: center;}
.con6 .pre .span{float: left;}
.con6 .next .span{float: right; padding-right: 25px;}
.con6 a:hover{ color: #014e2c;}

/* ------------分页--------------------- */
.page{width:100%; text-align:center; overflow: hidden; padding:15px 0; background: #fff;}
.page a{ display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page .current{background:#014e2c; color:#fff;display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page a:hover{background:#014e2c; color:#fff;}
.pages{ padding: 50px; background: #fff;}

/* ------------联系我们--------------------- */
.contact{width:1200px;height:auto;overflow:hidden; margin: 40px auto; background: #fff;}
.contact .list{width: 440px; height: 420px; float: left; overflow:hidden; padding:50px 80px;}
.contact .list li{width: 100%;}
.contact .list h2{width: 100%; height: 40px; line-height: 40px; font-size: 24px; color: #000; padding-bottom: 20px;}
.contact .list p{width: 100%;height: 62px; line-height: 62px; text-indent: 50px; border-bottom: 1px solid #e5e5e5;overflow: hidden; color: #333;}
.contact .list .a1{background: url(../images/lx01.png) no-repeat 0 center;}
.contact .list .a2{background: url(../images/lx02.png) no-repeat 0 center;}
.contact .list .a3{background: url(../images/lx03.png) no-repeat 0 center;}
.contact .list .a4{background: url(../images/lx04.png) no-repeat 0 center;}
.contact .list .a5{background: url(../images/lx05.png) no-repeat 0 center;}

.contact02{width:1060px;height:auto;overflow:hidden; margin: 0 auto 100px auto; background: #fff url(../images/contact.jpg) no-repeat 30px 20px; padding: 70px;}
.contact02 .title{width:300px; float: left; font-size: 20px; color: #999;}
.contact02 .title h2{ font-size: 24px; color: #000;}
.contact02 .list{width:500px; float: right;}
.contact02 .list .a1{width:100%; padding-bottom:20px;}
.contact02 .list .a1 input{width:498px; height: 60px; line-height: 60px; border: 1px solid #ccc; font-size: 16px; color: #999; text-indent: 20px;box-shadow: 1px 1px 10px 1px #e0e0e0 inset;}
.contact02 .list .a3 textarea{width:458px; height: 100px; padding: 10px 20px; line-height: 30px; border: 1px solid #ccc; font-size: 16px; color: #999;box-shadow: 1px 1px 10px 1px #e0e0e0 inset; font-family: "微软雅黑";}
.contact02 .list .a4{width:100%; padding-top: 20px;}
.contact02 .list .a4 .submit{width:100%; height: 60px; line-height: 60px; background: #014e2c; border: 0; font-size: 22px; color: #fff;transition: all 0.6s ease 0s;}
.contact02 .list .a4 .submit:hover{width:100%; height: 60px; line-height: 60px; background: #000; border: 0; font-size: 22px; color: #fff;}

/* ------------关于我们--------------------- */
.about00{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding:80px 0;}
.abouttit{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;}
.abouttit a{display: block;;}
.abouttit b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height: 48px;display: block;text-align: center;padding-top:10px;margin: 0 auto;margin-bottom: 8px;}
.abouttit b img{width: auto;height: auto;margin: 0 auto;}
.abouttit span{color: #014e2c;font-weight: bold;}
.abouttit em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.abouttit em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.about00 .list{width:100%; overflow: hidden; padding-top: 50px;}
.about00 .left{width:600px; height: 380px;float: left;overflow: hidden;}
.about00 .left img{width:100%;transition: all 0.5s;}
.about00 .left:hover img{transform: scale(1.1);}
.about00 .right{width:550px; float: right;position: relative;}
.about00 .right i{display: block;width: 80px;height: 2px;background-color: #014e2c;position: absolute;top: 20px;left: -100px;}
.about00 .right h3{ width: 100%; height: 40px; font-size: 32px; color: #014e2c; line-height: 40px; font-weight: normal;}
.about00 .right h4{ width: 100%; height: 70px; font-size: 18px; color: #014e2c; line-height: 70px; font-weight: normal;}
.about00 .right .p{ width: 100%; height: 380px; font-size: 14px; line-height:24px; overflow: hidden;}

.about01{width:1200px;margin: 0 auto;height:auto;overflow:hidden;padding:20px 0 80px 0;}
.about01 ul li{width: 24.8%;float: left;border-left: 1px solid #ddd;height: 290px;}
.about01 ul li span{font-size: 45px;color: #014e2c;font-family: "QUEEN";padding: 100px 0 0 30px;display: block;}
.about01 ul li p{font-size: 13px;color: #606060;line-height: 20px;margin-top: 30px;padding:0 30px;}
.about01 ul li.li04{border-right: 1px solid #ddd;}
.about01 ul li i{width: 3px;height: 10px;background-color: #014e2c;display: block;top: 40px;position: relative;}

.about02{ width: 100%; min-width:1200px;overflow:hidden; background: #fff; padding: 80px 0;}
.about02 .tab6{width:1200px;margin: 0 auto;height:auto; padding: 50px 0; position: relative;}
.about02 .tab6s{width:1200px;margin: 0 auto;height:auto; padding: 50px 0; overflow: hidden;}
.about02 .bd{width:1200px;}
.about02 .bd ul{width:1200px; overflow:hidden; zoom:1; }
.about02 .bd ul li{ float: left; width:385px; margin:0 20px 20px 0; border-bottom: 1px solid #ccc;}
.about02 .bd .a1:nth-child(3n){margin-right: 0;}
.about02 .bd ul li a{ width:385px; height: 320px; display: block; overflow: hidden;}
.about02 .bd ul li img{ width:100%; height: auto; display: block;transition: all 0.5s;}
.about02 .bd ul li:hover img{transform: scale(1.1);}
.about02 .bd ul li:hover span{ background: #014e2c; color: #fff; text-indent: 20px;}
.about02 .bd ul li span{ display: block; font-size: 14px; color: #333;line-height:40px; height: 40px; padding: 10px 0;transition: all 0.6s ease 0s; overflow: hidden;}
.about02 .prev,.about02 .next{width:40px; height:60px; display:block;position:absolute; left:-80px; top:180px;z-index: 9;background:#666 url(../images/slider.png) -126px -137px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.about02 .next{ left:auto; right:-80px;background-position:-6px -137px;}
.about02 .prev:hover,.about02 .next:hover{ filter:alpha(opacity=80);opacity:0.8;cursor:pointer;}

.about03s{width:100%; background: #f3f3f3;}
.about03{width:1200px;margin: 0 auto;height:auto;overflow:hidden;color: #666; padding:80px 0;}
.about03 .list{padding:50px 0;overflow:hidden;}
.about03 .list li{ width: 290px; float: left; overflow:hidden; background: #fff;margin:0 10px 10px 0; line-height: 30px;}
.about03 .list li:nth-child(4n){margin-right: 0;}
.about03 .list li a{ width:210px; height: 280px; display: block; overflow: hidden; padding:40px; border-bottom: 1px solid #eee;}
.about03 .list li img{ width:100%; display: block;transition: all 0.5s;}
.about03 .list li:hover img{transform: scale(1.1);}
.about03 .list li span{ display: block; font-size: 16px; color: #333;line-height:50px; height: 50px; text-align: center; transition: all 0.6s ease 0s;}
.about03 .list li:hover span{ color: #014e2c;}