@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}

input,textarea {border: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #787878;
}
samp{font-family: "Microsoft YaHei";}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #787878; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#666;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;overflow-x:hidden;}
body{width: 100%;min-width: 1200px;margin:0 auto;overflow-x:hidden;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after,.clearfix:after { content:" "; display:block; height:0; visibility:hidden; clear:both; }
.content{width: 1200px;margin: 0 auto;}



  
.banner {height:auto;max-width:1920px;margin:0 auto!important;position:relative;}

 
 .banner img {
            display: block;
            width: 100%;
            margin: 0 auto;
 }
        
.banner  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination {
    position: absolute;
    bottom: 1.6rem;
    width: 100%;
    height: 16px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    font-size: 0;
}


.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    margin: 0 10px;
    opacity: 1;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 8px;
}

.banner .swiper-pagination-horizontal.swiper-pagination-bullets  .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #187a42;
}

.banner .on{
    position: absolute;
    font-size: 0;
    top: 50%;
    z-index: 9;
    width: 36px;
    height: 70px;
    margin-top: -35px;
    border: 0;
    outline: none;
    cursor: pointer;
    transition: .5s;


}

.banner .on.prev { left:3%;background:url(../images/prev1.png) no-repeat center center;opacity:0;}
.banner .on.next {    left: inherit;
 right:3%;background:url(../images/next1.png) no-repeat center center;opacity:0;}
.banner:hover .on.prev {left:5%;opacity:1;}
.banner:hover .on.next {right:5%;opacity:1;}

.banner .prev:after,.banner .next:after{
    display:none;
}


.choose{
    background: url(../images/ff1.jpg) no-repeat;    
        background: url(../images/ff2.jpg) no-repeat;
        background: url(../images/ff3.jpg) no-repeat;
        background: url(../images/ff4.jpg) no-repeat;
}



 .product {
    padding: 4rem 0 1.2rem 0;
}

.tit {}

