@charset "utf-8";
body { font:normal 12px/24px  Arial, Helvetica, sans-serif;  color: #333}
a{color:#333; text-decoration:none; font:normal 12px/24px  Arial, Helvetica, sans-serif;}
a:hover{color:#59b532;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;}
ul,li{ list-style:none; padding:0; margin:0;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.left{float:left;}
.right{float:right;}
.both{ clear:both;}
.center{ text-align:center;}
.over{ overflow:hidden;}
.w108{ width:1280px; margin:0 auto; overflow:hidden;}

.top{ background:#141613;height:180px;padding-top:26px;min-width:1280px;}
.top .right p {margin-top:0px;}
.top .right p a{color: #cfcfcf;font-size: 13px;position: relative;}
.top .right p .mobile {background: url(../images/tel.png) no-repeat left center;padding: 1px 0 2px 15px;cursor: pointer;position: relative;margin-right:12px;}
.top p .mobile span {background: url(../images/ewm.jpg) no-repeat;height: 98px;width: 98px;display:none;position: absolute;
right: -30px;top: 25px; z-index:999;}
.top .right p .xc {background: url(../images/cx.png) no-repeat left center;padding: 1px 0 2px 25px;cursor: pointer;position: relative;}
.top p .xc span {background: url(../images/ewm1.jpg) no-repeat;height: 98px;width: 98px;display:none;position: absolute;right: 0px;top: 25px; z-index:999;}
.top .right p .cn {background: url(../images/index_11.jpg) no-repeat left center; padding-left:25px; margin-right:12px;}
.top .right p .en {background: url(../images/index_13.jpg) no-repeat left center;padding-left:25px;margin-right:8px;}
.top .right p a:hover{color: #27a926;}
.top .right p .mobile:hover span{ display:block;}
.top .right p .xc:hover span{ display:block;}
.nav{ background:#59b532; height:55px; min-width:1280px}
.nav li {line-height: 55px;float:left;}
.nav li a {font-size: 18px;color:#fff;line-height: 55px;display: block;padding: 0 41px;transition: all .5s ease-in-out;}
.nav li:hover a{ color:#fff;background:#ffb305;}
.on{color:#fff!important;background:#ffb305;}
/*banner*/

.search{ border-bottom:1px solid #ececec; height:64px; margin-bottom:70px;min-width:1280px;}
.navgater{ background:url(../images/index_26.jpg) no-repeat left center; padding-left:15px; line-height:44px;}
.navgater a{line-height:44px;}
.search_bj{  border-radius:30px; background:#f2af00; width:210px; height:37px; margin-top:4px; padding:0 18px; line-height:37px; font-size:14px;}
.input{ width:180px; background:transparent; line-height:37px;height:37px;}

.about{margin-bottom:60px;}
h1{ font-size:38px;font-weight:bold;margin-bottom:21px; line-height:38px;}
h2{ font-size:29px;font-weight:bold;margin-bottom:21px; line-height:38px;}
.white{color:#fff}
.green{ color:#59b532;}
h5{ font-size:14px;}
.aboutzi{margin-top:80px; font-size:15px; line-height:34px; overflow:hidden; margin-bottom:50px;}
.aboutzi .more{border-radius:30px; background:#f2af00;width:135px; height:39px;line-height:39px; font-size:14px; margin-top:40px;}
.aboutzi .more a{line-height:39px; font-size:14px;}
.aboutzi .more a:hover{border-radius:30px; background:#59b532;width:135px; height:39px;line-height:39px; font-size:14px; color:#fff; display:block;}
.font40{ font-size:40px; line-height:70px;}
.font24{ font-size:22px; line-height:70px; color:#333;}

.product{ background:url(../images/product.jpg) no-repeat center top; min-width:1280px; margin:0px 0 80px 0; padding:80px 0 80px 0;}
.pro_nav{ width:279px; background:#fff;}
.pro_tit{ background:#59b532; font-size:24px; line-height:67px; color:#fff; text-align:center;}
.pro_nav li{ border-bottom:1px solid #e4e4e4; background:url(../images/index_38.jpg) no-repeat 20px center;font-size:16px; line-height:48px; text-indent:40px;}
.pro_nav li a{ font-size:16px; line-height:48px; }
.pro_subnav{ border-bottom:1px solid #e4e4e4; padding:5px 0;}
.pro_subnav span{background:url(../images/index_42.jpg) no-repeat 24px center;font-size:12px; line-height:34px; padding-left:18px;}
.pro_subnav span a{font-size:12px; line-height:34px;padding-left:20px;}

.pro_list{width:990px;}
.pro_list li{ float:left; margin-left:31px;text-align:center;padding-bottom:16px;}
.pro_list li a{line-height:50px; font-size:16px; text-align:center; color:#fff;}
.pro_list li a:hover{color:#59b532;}

.shili{}
.ysbj{height:970px; overflow: hidden;}
.ys .ys-nav{height:74px; margin-top:50px;}
.ys .ys-nav ul li{float:left; width:300px; height:150px; text-align: center;position: relative;}
.ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;}
.ys .ys-nav ul li:last-child:before{display: none;}
.ys .ys-nav ul li i{display: inline-block; width:73px; height:66px; overflow: hidden;}
.ys .ys-nav ul li i img{width: 100%; transition: .5s;}
.ys .ys-nav ul li h4{display: inline-block; text-align: left;}
.ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 22px; color:#333333; font-weight: normal;}
.ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#666666;text-transform: uppercase; font-weight: normal;}
.ys .ys-nav ul li.cur i img{margin-top:-66px;}
.ys .ys-nav ul li.cur h4 span{color:#59b532; font-weight: bold;}
.ys .ys-con dl{height:720px; position: relative;}
.ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-con dl dt img{width:100%;height:600px;}
.ys .ys-con dl dd{width:860px;height:210px; background:rgba(255,255,255,0.85); position: absolute; left:16.15%; bottom:0px;box-sizing: border-box;}
.ys .ys-con dl dd .left{width:277px;height:210px;float:left;padding-top:40px;background:#5cb433; text-align:center; color:#fff;}
.ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#fff; background:url(../images/index_62.jpg) no-repeat center bottom; padding-bottom:55px;}
.ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#e60012;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
.ys .ys-con dl dd .left h4 em{color:#003171;display: inline-block; vertical-align: top;}
.ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#fff;padding-bottom:5px;}
.ys .ys-con dl dd ul{float:left; width:580px;}
.ys .ys-con dl dd ul .wentit{ font-size:24px; font-weight:bold; color:#333; padding:30px 0 10px 40px;}
.ys .ys-con dl dd ul li{height:35px; line-height: 35px; font-size: 14px; color:#333; font-weight: normal; margin-left:40px;padding-left:13px;background:url(../images/dian.png)  no-repeat left;}

.news{margin-top:40px; margin-bottom:80px;}
.newslist{width:588px; margin-top:60px;}
.news_tit{ font-size:20px; background:url(../images/index_66.jpg) no-repeat left bottom; padding-bottom:15px;}
.more1 a{ color:#ff7900; font-size:12px;}
.more1 a:hover{ color:#59b532; font-size:12px;}
.news_content{ border-bottom:1px solid #e6e7e7; padding-bottom:19px; margin-bottom:15px;}
.font18 a{ font-size:18px; line-height:43px;}
.newslist li{ background:url(../images/jiantou.png) no-repeat left center; padding-left:20px; line-height:34px; display:block; font-size:13px;}
.newslist li a{line-height:40px; display:block; font-size:13px;}
.qsk{ margin-top:33px;font-size:13px; overflow:hidden;}

.bottom{ background:#151513;}
.subnav{ background:#59b532; width:1180px; padding:0 50px; height:63px; color:#fff; position: relative; top:-25px; margin:0 auto 40px auto;}
.subnav a{ padding:0 15px; font-size:18px; line-height:63px; color:#fff;}
.subnav i{ padding:0 20px;}
.logo1{ border-right:1px solid #333332; width:325px; height:157px;}
.bottom ul{ border-right:1px solid #333332;width:400px; padding-left:90px; margin-right:100px;}
.bottom li{ line-height:40px; font-size:14px; color:#cfcfd0;}
.bottom .add{ background:url(../images/add.png) no-repeat left 10px; padding-left:30px;}
.bottom .tel{ background:url(../images/tel1.png) no-repeat left center; padding-left:30px;}
.bottom .fax{ background:url(../images/fax.png) no-repeat left center; padding-left:30px;}
.bottom .mail{ background:url(../images/mail.png) no-repeat left center; padding-left:30px;}
.footer{border-top:1px solid #333332; padding:20px 0; text-align:center; font-size:12px;color:#cfcfd0; margin-top:23px;}
.footer a{font-size:12px;color:#cfcfd0;}
.footer a:hover{font-size:12px;color:#59b532;}

.pbranner{ background:url(../images/product_banner.jpg) no-repeat center top; height:400px; width:100%; min-width:1280px;}

.product1{ margin:0px 0 40px 0; padding:0px 0 0px 0;}
.pro_nav1{ width:279px; background:#fff; border:1px solid #e7e7e7;}
.pro_nav1 li{ border-bottom:1px solid #e4e4e4; background:url(../images/index_38.jpg) no-repeat 20px center;font-size:16px; line-height:48px; text-indent:40px;}
.pro_nav1 li a{ font-size:17px; line-height:48px; }
.pro_tit{ background:#59b532; font-size:24px; line-height:67px; color:#fff; text-align:center;}


.pro_list1{width:990px;}
.pro_list1 li{ float:left; margin-left:31px;text-align:center;padding-bottom:16px;}
.pro_list1 li a{line-height:50px; font-size:16px; text-align:center; color:#333;}
.pro_list1 li a:hover{color:#59b532;}

.produtsshow{float:right;display:block; width:950px;overflow:hidden; color:#333;}
.produtsshow .proshow{}
.produtsshow .proright{float:right;width:450px;}
.produtsshow .proright h2{font-size:30px;font-weight:bold;margin:5px 0 15px 0;line-height: 40px;}
.produtsshow .proright span{ background:#ff6603; padding:8px 10px 8px 10px; color:#fff; font-size:14px;border-radius:12px; margin-right:12px;}
.produtsshow .proright p{ float:left; width:330px; margin-bottom:10px; line-height:28px; font-size:15px;}
.produtsshow .proright .canshu{ margin:24px 0 35px 0;}
.produtsshow .proright .canshu span{border-radius: 20px 20px 20px 20px; background-color:#333333; color:#fff; padding:10px 20px 9px 20px;}
.produtsshow .proright .canshu span a{color:#fff; font-size:16px;}
.produtsshow .proright .canshu span:hover{background-color:#e70013; display: inline;}
.procontent{ padding-top:50px;}
.produtsshow .proright .pro_jian{ font-size:17px; line-height:45px;}
.produtsshow .proright .zan{ font-size:16px; line-height:42px;}
.proright ul{padding-bottom:30px;}
.proright li{ float:left;border:1px solid #e6e6e6; width:102px;line-height:36px;margin-right:10px; padding:0;}
.proright li a{font-size:15px; color:#333333;line-height:36px;}
.proright li a:hover{font-size:15px; color:#e70013;}
.proright li i{display: block;float:left;width:20px;height:16px; left:0px;margin:10px 4px 0 9px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.proright li:nth-child(4){ margin:0;}
.proright li:nth-child(1) i{background: url(../images/pro.png) no-repeat center center;}
.proright li:nth-child(2) i{background: url(../images/pro1.png) no-repeat center center;}
.proright li:nth-child(3) i{background: url(../images/pro2.png) no-repeat center center;margin-left:17px;}
.proright li:nth-child(4) i{background: url(../images/pro3.png) no-repeat center center;}
.proright li:nth-child(5) i{background: url(../images/pro4.png) no-repeat center center;}

.proright li.wkxq1 i{background: url(../images/pro1_2.png) no-repeat center center;}
.proright li.wkxq2 i{background: url(../images/pro2_2.png) no-repeat center center;margin-left:17px;}
.proright li.wkxq3 i{background: url(../images/pro4_2.png) no-repeat center center;}

.contentdiv{ width:100%;}
.contentdiv h2{ padding-left:17px; line-height:48px; background-color:#f5f6f6; border:1px solid #eaeaeb; color:#333; font-size:22px;}
.product_hits{ clear:both; background-color:#fff;padding:0px 0 0px 0; display:block; width:100%;overflow:hidden;}
.product_tit1{ font-size:38px; color:#333;}
.product_hits{margin:30px 0 50px -7px;}
.product_hits li {float: left;width: 299px;height:338px; border:1px solid #e5e4e4; background-color:#fff;overflow:hidden;margin:0 10px 40px 9px;}
.product_hits li a .myjs2 {font-size: 14px;height:44px; color:#333; line-height:54px;}
.product_hits li a:hover div.team-info {bottom: 0px;}
.mg{ margin-bottom:30px;}
.pper{ border:1px solid #e6e6e6; width:150px; height:45px; line-height:45px; font-size:16px; text-align:center; margin-top:60px;}
.pper a{line-height:45px; font-size:16px; text-align:center; }


/**/
.init-2 ul li {
    display: block;
    margin-top: 65px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: #f5f5f5;
    position: relative;
}
.init-2 ul li .left {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}
.init-2 ul li .left a {
    overflow: hidden;
    display: block;
}
.img-box img {
    transition: 1s ease;vertical-align: top;
    border: 0;
    max-width: 100%;
    height: auto;
}
.init-2 ul li .right {
    width: 70%;
    display: inline-block;
    margin-left: -5px;
    vertical-align: middle;
    padding: 20px 0 20px 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 130px;
}
.init-2 ul li .right h2 {
    font-size: 18px;
    color: black;
    font-weight: bold;
}
.init-2 ul li .right h2 a {
    color: inherit;
    font-size: 18px;
    font-weight: bold;
}
.init-2 ul li .right time {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    padding: 10px 0 20px;
    display: block;
}
.init-2 ul li .right .con {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 24px;
    padding: 0 5% 0 0;
}
.init-2 ul li:hover {
    box-shadow: 0 0 10px 0 #d1d1d1;
    -webkit-box-shadow: 0 0 10px 0 #d1d1d1;
    -moz-box-shadow: 0 0 10px 0 #d1d1d1;
    -ms-box-shadow: 0 0 10px 0 #d1d1d1;
    -o-box-shadow: 0 0 10px 0 #d1d1d1;
}
.img-box:hover img {
    transform: scale(1.1, 1.1);
}
.init-2 ul li .right h2:hover{
    color: #0065C9;
}
/**/
.cpzxzt{margin: 80px 0 0 0;}
.cpzxzt .icpzx_1 a{color: #4c4c4c;}
.cpzxzt .icpzx_1 a:hover,.cpzxzt .icpzx_1 a.cur{color: #fff;background: #59b532;}
.cpzxzt .icpzx_2 li a:last-of-type{color: #4c4c4c;}
.cpzxzt .icpzx_2 li:hover a:last-of-type{color: #59b532;}
.copage{margin: 60px 0 0 0;}
.copage .icpzx_2{margin: 0;}

/**/
.ssnew{/* margin: 200px 0 0 0; */}
.ssnew .contentdiv{padding:0 0 30px}
.ssnew .contentdiv p{color: #333;}
.ssnew .main {background: #f8f8f8;padding: 50px 50px 120px;/*margin: 0 0 100px;*/}
.ssnew .header {text-align: center;padding-bottom: 38px;margin-bottom: 40px;border-bottom: 1px solid #dedede;}
.ssnew .name {font-size: 24px;color: #332c2b;letter-spacing: 1px;margin-bottom: 10px;margin-top: 0;}
.ssnew .header .other{font-size: 14px;color: #999;}
.ssnew .content{font-size: 14px;color: #666;line-height: 30px;text-align: justify;margin-bottom: 32px;}
.ssnew .share {/* font-size: 0; */margin: 0 auto 40px;}
.ssnew .share span,.ssnew .share a {display: inline-block;vertical-align: middle;font-size: 14px;color: #666;/* line-height: 28px; */}
.ssnew .bshare-custom{display: inline-block;}
.ssnew .share a{position: relative;top: 6px;}
.ssnew .relative-btn{position: relative; padding-top: 30px; border-top: 1px solid #dedede;}
.ssnew .relative-btn p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 130px;olor: #666;font-size: 14px;line-height: 30px;}
.ssnew .relative-btn p a{color: #666;font-size: 14px;line-height: 30px;}
.ssnew .relative-btn p a:hover{color:#59b532;}
.ssnew .relative-btn .return2{
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 10;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #00a2e9;
    border: 2px solid #00a2e9;
    border-radius: 30px;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}
.ssnew .relative-btn .return2:hover{color: #fff;background:#00a2e9;}
/**/

.hform{float:none;margin:0 0 10px}
.hform input{padding:7px 50px 7px 12px;width:100%;box-sizing:border-box}
.hform button{height:36px}


/**/
.lxfs p{line-height: 36px;font-size: 16px;}
.lxfs p strong{color: #59b532font-size:24px;margin: 0 0 10px;display: block;}
.copage{margin: 60px 0 0 0;}
.copage .icpzx_2{margin: 0;}
.contact-form .group3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -11px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contact-form .group3 li {
    padding: 0 11px;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-form .input-box {
    padding-left: 18px;
}
.contact-form input, .contact-form textarea {
    display: block;
    width: 100%;
    outline: none;
    background: none;
    border: none;
    font-size: 13px;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-form .input-box, .contact-form .textarea-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    border: 1px solid #e6e6e6;
}
.contact-form .input-text {
    line-height: 43px;
    font-size: 13px;
    color: red;
}
.contact-form .input, .contact-form .textarea {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.contact-form input {
    padding-right: 18px;
    height: 45px;
    line-height: 43px;
}
.contact-form .textarea-box {
    padding: 0 18px;
}
.contact-form textarea {
    padding: 12px 0;
    line-height: 22px;
    resize: none;font-family: '';
}
.contact-form .captcha-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    margin-right: 7px;
}
.contact-form .captcha-img img {
    max-height: 30px;
}
.contact-form .submit-btn {
    display: block;
    margin: 0 auto;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #59b532;
    border-radius: 40px;
    border: none;
    outline: none;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}
.contact-form .submit-btn:hover{background: #0278aa;}
/**/