@charset "utf-8";

/*盒子内容*/
.content{width: 1200px;margin: 0 auto;}

/*abo*/
.abo{padding: 62px 0 80px;}
.abo dl{height: 223px;}
.abo dt{float: left;width: 425px;height: 223px;}
.abo dt img{width: 425px;height: 223px;}
.abo dd{float: right;width: 695px;}
.abo dd h4{height: 30px;padding: 10px 0;}
.abo dd h4 a{float: right;width: 80px;height: 30px;line-height: 22px;font-size: 12px;color: #fff;text-align: center;text-transform: uppercase;background: url("../images/aboa1.png") no-repeat center;}
.abo dd h2 span,.abo dd h2 em{display: block;}
.abo dd h2 span{height: 40px;line-height: 40px;font-weight: bold;font-size: 28px;color: #333;}
.abo dd h2 em{height: 22px;line-height: 22px;font-family: "Arial";font-size: 12px;color: #666;text-transform: uppercase;padding: 5px 0 10px;}
.abo dd p{line-height: 28px;font-size: 14px;color: #666;}

/*tit*/
.tit{text-align: center;}
.tit span{display: block;height: 50px;line-height: 50px;font-weight: bold;font-size: 40px;color: #333;}

/*pro*/
.pro{padding: 50px 0 80px;background-color: #f5f4f2;}
.pro .tit span{background: url("../images/prott.png") no-repeat center;}
.pro_box{padding-top: 60px;}
.pro_lf{float: left;height: 514px;width: 300px;padding: 40px 20px 0 30px;background-color: #fff;box-shadow: 2px 6px 10px #ebeae9;}
.pro_lf h4 a{display: block;width: 80px;height: 30px;line-height: 22px;font-size: 12px;color: #fff;text-align: center;text-transform: uppercase;background: url("../images/aboa1.png") no-repeat center;}
.pro_size{padding-top: 50px;}
.pro_size li{float: left;width: 140px;height: 82px;margin: 0 10px 10px 0;position: relative;}
.pro_size li img{width: 140px;height: 82px;}
.pro_size li a{position: absolute;width: 100%;height: 82px;line-height: 82px;text-align: center;font-weight: bold;font-size: 14px;color: #fff;background: url("../images/proa1.png") repeat center;left: 0;top: 0;}
.pro_size li.cur a{background: url("../images/proa2.png") repeat center;}
.more{position: absolute;width: 140px;height: 82px;right: 10px;bottom: 10px;}
.more a{display: block;border: 1px solid #d9d9d9;height: 80px;line-height: 80px;font-size: 14px;font-family: "Arial";color: #008842;text-align: center;}
.pro_lf p{line-height: 28px;font-size: 14px;color: #333;text-align: center;padding: 40px 18px 0;}
.pro_rt{float: right;height: 554px;width: 720px;padding: 0 45px;background-color: #dad9d7;}
.pro_pic li{padding-top: 120px;position: relative;}
.pro_pic li a{display: block; overflow: hidden;}
.pro_pic li img{width: 720px;height: 392px;position: relative;}
.pro_pic li h5{position: absolute; width: 720px; text-align: center; bottom: 4px; line-height: 40px; background: rgba(0,0,0,.5); color: #fff;}
.pro_pic li h4{position: absolute;left: 0;top: 0px;}
.pro_pic li h4 em{display: inline-block;border-top: 2px solid #008842;}
.pro_pic li h4 em a{height: 60px;line-height: 60px;font-weight: bold;font-size: 30px;color: #333;}
.pro_pic li h4 span{display: block;width: 280px;border-bottom: 1px solid #7e7e7d;height: 28px;line-height: 28px;font-weight: normal;font-size: 12px;color: #a7a7a7;text-transform: uppercase;}
.pro_pic li i{position: absolute;width: 50px;height: 30px;bottom: 180px;cursor: pointer;}
.pro_pic li i.pro_prev{background: url("../images/probt1.png") no-repeat center;left: 0;}
.pro_pic li i.pro_next{background: url("../images/probt2.png") no-repeat center;right: 0px;}

/*xad*/
.xad{height: 300px;background: url("../images/xad.jpg") no-repeat center;}
.xad1{height: 300px;background: url("../images/xad2.jpg") no-repeat center;}
.xad_txt{padding-top: 52px;text-align: center;}
.xad_txt h2 strong,.xad_txt h2 span,.xad_txt h2 em{display: block;color: #fff;}
.xad_txt h2 strong{width: 65px;height: 6px;background-color: #fff;margin: 0 auto;}
.xad_txt h2 span{height: 38px;line-height: 38px;font-weight: bold;font-size: 28px;padding: 20px 0 10px;}
.xad_txt h2 em{height: 26px;line-height: 26px;font-size: 22px;}
.xad_txt p{padding-top: 30px;}
.xad_txt p span,.xad_txt p a{display: block;color: #fff;}
.xad_txt p span{height: 30px;line-height: 35px;font-family: "SimHei";font-size: 22px;text-transform: uppercase;}
.xad_txt p a{width: 120px;height: 34px;line-height: 34px;font-size: 16px;margin: 15px auto 0;background-color: #008842;}

/*goa*/
.goa{padding: 50px 0 60px;}
.goa .tit span{background: url("../images/gontt1.png") no-repeat center;}
.goa_box{padding-top: 45px;background: url("../i1mages/goa1.jpg") no-repeat center bottom;}
.goa_box dl{ width:100%; margin-bottom: 40px; overflow: hidden;}
.goa_box dl dt{ float: left; width:510px;}
.goa_box dl dd{ float: left; width: 650px; padding-left: 40px;}
.goa_box dl:nth-of-type(2n) dt{float: right;}
.goa_box dl:nth-of-type(2n) dd{padding-right: 40px; padding-left: 0;}
.goa_box dl dd h4{height: 30px;line-height: 20px;font-weight: bold;font-size: 14px;color: #fff;background: url("../images/aboa1.png") no-repeat left center;position: relative;padding-left: 12px;}
.goa_box dl dd h2{height: 30px;line-height: 30px;font-weight: bold;font-size: 20px;color: #333;padding-left: 12px;background: url("../images/goaa1.png") no-repeat left center;position: relative;margin: 10px 0;}
.goa_box dl dd p{ font-size: 14px; line-height: 25px;}
.goa_box ul{width: 310px;}
.goa_box ul.goa_lf{float: left;}
.goa_box ul.goa_rt{float: right;}
.goa_box ul li{padding-top: 35px;}
.goa_box ul li span,.goa_box ul li em{display: block;}
.goa_box ul li span{height: 30px;line-height: 30px;font-weight: bold;font-size: 20px;color: #333;padding-left: 12px;background: url("../images/goaa1.png") no-repeat left center;position: relative;}
.goa_box ul li em{line-height: 24px;font-size: 14px;color: #666;padding-top: 10px;}
.goa_box ul li i{position: absolute;width: 0;height: 30px;top: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.goa_box ul.goa_lf li i{left: 100px;}
.goa_box ul.goa_rt li i{right: 310px;}
.goa_box ul li:hover i.ui1{width: 390px;background: url("../images/goac1.png") no-repeat center left;}
.goa_box ul li:hover i.ui2{width: 381px;background: url("../images/goac2.png") no-repeat center left;}
.goa_box ul li:hover i.ui3{width: 496px;background: url("../images/goac3.png") no-repeat center left;}
.goa_box ul li:hover i.ui4{width: 150px;background: url("../images/goac4.png") no-repeat center left;}
.goa_box ul li:hover i.ui5{width: 383px;background: url("../images/goac5.png") no-repeat center left;}
.goa_box ul li:hover i.ui6{width: 222px;background: url("../images/goac6.png") no-repeat center left;}

/*gob*/
.gob{padding: 50px 0 90px;background-color: #f5f4f2;}
.gob .tit span{background: url("../images/gontt2.png") no-repeat center;}
.gob_box{padding-top: 55px;}
.gpl,.gpr,.gob_box dl{float: left;}
.gpl em,.gpl span,.gpr em,.gpr span{display: block;}
.gpl,.gpl img{width: 378px;}
.gpr,.gpr img{width: 337px;}
.gpl em,.gpl em img{height: 316px;}
.gpr em,.gpr em img{height: 338px;}
.gpl p,.gpl span,.gpl span img{height: 378px;}
.gpr p,.gpr span,.gpr span img{height: 356px;}
.gpl_pic,.gpr_pic{position: relative;}
.gpl_pic i,.gpr_pic i{position: absolute;width: 21px;height: 27px;bottom: 20px;display: none;cursor: pointer;}
.gpl_pic i.gpl_prev,.gpr_pic i.gpr_prev{background: url("../images/gobbt01.png") no-repeat center;}
.gpl_pic i.gpl_next,.gpr_pic i.gpr_next{background: url("../images/gobbt02.png") no-repeat center;}
.gpl_pic i.gpl_prev{right: 50px;}
.gpl_pic i.gpl_next{right: 20px;}
.gpr_pic i.gpr_prev{right: 50px;}
.gpr_pic i.gpr_next{right: 20px;}
.gpl_pic:hover i,.gpr_pic:hover i{display: block;}
.gpl_pic i.gpl_prev:hover,.gpr_pic i.gpr_prev:hover{background: url("../images/gobbt1.png") no-repeat center;}
.gpl_pic i.gpl_next:hover,.gpr_pic i.gpr_next:hover{background: url("../images/gobbt2.png") no-repeat center;}
.gob_box dl{width: 412px;height: 652px;padding: 42px 43px 0 30px;background-color: #fff;box-shadow: 0 5px 8px #ebeae9,0 0 0 #ebeae9;}
.gob_box dt a{display: block;width: 80px;height: 30px;line-height: 22px;font-size: 12px;color: #fff;text-align: center;text-transform: uppercase;background: url("../images/aboa1.png") no-repeat center;}
.gob_box dt em{display: block;height: 355px;padding-top: 60px;}
.gob_box dt em img{width: 412px;height: 355px;}
.gob_box dd{line-height: 24px;font-size: 14px;color: #666;padding: 50px 10px 0;}
.gob_box dd strong{color: #008842;}

/*goc*/
.goc{padding: 50px 0 75px;}
.goc .tit span{background: url("../images/gontt3.png") no-repeat center;}
.goc_ul{padding-top: 40px;height: 443px;}
.goc_ul li{float: left;width: 380px;border: 1px solid #e9e9e9;box-shadow: 0 5px 8px #f0f0f0,0 0 0 #f0f0f0;margin: 10px 0 0 27px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.goc_ul li.ml0{margin-left: 0;}
.goc_ul li img{display: block;width: 380px;height: 258px;}
.goc_ul li h4{height: 25px;padding: 15px 0 15px 28px;border-bottom: 1px solid #e9e9e9;}
.goc_ul li h4 em,.goc_ul li h4 span{float: left;height: 25px;line-height: 25px;}
.goc_ul li h4 em{width: 25px;background-color: #008842;text-align: center;font-family: "Arial";font-size: 12px;color: #fff;margin-right: 10px;}
.goc_ul li h4 span{font-size: 20px;color: #333;}
.goc_ul li p{padding: 20px 26px 25px;}
.goc_ul li p em{display: block;height: 24px;line-height: 24px;font-size: 12px;color: #666;}
.goc_ul li:hover{margin-top: 0;}

/*case*/
.case{padding: 50px 0 60px;}
.case .tit span{background: url("../images/casett.png") no-repeat center;}
.anl_dx{padding: 40px 0 0 0;position: relative;}
.anl_more{height: 46px;}
.anl_more p{float: left;width: 220px;padding-top: 4px;}
.anl_more p em{display: block;height: 20px;line-height: 20px;font-size: 12px;font-family: "Arial";color: #a7a7a7;text-transform: uppercase;}
.anl_more a{display:block; background: #008842;width:120px; line-height: 38px;font-size: 14px;color: #fff;text-align: center; margin: 20px auto;}
.anl_dx .swiper-wrapper{padding-bottom: 50px;}
.anl_dx .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #008842;}
.anl_dx dl{border:1px #efefef solid; border-radius: 4px;text-align: center;}
.anl_dx dl dt img{ max-width: 100%; height:180px; border-radius: 4px 4px 0 0;}
.anl_dx dl dd a{ display: block; line-height: 40px; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.anl_dx dl:hover{background: #008842;border:1px #008842 solid; }
.anl_dx dl:hover a{ color: #fff;}
.anl_pic{padding-top: 10px;}
.anl_pic li img{display: block;width: 910px;height: 512px;}
.anl_pic li p{width: 480px;margin: 0 0 0 auto;text-align: right;padding: 20px 0 10px;border-bottom: 1px solid #a6a6a6;}
.anl_pic li p a{display: inline-block;height: 24px;line-height: 24px;font-weight: bold;font-size: 14px;color: #666;}
.anl_pic li p strong{color: #d00204;}
.anl_pic li p em{display: block;height: 24px;line-height: 24px;font-size: 14px;color: #666;}
.anl_tab{position: absolute;right: 75px;bottom: 240px;}
.anl_tab a{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #333;padding: 10px 0 10px 40px;background: url("../images/casea1.png") no-repeat left center;}
.anl_tab a.cur,.anl_tab a:hover{font-weight: bold;color: #008842;background: url("../images/casea2.png") no-repeat left center;}
.anl_prev,.anl_next{position: absolute;width: 62px;height: 62px;bottom: 300px;z-index: 10;cursor: pointer;}
.anl_prev{background: url("../images/casebt1.png") no-repeat center;left: 40px;}
.anl_next{background: url("../images/casebt2.png") no-repeat center;right: 330px;}

/*kh*/
.kh{padding: 80px 0 60px;background-color: #f5f4f2;}
.kh_hz{position: relative;}
.kh_ul{padding: 10px 0 !important;}
.kh_ul li{float: left;width: 210px;height: 105px;margin: 0 15px;}
.kh_ul li img{width: 210px;height: 105px;display: block;filter: grayscale(100%);}
.kh_ul li:hover img{filter: grayscale(0);}
.kh_ul li:hover{background-color: #fff;box-shadow: 5px 5px 10px #e2e1df,-5px -5px 10px #e2e1df;}
.kh_more{padding-top: 40px;}
.kh_more a{display: block;margin: 0 auto;width: 35px;height: 25px;border: 2px solid #d5d5d5;background: url("../images/kha1.png") no-repeat center;}
.kh_prev,.kh_next{position: absolute;width: 15px;height: 15px;bottom: 5px;z-index: 1;cursor: pointer;}
.kh_prev{background: url("../images/khbt1.png") no-repeat center;left: 520px;}
.kh_next{background: url("../images/khbt2.png") no-repeat center;right: 520px;}
.kh_prev:hover,.kh_next:hover{animation: shake 1s linear;-webkit-animation: shake 1s linear;-moz-animation: shake 1s linear;-o-animation: shake 1s linear;}

@-webkit-keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}
@-moz-keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}
@-o-keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}

/*new*/
.newsbj{ height:600px;}
.news{ height:542px; padding-top:58px;}
.news h3{ font-size: 40px; background:url("../images/gontt4.png") no-repeat center; text-align: center; color:#020202; line-height: 40px; margin-bottom:49px;}
.news .bt{display: block; width:442px; height:40px; margin:0 auto 36px; }
.news .bt a{ font-size:14px; color:#333333; border:2px solid #e2e2e2; width:136px; height:36px;line-height: 36px;  text-align:center;float:left; margin-left:10px;}
.news .bt a.qy{ margin-left:0;}
.news .bt a.cur{ border:none;background:#008842; width:140px; height:40px; color:#FFF; font-weight: bold;}
.news .qydt{ height:320px;}
.news .qydt dl{ width:562px;height:320px; float:left;}
.news .qydt dl dt{ height:210px; margin-bottom:34px;}
.news .qydt dl dt span{ width:84px; height:130px; background:#008842;color:#FFF;;font-size: 20px; padding: 37px  28px 43px; float:left;}
.news .qydt dl dt span strong{ display: block; text-transform: uppercase; font-weight: normal; color:#e19090; font-size: 12px; margin-bottom:46px; }
.news .qydt dl dt span em{ display: block;text-align: center; margin:0 auto; font-size: 26px; font-family: "Myriad Pro";font-style: italic;font-weight: bold;}
.news .qydt dl dt span em i{ font-weight: normal; color:#e19090;font-style: italic;font-size: 16px;display: block;}
.news .qydt dl dt em{ float:left; }
.news .qydt dl dt em img{ width:422px;height: 210px;}
.news .qydt dl dd span a{ color:#333333; font-weight: bold;}
.news .qydt dl dd p{ font-size: 14px; color:#888888;width:488px; font-weight: normal; margin-top:12px;}
.news .qydt .s{ height:320px; padding: 0 12px 0 26px; float:right;overflow: hidden;}
.news .qydt .dt{ width:573px; height:320px !important; float:right;}
.news .qydt .dt p{ height:56px;display: block; border-bottom:1px solid #dadada; padding-bottom:30px; margin-bottom:27px;}
.news .qydt .dt p em{ display: block; width:95px; height:44px; font-size: 22px;color:#888888;font-family: "Myriad Pro";font-style: italic;float:left; margin-right:12px;line-height: 47px;}
.news .qydt .dt p em b{ font-weight:bold; font-size: 45px;}
.news .qydt .dt p span{ float:left; font-size: 14px;}
.news .qydt .dt p span a{ font-weight: bold; color:#333333;}
.news .qydt .dt p span i{ display: block;color:#777777; margin-top:12px;}

/*about*/
.aboutbj{ height:700px; background:#f5f4f2;}
.about{ height:638px; padding-top:62px;}
.about h3{ font-size: 40px; background:url("../images/gontt4.png") no-repeat center; text-align: center; color:#020202; line-height: 40px; margin-bottom:50px;}
.about .ab{ height:470px; background:#FFF;}
.about .ab dl{ width:1020px; height:470px; float:left;}
.about .ab dl dt{width:462px; height:346px; padding:60px 60px 60px 30px; float:left;}
.about .ab dl dt img{width:100%;}
.about .ab dl dd{ float:right; width:445px; margin-top:70px;}
.about .ab dl dd span{ display: block; margin-bottom:28px; font-size: 22px; color:#333333;}
.about .ab dl dd span i{display: block; text-transform: uppercase;margin-top:8px;font-family: Adobe 黑体 Std;font-size: 12px;}
.about .ab dl dd em{ display: block; height:180px; margin-bottom:34px; font-size: 14px;color:#333333;line-height: 30px;}
.about .ab dl dd a{ display: block; width:91px; height:28px; text-align: center; line-height: 28px; color:#666666; border:1px solid #666666;}
.about .ab .xx{ width:110px;height:461px; float:right; background:#008842; padding:9px 14px 0;}
.about .ab .xx p{text-align: center;font-size: 16px; border-bottom:1px solid #FFF; margin-top:58px; padding-bottom:50px;}
.about .ab .xx p a{color:#FFF;}
.about .ab .xx p i{display: block; font-size: 10px; text-transform: uppercase;}
.about .ab .xx p.z{ border-bottom:none;}

/**/

.ons{background:#008842!important; position: relative;}
.ons a{ color: #fff!important;}
.ons a:after {
    border-color: #ca0102;
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}