.tit a {color:#333;}

.tit h2 {
    text-align: center;
    display: block;
    font-size: 2.5rem;
    color: #333;
    display: block;
    height: 2.5rem;
    line-height: 1.8rem;
}

.tit h2 em {
    color: #187a42;
}

.product .procolumn {}

.product .procolumn h3 {
    float: left;
    width: 10.2%;
    padding-left: 2%;
}

.product .procolumn h3 a {}

.product .procolumn h3 b {
    color: #333;
    font-weight: bold;
    font-size: 0.8rem;
}

.product .procolumn ul {
    float: left;
    width: 86.8%;
    background: url(../images/bico.png) no-repeat right center;
    background-size: 1.3rem;
    height: 3.25rem;
    padding-right: 3%;
    box-sizing: border-box;
    display: flex;
    justify-content: left;
    align-items: end;
    margin-right: 0rem;
}

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

.product .procolumn ul li a { color:#333;}

.product .procolumn .pro_nav {
    height: 3.25rem;
    line-height: 3.25rem;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    background: url(../images/pico.png) no-repeat left center;
}

.content {
    width: 83.333%;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1400px;
}

.product a.pf_a {
    display: block;
    width: 3rem;
    height: 100%;
    position: absolute;
    right: 0px;
    z-index: 10;
    top: 0px;
}

.product .procolumn .pro_nav {
    position: relative;
}



.product2 {
    position: relative;
    margin-top: 1rem;
    overflow: hidden;
}

.product2 .proc_imgs {
    float: left;
    width: 50%;
    position: relative;
    z-index: 10;
}

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

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

.product2 .proc_imgs dl dt a {}

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

.product2 .proc_imgs dl dt span {
    font-size: 2.4rem;
    color: #fff;
    position: absolute;
    top: 5.5rem;
    left: 16%;
    padding-bottom: 2rem;
    background: url(http://g1.cms.51yxwz.com/20260703113458000184/images/cico.png) no-repeat bottom left;
    background-size: 3.3rem;
    height: 4.9rem;
}

.product2 .proc_imgs dl dd {
    background: #fff;
    position: absolute;
    right: -84%;
    width: 93.5%;
    top: 6rem;
    z-index: 9;
}

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

.product2 .proc_imgs dl dd ul li {
    float: left;
    width: 50%;
    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: 10rem;
    margin: 0 auto;
    padding-top: 1.6rem;
}

.product2 .proc_imgs dl dd ul li span {
    text-align: center;
    color: #333333;
    font-size: 0.9rem;
    display: block;
    height: 2.75rem;
    line-height: 2.75rem;
}

.product2 .prob_column {
    position: absolute;
    width: 50%;
    right: 0px;
    z-index: 9;
    height: 100%;
    background: url(../images/proccbg.jpg) no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    padding-right: 8%;
}

.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;
}
.product2 .prob_column h3 a{
    font-size: 1.1rem;
    font-weight: normal;
    padding-top: 0.7rem;
}

.product2 .prob_column .pro_nav {
    margin-top: 2.8rem;
    height: 4rem;
}

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

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

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



.choose.nums0 {
    background: url(../images/ff1.jpg) no-repeat;
    background-size: 100%;
}
.choose.nums1 {
    background: url(../images/ff2.jpg) no-repeat;
    background-size: 100%;
}
.choose.nums2 {
    background: url(../images/ff3.jpg) no-repeat;
    background-size: 100% auto;
}
.choose.nums3 {
    background: url(../images/ff4.jpg) no-repeat;
    background-size: 100%;
}
.choose {
    padding: 5.2rem 0 0 0;
}

.choose .dl {
    float: left;
    width: 25%;
    height: 31.3rem;
    position: relative;
}

.choose div.clearfix {
    margin-top: 4rem;
}

.choose .dl .num {
    display: block;
    height: 11.2rem;
}

.choose .dl .num em {
    background: url(../images/txicos.png) no-repeat;
    display: block;
    width: 7.25rem;
    height: 7.25rem;
    background-size: 100%;
    position: absolute;
    top: 1rem;
    left: 35%;
    font-size: 2.5rem;
    color: #fff;
    line-height: 7.5rem;
    text-align: center;
}

.choose .dl h3 {
    text-align: center;
    font-size: 1.8rem;
    color: #333;
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    position: relative;
    padding-bottom: 1.7rem;
    margin-bottom: 1.7rem;
}

.choose .dl .desc {
    padding: 0 16%;
    color: #333;
}

.choose .dl .desc p {
    font-size: 0.8rem;
    line-height: 1.58rem;
    text-align: center;
}

.choose .dl :nth-child(1) .num em {}

.choose .dl:nth-child(1) .num em {
    top: 4rem;
}

.choose .dl:nth-child(3) .num em {
    top: 5.5rem;
}

.choose .dl:nth-child(4) .num em {
    top: 5.2rem;
}

.choose .dl.cur .desc,.choose .dl.cur h3 {
    color: #fff;
}

.choose .dl:nth-child(1) .num{
    margin-bottom: 3rem;
}
.choose .dl:nth-child(2) .num{
    margin-bottom: 2.88rem;
    height: 8.2rem;
}
.choose .dl:nth-child(3) .num{
    margin-bottom: 2.5rem;
    height: 12.2rem;
}
.choose .dl:nth-child(4) .num{
    margin-bottom: 2.85rem;
    height: 11.3rem;
}

.choose .dl h3:after {
    content: "";
    width: 10%;
    display: block;
    height: 1px;
    background: #c7c8c9;
    position: absolute;
    bottom: 0px;
    left: 45%;
}
.choose .dl.cur h3:after{
 background: #fff;    
    
}

.choose .dl:nth-child(3) .desc p {
    margin-bottom: 1rem;
}

.choose .dl.cur .num em {
    background: url(../images/txico.png) no-repeat;
        background-size: 100%;
    color:#187a42;
}


  
.case2 .plan_nav2 {
    display: block;
    border-top: 2px solid #c6c9cb;
    height: 4.5rem;
}

.case2 .plan_nav2 li.cur:after {
    content:"";
    position: absolute;
    top: -3px;
    width: 100%;
    display: block;
    height: 2px;
    left: 0px;
    background: #187a42;
}

.case2 .plan_nav2 li {
    float: left;
    height: 4.5rem;
    line-height: 4.5rem;
    margin-right: 6%;
    position: relative;
}
.case2 .plan_nav2 li em {
    float: left;
    overflow: hidden;
    height: 1.3rem;
    margin-top: 1.62rem;
    width: 1.2rem;
    margin-right: 0.5rem;
}

.case2 .plan_nav2 li i {
    float: left;
    font-size: 0.9rem;
}

.case2 .plan_nav2 li em img {
    width: auto;
    height: 1.3rem;
    float: left;
}

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

.case2 .plan_nav2 li.cur em img:nth-child(2) {
    display: block;
}
.case2 .plan_nav2 li a {
    color: #626262;
    font-size: 0.9rem;
}

.case2 .plan_nav2 li:last-child {
    margin-right: 0px;
    float: right;
}

.case2 .plan_nav2 li.cur a {
    color: #187a42;
    font-weight: bold;
}

.case2 {
    background: #eeeeee;
    padding: 4.5rem 0 3rem 0;
}





.case2 dt {
    line-height: 0px;
    position: relative;
    height: 13rem;
    overflow: hidden;
}

.case2 dl {
    float: left;
    width: 32.1%;
    margin-right: 1.8%;
    background: #fff;
    cursor: pointer;
    margin-bottom:2rem;
}

.case2 dl dd {
    display: block;
    height: 14.22rem;
    box-sizing: border-box;
    padding: 1.75rem 8%;
}

.case2 dl img {
    width: 100%;
    height: 13rem;
}

.case2 dl h3 {
    display: block;
    margin-bottom: 1rem;
}

.case2 dl h3 a {
    font-size: 1.23rem;
    font-weight: normal;
    color: #1a1a1a;
}

.case2 dl .case_desc {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.5rem;
    height: 3.5rem;
    overflow: hidden;
    margin-bottom: 1.1rem;
}

.case2 dl span a {
    font-size: 0.8rem;
}

.case2  dl span em {
    width: 1rem;
    float: left;
    height: 1rem;
    overflow: hidden;
    margin-left: 0.7rem;
    margin-top: 0.1rem;
}

.case2  dl span em img {
    width: 0.9rem;
    height: auto;
}


.case2 dl:nth-child(3n) {
    margin-right: 0px;
}
.case2 dl span a i {
    display: block;
    width: 8.6rem;
    height: 2.45rem;
    line-height: 2.45rem;
    font-size: 0.9rem;
    font-weight: normal;
    background: url("../images/anniu.png") 6.3rem center / 0.9rem no-repeat;
    border-radius: 2rem;
    text-align: center;
    padding-right: 2rem;
    box-sizing: border-box;
    margin-top: 2rem;
    border: 1px solid #9399a0;
    color: #333;
}
.case2 dl:hover span a i {
    display: block; width: 8.6rem; height: 2.45rem; line-height: 2.45rem; font-size: 0.9rem; font-weight: normal; background: url("../images/annius.png") 6.3rem center / 0.9rem no-repeat rgb(24, 122, 66); color: rgb(255, 255, 255); border-radius: 2rem; text-align: center; padding-right: 2rem; box-sizing: border-box; margin-top: 2rem;
}

.case2 dl:hover span em img:nth-child(1) {
    display: none;
}

.case2  dl:hover h3 a {
    color: #187a42;
}

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









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

.ads img {
    width: 100%;
}

.ads .pos {
    position: absolute;
    left: 12.25%;
    width: 100%;
    height: 100%;
    top: 0px;
}

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

.ads .pos .tts span {
    font-size: 1.2rem;
    line-height: 2.4rem;
    display: inline-block;
    background: #187a42;
    border-radius: 2rem;
    padding: 0 2.86rem;
    margin: 1rem 0 1.28rem;
}

.ads .pos .tts b {
    font-size: 3.1rem;
    display: block;
    line-height: 4.05rem;
}

.ads .pos a.plink {
    color: #fff;
    width: 8.6rem;
    display: block;
    height: 2.6rem;
    line-height: 2.6rem;
    background: #ff8600;
    text-align: center;
    font-size: 0.9rem;
}

.pos .tels {
    color: #fff;
    line-height: 2rem;
    margin-bottom: 1.4rem;
    padding-left: 1.52rem;
    background: url(../images/adtel.png) no-repeat center left;
    background-size: 1rem;
}

.pos .tels i {
    font-size: 0.9rem;
    display: block;
    float: left;
}

.pos .tels em {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    float: left;
    line-height: 1.7rem;
}








.why {
    padding-top: 4rem;
}

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

.why .whylist {}

.why .dl {
    width: 11.97%;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 0.08%;
    cursor: pointer;
}

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

.why .dl dl {
    position: relative;
}

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

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

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

.why .dl .imgdesc .wdesc {
    position: absolute;
    top: 25%;
    left: 0px;
    width: 46.84%;
    box-sizing: border-box;
    padding: 2.4rem 3%;
    overflow: hidden;
    border-radius: 0.6rem;
}

.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: 52% 12.8%;
}

.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: center;
    line-height: 1.8rem;
}

