@charset "utf-8";
body{font-family: "Microsoft YaHei"; font-size:12px; line-height:24px;}
.container{width: 100%;max-width: 1400px;margin: 0 auto;}
.head_wap{display: none;}

/* 头部 */
.head{}
.head .top{padding: 10px 0;}
.head .logo{width: 520px;}
.head .tel{font-size: 18px;color: #19b46f;font-weight: bold;line-height: 50px;background: url(../images/tel.png) no-repeat left center;padding-left: 55px;margin: 20px 0;margin-left: 60px;}
.head .search{width: 310px;height: 50px;border: 1px solid #e5e5e5;border-radius:8px;overflow: hidden;margin: 20px 0;}
.head .search button{float: right;display:block;width: 55px;height: 48px;background: url(../images/sou.png) no-repeat center #19b46f;border: 0;cursor:pointer;}
.head .search input{width: 75%;height: 48px;font-size: 16px;color: #b4b4b4;padding-left: 15px;}
.head .nav{width: 100%;background: #19b46f;}
.head .nav li{float: left;width: 14.28%;font-size: 18px;color: #fff;line-height: 70px;text-align: center;position: relative;background: url(../images/bg5.png) no-repeat right center;}
.head .nav li.on,.head .nav li:hover{background: #19b46f;}
.head .nav li>a{display: block;}
.navhide{width: 507px;position: absolute;left: 50%;margin-left: -100px;top: 100%;z-index: 999;transition: .25s;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);background: #f6f6f6;}
.navhide .leftnav{float: left;width: 42%;text-align: center;padding: 25px 15px;}
.navhide .leftnav a{display: block;color: #333333;border-bottom: #e4e4e4 1px solid;line-height: 50px;font-size: 16px;}
.navhide .nav_text{float: right;width: 58%;line-height: 44px;background: #ffffff;padding: 25px;font-size: 14px;text-align: left;}
.navhide .nav_text h3{font-size: 18px;color: #1c1c1c;margin-top: 10px;font-weight: bold;}
.navhide .nav_text p{color: #1c1c1c;line-height: 26px;}
.head .nav li:hover .navhide{opacity: 1;visibility: inherit;}

/* start */
.lm-bt{text-align: center;line-height: 2;}
.lm-bt h3{font-size: 30px;color: #1e1e1e;font-weight: bold;}

.pc_ban{width:100%;position:relative;}
.pc_ban .bn_nr{width:80%;position:absolute;top:50%;left:10%;color:#fff;text-align:center;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:11;}
.pc_ban .w1{font-size:40px;font-weight:bold;line-height:66px;margin-bottom:10px;}
.pc_ban .w1 span{display: inline-block;margin: 0 20px;}
.pc_ban .w2{font-size: 26px;line-height: 2;}
.pc_ban .w2 h3{font-size: 30px;font-weight: bold;text-transform:uppercase;}
.pc_ban .w2 h3:after{content: "";display: block;width: 60px;height: 2px;background: #fff;margin: 15px auto;}
.pc_ban .swiper-button-prev{width:60px; height:60px; background:url(../images/lf2.png) no-repeat center #19b46f; margin-top:-25px;border-radius:100%;
transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;}
.pc_ban:hover .swiper-button-prev{left:6%; opacity:.8;}
.pc_ban .swiper-button-next{width:60px; height:60px; background:url(../images/rt2.png) no-repeat center #19b46f; margin-top:-25px;border-radius:100%;
transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;}
.pc_ban:hover .swiper-button-next{right:6%; opacity:.8;}
.page-ban{bottom: 40px !important;}
.page-ban span{background: #eef0e6;width: 12px;height: 12px;margin: 0 10px !important;opacity: 1;}
.page-ban .swiper-pagination-bullet-active{background: #19b46f;}

.step1{}
.step1 .m1{width: 50%;height: 540px;background: url(../images/bg1.png) no-repeat center/cover;padding: 4vw 2vw 0 5vw;}
.step1 .m1 .box1{font-size: 16px;color: #656565;line-height: 2;}
.step1 .m1 .box1 h3{font-size: 30px;font-weight: bold;color: #1e1e1e;margin-bottom: 10px;}
.step1 .m1 .box1 h3:before,.lm-bt h3:before{content: "";display:inline-block;width: 11px;height: 20px;background: url(../images/ico1.png) no-repeat;margin-right: 8px;}
.step1 .m1 .box1 h3:after,.lm-bt h3:after{content: "";display:inline-block;width: 11px;height: 20px;background: url(../images/ico2.png) no-repeat;margin-left: 8px;}
.step1 .m1 .box2{margin-top: 30px;}
.step1 .m1 .box2 li{float: left;width: 33%;font-size: 16px;color: #4c4c4c;line-height: 1.7;}
.step1 .m1 .box2 li span{display: inline-block;font-size: 36px;font-weight: bold;color: #19b46f;margin-right: 5px;}
.step1 .m1 .box2 li h3{font-size: 13px;color: #2b2b2b;}
.step1 .m1 .box2 li>div{width: max-content;text-align: center;}
.step1 .m1 .more{width: 160px;border: 1px solid #19b46f;line-height: 44px;text-align: center;font-size: 18px;color: #19b46f;margin-top: 50px;}
.step1 .m2{width: 50%;height: 540px;background: url(../images/bg2.png) no-repeat center/cover;padding: 5vw 5vw;}
.step1 .m2 .row{float: left;width: 35%;height: 180px;text-align: center;font-size: 20px;color: #ffffff;line-height: 2.6;border-bottom: 1px solid rgba(255,255,255,0.2);cursor:pointer;padding-top: 50px;}
.step1 .m2 .row:nth-child(2n-1){border-right: 1px solid rgba(255,255,255,0.2);}
.step1 .m2 .row:nth-child(n+3){border-bottom: 0;}
.step1 .m2 .row:hover{border-bottom: 2px solid #fff}
.step2{background: url(../images/bg6.png) no-repeat center top #fdfdfd;padding: 60px 0;}
.step2 .con{margin-top: 30px;}
.step2 .pic{width: 45%;}
.step2 .slide{position: relative;}
.step2 .slide .prev{display: block;width: 40px;height: 80px;background: url(../images/lf.png) no-repeat #19b46f;position: absolute;left: 0;top: 40%;}
.step2 .slide .next{display: block;width: 40px;height: 80px;background: url(../images/rt.png) no-repeat #19b46f;position: absolute;right: 0;top: 40%;}
.step2 .text{width: 45%;font-size: 18px;color: #646464;line-height: 2;padding-top: 3vw;}
.step2 .text h3{font-size: 26px;color: #1e1e1e;margin-bottom: 20px;}
.step2 .text .more{width: 160px;border: 1px solid #19b46f;line-height: 44px;text-align: center;font-size: 18px;color: #19b46f;margin-top: 5vw;}
.step3{background: url(../images/bg3.png) no-repeat center top #fdfdfd;padding: 120px 0 130px;margin-top: -40px;}
.step3 .con{position: relative;}
.step3 .swiper-slide{background: #fff;margin: 40px 0;}
.step3 .pic{overflow: hidden;}
.step3 .text{height: 150px;text-align: center;font-size: 16px;color: #646464;line-height: 2;padding: 20px 15px;}
.step3 .text h3{font-size: 18px;font-weight: bold;color: #1e1e1e;margin-bottom: 8px;}
.step3 .text h3:hover{color: #19b46f;}
.step3 .more{width: 160px;border: 1px solid #ffffff;line-height: 44px;text-align: center;font-size: 18px;color: #ffffff;margin: 0 auto;}
.step3 .prev{left: -80px;}
.step3 .next{right: -80px;}
.step3 .lm-bt h3{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.step4{background: url(../images/bg4.png) no-repeat center top;padding-top: 120px;overflow: hidden;margin-top: -80px;}
.step4 .con{position:relative;padding-bottom: 125px;}
.step4 .con .more{width: 180px;line-height: 44px;text-align: center;color: #fff;font-size: 18px;background: #19b46f;margin:50px auto 0;}
.step4 .pic{position: absolute;right: 0;bottom: -30px;}
.xw-lm{text-align: center;margin-top: 20px;}
.xw-lm li{display: inline-block;width: 160px;line-height: 44px;text-align: center;border: 1px solid #dcdcdc;font-size: 18px;color: #6e6e6e;margin: 0 10px;}
.xw-lm li.on,.xw-lm li:hover{background: #19b46f;border: 1px solid #19b46f;color: #fff;}
.step5{padding: 70px 0;background: url(../images/bg7.png) no-repeat center top/cover;}
.step5 .con{margin-top: 40px;}
.step5 .m1{width: 50%;background: #ffffff;}
.step5 .m1 .pic{width: 100%;overflow: hidden;position: relative;}
.step5 .m1 .date{position: absolute;bottom:0;right: 25px;text-align: center;width: 75px;background: #19b46f;color: #fff;font-size: 20px;line-height: 1.6;padding: 5px 10px 10px;}
.step5 .m1 .date dt{font-size: 34px;font-weight: bold;border-bottom: 2px solid #fff;}
.step5 .m1 .text{width: 100%;height: 175px;font-size: 16px;color: #646464;line-height: 1.8;padding: 20px 20px;}
.step5 .m1 .text h3{font-size: 20px;color: #000000;margin-bottom: 8px;}
.step5 .m2{width: 48.5%;}
.step5 .m2 .row{background: #fff;padding: 20px 0;margin-bottom: 19px;}
.step5 .m2 .date{width: 15.5%;text-align: center;font-size: 20px;color: #646464;line-height: 1.6;padding: 4px 30px;border-right: 1px solid #d2d2d2;margin-top: 8px;}
.step5 .m2 .date dt{font-size: 26px;color: #1e1e1e;}
.step5 .m2 .text{width: 84.5%;font-size: 15px;color: #646464;line-height: 1.8;padding: 0 25px;}
.step5 .m2 .text h3{font-size: 18px;color: #1e1e1e;margin-bottom: 6px;}
.step5 .m2 .row:hover{background: #19b46f;}
.step5 .m2 .row:hover .date,.step5 .m2 .row:hover .date dt{color: #fff;}
.step5 .m2 .row:hover .text,.step5 .m2 .row:hover .text h3{color: #fff;}
.step5 .m2 .row:nth-child(4){margin: 0;}
.link{background: #fff;border-bottom: 5px solid #19b46f;font-size: 16px;color: #c3c3c3;line-height: 2;padding: 33px 0;}
.link label{display: inline-block;color: #000;margin-right: 20px;}
.link a{color:#646464}
.link a:after{content: "|";display:inline-block;margin:0 10px;}
.link .t-p{float: right;cursor:pointer;position: relative;bottom: 6px;}
.copyright{background: #fff;font-size: 15px;color: #646464;line-height: 2;padding: 20px 0;border-top: 1px solid #5e5e5e;}
.copyright a{float: right;}
.foot{background: #fff;}
.foot .con{padding: 35px 0 70px;}
.foot .lx{width: 33%;line-height: 1.6;font-size: 16px;color: #e6e6e6;margin-top: 10px;}
.foot .lx h3{color: #323232;font-weight: bold;font-size: 26px;margin-bottom: 35px;}
.foot .lx p{padding-left: 35px;margin: 20px 0;color: #646464;}
.foot .lx p strong{font-size: 20px;}
.foot .lx p:nth-child(2){background: url(../images/f1.png) no-repeat left center;}
.foot .lx p:nth-child(3){background: url(../images/f2.png) no-repeat left center;}
.foot .lx p:nth-child(4){background: url(../images/f3.png) no-repeat left center;}
.foot .f-dh{width: 55%;min-height: 280px;border-left: 1px solid #5e5e5e;padding-left: 3.5vw;padding-top: 10px;}
.foot .f-dh dl{float: left;width: 20%;font-size: 15px;color: #b0b0b0;line-height: 2.3;}
.foot .f-dh dl h3{font-size: 16px;color: #323232;margin-bottom: 10px;}
.foot .f-dh dl p{transition: all 0.4s ease-in-out;}
.foot .f-dh dl p:hover{color: #fff;transition: all 0.4s ease-in-out;transform:translateX(4px);}
.foot .code{text-align: center;font-size: 16px;color: #646464;line-height: 3.5;}

.ban{width: 100%;height: 600px;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;color: #fff;line-height: 1.8;text-align: center;}
.ban h3{font-size: 40px;font-weight: bold;letter-spacing: 1px;}
.ban h3:after{content: "";display: block;width: 90px;height: 2px;background: #fff;margin: 15px auto;}
.ab-lm{line-height: 80px;margin-top: -140px;}
.ab-lm .con{max-width: 1100px;background: #ffffff;border-radius:10px;overflow: hidden;}
.ab-lm li{float: left;width: 25%;text-align: center;font-size: 16px;color: #323232;}
.ab-lm li.active{background: #19b46f;color: #fff;}
.ab-lm li.active i{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.ab-lm li i{margin-right: 8px;transform: translateY(-3px);}
.ab1{margin-top: 60px;background: url(../images/bg8.png) no-repeat center top;padding: 110px 0 50px;}
.ab1 .text{width: 49%;font-size:16px;color: #646464;line-height: 2;}
.ab1 .text h2{font-size: 60px;color: #19b46f;font-weight: bold;margin-top: 45px;}
.ab1 .text h3{font-size: 30px;color: #19b46f;font-weight: bold;margin-bottom: 10px;}
.ab2{background: #f7f7f7;padding: 100px 0;}
.ab2 .con{background: #fff;}
.ab2 .pic{width: 56%;overflow: hidden;}
.ab2 .text{width: 44%;padding: 60px 50px;font-size: 16px;color: #646464;line-height: 2.2;}
.ab2 .text .slide{width: 70%;}
.ab2 .text h3{font-size: 26px;color: #323232;font-weight: bold;background: url(../images/dian.png) no-repeat left center;padding-left: 25px;margin-bottom: 10px;}
.ab2 .page{text-align: right;margin-top: 70px;}
.ab2 .prev,.ab2 .next{display: inline-block;width: 50px;line-height: 48px;text-align: center;border: 1px solid #e7e7e7;font-size: 30px;border-radius:100%;overflow: hidden;transition: all 0.4s ease-in-out;margin: 0 8px;}
.ab2 .prev:hover,.ab2 .next:hover{background: #19b46f;color: #fff;border: 1px solid #19b46f;transition: all 0.4s ease-in-out;}
.ab3{background: url(../images/bg9.png) no-repeat center top;padding: 50px 0;}
.ab3 .tit,.ab4 .tit{text-align: center;font-size: 18px;color: #2b2b2b;line-height: 2;}
.ab3 .tit h3,.ab4 .tit h3{font-size: 30px;font-weight: bold;margin-bottom: 5px;}
.swiper-ry{}
.swiper-ry .swiper-slide{text-align: center;transition: 300ms;transform: scale(0.85);opacity: 0.4;margin: 30px 0;}
.swiper-ry .swiper-slide p{opacity: 0;visibility: hidden;font-size: 20px;color: #19b46f;line-height: 2;font-weight: bold;margin-top: 30px;}
.swiper-ry .swiper-slide-active{transform: scale(1);opacity: 1;}
.swiper-ry .swiper-slide-active p{opacity: 1;visibility: inherit;}
.swiper-ry .page{width: 100%;position: absolute;left: 0;bottom: 50px;}
.ab3 .prev{display: inline-block;width: 50px;height: auto;line-height: 48px;text-align: center;border: 1px solid #19b46f;font-size: 30px;color: #19b46f;border-radius:100%;overflow: hidden;transition: all 0.4s ease-in-out;left: 27%;}
.ab3 .next{display: inline-block;width: 50px;height: auto;line-height: 48px;text-align: center;border: 1px solid #19b46f;font-size: 30px;color: #19b46f;border-radius:100%;overflow: hidden;transition: all 0.4s ease-in-out;right: 27%;}
.ab3 .prev:hover,.ab3 .next:hover{background: #19b46f;color: #fff;transition: all 0.4s ease-in-out;}
.ab4{background: url(../images/bg10.png) no-repeat center top/cover;padding: 80px 0;}
.ab4 .con{margin-top: 40px;}
.ab4 .pic{width: 48%;overflow: hidden;}
.ab4 .text{width: 48%;height: 400px;font-size: 16px;color: #323232;line-height: 2;overflow-y: scroll;}
.ab4 .text dl{margin-bottom: 8px;}
.ab4 .text label{display: inline-block;width: 20%;font-weight: bold;color: #19b46f;}
.ab4 .text::-webkit-scrollbar {width: 4px;}
.ab4 .text::-webkit-scrollbar-thumb{background: #19b46f;border-radius: 10px;}
.ab4 .text::-webkit-scrollbar-track-piece {background: transparent;}
.cp-lm{margin: 45px 0;text-align: center;}
.cp-lm li{display: inline-block;width: 130px;line-height: 44px;border: 1px solid #e5e5e5;font-size: 16px;color: #323232;border-radius:4px;text-align: center;margin: 0 8px;transition: all 0.4s ease-in-out;}
.cp-lm li.on,.cp-lm li:hover{background: #19b46f;color: #fff;border: 1px solid #19b46f;transition: all 0.4s ease-in-out;}
.position{margin-top: 40px;}
.position .con{border-bottom: 1px solid #eeeeee;padding: 10px 0;line-height: 2;}
.position span{font-size:30px;color: #323232;font-weight: bold;}
.position .form{float: right;margin-top: 15px;}
.position .form button{border: 0;width: 25px;height: 25px;background: url(../images/sou2.png) no-repeat center;margin: 0 10px;transform: translateY(5px);cursor:pointer;}
.position .form input{font-size: 16px;color: #b4b4b4;}
.pro{padding-bottom: 100px;}
.pro li{float: left;width: 24%;background: #f9f9f9;text-align: center;font-size: 15px;color: #646464;line-height: 1.8;position: relative;margin-right: 1.33%;margin-bottom: 2%;}
.pro li .pic{width: 100%;max-height: 300px;overflow: hidden;}
.pro li .text{padding: 20px 20px 25px;}
.pro li h3{font-size: 16px;color: #323232;font-weight: bold;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro li:after{content: "";display: block;position: absolute;left: 0;bottom: 0;width:0;height: 4px;background: #19b46f;transition: all 0.4s ease-in-out;}
.pro li:nth-child(4n+4){margin-right: 0;}
.pro li:hover:after{width: 100%;transition: all 0.4s ease-in-out;}
.pro li:hover{background: #ffffff;}
.pro li:hover h3{color: #19b46f;}
.cy{padding: 80px 0;}
.cy .row{background: #f7f8fa;margin-bottom: 60px;}
.cy .row .pic{float: left;width: 50%;overflow: hidden;}
.cy .row .text{float: right;width: 50%;padding: 40px 50px 0;line-height: 1.8;background: url(../images/bk.png) no-repeat right 50px top 50px;}
.cy .row .text .order{font-size: 60px;color: #e5e6e8;font-weight: bold;line-height: 60px;}
.cy .row .text .box{font-size: 16px;color: #7d7d7d;margin-top: 30px;}
.cy .row .text .box h3{font-size: 20px;color: #141414;font-weight: bold;margin-bottom: 15px;}
.cy .row .text .more{width: 145px;line-height: 44px;text-align: center;border: 2px solid #dbdcdd;font-size: 14px;color: #484848;margin-top: 50px;transition: all 0.4s ease-in-out;}
.cy .row .text .more:hover{background: #19b46f;color: #fff;border: 2px solid #19b46f;transition: all 0.4s ease-in-out;}
.cy .row:nth-child(2n) .pic{float: right;}
.cy .row:nth-child(2n) .text{float: left;}
.lx1{padding-top: 90px;}
.lx1 .con{background: url(../images/bg11.png) no-repeat left bottom #19b46f;}
.lx1 .text{width: 46%;padding: 30px 30px;font-size: 16px;color: #ffffff;line-height: 2;}
.lx1 .text h3{font-size: 24px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 15px;}
.lx1 .text .code{margin-top: 30px;}
.lx1 .pic{width: 54%;overflow: hidden;}
.map{height: 460px;margin-top: 40px;}
.map .con{height: 100%;}
.ly{margin-top: 80px;background: url(../images/bg12.png) no-repeat center bottom/cover;padding: 70px 0;}
.ly .bt{text-align: center;font-size: 30px;color: #323232;line-height: 1.8;}
.ly .bt:after{content: "";display: block;width: 70px;height: 2px;background: #19b46f;margin: 20px auto;}
.message{width: 62%;margin-top: 40px;}
.message .item{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px;}
.message .item dl{width: 32%;}
.message .item label{display:block;line-height: 50px;font-size: 16px;color: #323232;}
.message .item label i{color: #19b46f;font-weight: bold;margin-right: 5px;}
.message .item input{display:block;width: 100%;height: 50px;background: #fff;font-size: 15px;color: #acacac;padding-left: 20px;}
.message .item textarea{width: 100%;border: 0;height: 180px;background: #fff;font-size: 15px;color: #acacac;padding:20px 20px;}
.message .item .but{width: 100%;border: 0;background: #19b46f;color: #fff;text-align: center;font-size: 16px;height: 50px;cursor:pointer;}
.zp1{padding: 70px 0;background: url(../images/bg13.png) no-repeat left top/cover;}
.zp1 .bt{text-align: center;font-size: 18px;color: #646464;line-height: 1.8;}
.zp1 .bt h3{font-size: 30px;color: #323232;margin-bottom: 15px;}
.zp1 .con{margin-top: 60px;}
.zp1 .row{float: left;width: 25%;text-align: center;line-height: 3;font-size: 18px;color: #323232;}
.zp2{background: #f8f8f8;padding: 80px 0;}
.zp2 .row{float: left;width: 49%;height: 340px;background: #fff;padding: 25px 25px;transition: all 0.4s ease-in-out;margin-bottom: 2%;}
.zp2 .row .w1{border-bottom: 1px solid #e6e6e6;position: relative;font-size: 14px;color: #323232;line-height: 1.8;padding-bottom: 10px;}
.zp2 .row .w1 h3{font-size: 24px;margin-bottom: 5px;}
.zp2 .row .w1 .more{position: absolute;right: 0;top: 20px;width: 90px;line-height: 36px;text-align: center;color: #fff;background: #19b46f;font-size: 18px;border-radius:6px;}
.zp2 .row .box{height: 180px;margin-top: 15px;font-size: 16px;color: #646464;line-height: 1.9;overflow-y: scroll;}
.zp2 .row .box::-webkit-scrollbar {width: 2px;}
.zp2 .row .box::-webkit-scrollbar-thumb{background: #19b46f;border-radius: 10px;}
.zp2 .row .box::-webkit-scrollbar-track-piece {background:#fff;}
.zp2 .row:nth-child(2n){float: right;}
.zp2 .row:hover{background: #a9ba98;transition: all 0.4s ease-in-out;}
.zp2 .row:hover .box{color: #fff;}
.zp2 .row:hover .w1{color: #fff;}
.news-lm .con{max-width: 550px;}
.news-lm li{width: 50%;}
.news{margin-top: 60px;background: #fefefe;padding-bottom: 80px;}
.news .m1{padding-top: 80px;}
.news .m1 .pic{width: 48.5%;overflow: hidden;}
.news .m1 .text{width: 51.5%;padding: 30px 50px;font-size: 16px;color: #646464;line-height: 2;}
.news .m1 .text .date{color: #19b46f;}
.news .m1 .text h3{font-size: 26px;color: #323232;font-weight: bold;margin: 15px 0;line-height: 1.4;}
.news .m1 .text .more{width: 160px;line-height: 42px;text-align: center;border: 1px solid #19b46f;color: #19b46f;margin-top: 50px;}
.news .m1 .text .more:hover{background: #19b46f;color: #fff;}
.news .m2{margin-top: 50px;}
.news .m2 li{float: left;width: 31.5%;background: #fff;font-size: 14px;color: #6a6a6a;line-height: 1.8;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-right: 2.75%;margin-bottom: 2.75%;position: relative;}
.news .m2 .pic{width: 100%;max-height: 240px;overflow: hidden;}
.news .m2 .text{padding: 20px 20px;height: 185px;}
.news .m2 .text span{font-size: 16px;}
.news .m2 .text h3{font-size: 16px;color: #323232;font-weight: bold;margin: 7px 0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .m2 .text h3:hover{color: #19b46f;}
.news .m2 li:nth-child(3n+3){margin-right: 0;}
.news .m2 li:after{content: "";display: block;width: 0;height: 4px;background: #19b46f;transition: all 0.4s ease-in-out;}
.news .m2 li:hover:after{width: 100%;transition: all 0.4s ease-in-out;}
.news .m2 li:hover span{color: #19b46f;}
.article{padding-top: 3vw;}
.article .title{display: block;text-align: center;font-size: 17px;line-height: 2;margin-bottom: 15px;font-weight: bold;}
.article .content{padding: 20px 0;font-size: 15px;line-height: 2;}
.article .page{}