﻿


@media screen and (max-width:1024px) {
.about3{ padding-top: 30px;}		
.about3 .box{ flex-wrap: wrap;}	
.about3 .left{width: 100%;margin:0;padding: 25px 16px 36px 16px;border-radius:0 0 10px 10px;position: static;transform: translate(-0%,-0%);}
.about3 .right{ width: 100%; margin:0;}
.about3 ._img{/* border-radius: 10px 10px 0 0; */}
.about3 .left .line{margin-top: 12px;width:40px;
height:3px;}
.about3 .left .info{
    padding-top: 0.3rem;
}
.about3 .left .p{ margin-top: 6px;}
.about3 .left .ico{ bottom:20px; right: 15px; width:34px;}
.about3 .box::after{ left:-8px; bottom:-8px; width:50px; height:50px;}
}


.about4{ display: block; width: 100%; padding-top:0.5rem; }
.about4 .box{ display: flex; width: 100%; position: relative; flex-direction: row-reverse; }
.about4 .box::after{ display: block; content: ''; position: absolute; left:-0.3rem; bottom:-0.3rem; width:1.02rem; height: 1.02rem; border-radius:10px; background:#00b050;}
.about4 .right{ display: flex; flex-wrap: wrap; width: 65.9%; margin-bottom: 0.59rem;}
.about4 ._img{  padding-bottom:48.28%; border-radius: 10px;overflow: hidden;}
.about4 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width:53.8%; border-radius: 10px; position: relative; z-index: 6; padding:0.65rem 0.66rem 1.3rem 0.62rem; background: #fff;margin-top: 0.59rem; margin-right: -19.7%;}
.about4 .left .ico{  display: block; position:absolute; bottom: 0.66rem; right:0.76rem; z-index: 6; line-height: 0; width:0.54rem;}
.about4 .left .line{ display:block;width:53px; height: 5px; border-radius: 5px; background: #00b050; margin-top:0.28rem;}
.about4 .left .tit{ display:block;width:100%; color: #00b050; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.16rem);}
.about4 .left .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.27rem; }
.about4 .left .p{ display:block;width:100%; margin-top: 0.1rem;}


@media screen and (max-width:1024px) {
.about4{ padding-top: 30px;}	
.about4 .box{ flex-wrap: wrap;}	
.about4 .left{ width: 100%; margin:0; padding:25px 16px 50px 16px; border-radius:0 0 10px 10px;}
.about4 .right{ width: 100%; margin:0;}
.about4 ._img{ border-radius: 10px 10px 0 0;}
.about4 .left .line{margin-top: 12px;width:40px;
height:3px;}
.about4 .left .info{ padding:10px 0 0 0;}
.about4 .left .p{ margin-top: 6px;}
.about4 .left .ico{ bottom:20px; right: 15px; width:34px;}
.about4 .box::after{ left:-8px; bottom:-8px; width:50px; height:50px;}

}


.about5 .sect{display: flex;flex-wrap: wrap;width: 100%;align-items: flex-start;justify-content: space-between;padding-top: 50px;}
.about5 .left{ width: 38.43%;}
.about5 .right{ width: 58.25%; display: flex; flex-wrap: wrap; justify-content:space-between;}	
.about5 .box1{width:100%;display:flex;flex-wrap: wrap;padding-top: 0.2rem;}
.about5 .box1 .li{display: flex;flex-wrap: wrap;flex-direction: column;padding-top: 0.51rem;white-space: nowrap;min-width: 41%;margin-left: 9%;}
.about5 .box1 .num{ font-size:0.6rem; line-height:1; color: #00b050; font-weight: bold; margin-right:3px;}
.about5 .box1 .dw{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); color: #666;}
.about5 .box1 .txt1{ display: flex; align-items:flex-end;}
.about5 .box1 .txt2{color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem); margin-top: 1px;}
.about5 .cont{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.4rem;  }
.about5 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-top:0.2rem;  }
.about5 .p{ display:block; padding-left:16px; position: relative; margin-top: 0.1rem;}
.about5 .p::after{ display: block; content: ''; position: absolute; left: 0; top:calc(8px + 0.02rem); width: 6px; height: 6px; border-radius: 50%; border: 1px solid #00b050;}
.about5 .pic1{ display: block; width: 100%; line-height: 0; overflow: hidden; border-radius: 1.5rem 0 1.5rem 1.5rem;}
.about5 .pic2{display: block;width: 100%;line-height: 0;overflow: hidden;border-radius:0 1.3rem 1.3rem 1.3rem;}
.about5 .l1{ display: block; width: 36.26%; }
.about5 .l2{display: flex;flex-wrap: wrap;align-content: flex-start;width: 59.54%;}
.about5 .tit{ display: inline-flex; position: relative; color: #333;font-size:0.36rem; line-height:0.46rem; margin-top: 0.1rem; padding: 0 8px;}
.about5 .tit::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.14rem; border-radius: 0.14rem; z-index: 1; background: #00b050;}
.about5 .tit .s{ display: inline-flex; position: relative; z-index: 6;}

@media screen and (max-width:1440px) {
.about5 .tit{ margin-top: 0;}	
.about5 .box1{ padding-top:0.1rem; }
.about5 .box1 .li{padding-top:0.31rem;}
.about5 .cont{ line-height:calc(22px + 0.04rem); padding-top:0.3rem;  }
}
@media screen and (max-width:1024px) {
.about5 .sect{ padding-top: 30px;}	
.about5 .left{ width: 100%;}
.about5 .right{ width: 100%; margin-top: 30px;}	
.about5 .box1{  width: 100%; flex-direction: row;  justify-content: space-between;}
.about5 .box1 .num{ font-size:24px;}
.about5 .info{ margin-top: 15px;}
.about5 .p{ margin-top: 5px;}
.about5 .tit{ font-size: 18px; line-height: 28px;}
.about5 .tit::after{ height: 7px; border-radius:7px;}
.about5 .cont{ padding-top: 20px; text-align: justify;}
.about5 .box1{ padding-top:10px; }
.about5 .box1 .li{padding-top:16px; min-width:auto;}
}
@media screen and (max-width:767px) {
.about5 .l1{ width: 41.26%;}
.about5 .l2{ width: 55.54%;}
.about5 .info{ font-size: 12px; line-height:20px; margin-top: 10px;}
.about5 .p{ margin-top:3px; padding-left: 14px;}
.about5 .p::after{ top:7px}
}



.yingy1{ display: block; width: 100%; padding-top:28px; }
.yingy1 .box{ display: flex; width: 100%; position: relative; align-items: flex-start; flex-direction: row-reverse; }
.yingy1 .right{ display: block; width: 50%; margin-top: 0.7rem; position: relative; z-index: 6; }
.yingy1 .right::after{ display: block; content: ''; position: absolute; right:-0.3rem; bottom:-0.3rem; width:1.02rem; height: 1.02rem; border-radius:10px; background:#00b050;}
.yingy1 .slick-list{ z-index: 6;}
.yingy1 .pic{ display: block; width: 100%; position: relative; background: #000; border-radius: 10px;overflow: hidden;}
.yingy1 .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.54rem; height: 0.54rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(../images/paly1.png) center no-repeat; background-size:100% 100%  !important;}
.yingy1 ._img{  padding-bottom:64.5%; opacity: 0.79;}
.yingy1 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width:69.6%; border-radius: 10px;padding:0.63rem 24.75% 0.9rem 0.6rem; background: #fff;margin-bottom: 0.7rem; margin-right: -19.6%; position: relative; z-index: 2;}
.yingy1 .left .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding-top:0.26rem;}
.yingy1 .left .p{ display:block; padding-left:19px; position: relative; margin-top: 0.16rem;}
.yingy1 .left .p::after{ display: block; content: ''; position: absolute; left: 0; top:calc(6px + 0.06rem); width:10px; height: 10px; border-radius: 50%; border:2px solid #00b050;}
.yingy1 ._Title1{ line-height:0.54rem;}
.yingy1 .slick-dots{ position: absolute; left: 0; bottom: 0.32rem; z-index: 6;}
.yingy1 .slick-dots li{ background: #fff;}

@media screen and (max-width:1440px) {
.yingy1 .left{ width:69.6%;padding:0.45rem 22% 0.4rem 0.5rem;margin-bottom: 0.45rem; margin-right: -19.6%;}
.yingy1 .left .info{line-height:calc(22px + 0.04rem); padding-top:0.16rem;}
.yingy1 .left .p::after{top:calc(6px + 0.02rem);}
.yingy1 .right{ margin-top: 0.45rem; }
}
@media screen and (max-width:1024px) {
.yingy1 .box{ flex-wrap: wrap;}	
.yingy1 .box::after{ display: block; content: ''; position: absolute; right:-8px; bottom:-8px; width:50px; height:50px; border-radius:10px; background:#00b050;}
.yingy1 .left{ width: 100%; margin:0; padding:25px 16px 30px 16px; border-radius:0 0 10px 10px;}
.yingy1 .right{ width: 100%; margin:0;}
.yingy1 .right::after{ display: none;}
.yingy1 ._img{ border-radius: 10px 10px 0 0;}
.yingy1 .pic{ border-radius: 10px 10px 0 0;}
.yingy1 .paly{ width:34px; height:34px;}
.yingy1 .left .info{ padding-top:5px;}
.yingy1 .left .p{ margin-top: 8px;}
.yingy1 ._Title1{ line-height:30px;}
.yingy1 .slick-dots{ bottom:15px;}
}


.yingy3{ display: block; width: 100%; padding-top:0.35rem;}
.yingy3 .ul{ cursor: pointer; display:block; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.yingy3 .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap; padding:0.15rem; width:33.33%;}
.yingy3 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; height: 100%; position: relative; border-radius:8px; overflow: hidden; background:#ffff;}
.yingy3 .ul .li .pic{ display: block; width: 100%; position: relative; background: #000; overflow: hidden;}
.yingy3 .ul .li .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.53rem; height: 0.53rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(../images/paly1.png) center no-repeat; background-size:100% 100%  !important;}
.yingy3 .ul .li ._img{  padding-bottom:64.9%; opacity: 0.7;}
.yingy3 .ul .li .tit{ z-index: 6; position:relative; width:100%;color: #666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); height: calc(44px + 0.12rem); padding:0 0.6rem 0 0.3rem; margin: 0.18rem 0; display:flex; align-items: center;}
.yingy3 .ul .li .tit::after{display: block; content:''; position: absolute; right:0.25rem; top:0; z-index: 6;
  height: 100%;width: 24px;
  background: url(../images/_right-small-up2.svg) left center no-repeat;
    background-size: auto;
  background-size:24px auto !important;}
.yingy3 .ul .li .a:hover{ background:#00b050;}
.yingy3 .ul .li .a:hover .paly{background: url(../images/paly2.png) center no-repeat; }
.yingy3 .ul .li .a:hover .tit{ color: #fff;}
.yingy3 .ul .li .a:hover .tit::after{background: url(../images/_right-small-up1.svg) left center no-repeat;}
.yingy3 .slick-dots{ margin-top:25px;}
.yingy3 .slick-arrow{ top:-0.6rem;background: url(../images/ico5.2.png) center no-repeat;}
.yingy3 .slick-prev{left:auto;right:0.65rem;}
.yingy3 .slick-next{right:0.15rem; }

@media  screen and (max-width:1024px){
.yingy3{ padding-top:22px;}	
.yingy3 .ul{width:calc(100% + 14px); margin:0 -7px;}
.yingy3 .ul .li{  padding:7px; }
.yingy3 .ul .li .tit{ margin:10px 0; padding:0 30px 0 14px; }
.yingy3 .ul .li .tit::after{ right:9px;}
.yingy3 .ul .li .paly{ width:34px; height:34px;}
.yingy3 .slick-arrow{ top:-33px;}
.yingy3 .slick-dots{ margin-top:20px;}
.yingy3 .slick-prev{left:auto;right:41px;}
.yingy3 .slick-next{right:7px; }
}

.yingyB2 ._Title1 { padding-bottom: 5px;}
.yingy2{ display: block; width: 100%; padding-top:37px;}
.yingy2 .title{ display: block; width: 100%;color: #333;font-size:calc(14px + 0.14rem); line-height: calc(24px + 0.1rem); position: relative; padding-left: 15px;}
.yingy2 .title::after{ display: block; content: ''; width: 3px; height: 24px; background: #00b050; position: absolute; left: 0; top:0.05rem}
.yingy2 .box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top:10px;}
.yingy2 .box .li{ display: flex; width: 49%; background: #f5f5f5; overflow: hidden; border-radius: 10px; margin-top:15px;}
.yingy2 .box .left{ display: block; overflow: hidden; min-width: 2.96rem; width: 2.96rem; line-height: 0;}
.yingy2 .box .right{ display: block; width: 100%; padding:0.38rem 0.3rem 0.38rem 0.3rem; align-items:flex-start;}
.yingy2 .box .tit{ display: block; width: 100%;color: #00b050;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem);}
.yingy2 .box .info{ display: block; width: 100%;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); margin-top: 0.14rem;}
.yingy2 .box ._img{  padding-bottom:96.62%; height: 100%;}

@media  screen and (max-width:1440px){
.yingy2 .box .info{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); margin-top: 0.1rem;}
}
@media  screen and (max-width:1024px){
.yingyB2 ._Title1 { padding-bottom: 0;}	
.yingy2{ padding-top:30px;}	
.yingy2 .box{ margin-top:5px;}
.yingy2 .box .li{flex-wrap: wrap;align-content: flex-start;}
.yingy2 .box .left{ min-width:100%; width:100%;}
.yingy2 .box .right{ width: 100%; padding:20px 15px;}
.yingy2 .box ._img{  padding-bottom:96.62%; height:auto;}
.yingy2 .box .info{ margin-top: 7px;}
}
@media  screen and (max-width:767px){
.yingy2 .box .li{ width:100%;}
}



.navR{ display: block; width:100%;}
.navR .title{ display: block; width:100%; background: #d6d5d5; padding:0.17rem 0.4rem; color: #333; line-height:calc(24px + 0.1rem); font-size:calc(14px + 0.08rem);}
.navR .slideR{ display: block; width:100%;}
.navR .slideR .wrap{ display: block; width:100%;}
.navR .slideR .u1{ display: block; width:100%; border:1px solid #dbdbdb; padding:0.26rem 0.4rem 0.59rem 0.4rem;}
.navR .slideR .u1 .l1{ display: block; width:100%;}
.navR .slideR .u1 .l1 a{ display: block; width:100%; color: #666; line-height:calc(24px + 0.1rem); font-size:calc(14px + 0.04rem); padding:0.15rem 20px 0.15rem 0; position: relative; border-bottom: 1px solid #dbdbdb;}
.navR .slideR .u1 .l1 a::after{ display: block; content:''; position: absolute; right: 2px; top:50%; border-top: 2px solid #cecece; border-right: 2px solid #cecece; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg);}
.navR .slideR .u1 .l1 a::before{ display: block; content:''; position: absolute; left:0; bottom:-1px; width: 0; height: 1px; background:#00b050;}
.navR .slideR .u1 .l1 a.active{color: #00b050; }
.navR .slideR .u1 .l1 a.active::after{ border-top: 2px solid #00b050; border-right: 2px solid #00b050;}
.navR .slideR .u1 .l1 a.active::before{ width: 100%;}

.newsbox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; margin-top: -5px; padding:30px 0 0.94rem 0; flex-direction: row-reverse;}
.newsbox .left{ display: block; width:27.3%; position: sticky; top:120px;}
.newsbox .right{ display: block; width:68.8%;}
.newsbox .sect{ display: block; width: 100%; padding-top:20px;color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
.newsbox .sect0{ padding:0 0 10px 0;}
.newsbox .sect1{ padding:0;}
.newsbox .sect2{ padding:0.5rem 0 0 0;}
.newsbox .sect3{ padding:0.42rem 0 0 0;}
.newsbox .sect4{ padding:0.44rem 0 0 0;}
.newsbox .sect5{ padding:0.85rem 0 0 0;}
.newsbox .sect6{ padding:0.55rem 0 0 0;}
.newsbox .sect .title{display: block;width: 100%;color: #5a5a5a;font-size: calc(16px + 0.10rem);line-height: calc(22px + 0.16rem);text-align: center;font-family: 'MiSans-Regular';}
.newsbox .sect .title1{ display: block; width: 100%; color: #333;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); border-bottom: 1px solid #e9e9e9; padding-bottom:17px; position: relative;}
.newsbox .sect .title1::after{ display: block; content:''; width:102px; height: 3px; background: #00b050; position: absolute; left:0; bottom: -2px;}
.newsbox .sect .info{display:flex;flex-wrap: wrap;width: 100%;color: #7a7a7a;font-size:14px;line-height: 24px;border-bottom: 1px solid #eaeaea;padding: 9px 0;justify-content: center;flex-direction: row;}
.newsbox .sect .s{display: flex;align-items: center;margin-top: 8px;margin-right: 0.3rem;}
.newsbox .sect .s img{width: 16px;height: 16px;margin-right:10px;}
.newsbox .sect .s:nth-child(1){/* margin-right: 0.72rem; */}
.newsbox .sect .s:nth-child(2){/* margin-right: 0.56rem; */}
.newsbox .sect .cont{ display: block; width: 100%; padding-top:20px;}
.newsbox .sect .cont img{
    max-height: 760px;
}
.newsbox .sect .mt20{ margin-top:20px;}
.newsbox .sect .p1{ display: block; width: 100%;margin-top:2px; position: relative; padding-left: 15px;}
.newsbox .sect .p1::after{ display: block; content:''; position: absolute; left: 0; top:calc(8px + 0.07rem); width: 4px; height: 4px; background: #00b050; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.newsbox .cont1{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding:54px 0 41px 0;}
.newsbox .zan{ display: flex;}
.newsbox .zan a{font-size:14px;line-height:50px;color: #666666; display: flex;align-items: center;justify-content: center; background:#e8e8e8; border-radius:35px; width:136px;}
.newsbox .zan a .i{ width:25px;height:25px;display:flex; background: url(../images/good-two.png) center no-repeat; background-size:100% 100% !important; margin-right:11px;}
.newsbox .zan a.active{color:#00b050;}
.newsbox .zan a.active .i{background: url(../images/good-two1.png) center no-repeat;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; align-items: center; padding:35px 0 0 0;border-top:1px solid #eaeaea;}
.newsbox ._page .la{ width: calc(100% - 140px);}
.newsbox ._page .la a{color: #666;font-size:14px;line-height:28px;display:block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: inline-block;}
.newsbox ._page .la a:hover{ color:#00b050;}
.newsbox .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 42px; border:1px solid #00b050;background: #00b050; border-radius:16px 0 16px 0; padding:0 18px; white-space: nowrap;}
.newsbox .btn i{ display: block; width:18px; height:18px; margin-right:10px; background: url(../images/ico6.png) center no-repeat; background-size: 100% auto !important;}
.newsbox .btn:hover{ color: #00b050; background:none;}
.newsbox .btn:hover i{background: url(../images/ico6.1.png) center no-repeat;}
.newsbox .bdshare{ display: flex; color: #666; font-size:calc(14px + 0.02rem); line-height: 35px;}
.newsbox .bdshare a{ width:35px !important; height: 35px !important; padding:0 !important; border: 1px solid #858585; border-radius: 50%; margin:0 0 0 0.2rem !important; background-size:100% auto !important;}
.newsbox .bdshare .bds_weixin{ margin:0 0 0 0.1rem !important;}
.newsbox .bdshare a:hover{ opacity: 1; border: 1px solid #00b050;}
.newsbox .left1{ display: block; width:22.8%; position: sticky; top:120px;}
.newsbox .right1{ display: block; width:73.3%;}
.newsbox .sect .cont38{ padding-top:28px;}
.newsbox .sect .cont40{ padding-top:30px;}
.newsbox .sect .cont23{ padding-top:23px;line-height: calc(22px + 0.08rem); display: flex;}
.newsbox .pic{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.newsbox .pic .l0{ display: block; width:48.3%; line-height: 0; margin-top: 22px;}
.newsbox1{ padding-bottom: 1.2rem;}
.newsbox ._Table{ margin-top: 24px;}


@media screen and (max-width:1024px) {
.newsbox{ margin-top: 0; padding:30px 0 40px 0;}	
.newsbox .left{ width: 100%; display:none;}
.newsbox .right{ width: 100%;}
.newsbox .btn{ font-size:14px; height:36px; border-radius:16px 0 16px 0; padding:0 15px;}
.newsbox .btn i{ width:16px; height:16px; margin-right:6px;}
.newsbox ._page{ padding:25px 0 0 0;}
.newsbox ._page .la{ width: calc(100% - 120px);}
.newsbox .cont1{ flex-direction: column; justify-content: center;padding:30px 0 30px 0;}
.newsbox .bdshare{ margin-top: 20px;}
.newsbox .bdshare a{ margin:0 0 0 10px !important;}
.newsbox .bdshare .bds_weixin{ margin:0 0 0 5px !important;}
.newsbox .sect2{ padding:25px 0 0 0;}
.newsbox .sect3{ padding:25px 0 0 0;}
.newsbox .sect4{ padding:25px 0 0 0;}
.newsbox .sect5{ padding:25px 0 0 0;}
.newsbox .sect6{ padding:25px 0 0 0;}
.newsbox .sect .title1{ padding-bottom: 13px;}
.newsbox .sect .info{padding: 10px 0;justify-content: left;}
.newsbox .left1{ width: 100%; display:none;}
.newsbox .right1{ width: 100%;}
.newsbox .sect .cont38{ padding-top:20px;}
.newsbox .sect .cont40{ padding-top:20px;}
}

@media screen and (max-width:767px) {
.newsbox .sect .s:nth-child(1){ width: 100%; margin-right: 0;}
.newsbox .sect .s:nth-child(2){ margin-right:20px;}
.newsbox .sect .s img{ width:20px; height:20px; margin-right:6px;}
.newsbox .sect .cont{overflow-y: auto;}

}



._form2{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:10px 0 0 0;}
._form2 .lab{ width:48.5%; position:relative; display: flex; overflow: hidden; background: #fff; border-radius:3px; margin-top: 30px; }
._form2 .w100{ width:100%;}
._form2 .text{ cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:58px; padding:16px 20px; border-radius:3px;}
._form2 .textarea{cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:130px; padding:16px 20px; border-radius:3px;}
._form2 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width: 106px;}
._form2 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.08rem); color: #fff; height:58px; padding-bottom: 1px;background:#00b050; border-radius:3px;}
._form2 .submit:hover{ background:none; color: #00b050;}


._form2 input::placeholder{color:#666; opacity:1 !important;}
._form2 textarea::placeholder{color:#666; opacity:1 !important;}

@media screen and (max-width:767px) {
._form2 .lab{ margin-top:15px; }
._form2 .text{ height:40px; padding:7px 12px;}
._form2 .textarea{ padding:7px 12px;}
._form2 .submit{ height:40px;}
}


.lits05{ display: block; width: 100%; padding-top: 10px;}
.lits05 .ul{ display: block;width: calc(100% + 0.38rem); margin:0 -0.19rem;}
.lits05 .ul .li{ display: block; width: 50%; padding:0.1rem 0.19rem;}
.lits05 .ul .li ._img{  padding-bottom:69.89%;}
.lits05 .slick-dots{ margin-top:20px;}

@media  screen and (max-width:1024px){
.lits05 .ul{width: calc(100% + 14px); margin:0 -7px;}
.lits05 .ul .li{ padding:7px 7px;}
.lits05 .slick-dots{ margin-top:15px;}
}




.lits06{ display: block; width: 100%; margin:8px 0 0 0;}
.lits06 .ul{display: flex; flex-wrap: wrap; width: calc(100% + 0.18rem); margin:0 -0.09rem;}
.lits06 .ul .li{ display: flex; flex-wrap: wrap; justify-content: center; width:12.5%; padding:0 0.09rem; margin-top:15px;}
.lits06 .ul .li .cover{ display: block; line-height: 0; border: 1px dashed #00b050; border-radius: 50%; width: 100%; padding: 5px;}
.lits06 .ul .li ._img{ padding-bottom: 100%; border-radius: 50%;}
.lits06 .ul .li .p{ display:block;width:100%; text-align: center; color: #666; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:12px; }


@media screen and (max-width:1024px) {
.lits06 .ul{  width: calc(100% + 14px); margin:0 -7px;}
.lits06 .ul .li{ padding:0 7px;}	
.lits06 .ul .li .p{ margin-top:10px;}

}
@media screen and (max-width:767px) {
.lits06 .ul .li{ width: 25%;}

}





/*
 00ab5d
calc(20px + 0.16rem); 

*/




.pagecon .newsbox .right{width:100%;}
.pagecon .newsbox .sect .cont{padding-top:0;}

.sitemap{ width:100%; overflow:hidden;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#00b050;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}

@media screen and (max-width:1024px) {
img {
  pointer-events: none;
}
img.yanzhengma{pointer-events:initial;}
}





@media screen and (max-width:767px) {
._form1 .lab.yzmbox{width:68%;}
._form1 .lab.yzmbtn{width:30%;}
._form1 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}

._form2 .lab.yzmbox{width:68%;}
._form2 .lab.yzmbtn{width:30%;}
._form2 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}

._form3 .lab.yzmbox{width:68%;}
._form3 .lab.yzmbtn{width:30%;}
._form3 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}

._form4 .lab.yzmbox{width:68%;}
._form4 .lab.yzmbtn{width:30%;}
._form4 .lab.yzmbox .yanzhengma{width:100px; background:#fff; height:38px; top:1px; right:1px;}
.lits03{
    width: 94%;
    margin: 0 auto;
}
}


.my-puop1 .box .title .jia{display:none;}



.tem_banner{
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 0;
}
.tem_banner .flash{
    width: 100%;
    background: #000;
}
.tem_banner .flash img{
    width: 100%;
}
.tem_banner .flash_max{}
.tem_banner .flash_box{
    color: #fff;
    position: absolute;
    left: 13.6%;
    top: 45%;
    line-height: 24px;
}
.tem_banner .flash_box h3{
    font-size: 0.45rem;
    /* padding: 0.2rem 0.25rem; */
    /* background: #18a35a; */
    /* border-radius: 30px 30px 30px 0; */
    display: inline-block;
}
.tem_banner .flash_box h6{
    font-size: calc(14px + 0.04rem);
    margin-top: 0.16rem;
    text-shadow: 0 0 36px #666;
}




.nav2_bg{
    /* margin: 0px auto 23px; */
    border-bottom: 1px solid #ddd;
}
.nav2{
    height: 80px;
    overflow: hidden;
    width: 96%;
    text-align: center;
}
.nav2 a{
    display: inline-block;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    margin: auto 5%;
    overflow: hidden;
    color: #5a5a5a;
}
.nav2 a:hover{ color: #18a35a;}
.nav2 a.cur{
    color: #18a35a;
}
.nav2 a.cur:before{
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    content: "";
    width: 100%;
    height: 2px;
    background: #18a35a;
    transition: 0.4s;
    }


.nav2 a:before{
    position: absolute;
    left: -100%;
    bottom: 0;
    z-index: 1;
    content: "";
    width: 100%;
    height: 2px;
    background: #18a35a;
    transition: 0.4s;
}

.nav2 a:hover:before{left:0;}


.mail_tit{
    display: block;
    color: #5a5a5a;
    font-size: calc(26px + 0.04rem);
    line-height: 2.3;
    text-align: center;
}


.environment-hide {
  overflow: hidden;
}
.environment-swiper{
  position: relative;
  margin-top: 0.2rem!important;
}
.environment-slide figure {
  position: relative;
  display: block;
  padding-bottom: 62.5%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  margin: 0;
}
.environment-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;transition: 0.4s;
}
.environment-slide figure:hover img{transform: scale(1.1);}

.environment-swiper .swiper-pagination2{
    bottom: 100px;
    text-align: center;
    margin: 30px auto;
}
.environment-swiper .swiper-pagination2 .swiper-pagination-bullet{background: #c9c9c9;opacity: 0.7;margin: 0 11px;}
.environment-swiper .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative; opacity: 0.9;}
.environment-swiper .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content: "";display: block;width: 19px;height:19px;border: 1px solid #c9c9c9;border-radius: 100%;position: absolute;top: 50%;left: 50%;margin-left: -10px;opacity:0.7;margin-top: -10px;}

.max1920{
    padding: 0.3rem 0 0.3rem;
}
.about3 .box2{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.about3 .box2 .right{
}
.about3 .box2  .left{
    left: 25%;
}




/*why*/
.jnw01{margin: 0 auto;background:url(../images/bg4.png) left bottom no-repeat #fff}
.jn_title h2{text-align: center;font-size: 36px;line-height: 154px;}
.jn_bt ul{text-align: center;margin-top: 0.35rem;}
.jn_bt li{display: inline-block;padding: 5px 10px;border-radius: 50px;border: 2px solid #18a35a;margin: 0 16px;}
.jn_bt li.cur{background: #18a35a;color: #fff;}
.jn_bt span{cursor: pointer;line-height: 30px;width: 215px;font-size: 16px;position: relative;margin: 0 17px;text-align: left;padding-bottom: 16px;}
.jn_bt span:before{border-bottom: 3px solid #d9dadc;width: 100%;bottom: 0;left: 0;}
.jn_bt li.cur span {color: #fff;}
.jn_bt span:after{position: absolute;border-bottom: 3px solid #2183e9;width: 0;bottom: 0;left: 0;z-index: 1;transition: All 0.4s ease-in-out;}
.jn_bt li.cur span:after{width: 100%;}
.jnqh{overflow: hidden; padding: 65px 0 0px;animation:fadeIn .25s, 100ms;}
.jnqh_left{width:45%;float: right;border-radius: 15px;overflow: hidden;line-height: 0;}
.jnqh_left img{width: 100%;}
.jnqh_girht{float: left;width:50%;height: auto;}
.jnqh_girht h3{display: block;font-weight: normal;font-size: calc(22px + 0.04rem);margin-top: 0.5rem;}
.jnqh_girht h2{font-size: 32px;line-height: 1.375; margin-bottom: 20px;}
.jnqh_girht p{line-height: 2.3;color: #000;font-size: calc(14px + 0.04rem);font-family: 'MiSans-Normal';color: #666;margin-top: 0.28rem;}
.product-link ul{overflow: hidden; padding: 35px 0 40px 0;}
.product-link li{float: left; padding-right: 20px;}
.btn2{display: inline-block; text-align: center; width: 124px; line-height: 38px;border: 1px solid #262b39; color: #262b39;border-radius: 6px;}
.btn2 b{background: url(../images/a1a.png); width: 15px;height: 15px;display: inline-block;vertical-align: middle; margin: -3px 0 0 0;transition: All 0.2s ease-in-out;opacity: 0;}
.btn2:hover b{margin-left: 10px; opacity: 1;}
.product_bottom{/* border-top: 1px solid #ddd; *//* padding-top: 14px; */}
.product_bottom ul{overflow: hidden;}
.product_bottom li{float: left;width: 25%;font-size: 0.18rem;line-height: 60px;}
.product_bottom a{color: #18a35a;}
.product_bottom a:hover{color: #18a35a;}

.jn_bt span b{font-weight:400;}

.product_bottom .btn{display: inline-block;color: #00b050;font-size:14px;line-height:1;height: 47px;line-height: 45px;border:2px solid #00b050;border-radius: 0 18px 0 18px;padding:0 15px 0 19px;margin-top: 22px;}
.product_bottom .btn i{display: inline-block;width:24px;height:24px;margin-left:10px;background: url(../images/_right-small-up2.svg) center no-repeat;background-size: 100% auto !important;position: relative;top: 7px;}
.product_bottom .btn:hover{ color: #fff; background: #00b050;}
.product_bottom .btn:hover i{background: url(../images/_right-small-up1.svg) center no-repeat;}





.lits03 .ul .li .btn{display: none;color: #fff;font-size:14px;line-height:1;height: 47px;line-height: 45px;border: 2px solid #fff;border-radius: 0 18px 0 18px;padding:0 15px 0 19px;margin-top: 60px;}
.lits03 .ul .li .btn i{display: inline-block;width:24px;height:24px;margin-left:10px;background: url(../images/_right-small-up2.svg) center no-repeat;background-size: 100% auto !important;position: relative;top: 7px;}
.lits03 .ul .li:hover .btn{color: #fff;background: #00b050;margin-top: 40px;display: inline-block;}
.lits03 .ul .li:hover .btn i{background: url(../images/_right-small-up1.svg) center no-repeat;}



.lits03 .ul .li:hover{
    background: #00b050;
}
.lits03 .ul .li:hover .tit{color: #fff!important;}
.lits03 .ul .li:hover .cont{
    color: #fff;
}
.lits03 .ul .li:hover .p{
    color: #fff;
}
.lits03 .ul .li:hover .cont.p_bot{display: none;}
.lits03 .ul .li:hover .p.p_bot{
    display: none;
}








.rd_top{
    padding-top: 0.5rem;
}
.rd_top .con_box{
    max-width: 1260px;
    margin: 0 auto;
}
.rd_top .con_box img{opacity: 0.3;}
.rd_top .con_box img.left_yin{}
.rd_top .con_box img.right_yin{
    float: right;
}
.rd_top .con_box h3{
    font-size: 0.36rem;
    color: #18a35a;
    font-family: 'MiSans-Demibold';
    text-align: center;
    line-height: 3.3;
    margin-top: -81px;
}
.rd_top .con_box p{
    max-width: 1150px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    line-height: 43px;
    text-indent: 0.35rem;
    font-family: 'MiSans-Normal';
    margin-bottom: 13px;
}


.three_box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.3rem;
}
.three_box li{
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    width: 31%;
    box-shadow: 0 0 23px rgb(102 102 102 / 0.1);
    margin: 1.16%;
    background: #fff;
    border-radius: 10px 10px 0 0;
}
.three_box li .top_img{
    width: 100%;
}
.three_box li .top_img .topimg_swiper{
    width: 100%;
}
.three_box li .top_img .topimg_swiper .swiper-slide{}
.three_box li .top_img .topimg_swiper .swiper-pagination{
    position: static;
    margin: 10px auto;
}
.three_box li .top_img .topimg_swiper .swiper-pagination .swiper-pagination-bullet{
    background: #999;
    margin: 0 5px;
}
.three_box li .top_img .topimg_swiper .swiper-pagination .swiper-pagination-bullet-active{
 background: #18a35a;}
.three_box li .bot_info{
    display: block;
    width: 85%;
    margin: 13px auto 20px;
}
.three_box li .bot_info h5{
    font-size: calc(20px + 0.04rem);
    font-family: 'MiSans-Medium';
    display: inline-block;
}
.three_box li .bot_info img{
    float: right;
    position: relative;
    top: -10px;
}


.cxyjh{background: url(../images/cxy_bg.png) center no-repeat;height: auto;width: 100%;text-align: center;color: #fff;padding: 0.6rem;}
.cxyjh h5{
    font-size: 0.36rem;
    font-family: 'MiSans-Demibold';
    /* padding-top: 0.6rem; */
    line-height: 0.72rem;
}
.cxyjh p{
    font-size: 0.18rem;
    line-height: 0.36rem;
}

.cxyjh ul{
    display: flex;
    flex-flow: wrap;
    margin: 0.43rem auto;
    max-width: 1320px;
}
.cxyjh ul li{
    margin: 0 0.35rem;
    width: 28%;
    display: flex;
    flex-flow: wrap;
}
.cxyjh ul li img{
    width: 100%;
}



 /*从这里开始滚动条走起*/
#pictureViewer .picture-content::-webkit-scrollbar {
        width: 8px;
    }
    /*滑块*/
#pictureViewer .picture-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #18a35a;
        
    }
    /*轨道*/
#pictureViewer .picture-content::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, .3);
    }
 
.max-1260{max-width:1260px;margin: 0 auto;}
.chairman{
    max-width: 1260px;
    margin: 0.45rem auto 0.3rem;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 23px rgb(102 102 102 / 0.2);
    border-radius: 15px;
    width: 100%;
}
.chairman .left_phone{
    display: flex;
    flex-wrap: wrap;
    width: 48.5%;
    border-radius: 15px;
    overflow: hidden;
}
.chairman .left_phone img{}
.chairman .right_speak{
    display: flex;
    flex-wrap: wrap;
    width: 51.5%;
    padding: 0.45rem 0.35rem 0.5rem 0.6rem;
    position: relative;
}
.chairman .right_speak p{
    line-height: 0.56rem;
    font-family: 'MiSans-Normal';
    text-indent: 0.35rem;
    font-size: calc(14px + 0.04rem);
    color: #666;
}
.chairman .right_speak img{
    width: 1.6rem;
    height: auto;
    position: absolute;
    bottom: 13%;
    right: 11%;
}

.culture{background: url(../images/culture_bg.jpg) center no-repeat;height: auto;padding-bottom: 0.5rem;}
.culture ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.5rem;
}
.culture ul li{
    text-align: center;
    vertical-align: middle;
    display: list-item;
    flex-wrap: wrap;
    width: 31.3%;
    margin: 0 1%;
}
.culture ul li img{
    width: calc(160px + 0.4rem);
}
.culture ul li h3{
    font-size: calc(22px + 0.04rem);
    width: 100%;
    color: #333;
}
.culture ul li p{
    width: 85%;
    margin: 0.3rem auto;
    font-size: calc(14px + 0.04rem);
    line-height: calc(32px + 0.04rem);
    color: #666;
    font-family: 'MiSans-Normal';
}




.fours{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.45rem;
}
.fours dt{
    width: 47.3%;
    margin: 0.21rem;
    position: relative;
    color: #fff;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    cursor: pointer;
}
.fours dt img{
    width: 100%;
    transition: 0.4s;
}
.fours dt h4{
    position: absolute;
    top: 11%;
    left: 9%;
    font-size: calc(22px + 0.04rem);
    font-family: 'MiSans-Medium';
}
.fours dt p{
    font-size: calc(14px + 0.04rem);
    position: absolute;
    top: 23%;
    left: 9%;
    line-height: 0.36rem;
    font-family: 'MiSans-Normal';
}
.fours dt:hover img{
    transform: scale(1.1);
}




.gree_top{
    padding-top: 0.6rem;
    box-shadow: 0 0 27px rgb(102 102 102 / 0.15);
    border-radius: 15px;
    margin-top: 45px;
    padding-bottom: 0.4rem;
    background: #fff;
}
.gree_top .con_box{
    max-width: 1260px;
    margin: 0 auto;
}
.gree_top .con_box img{opacity: 0.3;}
.gree_top .con_box img.left_yin{}
.gree_top .con_box img.right_yin{
    float: right;
}
.gree_top .con_box h3{
    font-size: 0.36rem;
    color: #18a35a;
    font-family: 'MiSans-Demibold';
    text-align: center;
    line-height: 3.3;
    margin-top: -81px;
}
.gree_top .con_box p{
    max-width: 1150px;
    margin: 0 auto;
    font-size: calc(14px + 0.04rem);
    color: #666;
    line-height: 0.40rem;
    text-indent: 0.35rem;
    font-family: 'MiSans-Normal';
    margin-bottom: 13px;
}




.gree_box{background: url(../images/gree_bg.jpg) center no-repeat;height: auto;width: 100%;text-align: center;color: #fff;padding: 3.25rem;margin-top: -1rem;position: relative;z-index: -1;background-size: cover;}
.cxyjh h5{
    font-size: 0.36rem;
    font-family: 'MiSans-Demibold';
    /* padding-top: 0.6rem; */
    line-height: 0.72rem;
}
.cxyjh p{
    font-size: calc(13px + 0.04rem);
    line-height: 0.36rem;
}

.cxyjh ul{
    display: flex;
    flex-flow: wrap;
    margin: 0.43rem auto;
    max-width: 1320px;
}
.cxyjh ul li{
    margin: 0 0.35rem;
    width: 28%;
    display: flex;
    flex-flow: wrap;
}
.cxyjh ul li img{
    width: 100%;
}


.sixul{
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.7rem;
    margin-bottom: 0.6rem;
}
.sixul li{
    box-shadow: 0 0 23px rgb(102 102 102 / 0.1);
    width: 30.8%;
    margin: 0.2rem;
    text-align: center;
    padding: 0.45rem 0 0.35rem;
    border-radius: 15px;
    background: #fff;
} 
.sixul li img{
    max-width: 90%;
}
.sixul li h6{
    font-size: calc(14px + 0.04rem);
    color: #18a35a;
    line-height: 1;
    padding: 0.25rem 0 0;
}


.teamul{
    display: flex;
    flex-wrap: wrap;
    margin: 0.45rem auto 0.3rem;
}
.teamul li{background: url(../images/team_bg.jpg) left top no-repeat;width: 46.7%;box-shadow: 0 0 23px rgb(102 102 102 / 0.1);border-radius: 10px;font-size: 0;margin: 0 0.208rem;background-size: contain;}
.teamul li .top{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.36rem;
}
.teamul li .top .left_info{
    width: 56%;
    text-align: center;
}
.teamul li .top .left_info h4{
    font-size: calc(20px + 0.04rem);
    color: #18a35a;
    padding: 0.45rem 0 0.12rem;
}
.teamul li .top .left_info h5{
    display: inline-block;
    background: #18a35a;
    color: #fff;
    padding: 4px 33px;
    border-radius: 20px 0;
    font-size: calc(14px + 0.02rem);
    font-family: 'MiSans-Normal';
    letter-spacing: 1px;
}
.teamul li .top .right_img{
    max-width: 190px;
    border-radius: 100px;
    overflow: hidden;
    width: 32.3%;
}
.teamul li .top .right_img img{}
.teamul li .bottom{
    font-size: calc(14px + 0.02rem);
    padding: 0.26rem 0.3rem 0.36rem;
    color: #666;
    font-family: 'MiSans-Normal';
    line-height: 2.1;
}



.history_swiper1{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    overflow: hidden;
}
.history_swiper1 .swiper-slide{text-align: center;/* box-shadow: 0 0 23px rgb(102 102 102 / 0.1); */margin: 0.45rem 0rem 0.6rem;background: #fff;border-radius: 10px;/* padding: 0.4rem; */transform: scale(0.7);transform-origin: center;opacity: 0.1;height: 415px;}
.history_swiper1 .swiper-slide.swiper-slide-active{
    transform: scale(1);
    transform-origin: center;
    opacity: 1;
    z-index: 10;
}
.history_swiper1 .swiper-slide .con_box{
    box-shadow: 0 0 23px rgb(102 102 102 / 0.1);
    padding: 0.45rem 0.45rem 0.4rem;
    /* width: 543px; */
    /* margin-left: 22.5px; */
    background: #fff;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
}
.history_swiper1 .swiper-slide .topimgbox{
    /* padding-bottom: 53.7%; */
    width: 100%;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    height: 243px;
    width: 453px;
    /* margin: 0 45px; */
}
.history_swiper1 .swiper-slide .topimgbox img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    width: 453px;
    height: 243px;
}
.history_swiper1 .swiper-slide h5{
    font-size: calc(22px + 0.04rem);
    line-height: 0.48rem;
    padding: 0.12rem 0 0.035rem;
    font-family: 'MiSans-Medium';
    /* width: 453px; */
    margin: 0 auto;
}
.history_swiper1 .swiper-slide.swiper-slide-active h5{color: #18a35a;}
.history_swiper1 .swiper-slide p{
    font-size: calc(14px + 0.04rem);
    /* width: 453px; */
    background: #fff;
    margin: 0 auto;
}


.history_swiper2{
    overflow: hidden;
}
.history_swiper2 .swiper-slide{
    text-align: center;
    position: relative;
    margin-bottom: 16px;
    border-bottom: 2px solid #18a35a;
}
.history_swiper2 .swiper-slide.swiper-slide-active{}
.history_swiper2 .swiper-slide h3{
    font-size: calc(14px + 0.04rem);
    padding-bottom: 36px;
    text-align: center;
    color: #666;
}
.history_swiper2 .swiper-slide span{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 5px solid #fff;
    background: #18a35a;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 23px rgb(102 102 102 / 0.3);
    border-radius: 13px;
    position: absolute;
    bottom: -18%;
    left: 50%;
    margin-left: -9px;
}
.history_swiper2 .swiper-slide.swiper-slide-active h3{
    font-size: calc(22px + 0.04rem);
    color: #18a35a;
    font-family: 'MiSans-Demibold';
}
.history_swiper2 .swiper-slide.swiper-slide-active span{
    width: 20px;
    height: 20px;
    border: 5px solid #18a35a;
    background: #fff;
    bottom: -20%;
    margin-left: -10px;
}
.history_swiper2 .center_line{
    width: 100%;
    height: 2px;
    background: #18a35a;
    position: relative;
    top: -0.17rem;
    display: none;
}
.history_swiper2 .swiper-prev{cursor: pointer;display: block;width:0.4rem;height: 0.4rem;content: '';z-index: 6;background: url(../images/left_move.png) center no-repeat;background-size:auto 100% !important;position: relative;top: -0.4rem;}
.history_swiper2 .swiper-next{cursor: pointer;display: block;width:0.4rem;height: 0.4rem;content: '';z-index: 6;background: url(../images/right_move.png) center no-repeat;background-size:auto 100% !important;position: relative;float: right;top: -0.8rem;}



.device{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 0.45rem auto;
}
.device .left_item{
    width: 43%;
    margin-right: 2.5%;
    overflow: hidden;
    position: relative;
}

.device .left_item ul::before {
    content: '';
    width: 2px;
    height: calc(100% + 40px);
    position: absolute;
    left: calc(8% + 0.03rem);
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px dashed #007C3E;
    z-index: -1;
}

.device .left_item ul {flex-direction: column;}
.device .left_item ul li{height: auto;padding: 0.05rem 0.2rem 0;float: left;width: 100%;transition: 0.4s;cursor: pointer;margin-bottom: 0%;}
.device .left_item ul li h3{
    width: calc(72px + 0.04rem);
    height: calc(72px + 0.04rem);
    box-shadow: 0 0 23px #ddd;
    border-radius: 76px;
    font-size: calc(28px + 0.04rem);
    font-family: 'MiSans-Demibold';
    line-height: calc(72px + 0.04rem);
    text-align: center;
    float: left;
    color: #999;
    margin-top: 1%;
    margin-bottom: 3%;
    /* margin-right: 5%; */
    background: #fff;
}
.device .left_item ul li h5{
    font-size: calc(20px + 0.04rem);
    font-family: 'MiSans-Medium';
    padding-top: 4.2%;
    padding-left: calc(16% + 0.04rem);
}
.device .left_item ul li p{
    font-size: calc(12px + 0.04rem);
    padding-top: 0.16rem;
    color: #666;
    line-height: calc(20px + 0.04rem);
    display: none;
    margin-left: calc(16% + 0.04rem);
}

.device .left_item ul li.cur{}
.device .left_item ul li.cur h3{
    color: #18a35a;
}
.device .left_item ul li.cur h5{
    color: #18a35a;
}
.device .left_item ul li.cur p{
    /*display: block;*/
}






.device .rightimgs{
    width: 54.5%;
    overflow: hidden;
    margin-top: 2%;
}
.device .rightimgs ul{
    position: relative;
}
.device .rightimgs ul li{
    display: none;
}
.device .rightimgs ul li .rightimgbox{
    font-size: 0;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    padding-bottom: 59%;
    width: 100%;
}
.device .rightimgs ul li .rightimgbox img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.device .rightimgs ul li.cur{
     display: block;
}
.device .rightimgs ul li.cur .rightimgbox{}
.device .rightimgs ul li .rightimgbox img:hover{
   
}



/******/


.top_con{
    display: flex;
    flex-wrap: wrap;
    margin: 0.2rem auto;
}
.top_con .leftimg{
    width: 46%;
    text-align: center;
}
.top_con .leftimg img{
    max-width: 100%;
}

.top_con .rightinfo{
    width: 54%;
    padding: 0.1rem 0.3rem;
}
.top_con .rightinfo p{display: flex;flex-wrap: wrap;line-height: calc(26px + 0.04rem);margin-bottom: calc(16px + 0.04rem);}
.top_con .rightinfo p strong{
    font-family: 'MiSans-Demibold';
    display: block;
    width: 16%;
}
.top_con .rightinfo p span{
    display: block;
    width: 80%;
}



.pro_bottm{}
.pro_bottm h3{
    border-bottom: 1px solid #eaeaea;
    line-height: calc(16px + 0.04rem);
    padding-left: calc(16px + 0.04rem);
    color: #333;
    padding-bottom: calc(12px + 0.04rem);
    font-size: calc(16px + 0.04rem);
}
.pro_bottm .bottom_con{
    padding: calc(12px + 0.04rem);
    line-height: calc(38px + 0.04rem);
}
.tem_banner .flash .img2{ display: none;}
.tem_banner .flash .img1{ display: inline;}



@media screen and (max-width:1640px) {
.about5 .box1 .li{
    width: 45%;
    margin-left: 5%;
}
.about5 .box1 .num{font-size: 0.5rem;}
.gree_top .con_box{
    padding: 1% 3%;
}
.device .left_item ul li h3{
    width: calc(66px + 0.04rem);
    height: calc(66px + 0.04rem);
    line-height: calc(68px + 0.04rem);
}
.device .left_item ul li h5{padding-left: calc(18% + 0.04rem);}
.device .left_item ul li p{margin-left: calc(18% + 0.04rem);}
.device .left_item ul::before{
    left: calc(9.5% + 0.03rem);
}
}

@media screen and (max-width: 1440px) {
.culture ul li p{font-size: calc(10px + 0.04rem);}
.nav2{
}
.nav2 a{
    display: inline-block;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    margin: auto 3%;
    overflow: hidden;
    color: #5a5a5a;
}
}
@media screen and (max-width:1366px) {
.fours dt p{font-size: calc(12px + 0.04rem);}
}

@media screen and (max-width:1024px) {
.fours dt{
    width: 100%;
}
.gree_top .con_box img.left_yin,.gree_top .con_box img.right_yin{display:none;}
.fours dt p{font-size: calc(12px + 0.04rem);line-height: calc(30px + 0.04rem);top: 27%;}
.culture ul li{
   
    width: 100%;
    margin: 0 1%;
}

.culture ul li h3{
    font-size: calc(20px + 0.04rem);
    width: 100%;
    color: #333;
}
.culture ul li p{ font-size: calc(12px + 0.04rem); }
.culture{background: #fff;}
.gree_top .con_box h3{margin-top:0px;font-size: calc(20px + 0.04rem);line-height: calc(50px + 0.04rem);}
.gree_top .con_box p{
    font-size: calc(12px + 0.04rem);
    line-height: calc(26px + 0.04rem);
}
.gree_top{padding: calc(10px + 0.05rem) 0;}
.sixul li{
    width: 47.2%;
}
.sixul li h6{font-size: calc(12px + 0.04rem);}
.jnqh_girht{
    width: 100%;
}
.jnqh_left{
    width: 100%;
    display: none;
}
.jn_bt li{
    margin: 6px 6px 0;
    padding: 2px 5px;
}
.jn_bt span{
    font-size: 14px;
}
.top_con .leftimg{
    width: 100%;
}
.top_con .rightinfo{
    width: 100%;
    padding: calc(20px + 0.04rem) calc(10px + 0.04rem);
}

.device .left_item{
    width: 100%;
}
.device .rightimgs{
    width: 100%;
    margin-top: 5%;
}
.device .left_item ul::before{display:none;}
.device .left_item ul li h3{
    width: calc(55px + 0.04rem);
    height: calc(55px + 0.04rem);
    line-height: calc(56px + 0.04rem);
    font-size: calc(24px + 0.04rem);
}
.device .left_item ul li h5{
    font-size: calc(18px + 0.04rem);
}
.device .left_item ul li p{
    font-size: calc(12px + 0.04rem);
}
.rd_top .con_box img.left_yin,.rd_top .con_box img.right_yin{display:none;}
.rd_top .con_box h3{margin-top:0px;font-size: calc(20px + 0.04rem);line-height: 2;}
.cxyjh h5{font-size: calc(20px + 0.04rem);}
.main2 .box1 .maxw{font-size:24px;}
.main2{background:#fff;}
.history_swiper2{display:none;}
.history_swiper1 .swiper-slide{}
.history_swiper1 .swiper-slide h5{
    padding: calc(20px + 0.04rem) 0 calc(16px + 0.04rem);
}
.history_swiper1 .swiper-slide p{}
.history_swiper1 .swiper-slide .con_box{
    padding: 23px;
}
.nav2 a{
    line-height: 36px;
    margin: 0 2%;
    font-size: 15px;
}
.nav2{
    height: auto;
    margin: 18px auto;
}
}


@media screen and (max-width:768px) {
.three_box li .bot_info h5{
    font-size: calc(18px + 0.04rem);
}
.cxyjh h5{font-size: calc(20px + 0.04rem);line-height: calc(36px + 0.04rem);padding-top: calc(10px + 0.04rem);}
.three_box li{
    width: 100%;
    margin: 3% auto;
}

.cxyjh{}
.cxyjh p{
    font-size: calc(12px + 0.04rem);
    line-height: calc(20px + 0.04rem);
}
.cxyjh ul li{
    width: 35%;
    margin: 10px auto;
}
.cxyjh ul li img{}
.three_box li .bot_info{
    margin: 5px auto 10px;
}
.three_box li .bot_info img{
    max-width: 33px;
}
.mail_tit{font-size: calc(20px + 0.04rem);}
.tem_banner .flash_box h3{
    font-size: calc(18px + 0.04rem);
}
.tem_banner .flash .img1{ display: none;}
.tem_banner .flash .img2{display: inline;opacity: 0.9;}
.chairman .left_phone{
    width: 100%;
}
.chairman .right_speak{
    width: 100%;
    padding: 23px;
}
.chairman .right_speak p{
    line-height: 38px;
}
.chairman .right_speak img{
    width: 73px;
}
.teamul li{
    width: 100%;
    margin: 5%;
    padding: 1%;
}
.teamul li .top .left_info{
    width: 62%;
}
}



@media screen and (max-width:1640px){
.about3 .left{
    padding: 0.5rem 0.75rem 0.5rem 0.8rem;}
.about3 .box1 .left{padding: 0.5rem 0.75rem 0.5rem 0.8rem;}	
.team .box1 .left{
    width: 50%;
}

}
@media screen and (max-width:1440px){
.about3 .left .tit,.sixgood .left_info h3,.about3 .left .tit,.mtit,.yuanjing .cenbox .tit,.cenh3{font-size: calc(20px + 0.10rem);
    line-height: calc(20px + 0.10rem);}
.about3 .left .info h3,.sixgood .left_info .swiper-leftinfo .swiper-slide h5,.cenh5{font-size: calc(20px + 0.04rem);}
.about3 .left .info,.scontent,.four li h5{font-size: calc(14px + 0.02rem);}

.future .cenbox .tit,.dykw .cenbox .tit,.kouhao .cenbox .tit{font-size: calc(20px + 0.1rem);
    color: #fff;
    line-height: calc(34px + 0.14rem);}
.stit{font-size: calc(16px + 0.04rem);
    line-height: calc(36px + 0.08rem);}
.four li img{
}



}




@media screen and (max-width:1024px){
.about3 .left{
    padding: 1.3rem 0.75rem 0.5rem 0.75rem;
    }
.about3 .box1 .left{padding: 1.3rem 0.75rem 0.5rem 0.8rem;}	
.team .box1 .left{
    width: 100%;
}
.about3 .left  .three{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.about3 .left  .three li{
    text-align: center;
    width: 30%;
    padding: 13px;
    box-shadow: 0 0 16px rgb(102 102 102 / 0.13);
    border-radius: 10px;
    margin: 1.6%;
}
.about3 .left  .three li h5{
    font-size: calc(20px + 0.04rem);
    font-family: 'MiSans-Demibold';
}
.about3 .left  .three li .in{
    width: 45px;
    height: 2px;
    background: #ddd;
    margin: 0.13rem auto;
}
.about3 .left  .three li span{
    font-size: calc(8px + 0.04rem);
}
.sixgood{
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0.3rem 0 0.9rem;
}
.sixgood .left_info{
    width: 100%;
    overflow: hidden;
    padding-left: 0%;
    padding-top: 6%;
}
.sixgood .left_info h3{
    width: 100%;
    color: #333;
    font-size: calc(22px + 0.14rem);
    line-height: calc(24px + 0.16rem);
    font-family: 'MiSans-Regular';
    text-align: center;
}

.sixgood .left_info .swiper-leftinfo{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 6%;
}
.sixgood .left_info .swiper-leftinfo .swiper-slide{}
.sixgood .left_info .swiper-leftinfo .swiper-slide h5{
    color: #00b050;
    font-size: calc(20px + 0.04rem);
    line-height: calc(26px + 0.12rem);
    font-family: 'MiSans-Demibold';
    padding-top: 0.3rem;
    text-align: center;
}



.sixgood .right_img{
    width: 100%;
    overflow: hidden;
}
.sixgood .right_img .swiper-rightimg{}
.sixgood .right_img .swiper-rightimg .swiper-slide{}
.sixgood .right_img .swiper-rightimg .swiper-slide ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.sixgood .right_img .swiper-rightimg .swiper-slide ul li{width: 30%;margin-right: 3.33%;}
.sixgood .right_img .swiper-rightimg .swiper-slide ul li .liimg{
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}
.sixgood .right_img .swiper-rightimg .swiper-slide ul li .liimg img{
    width: 100%;
}
.sixgood .right_img .swiper-rightimg .swiper-slide ul li .liimg h5{
    position: absolute;
    z-index: 10;
    top: 8%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: calc(13px + 0.02rem);
    line-height: calc(18px + 0.04rem);
}
.smore{
    margin: 30px auto 0;
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
}
.team{padding-top:0px}
.sixgood .left_info .swiper-leftinfo .swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none;}
.sixgood .left_info .swiper-leftinfo .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none;}
ssfdtd{
    text-align: center;
    margin: 0.9rem auto;
}
.ssfdtd .sboxs{}
.ssfdtd .sboxs .stit{
    font-size: calc(26px + 0.04rem);
}
.ssfdtd .four{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0.5rem;
}
.ssfdtd .four li{
    width: 100%;
    margin: 3% 2.5%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.ssfdtd .four li .left_img{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 50%;
}
.ssfdtd .four li .left_img img{}
.ssfdtd .four li .left_img h5{}
.ssfdtd .four li .right_info{
    width: 50%;
    text-align: left;
    font-size: calc(12px + 0.04rem);
    line-height: calc(20px + 0.04rem);
}
.ssfdtd .four li .right_info h5{
    font-size: calc(20px + 0.04rem);
    line-height: calc(20px + 0.04rem);
    margin-bottom: 0.2rem;
}

}
@media screen and (max-width:768px){

.about3 .left .tit,.sixgood .left_info h3,.about3 .left .tit,.mtit,.yuanjing .cenbox .tit,.cenh3{
    font-size: calc(16px + 0.10rem);
    line-height: calc(18px + 0.10rem);
    }
.about3 .left .info h3,.sixgood .left_info .swiper-leftinfo .swiper-slide h5,.cenh5{font-size: calc(16px + 0.04rem);}
.about3 .left .info,.scontent,.four li h5{font-size: calc(14px + 0.02rem);}

.future .cenbox .tit,.dykw .cenbox .tit,.kouhao .cenbox .tit{
    font-size: calc(15px + 0.1rem);
    color: #fff;
    line-height: calc(24px + 0.14rem);
    }
.stit{font-size: calc(16px + 0.04rem);
    line-height: calc(36px + 0.08rem);}
.team .left h6{
    font-size: calc(12px + 0.04rem);
}
.team .left .name{
    font-size: calc(22px + 0.04rem);
    margin-top: 0.3rem;
    font-family: 'MiSans-Demibold';
    margin-bottom: 0.2rem;
}
.team .left .name span{
    font-size: calc(20px + 0.04rem);
    padding-left: 0.1rem;
}


.team .left .tit{display:block;width:100%;color: #333;font-size: calc(24px + 0.14rem);line-height: calc(24px + 0.16rem);font-family: 'MiSans-Regular';}
.team .left .info{display:block;width:100%;color: #666;font-size: calc(14px + 0.02rem);line-height: calc(32px + 0.12rem);padding-top: 0.1rem;padding-bottom: 0;}
.team .left .info h3{color: #00b050;font-size: calc(26px + 0.04rem);line-height: calc(26px + 0.12rem);font-family: 'MiSans-Demibold';margin-bottom: 0.18rem;}
.team .left .info p{}
ssfdtd{
    text-align: center;
    margin: 0.9rem auto;
}
.ssfdtd .sboxs{}
.ssfdtd .sboxs .stit{
    font-size: calc(26px + 0.04rem);
}
.ssfdtd .four{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0.5rem;
}
.ssfdtd .four li{
    width: 100%;
    margin: 3% 2.5%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.ssfdtd .four li .left_img{
    display: block;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}
.ssfdtd .four li .left_img img{}
.ssfdtd .four li .left_img h5{}
.ssfdtd .four li .right_info{
    width: 100%;
    text-align: center;
    font-size: calc(12px + 0.04rem);
    line-height: calc(30px + 0.04rem);
    margin-top: 0.6rem;
}
.ssfdtd .four li .right_info h5{
    font-size: calc(20px + 0.04rem);
    line-height: calc(20px + 0.04rem);
    margin-bottom: 0.2rem;
}

.cenh3{
    padding-top: 36px;
}
.cenh2{
    font-size: calc(28px + 0.04rem);
    line-height: calc(52px + 0.04rem);
}
.cenp{
    font-size: calc(13px + 0.04rem);
    width: 90%;
    margin: 0 auto;
}
.cyms{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0.5rem;
}
.cyms li{
    width: 100%;
    text-align: center;
    margin: 5% 2.5%;
    box-shadow: 0 0 23px #ddd;
    border-radius: 16px;
    padding: 1.5rem 0;
}
.cyms li .left_img{
}
.cyms li .left_img img{
    max-width: 76px;
}

.cyms li .right_info{
   
font-size: calc(14px + 0.04rem);
   
text-align: left;
   
width: 48%;
   
margin: 0 auto;
   
color: #666;
   
line-height: calc(28px + 0.04rem);
   
}



.cyms li .right_info h5{font-size: calc(22px + 0.02rem);
    text-align: center;
    line-height: calc(56px + 0.02rem);}
.footer1 .Copyright,.footer1 .sjkf{font-size: calc(11px + 0.02rem);}
}