.why .dl:nth-child(3) dl dd {
    padding: 52% 16.8%;
}

.why .dl dl dd em {
    position: absolute;
    bottom: 14%;
    left: 33%;
    width: 33%;
    display: block;
}

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

.why .dl .imgdesc .wdesc h3 {
    position: relative;
    z-index: 10;
    font-size: 1.75rem;
    color: #333;
    height: 1.5rem;
    margin-bottom: 1rem;
}

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

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

.why .dl .imgdesc .wdesc ul li {
    font-size: 0.9rem;
    color: #333333;
    padding-left: 1.2rem;
    line-height: 2rem;
    background: url(../images/gou.png) no-repeat left;
    background-size: 0.9rem;
}

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








.news{ padding:0  0 4.5rem 0;}
.news_t{margin-top: 3rem;display: flex;justify-content: space-between;height: 2.3rem;border-bottom: 1px solid #cccccc;box-sizing: border-box;}
.news_t ul{width: 24.5rem;display: flex;justify-content: space-between;}
.news_t ul li{display: inline-block;}
.news_t ul li em{display: inline-block;width: 1.2rem;height: 1.2rem;overflow: hidden;margin-right: 0.5rem;vertical-align: -0.2rem;}
.news_t ul li em img{display: block;width: 1.2rem;height: 1.2rem; }
.news_t ul li a{display: block;font-size: 1rem;line-height: 1.2rem;color: #333333;height: 2.2rem;}
.news_t ul li.cur a{color: #187a42;font-weight: bold;border-bottom: 0.1rem solid #187a42;}
/* .news_t ul li.cur em img:nth-child(1){margin-top: -1.2rem;} */
.news_t .more{display: block;font-size: 0.8rem;line-height: 1rem;color: #333333;}

.news_s{position:relative;display: flex;justify-content: space-between;}
.news_l{ width:50%;position: relative;margin-top: 2rem;}
.news_l dt{display:block;width:100%;overflow:hidden;position: relative;height: 22.5rem;object-fit: cover;object-position: center;    border-radius: 2rem 0 2rem 0;}
.news_l dt img{display:block;width:100%;transition: all 0.5s;height:22.5rem;object-fit: cover;object-position: center;}
.news_l dd{padding: 1.2rem 0rem 0;}
.news_l dd i{ display: block;font-size: 0.8rem;line-height: 0.8rem;color: #333333;font-family: "mon1";}
.news_l dd h4 a{display: block;font-size: 1rem;line-height: 1.3rem;color: #333333;font-weight: bold;margin-top: 0.29rem;}
.news_l:hover dt img{transform: scale(1.05);}
.news_l dd p{display: block;font-size: 0.8rem;line-height: 1.5rem;color: #666666;margin-top: 1.2rem;}
.news_l .more{
     display: block;
     width: 8.6rem;
     height: 2.45rem;
     line-height: 2.45rem;
     font-size: 0.9rem;
     font-weight: normal;
     background: #187a42 url(../images/annius.png) no-repeat 6.3rem center;
     background-size: 0.9rem;
     color: #fff;
     border-radius: 2rem;
     text-align: center;
     padding-right: 2rem;
     box-sizing: border-box;
     margin-top: 2rem;
}
.news_r{width: 45%;margin-top: 0.6rem;}
.news_r dl{padding: 1.4rem 0;border-bottom: 1px solid #cfd8e7;display: flex;justify-content: space-between;cursor: pointer;}
.news_r dl:last-child{border-bottom: 0;padding-bottom: 0;}
.news_r dt{width: 48.33%;overflow: hidden;height: 9.8rem;object-fit: cover;object-position: center;border-radius: 0.45rem;}
.news_r dt img{display: block;width: 100%;height: 9.8rem;object-fit: cover;object-position: center;}

.news_r  dd{ width: 46.4%;}
.news_r dd i{display: block;font-size: 0.8rem;line-height: 0.8rem;color: #333333;font-family: "mon1";opacity: 0.5;padding: 0.5rem 0 1rem 0;}
.news_r dd  h4 a{display: block;font-size: 1rem;color: #333333;line-height: 1.5rem;font-weight: bold;margin-top: 0.9rem;}
.news_r .more{display: block;font-size: 0.8rem;color: #333333;position: relative;line-height: 1.35rem;margin-top: 2.5rem;}
.news_r .more img{display: inline-block;width: 2.8rem;height: 1.35rem;margin-left: 2.4rem;vertical-align: -0.4rem;}
.news_r dl:hover h4 a{color: #187a42;}
.news_l:hover h4 a{color: #187a42;}


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




.about .abo_l .ab_con:nth-child(1) ul li img {
  width: 97%;
  height: 22rem;
  border: 1px solid #ccc;
}

    .about {
  overflow: hidden;
  margin-bottom: 4.5rem;
}
.about h5 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  display: block;
  margin-bottom: 2.1rem;
  position: relative;
}
.about h5 em {
  display: block;
  position: absolute;
  left: 0;
  top: 3.2rem;
  width: 100%;
}
.about h5 em i {
  display: block;
  text-align: center;
  width: 100%;
  padding-bottom: 2.4rem;
  font-size: 2.4rem;
  color: #fff;
  line-height: 2.45rem;
  height: 2.4rem;
}
.about h5 em span {
  display: block;
  margin: 0 13.5%;
  height: 6.8rem;
  font-size: 0.8rem;
  color: #fff;
  font-weight: normal;
  line-height: 1.7rem;
  text-align: center;
}
.about h5 em b {
  display: block;
  margin: 0 auto;
  width: 10rem;
  height: 2.45rem;
  line-height: 2.45rem;
  font-size: 0.9rem;
  font-weight: normal;
  background: #187a42 url(../images/annius.png) no-repeat 7.3rem center;
  background-size: 0.9rem;
  color: #fff;
  border-radius: 2rem;
}
.about h5 em b a {
  display: block;
  color: #fff;
  padding-left: 2.2rem;
}
.about .abo_l {
  margin: 0 13.5%;
  position: relative;
}
.about .abo_l h3 {
  padding-bottom: 1.5rem;
  float: left;
  padding: 2.8rem 0 0 5.2rem;
}
.about .abo_l h3 a {
  font-weight: normal;
  font-size: 2.3rem;
  color: #282828;
  font-weight: bold;
  line-height: 100%;
}
.about .abo_l h3 a i {
  font-weight: normal;
  color: #aaa;
  font-size: 1rem;
  display: block;
  line-height: 100%;
  padding-bottom: 1.6rem;
}
.about .abo_l h3 span {
  display: block;
  font-weight: normal;
  color: #282828;
  font-size: 1.5rem;
  line-height: 100%;
  padding-top: 0.8rem;
}
.about .abo_l p {
  color: #666666;
  line-height: 1.4rem;
  float: right;
  padding: 3.3rem 4.3rem 0 0;
  height: 11.5rem;
  font-size: 0.8rem;
  width: 50%;
}
.about .abo_l .ab_nav {
  overflow: hidden;
  height: 3.3rem;
  margin-left: 33.5%;
}
.about .abo_l .ab_nav li {
  float: left;
  margin-right: 3.95rem;
  font-size: 1.2rem;
}
.about .abo_l .ab_nav li a {
  color: #282828;
  line-height: 1.5rem;
}
.about .abo_l .ab_nav li a span {
  display: inline-block;
  float: left;
  width: 1.6rem;
  height: 1.5rem;
  overflow: hidden;
  margin-right: 0.6rem;
  text-align: center;
}
.about .abo_l .ab_nav li.cur a {
  font-weight: bold;
  color: #187a42;
}
.about .abo_l .ab_nav li.cur a span img:first-of-type {
  margin-left: -1.6rem;
}
.about .abo_l .ab_con ul {
  display: flex;
  justify-content: space-between;
}
.about .abo_l .ab_con ul li {
  width: 24%;
  overflow: hidden;
}
.about .abo_l .ab_con ul li img {
  width: 100%;
  max-height: 22rem;
}
.about .abo_l .ab_con ul li span {
  display: block;
  font-size: 0.8rem;
  color: #333;
  padding-top: 0.9rem;
  text-align: center;
  line-height: 100%;
}
.about .abo_l .ab_uu {
  cursor: pointer;
  position: absolute;
  top: 53%;
  left: -3.4rem;
  width: 2.2rem;
  background: url(../images/an-left.png) no-repeat;
  background-size: 0.9rem 1.4rem;
  width: 0.9rem;
  height: 1.4rem;
}
.about .abo_l .ab_uu:hover {
  background: url(../images/a_u1.png) no-repeat;
  background-size: 0.9rem 1.4rem;
}
.about .abo_l .ab_dd:hover {
  background: url(../images/a_d1.png) no-repeat;
  background-size: 0.9rem 1.4rem;
}
.about .abo_l .ab_dd {
  cursor: pointer;
  position: absolute;
  top: 53%;
  right: -3.4rem;
  width: 2.2rem;
  background: url(../images/an-right.png) no-repeat;
  background-size: 0.9rem 1.4rem;
  width: 0.9rem;
  height: 1.4rem;
}

.about h5 img {
    width: 100%;
}

.about .abo_l .ab_nav li a span img {
    width: auto;
    height: 1.4rem;
}





@media screen and (min-width: 1263px) {
    html {
        font-size: calc(1263px * 20 / 1903);
    }
}

@media screen and (min-width: 1349px) {
    html {
        font-size: calc(1349px * 20 / 1903);
    }
}

@media screen and (min-width: 1463px) {
    html {
        font-size: calc(1463px * 20 / 1903);
    }
}

@media screen and (min-width: 1543px) {
    html {
        font-size: calc(1543px * 20 / 1903);
    }
}

@media screen and (min-width: 1583px) {
    html {
        font-size: calc(1583px * 20 / 1903);
    }
}

@media screen and (min-width: 1643px) {
    html {
        font-size: calc(1643px * 20 / 1903);
    }
}

@media screen and (min-width: 1663px) {
    html {
        font-size: calc(1663px * 20 / 1903);
    }
}

@media screen and (min-width: 1903px) {
    html {
        font-size: calc(1903px * 20 / 1903);
    }
}