@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocase=this.blur());}
:focase{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{max-width: 750px;min-width: 320px;width: 100%;margin: 0 auto!important; position: relative;overflow: hidden;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}


/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination{bottom: 3rem;height: 0.8rem; line-height:0;text-align: center;}
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width: 0.8rem; height: 0.8rem; margin: 0 0.4rem;border-radius: 0.5rem;box-sizing: border-box;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #187a42;}


/*yz*/



.tit{font-size: 0;line-height: 0;text-align: center;}
.tit span{ display: block;font-size: 2.5rem;line-height: 2.5rem;font-weight: bold;color: #333333;}
.tit i{ display: block;font-size: 1.2rem;line-height:1.2rem;  color: #333333;font-weight: normal;margin-top: 1rem;position: relative;}

.tit em{ color:#187a42;}



 .product {
    padding: 2.8rem 4% 2rem 4%;
    background: #eeeeee;
    width: 92%;
}


.product .procolumn h3 {
    float: left;
    width: 22%;
    background: #187a42;
    padding: 1.7rem 3%;
    height: 100%;
    box-sizing: border-box;
}

.product .procolumn h3 a {
    display: block;
}

.product .procolumn h3 b {
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.62rem;
    display: block;
    text-align: left;
}

.product .procolumn ul {
    float: left;
    width: 77%;
    background-size: 1.3rem;
    height: 100%;
    box-sizing: border-box;
    align-items: end;
    margin-right: 0rem;
    padding-left: 7%;
}

.product .procolumn ul li {
    margin-right: 8%;
}

.product .procolumn ul li a {
    font-size: 1.2rem;
    color: #333;
}

.product .procolumn .pro_nav {
    height: 6.9rem;
    line-height: 6.9rem;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 0.7rem;
    overflow: hidden;
}



.product2 {
    position: relative;
    overflow: hidden;
    background: #eeeeee;
}

.product2 .proc_imgs {
    width: 100%;
    position: relative;
}

.product2 .proc_imgs  dl {
    position: relative;
    display: block;
    width: 100%;
}

.product2 .proc_imgs dl dt {
line-height: 0px;
    position: relative;
    padding-bottom: 25rem;
}

.product2 .proc_imgs dl dt a {}

.product2 .proc_imgs dl dt img {
    width: 100%;
}

.product2 .proc_imgs dl dt span {
    display: none;
}

.product2 .proc_imgs dl dd {
    background: #fff;
    position: absolute;
    left: 3%;
    width: 93.5%;
    top: 29rem;
    z-index: 9;
}

.product2 .proc_imgs dl dd ul {
    display: block;
    height: 100%;
}

.product2 .proc_imgs dl dd ul li {
    float: left;
    width: 49.9%;
    text-align: center;
    overflow: hidden;
    height: 50%;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.product2 .proc_imgs dl dd ul li a {
    display: block;
}

.product2 .proc_imgs dl dd ul li a img {
    width: auto;
    height: 9rem;
    margin: 0 auto;
}

.product2 .proc_imgs dl dd ul li span {
    text-align: center;
    color: #333333;
    font-size: 0.9rem;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    padding: 0.5rem 12%;
    line-height: 1.2rem;
}


.product2 .prob_column {
    position: absolute;
    width: 100%;
    right: 0px;
    height: 5rem;
    background-size: 100%;
    box-sizing: border-box;
    top: 0px;
    z-index: 9;
}
.product2 .proc_imgs dl dd ul li em {
    display: block;
    line-height: 0px;
    height: 100%;
}

.product2 .proc_imgs dl dd ul li:nth-child(3),.product2 .proc_imgs dl dd ul li:nth-child(4) {
    border-bottom: 0px;
}

.product2 .proc_imgs dl dd ul li:nth-child(1):after, .product2 .proc_imgs dl dd ul li:nth-child(3):after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #eaeaea;
}
.product2 .prob_column h3{
    float: left;
    width: 33.33%;
    text-align: center;
    height: 4.6rem;
}
.product2 .prob_column h3 a{
    font-size: 1.1rem;
    font-weight: normal;
    height: 4.6rem;
    display: block;
    line-height: 4.6rem;
}

.product2 .prob_column .pro_nav {
    :;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    width: 92%;
    margin: 0 auto;
    height: 4.6rem;
    padding-bottom: 0.1rem;
}

.product2 .prob_column h3 a b {
    font-weight: normal;
    color: #fff;
}

.product2 .prob_column h3.cur b {
    font-weight: bold;
    color: #fff;
}

.product2 .prob_column h3.cur a {border-bottom: 0.2rem solid #187a42;}

.procolumn.clearfix {
    margin-top: 3rem;
}

.product .procolumn .pro_nav:nth-child(4) h3 {
    padding: 1.8rem 2%;
}

.product .procolumn .pro_nav:last-child h3 {
    padding: 1rem 3%;
}

.product .procolumn .pro_nav:nth-child(1) ul {
    float: left;
    width: 77%;
    background-size: 1.3rem;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    align-items: end;
    margin-right: 0rem;
    padding-left: 7%;
}

ul.clearfix {}

.product .procolumn .pro_nav:nth-child(n+2) ul li {
    float: left;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
}

.product .procolumn .pro_nav:nth-child(2) ul {
    margin-top: 0.4rem;
}

.product .procolumn .pro_nav:nth-child(3) ul, .product .procolumn .pro_nav:nth-child(4) ul,.product .procolumn .pro_nav:nth-child(5) ul {
    margin-top: 1.4rem;
}



.choose {
    padding: 2.7rem 4% 3.5rem 4%;
    background: url(../images/whysbg.jpg) no-repeat bottom;
    background-size: 100%;
}

.choose .dl {
    width: 100%;
    height: 13.9rem;
    position: relative;
    background: #fff;
    margin-bottom: 0.6rem;
    overflow: hidden;
}
.choose .dl:last-child {
 margin-bottom: 0px;   
}

.choose>div.clearfix {
    margin-top: 2.4rem;
    box-shadow: 0 0.2rem 2rem #f1f7f4;
}

.choose .dl .num {
    display: block;
    height: 13.9rem;
    float: left;
    width: 28%;
    border-right: 1px solid #e4e4e4;
}

.choose .dl .num em {
    background: #187a42;
    display: block;
    width: 5rem;
    height: 5rem;
    background-size: 100%;
    position: absolute;
    top: 2.3rem;
    left: 6%;
    font-size: 2.5rem;
    color: #fff;
    line-height: 5.2rem;
    text-align: center;
    border-radius: 50%;
}

.choose .dl h3 {
    text-align: center;
    font-size: 1.8rem;
    color: #333;
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    position: relative;
    margin-top: 8rem;
    font-weight: bold;
}

.choose .dl .desc {
    padding: 0 4%;
    color: #333;
    float: right;
    width: 71%;
    box-sizing: border-box;
    text-align: left;
}

.choose .dl .desc p {
    font-size: 1.2rem;
    line-height: 1.65rem;
    text-align: left;
    color: #333;
    display: block;
    padding-bottom: 0.27rem;
}



.choose .tit span {
    line-height: 3.2rem;
}

.choose .tit em {
    font-size: 3rem;
}



.choose .dl:nth-child(1) .desc {
    margin-top: 1.6rem;
}

.choose .dl:nth-child(2) .desc {
    margin-top: 1.85rem;
}

.choose .dl:nth-child(3) .desc {
    margin-top: 2rem;
}

.choose .dl:nth-child(4) .desc {
    margin-top: 2rem;
}




.why {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
}

.why .tit p {
    text-align: center;
    display: block;
    padding: 1.1rem 0 2.5rem 0;
    color: #333;
    font-size: 1rem;
}

.why .whylist {
    padding-top: 1.8rem;
    margin: 0 auto;
    width: 92%;
    overflow: hidden;
}

.why .dl {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    margin-right: 0.08%;
    cursor: pointer;
    margin-bottom: 0.25rem;
}

.why .dl .imgdesc {
    display: none;
    position: relative;
}

.why .dl dl {
    position: relative;
}

.why .dl.cur .imgdesc {
    display: block;
}

.why .dl.cur {
    width: 100%;
    display: inline-block;
}

.why .dl.cur dl {
    display: none;
}

.why .dl .imgdesc .wdesc {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 1.2rem 5%;
    overflow: hidden;
    background: #187a42;
}

.why .dl .imgdesc .imgs {
    display: block;
    width: 100%;
    line-height: 0px;
}

.why .dl .imgdesc .imgs img {
    width: 100%;
}

.why .dl dl dt img {
    width: 100%;
}

.why .dl dl dt {
    line-height: 0px;
}

.why .dl dl dd {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
    left: 0px;
    height: 100%;
    box-sizing: border-box;
    padding: 2.3rem 7%;
}

.why .dl dl:after {
    content: "";
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.why .dl dl dd h3 {
    color: #fff;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.8rem;
    float: left;
    width: 40%;
    font-weight: bold;
}

.why .dl dl dd em {
    position: absolute;
    top: 29%;
    right: 7%;
    width: 10%;
    display: block;
}

.why .dl dl dd em img {
    width: 100%;
}

.why .dl .imgdesc .wdesc h3 {
    position: relative;
    z-index: 10;
    font-size: 1.8rem;
    color: #fff;
    height: 2.5rem;
    margin-bottom: 0.6rem;
}

.why .dl .imgdesc .wdesc p {
    position: relative;
    z-index: 10;
    font-size: 1.2rem;
    background: #fff;
    border-radius: 2rem;
    height: 2.4rem;
    line-height: 2.4rem;
    color: #187a42;
    text-align: center;
    margin-bottom: 0.6rem;
    width: 68%;
}

.why .dl .imgdesc .wdesc ul {
    position: relative;
    z-index: 10;
}

.why .dl .imgdesc .wdesc ul li {
    font-size: 0.9rem;
    color: #fff;
    padding-left: 1.2rem;
    line-height: 2rem;
    background-size: 0.9rem;
}

.why .dl .imgdesc .wdesc:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #187a42;
    z-index: 9;
    position: absolute;
    left: 0px;
    top: 0px;
}




.case_t li.cur {
    background: #187a42;
}
.case_t li.cur span {
    color: #fff;
}

.case_t li.cur em img:nth-child(1) {
    display: none;
}


.case{padding: 3.5rem 0;background: #eeeeee;}
.case_t{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 2.5rem 4% 0;}
.case_t li{width: 32.34%;box-sizing: border-box;padding-top: 1.3rem;height: 6.6rem;box-sizing: border-box;margin-bottom: 0.5rem;background: #fff;}
.case_t li em{display: block;width: 2rem;height: 1.6rem;margin: 0rem auto 0;overflow: hidden;}
.case_t li em img{display: block;height: 1.6rem;transition: all 0.5s;width: auto;}
.case_t li span{display: block;font-size: 1.2rem;line-height: 2.2rem;  color: #333333;font-weight: normal;text-align: center;}
.case_r{margin: 1rem 0 0 4%;overflow: hidden;width: 92%;}
.case_qie{position: relative;}
.case_qie dt {
    height: 19rem;
    overflow: hidden;
}
.case_r dd{height: 16rem;background: #fff;padding: 1.5rem 1.8rem 0;box-sizing: border-box;}
.case_r dd h4 a{font-size: 1.5rem;color: #333;line-height: 2rem;display: block;font-weight: bold;}
.case_r dd p{font-size: 1.2rem;color: #333333;line-height: 2rem;display: block;margin-top: 1.1rem;}
.case_r dt img{display: block;width: 100%;}
.case_r dd .more{display: block;width: 10rem;height: 3rem;font-size: 1.2rem;background: #187a42;line-height: 3rem;box-sizing: border-box;border-radius: 1.5rem;transition: all 0.5s;text-align: center;color: #ffffff;margin-top: 1.6rem;font-weight: normal;}
.case_r dd .more img{ display: inline-block;margin-left: 0.6rem;width: 1.2rem;height: 1.2rem;vertical-align: -0.15rem;overflow:hidden;}


.case .tit i {
    line-height: 1.68rem;
}



.case .caselist {
    width: 92%;
    margin: 1rem auto;
    overflow: hidden;
}

.case .caselist dl {
    width: 48.8%;
    float: left;
    background: #fff;
    margin-bottom: 0.85rem;
}

.case .caselist dl dt {
    height: 10rem;
    overflow: hidden;
}

.case .caselist dl dt img {
    width: 100%;
}

.case .caselist dl dd {
    background: #fff;
    height: 3.6rem;
}

.case .caselist dl dd a {
    line-height: 3.6rem;
    font-size: 1.1rem;
    text-align: center;
    display: block;
}

.case .caselist dl:nth-child(2n) {
    float: right;
}





   .ads {
    line-height: 0px;
    margin-bottom: 0rem;
    position: relative;
}

.ads img {
    width: 100%;
}

.ads .pos {
    position: absolute;
    left: 6.25%;
    height: 100%;
    top: 2rem;
}

.ads .pos .tts {
    padding-top: 6.5%;
    color: #fff;
}

.ads .pos .tts span {
    font-size: 1.2rem;
    line-height: 2.56rem;
    display: block;
    background: #187a42;
    border-radius: 2rem;
    padding: 0 2.86rem;
    margin: 2.3rem auto;
    width: 50%;
}



.ads .pos .tts b {
    display: block;
    font-size: 2.4rem;
    color: #fff;
}



.news{ padding: 3.5rem 0;}
.news_t ul{display: flex;justify-content: space-between;flex-wrap: nowrap;height: 4rem;background: #333333;border-radius: 2rem;margin: 1.6rem 4% 0rem;position: relative;z-index: 20;}
.news_t li{width: 50%;height: 4rem;box-sizing: border-box;text-align: center;}
.news_t li em{display: inline-block;width:1.6rem;height: 1.6rem;overflow: hidden;vertical-align: -0.4rem;margin-right: 0.4rem;}
.news_t li em img{display: block;width:1.6rem;height:1.6rem}
.news_t li span{display: inline-block;font-size: 1.2rem;color: #ffffff;line-height: 4rem;text-align: center;}
.news_t li.cur{background: #187a42;}
.news_t li.cur span{font-weight: normal;}
.news_t li:first-child{border-radius: 2rem 0 0 2rem;}
.news_t li:last-child{border-radius:0 2rem 2rem 0;}
.news1{padding: 0 10% 0rem 0%;margin-left: 4%;margin-top: 2rem;}
/* .sp_con li{width: 57.5%!important;} */
.news1 li{position: relative;box-sizing: border-box;height: 17rem;overflow: hidden;}
.news1 li img{display: block;width: 100%;}
.news1 li span{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;height: 12.4rem;background: url(../images/news_dd.png) no-repeat center;padding-top: 9.4rem;box-sizing: border-box;background-size: 100% 100%;font-size: 1.2rem;line-height: 1.3rem;color: #fff;text-align: center;}
.news_s{margin: 0.5rem 4% 0;}
.news_s dl{display: flex;justify-content: space-between;box-sizing: border-box;padding: 1.6rem 0;border-bottom: 1px solid #d3d5d7;box-sizing: border-box;}
.news_s dl:last-child{ border-bottom:0}
.news_s dt{ display: block;width:44%;}
.news_s dt img{width: 100%;display: block;height: 10rem;}
.news_s dd{width: 49.5%;box-sizing: border-box;padding: 1rem 0 0;}
.news_s dd h4{font-size: 1.2rem;color: #333333;line-height: 1.8rem;font-weight: normal;}
.news_s dd h4 a{color: #333333;}
.news_s dd i{font-size: 1.2rem;color: #999999;line-height: 1.2rem;font-weight: normal;display: block;margin-top: 1.2rem;}



.abt .tit span{ color:#fff;}
.abt{padding-bottom: 0rem;box-sizing: border-box;}
.abt_t{position: relative;}
.abt_t dt img{display: block;width: 100%;}
.abt_t dd{position: absolute;left: 0;top: 5rem;padding:  0 4%;box-sizing: border-box;width: 100%;}
.abt_t dd p{display: block;font-size: 1.2rem;color: #fff;line-height: 2.1rem;padding: 1.6rem 0 0;text-align: center;}
.abt_t .gd{width: 11rem;height: 2.56;line-height: 2.56rem;rem;display:block;font-size: 1.1rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 3rem;font-weight: normal;margin:4rem auto 0;background: #187a42;}
.abt_t .gd>img{display: inline-block;width: 1.1rem;h;height: 1.1rem;margin-left: 1rem;vertical-align: -0.25rem;}



.abt_con{margin: 2rem 4% 0;}
.abt_con h3{margin-top: 2rem;height: 3rem;box-sizing: border-box;text-align: center;}
.abt_con h3 a{display: inline-block;font-size: 1.4rem;line-height: 1.4rem;padding: 0 3.3rem;box-sizing: border-box;font-weight: normal;}
.abt_con h3 a:first-child{border-left: 0;}
.abt_con h3 a.cur{color: #187a42;font-weight: bold;}
.abt_s{position: relative;padding-bottom: 4rem;}
.abt_s dt{display: block;width: 100%;position: relative;}
.abt_s dt img{display: block;width: 100%;}
.abt_s dt video{ display: block;width: 100%;}
.abt_s dt em{position: absolute;left: 2rem;bottom: 2.4rem;display: block;font-size: 1.2rem;color: #fff;}
.abt_s dd{width:100%;z-index: 20;height: 4rem;padding: 1.24rem 1.4rem 0;box-sizing: border-box;background: #f1f3f8;text-align: center;}
.abt_s dd h4 { display: block;font-size:1.4rem ;color: #333333;line-height: 1.4rem;font-weight: normal;transition: all 0.5s;position: relative;}
.abt_s dd p{ display: block;margin-top: 0.7rem;font-size:1.2rem ;color: #666666;line-height: 2rem;font-family:"mon1";font-weight: normal;}
.abt_s .more{ display: block;font-size: 1.2rem;color: #0240a8;line-height: 1.2rem;margin-top: 1rem;}
.abt_s .more img{display: inline-block;margin-left: 0.5rem;width: 1.2rem;height: 0.9rem;}
.abt_s .swiper-pagination{bottom: 0rem;height: 0.8rem; line-height:0;text-align: center;}
.abt_s .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #dcdcdc; width: 0.8rem; height: 0.8rem; margin: 0 0.4rem;border-radius: 0.5rem;box-sizing: border-box;}
.abt_s .swiper-pagination .swiper-pagination-bullet-active{background: 0;border: 0.1rem solid #0240a8;box-sizing: border-box;}

.abt_con h3 a em {
    float: left;
    overflow: hidden;
    height: 1.324rem;
    margin-right: 0.2rem;
    margin-top: 0.1rem;
}

.abt_con h3 a em img {
    height: 1.34rem;
    width: auto;
}

.abt_con h3 a.cur img:nth-child(1) {
    display: none;
}
/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}