/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-slide .bg img{width: 100%; /*height: 100%; object-fit: cover;*/}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; top: 30%; z-index: 3;} 
.ind-banner .onebox .en{ color: #fff; font-size: 0.44rem; line-height: 0.56rem; font-family: mont; width: 85%; text-transform: uppercase; padding-bottom: 0.4rem; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; top: 34%; z-index: 3;} 
.ind-banner .twobox .name{ color: #fff; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.45rem; }
.ind-banner .twobox .cn{font-size: 0.6rem; line-height: 0.6rem; color: #fff; font-weight: bold;}
.ind-banner .twobox .en{ font-size: 0.18rem; line-height: 0.32rem; text-transform: uppercase; padding-top: 0.1rem; color: rgba(255,255,255,0.6); font-family: regular; }

.ind-banner .btnDiv{ position:absolute; left:50%; margin-left:-7.68rem; bottom:15%; z-index:1;}
.ind-banner .btnDiv a{ display:block; text-align:center; font-size:0.18rem; border-radius:0.36rem; width:1.8rem; height:0.56rem; line-height:0.56rem; background: #00b259; color:#fff;}
.ind-banner .btnDiv a:hover{ background: #fff; color: #00b259; }


.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 0.5rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #1656c2;}
/*banner结束*/

.banner img{ width: 100%; }

.indexP0{ padding: 0.6rem 0; background: #DAE3E5; overflow: hidden;}
.indexP0 .temeDiv{ padding-left: 4.3rem; position: relative; }
.indexP0 .cn{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #333; font-size: 0.42rem; line-height: 0.42rem; }
.indexP0 .list li{ float: left; width: 50%; padding-top: 0.1rem; padding-bottom: 0.1rem; padding-right: 15%; font-size: 0.2rem; box-sizing: border-box;}
.indexP0 .list li a{ position: relative; display: block; color: #333; height: 0.5rem; line-height: 0.5rem; box-sizing: border-box; padding-left: 0.64rem; padding-right: 30px; overflow: hidden; background: url(../../assets/images/home/indexP1.svg) right center no-repeat; }
.indexP0 .list li img{ position: absolute; left: 0; top: 50%; margin-top: -0.2rem; width: 0.46rem; }
.indexP0 .list li a:hover{ text-decoration: underline; }

.indWen{ font-size: 0.24rem; line-height: 0.24rem; color: #00b259; text-align: center; padding-bottom: 0.25rem; }
.indTitle{ position: relative; z-index: 1; text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #191919; font-weight: bold; }

.indexP1{ padding: 1.0rem 0; background: url(../images/indexP1.jpg) center no-repeat; background-size: cover; box-sizing: border-box; z-index:1; position:relative;}
.indexP1 .temeDiv{ padding: 0 1.2rem; margin-top: 0.65rem; }
.indexP1 .line1{ margin-bottom: 0.1rem;  box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2);}
.indexP1 .line1 a{ position:relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center;
  -webkit-justify-content: center; height: 0.66rem; border: #fff solid 2px; border-radius: 4px; background-image: linear-gradient(top,#f3f6f8,#fff);
    background-image: -webkit-linear-gradient(top,#f3f6f8,#fff);
    background-image: -moz-linear-gradient(top,#f3f6f8,#fff);
    background-image: -o-linear-gradient(top,#f3f6f8,#fff);
    background-image: linear-gradient(to bottom,#f3f6f8,#fff);
  background-image: -webkit-linear-gradient(to bottom,#f3f6f8,#fff);
    background-image: -moz-linear-gradient(to bottom,#f3f6f8,#fff);
    background-image: -o-linear-gradient(to bottom,#f3f6f8,#fff);}
.indexP1 .line1 .name{ padding-left: 0.25rem; color: #333; font-size: 0.24rem; padding-right: 0.32rem; position: relative; font-weight: bold; }
.indexP1 .line1 .name:after{ content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 12px; margin-top: -6px; background: url(../images/ico1.png) no-repeat; }
.indexP1 .line1 a:hover .name{ color: #00b259; }

.indexP1 .line1 .layer{ z-index: -1; opacity: 0; visibility: hidden; position: absolute; top: 0.4rem; padding-top: 5px; left: 50%; margin-left:-1.2rem;}

.indexP1 .line1 .layer .bg{ position: absolute; left: 0.46rem; top: 0; height: 6px; width: 74px; background: url(../images/nimg9Bg.png) center top no-repeat; }
.indexP1 .line1 .layer .bg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #00b259; }
.indexP1 .line1 .layer .tt{ border-radius: 4px; border: #bde3d8 solid 1px; font-size: 0.16rem; line-height: 0.3rem; color:#666; background: #f4f6f9; min-width: 2.2rem; padding: 0.2rem 0.4rem 0.2rem 0.2rem; }

.indexP1 .line1.on .name{ color: #00b259; }
.indexP1 .line1.on .layer{ opacity: 1; visibility: visible; top: 0.5rem; z-index: 2; }



.indexP1 .line2{ margin-bottom: 0.1rem; }
.indexP1 .line2 ul{ margin-right: -10px; }
.indexP1 .line2 li{ float: left; width: 14.28%; }
.indexP1 .line2 li .box{ cursor: pointer; position: relative; margin-right: 10px; height: 1.36rem; border: #fff solid 2px; border-radius: 4px; background-image: linear-gradient(top,#f3f6f8,#fff);
    background-image: -webkit-linear-gradient(top,#f3f6f8,#fff);
    background-image: -moz-linear-gradient(top,#f3f6f8,#fff);
    background-image: -o-linear-gradient(top,#f3f6f8,#fff);
    background-image: linear-gradient(to bottom,#f3f6f8,#fff);
  background-image: -webkit-linear-gradient(to bottom,#f3f6f8,#fff);
    background-image: -moz-linear-gradient(to bottom,#f3f6f8,#fff);
    background-image: -o-linear-gradient(to bottom,#f3f6f8,#fff);  box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2);}
.indexP1 .line2 li .ico{ text-align: center; padding-top: 0.25rem; height: 0.55rem; }
.indexP1 .line2 li .name{ text-align: center; font-size: 0.24rem; line-height: 0.24rem; color: #333; font-weight: bold; }
.indexP1 .line2 li .layer{ z-index: -1; opacity: 0; visibility: hidden; position: absolute; top: 1.0rem; padding-top: 5px; left: 0;}

.indexP1 .line2 li .layer .bg{ position: absolute; left: 0.46rem; top: 0; height: 6px; width: 74px; background: url(../images/nimg9Bg.png) center top no-repeat; }
.indexP1 .line2 li .layer .bg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #00b259; }
.indexP1 .line2 li .layer .pj{ border-radius: 4px; border: #bde3d8 solid 1px; background: #f4f6f9; min-width: 2.2rem; padding: 0.2rem 0.4rem 0.2rem 0.2rem; }
.indexP1 .line2 li .layer dd a{ display: block; font-size: 0.18rem; line-height: 0.3rem;}
.indexP1 .line2 li .layer dd a:hover{ color: #00b259; }
.indexP1 .line2 li.on .name{ color: #00b259; }
.indexP1 .line2 li.on .layer{ opacity: 1; visibility: visible; top: 1.1rem; z-index: 2; }

.indexP1 .line3{ border: rgba(0,178,89,0.5) solid 1px; background: rgba(255,255,255,0.5); border-radius: 4px; padding: 0.12rem 0.2rem 0.12rem 1.46rem; position: relative; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2); }
.indexP1 .line3 .txt{ position: absolute; left: 0.35rem; top: 0.45rem; width: 0.5rem; z-index: 1; line-height: 0.36rem; color: #333; font-size: 0.24rem; font-weight: bold;}
.indexP1 .line3 .txt img{ display: block; }
.indexP1 .line3 ul{ margin-right: -0.12rem; }
.indexP1 .line3 li{ float: left; width: 25%; }
.indexP1 .line3 li .box{ margin-right: 0.12rem; border-radius: 4px; border: #d6eee4 solid 1px; }
.indexP1 .line3 li .box a{ display: block; height: 1.58rem; padding: 0.22rem 0.4rem 0 0.32rem; box-sizing: border-box; background-image: linear-gradient(top left,#e1f4ec,#fff);
    background-image: -webkit-linear-gradient(top left,#e1f4ec,#fff);
    background-image: -moz-linear-gradient(top left,#e1f4ec,#fff);
    background-image: -o-linear-gradient(top left,#e1f4ec,#fff);
    background-image: linear-gradient(to bottom right,#e1f4ec,#fff);
  background-image: -webkit-linear-gradient(to bottom right,#e1f4ec,#fff);
    background-image: -moz-linear-gradient(to bottom right,#e1f4ec,#fff);
    background-image: -o-linear-gradient(to bottom right,#e1f4ec,#fff); }
.indexP1 .line3 li .box .ico{ height: 0.64rem; }
.indexP1 .line3 li .box .ico img{ width: 0.57rem; }
.indexP1 .line3 li .box .name{ font-size: 0.2rem; height: 0.26rem; line-height: 0.26rem; color: #333; font-weight: bold; background: url(../images/ico1.png) right center no-repeat; }
.indexP1 .line3 li .box .msg{ padding-top: 0.1rem; font-size: 0.18rem; line-height: 0.18rem; color: #333; }
.indexP1 .line3 li .box:hover .name, .indexP1 .line3 li .box:hover .msg{ color: #00b259; }

.indexP1 .line4{ border: rgba(0,178,89,0.5) solid 1px; background: rgba(255,255,255,0.5); border-radius: 4px; margin-top: 0.1rem; position:relative; padding:0.12rem 0.2rem 0.12rem 2.26rem; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2);}
.indexP1 .line4 .txt{ position: absolute; left: 0.35rem; top: 0.12rem; z-index: 1; line-height: 0.7rem; color: #333; font-size: 0.24rem; font-weight: bold;}
.indexP1 .line4 ul{ margin-right:-0.2rem;}
.indexP1 .line4 li{ float:left; width:33.33%;}
.indexP1 .line4 li .box{ margin-right:0.2rem;}

.indexP2{ padding: 0.9rem 0 0; }
.indexP2 .tab2{ padding-top: 0.65rem; text-align: center; overflow: hidden;}
.indexP2 .tab2 ul{ font-size: 0; }
.indexP2 .tab2 li{ display: inline-block; margin: 0 0.17rem; width: 1.6rem; height: 1.5rem; padding-top: 0.28rem; box-sizing: border-box;}
.indexP2 .tab2 li .limg{ width: 48px; height: 48px; margin: 0 auto; position: relative; }
.indexP2 .tab2 li .bg{ width: 100%; height: 100%; background: url(../images/nimg48Bg.png) no-repeat; -moz-animation:rotate 10s infinite linear;  -webkit-animation:rotate 10s infinite linear;  animation:rotate 10s infinite linear;}
.indexP2 .tab2 li img{ width:100%; height: 100%;}
.indexP2 .tab2 li .name{ text-align: center; font-size: 0.18rem; line-height: 0.18rem; color: #3f4150; padding-top: 0.15rem; }
.indexP2 .tab2 .liNow{ border-top-left-radius: 8px; border-top-right-radius: 8px; background-image: linear-gradient(top,#00b259,#93deb9);
    background-image: -webkit-linear-gradient(top,#00b259,#93deb9);
    background-image: -moz-linear-gradient(top,#00b259,#93deb9);
    background-image: -o-linear-gradient(top,#00b259,#93deb9);
    background-image: linear-gradient(to bottom,#00b259,#93deb9);
	background-image: -webkit-linear-gradient(to bottom,#00b259,#93deb9);
    background-image: -moz-linear-gradient(to bottom,#00b259,#93deb9);
    background-image: -o-linear-gradient(to bottom,#00b259,#93deb9);}
.indexP2 .tab2 .liNow .name{ color: #fff; }
.indexP2 .tab2 li a:hover .name{ color: #00b259; }
.indexP2 .mxfDiv{ position: relative; background: #f7f7fa; overflow: hidden;}
.indexP2 .imgDiv{ width: 50%; height: 6.0rem; background: center no-repeat; background-size: cover;  animation: am_right 0.8s ease-out 0.1s backwards; -webkit-animation: am_right 0.8s ease-out 0.1s backwards;}
.indexP2 .conDiv{ width: 6.68rem; padding-right: 1.0rem; position: absolute; left: 50%; margin-left: -7.68rem; top: 1.4rem; z-index: 1;  animation: am_left 0.8s ease-out 0.1s backwards; -webkit-animation: am_left 0.8s ease-out 0.1s backwards;}
.indexP2 .name{ font-size: 0.36rem; color: #191919; padding-bottom: 0.3rem; font-weight: bold; }
.indexP2 .msg{ font-size: 0.18rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; text-align: justify; }
.indexP2 .btnDiv{ margin-top: 0.72rem; }
.indexP2 .btnDiv a{ display: block; float: left; margin-right: 20px; font-size: 0.18rem; border-radius: 0.36rem; position: relative;}
.indexP2 .btnDiv .btn1{ width: 1.78rem; height: 0.54rem; line-height: 0.54rem; border: #00b259 solid 1px; background: #00b259; color: #fff; text-indent: 0.42rem; }
.indexP2 .btnDiv .btn2{ width: 1.38rem; height: 0.54rem; line-height: 0.54rem; color: #333; text-align: center; border: #333 solid 1px; }
.indexP2 .btnDiv .btn1:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.indexP2 .btnDiv .btn1:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.indexP2 .btnDiv .btn2:hover{ border: #00b259 solid 1px; color: #00b259; }

.indexP3{ padding: 0.6rem 0; background: transparent; }
.indexP3 .indTitle{ padding-bottom: 0.6rem; }
.indexP3 .list{ overflow: hidden; }
.indexP3 .list li{ text-align: center; }
.indexP3 .list li .limg{ height: 0.6rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.indexP3 .list li .limg img{ max-height: 0.6rem; height: 0.6rem; }
.indexP3 .list li .name{ padding-top: 0.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: #333; font-weight: bold; }
.indexP3 .list li .msg{ width: 4.5rem; margin: 0 auto; font-size: 0.18rem; line-height: 0.3rem; padding-top: 0.05rem; }
.indexP3 .swiper-pagination{ position: relative; left: 0; bottom: 0; padding-top: 0.5rem;}
.indexP3 .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 10px!important; margin-right: 10px!important; } 
.indexP3 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.indexP4{ padding: 0.9rem 0 0.6rem; }
.indexP4 .tab2{ padding-top: 0.85rem; text-align: center; }
.indexP4 .tab2 ul{ font-size: 0; }
.indexP4 .tab2 li{ display: inline-block; position: relative; margin: 0 0.2rem; padding: 0 0.3rem; font-size: 0.18rem; color: #333; height: 0.38rem; line-height: 0.18rem; }
.indexP4 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #00b259; }
.indexP4 .tab2 .liNow{ color: #00b259;}
.indexP4 .tab2 .liNow:after{ left: 0; width: 100%; }
.indexP4 .item{ display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.indexP4 .item .info, .indexP4 .item .imgDiv{ width: 50%; }
.indexP4 .item .imgDiv{ height:4.7rem;}
.indexP4 .item .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.indexP4 .item .info{ display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;
    padding: 0 0.6rem;
	box-sizing:border-box;
    background-color: #f3f5f8; }
.indexP4 .item h4{ font-size: 0.36rem; line-height: 0.48rem; color: #00b259; }
.indexP4 .item .content{ padding-top: 0.25rem; font-size: 0.18rem; line-height: 0.3rem; width: 90%; }
.indexP4 .item .btnDiv{ padding-top: 0.6rem; overflow: hidden; }
.indexP4 .item .btnDiv li{ float: left; margin-right: 20px; }
.indexP4 .item .btnDiv a{ display: block; font-size: 0.18rem; border-radius: 0.36rem; position: relative;}
.indexP4 .item .btnDiv .btn1{ width: 2.08rem; height: 0.54rem; line-height: 0.54rem; border: #00b259 solid 1px; background: #00b259; color: #fff; text-indent: 0.3rem; }
.indexP4 .item .btnDiv .btn2{ width: 1.38rem; height: 0.54rem; line-height: 0.54rem; color: #333; text-align: center; border: #333 solid 1px; }
.indexP4 .item .btnDiv .btn1:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.indexP4 .item .btnDiv .btn1:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.indexP4 .item .btnDiv .btn2:hover{ border: #00b259 solid 1px; color: #00b259; }

.logoList{ margin-top: 0.1rem; position: relative; }
.logoList .list{ overflow: hidden; padding: 20px 12px; margin: 0 -12px;}
.logoList .list .limg{ height:1.24rem; border-radius:8px; background:#fff; box-shadow: 0px 5px 12px 0px rgba(13, 26, 53, 0.1); }
.logoList .list .limg img{ max-width:2.0rem; max-height:0.7rem;}
.logoList .list .limg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.logoList .list .limg a{ display: flex; display: -webkit-flex; width:100%; height:100%; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.logoList .btn{ z-index: 2; display: block; position: absolute; width: 16px; height: 30px; top: 50%; margin-top: -15px; }
.logoList .prev{ left: -0.56rem; background: url(../images/nimg16_left.png) center no-repeat; }
.logoList .next{ right: -0.56rem; background: url(../images/nimg16_right.png) center no-repeat; }
.logoList .prev:hover{ background: url(../images/nimg16_lefton.png) center no-repeat;}
.logoList .next:hover{ background: url(../images/nimg16_righton.png) center no-repeat;}

.indexP5{ position: relative; overflow:hidden; }
.indexP5 .indTitle{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 2.2rem; z-index: 2; }
.indexP5 .list li .imgDiv img{ width: 100%; }
.indexP5 .swiper-pagination{ bottom: 0.65rem; }
.indexP5 .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 50%; background: rgba(140,140,140,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.indexP5 .swiper-pagination-bullet-active { width: 80px; border-radius: 24px; background: #00b259;}

.indexP6{ padding: 1.4rem 0; background: #f3f5f8; position: relative; overflow:hidden;}
.indexP6 .small{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -2.5rem; margin-top: -2.5rem; width: 5.0rem; height: 5.0rem; border: #dfe1e4 dashed 1px; border-radius: 50%; box-sizing: border-box;  -moz-animation:rotate 60s infinite linear;  -webkit-animation:rotate 60s infinite linear;  animation:rotate 60s infinite linear; }
.indexP6 .middle{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4rem; margin-top: -4rem; width: 8.0rem; height: 8.0rem; border: #dfe1e4 dashed 1px; border-radius: 50%; box-sizing: border-box;  -moz-animation:rotate 80s infinite linear;  -webkit-animation:rotate2 80s infinite linear;  animation:rotate2 80s infinite linear; }
.indexP6 .big{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6rem; margin-top: -6rem; width: 12.0rem; height: 12.0rem; border: #dfe1e4 dashed 1px; border-radius: 50%; box-sizing: border-box;  -moz-animation:rotate 100s infinite linear;  -webkit-animation:rotate 100s infinite linear;  animation:rotate 100s infinite linear; }
.indexP6 .list{ padding-top: 0.75rem; position: relative; z-index: 1;}
.indexP6 .list ul{ margin-right:-18px;}
.indexP6 .list li{ float:left; width:16.66%; padding-bottom:18px;}
.indexP6 .list li .box{ margin-right:18px;}
.indexP6 .list li .limg{ height:1.24rem; border-radius:8px; background:#fff; box-shadow: 0px 5px 25px 0px rgba(13, 26, 53, 0.1); display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.indexP6 .list li .limg img{ max-width:2.0rem; max-height:0.7rem;}
.indexP6 .list li .box:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexP7 .toptop{ position:relative; }
.indexP7 .bg img{ width:100%;}
.indexP7 .info{ position: absolute; top: 0; height: 100%; left: calc((100% - 15.36rem) / 2); z-index: 2; width: 40%; display: flex; display: -webkit-box; display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;}
.indexP7 .txt{ font-size:0.36rem; line-height:0.36rem; color: #111; padding-bottom:0.35rem;}
.indexP7 .name{ font-size:0.48rem; line-height:0.48rem; color: #00b259; padding-bottom: 0.8rem; font-weight: bold; }
.indexP7 .btnDiv{ width:1.8rem; position:absolute; left:50%; margin-left:-0.9rem; bottom:0.8rem; z-index:3;}
.indexP7 .btnDiv a{ display:block; position: relative; text-indent: 0.42rem; font-size:0.18rem; border-radius:0.36rem; width:1.8rem; height:0.56rem; line-height:0.56rem; background: #00b259; color:#fff;}
.indexP7 .btnDiv a:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.indexP7 .btnDiv a:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.indexP7 .botList{ background: url(../images/greenBg.jpg) center no-repeat; background-size: cover; z-index: 1; overflow: hidden; }
.indexP7 .botList ul{ display: block; }
.indexP7 .botList li{ float: left; width: 33.33%; height: 2.54rem; box-sizing: border-box; padding: 0.6rem 0.5rem 0; position: relative;}
.indexP7 .botList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.2); }
.indexP7 .botList li:last-child:after{ display: none; }
.indexP7 .botList li .cn{ font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem; overflow: hidden; color: #fff; }
.indexP7 .botList li .more{ padding-top: 0.32rem; }
.indexP7 .botList li .more a{ display: block; position: relative; border: #fff solid 1px; width: 1.78rem; height: 0.54rem; line-height: 0.54rem; text-indent: 0.42rem; font-size: 0.18rem; color: #fff; border-radius: 0.36rem;}
.indexP7 .botList li .more a:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.indexP7 .botList li .more a:hover{ background: #fff; color: #00b259; }
.indexP7 .botList li .more a:hover:after{ background: url(../images/nimg11_1on.png) no-repeat; transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.indexP7 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.indexP7 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #fff solid 1px; background: none; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.indexP7 .swiper-pagination-bullet-active { background: #fff;}

.indexP8{ padding-top: 1.25rem; height: 6.0rem; background: url(../images/indexP8.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.indexP8 .txt{ text-align: center; font-size: 0.18rem; line-height: 0.18rem; padding-top: 0.3rem; }
.indexP8 .numList{ padding-top: 1.1rem; }
.indexP8 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexP8 .numList li .num{ height: 0.6rem; font-size: 0.18rem; }
.indexP8 .numList li .numUp{ font-size: 0.6rem; line-height: 0.6rem; color: #09b84f; font-family:mont; padding-right: 0.1rem; }
.indexP8 .numList li p{ font-size: 0.18rem; line-height: 0.3rem; width: 2rem;}

.indexP9{ padding: 1.05rem 0 1.6rem; }
.indexP9 .indTitle{ padding-bottom: 1.0rem; }
.indexP9 .leftDiv{ width: 7.5rem; }
.indexP9 .leftDiv a{ display: block; width: 100%; height: 100%; }
.indexP9 .leftDiv .imgDiv{ height: 4.38rem; overflow: hidden; }
.indexP9 .leftDiv .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP9 .leftDiv .botDiv{ padding: 0.35rem 0.4rem 0; height: 2.02rem; box-sizing: border-box; background: #f5f5f5; }
.indexP9 .leftDiv .name{ height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: #101010; overflow: hidden; }
.indexP9 .leftDiv .content{ margin-top: 0.05rem; font-size: 0.18rem; line-height: 0.3rem; color: #666; height: 0.6rem; }
.indexP9 .leftDiv .time{ margin-top: 0.15rem; color: #ccc; font-size: 0.18rem; line-height: 0.18rem; font-family: mont; }
.indexP9 .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP9 .leftDiv:hover .botDiv{ background: #00b259; }
.indexP9 .leftDiv:hover .name, .indexP9 .leftDiv:hover .content, .indexP9 .leftDiv:hover .time{ color: #fff; }

.indexP9 .rightList{ width: 7.12rem; position: relative;}
.indexP9 .rightList:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e9e9e9; }
.indexP9 .rightList li{ position: relative; height: 1.28rem; }
.indexP9 .rightList li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e9e9e9; }
.indexP9 .rightList li a{ display: block; padding-top: 0.25rem; }
.indexP9 .rightList li .name{ font-size: 0.24rem; height: 0.4rem; line-height: 0.4rem; color: #101010; overflow: hidden; }
.indexP9 .rightList li .time{ margin-top: 0.1rem; color: #ccc; font-size: 0.18rem; line-height: 0.18rem; font-family: mont;}
.indexP9 .rightList li:hover .name{ color: #00b259; }


.cultureP1{ padding-top:1.0rem; height:7.96rem; box-sizing:border-box; background:url(../images/cultureP1.jpg) center no-repeat; background-size:cover;}
.cultureP1 .title{ text-align:center; font-size:0.42rem; line-height:0.42rem; color:#191919; font-weight:bold; padding-bottom:1.1rem;}
.cultureP1 .list ul{ margin-right:-18px;}
.cultureP1 .list li{ float:left; width:16.66%; padding-bottom:18px;}
.cultureP1 .list li .box{ margin-right:18px;}
.cultureP1 .list li .limg{ height:1.24rem; border-radius:8px; background:#fff; box-shadow: 0px 5px 25px 0px rgba(13, 26, 53, 0.1); display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.cultureP1 .list li .limg img{ max-width:2.0rem; max-height:0.7rem;}
.cultureP1 .list li .box:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.cultureP2 .title{ padding:0.75rem 0; text-align:center; font-size:0.42rem; line-height:0.42rem; color:#191919; font-weight:bold; }
.cultureP2 .bigBox{ padding:0.4rem 0 0.7rem;}
.cultureP2 .txtDiv{ text-align:center; position:relative; padding:1.0rem 0 0.45rem;}
.cultureP2 .txtDiv .txt{ font-size:0.4rem; line-height:0.4rem; color:#21b259; font-weight:bold; padding-bottom:0.15rem;}
.cultureP2 .txtDiv .wen{ font-size:0.24rem; line-height:0.24rem; color:#333;}
.cultureP2 .mxfDiv{ background:#f6f6f6; border-radius:4px; overflow:hidden; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; }
.cultureP2 .mxfDiv .imgDiv{ width:50%;}
.cultureP2 .mxfDiv .imgDiv img{ width:100%;}
.cultureP2 .mxfDiv .conDiv{ width:50%; box-sizing:border-box; padding-left:1.15rem;}
.cultureP2 .mxfDiv .name{ font-size:0.3rem; line-height:0.3rem; color:#000; font-weight:bold;}
.cultureP2 .mxfDiv .msg{ font-size:0.18rem; line-height:0.36rem; padding-top:0.3rem;}
.cultureP2 .ltitle{ padding:0.6rem 0; font-size:0.36rem; color:#000; font-weight:bold; text-align:center; line-height:0.36rem;}

.carsP1{ padding: 65px 0 50px; background: #fafafa;}
.carsP1.on{ padding:145px 0 50px;}
.carsP1 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.carsP1 .list{ padding-top: 0.8rem; overflow: hidden; position: relative;}
.carsP1 .list ul{ display: block; }
.carsP1 .list li{ float: left; width: 33.33%; text-align: center; padding-bottom: 0.65rem;}
.carsP1 .list li .ico{ width: 1.01rem; height: 1.04rem; margin: 0 auto; }
.carsP1 .list li .ico img{ width: 1.01rem; }
.carsP1 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; height: 0.42rem; color: #000; font-weight: bold; }
.carsP1 .list li .msg{ font-size: 0.16rem; width: 2.9rem; margin: 0 auto; line-height: 0.24rem; height: 0.72rem; overflow: hidden; }
.carsP1 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.carsP1 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.carsP1 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.carsP2{ padding: 0.8rem 0 1.0rem; }
.carsP2 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem; }
.carsP2 .imgDiv img{ width: 100%; }

.carsP3{ padding-bottom: 1.35rem; }
.carsP3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.carsP3 .list{ padding-top: 0.75rem; }
.carsP3 .list.rr{ padding:0.75rem 2.5rem 0;}
.carsP3 .list ul{ display: block; margin-right: -0.4rem; }
.carsP3 .list li{ float: left; width: 33.33%; }
.carsP3 .list .li02{ width:50%;}
.carsP3 .list li .box{ margin-right: 0.4rem; height: 3.5rem; padding: 0 0.55rem; background: #fff; position: relative; overflow: hidden; box-shadow: 0px 3px 60px 0px rgba(0, 137, 68, 0.2); }
.carsP3 .list li .name{ padding-top: 0.4rem; height: 1.15rem; line-height: 0.36rem; color: #333; font-size: 0.3rem; font-weight: bold; }
.carsP3 .list li .name em{ display: block; }
.carsP3 .list li .bg{ position: absolute; right: 0; bottom: 0; }
.carsP3 .list li .links dd{ font-size: 0.18rem; }
.carsP3 .list li .links dd a{ display: inline-block; height: 0.36rem; line-height: 0.36rem; overflow: hidden; padding-right: 0.3rem; background: url(../images/ico1.png) right center no-repeat; }
.carsP3 .list li .box:hover{ background: #00b259; }
.carsP3 .list li .box:hover .name{ color: #fff; }
.carsP3 .list li .box:hover .links dd a{ color: #fff; background: url(../images/ico1on.png) right center no-repeat; }
.carsP3 .list li .links dd a:hover{ text-decoration: underline; }
.carsP3 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.carsP3 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.carsP3 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.carsP4{ padding-top: 1.0rem; height: 6.72rem; background: url(../images/carsP4.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.carsP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem;}
.carsP4 .list{ overflow: hidden; }
.carsP4 .list li .lbox{ background: #fff; border-radius: 6px; height: 2.4rem; padding: 0.4rem 0.5rem 0; box-sizing: border-box; }
.carsP4 .list li .ico{ height: 0.7rem; }
.carsP4 .list li .ico img{ width: 0.7rem; }
.carsP4 .list li .name{ font-size: 0.24rem; line-height: 0.36rem; color: #333; font-weight: bold; font-family: harmony; background: url(../images/ico1.png) right center no-repeat; }
.carsP4 .list li .wen{ font-size: 0.16rem; color: #333; line-height: 0.36rem; }
.carsP4 .list li .lbox:hover .name, .carsP4 .list li .lbox:hover .wen{ color: #00b259; }
.carsP4 .swiper-pagination{ position: relative; left: 0; bottom: 0; padding-top: 0.7rem;}
.carsP4 .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 10px!important; margin-right: 10px!important; } 
.carsP4 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.carsP5{ padding-top: 1.2rem; height: 6.72rem; background: url(../images/carsP5.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.carsP5 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem; }
.carsP5 .list ul{ display: block; margin-right: -0.38rem; }
.carsP5 .list li{ float: left; width: 33.33%; }
.carsP5 .list li .box{ margin-right: 0.38rem; background: #fff; height: 3.1rem; padding: 0.45rem 0.5rem 0; box-sizing: border-box; position: relative; }
.carsP5 .list li .ico{ position: absolute; right: 0; bottom: 0; }
.carsP5 .list li .ico img{ width: 1.26rem; }
.carsP5 .list li .name{ color: #000; font-size: 0.3rem; line-height: 0.42rem; font-weight: bold; }
.carsP5 .list li .msg{ position: relative; font-size: 0.16rem; line-height: 0.3rem; padding-top: 0.15rem; }
.carsP5 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.carsP5 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.carsP5 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.carsP6{ padding: 1.0rem 0 1.4rem; }
.carsP6 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #00b259; text-align: center; padding-bottom: 0.25rem; }
.carsP6 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.carsP6 .tab2{ padding-top: 0.85rem; text-align: center; }
.carsP6 .tab2 ul{ font-size: 0; }
.carsP6 .tab2 li{ display: inline-block; position: relative; margin: 0 0.2rem; padding: 0 0.3rem; font-size: 0.18rem; color: #333; height: 0.38rem; line-height: 0.18rem; }
.carsP6 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #00b259; }
.carsP6 .tab2 .liNow{ color: #00b259;}
.carsP6 .tab2 .liNow:after{ left: 0; width: 100%; }
.carsP6 .item{ display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.carsP6 .item .info, .carsP6 .item .imgDiv{ width: 50%; }
.carsP6 .item .imgDiv{ height:4.7rem;}
.carsP6 .item .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.carsP6 .item .info{ display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;
    padding: 0 0.6rem;
	box-sizing:border-box;
    background-color: #f3f5f8; }
.carsP6 .item h4{ font-size: 0.36rem; line-height: 0.48rem; color: #00b259; }
.carsP6 .item .content{ padding-top: 0.25rem; font-size: 0.18rem; line-height: 0.3rem; width: 90%; }
.carsP6 .item .btnDiv{ padding-top: 0.6rem; overflow: hidden; }
.carsP6 .item .btnDiv li{ float: left; margin-right: 20px; }
.carsP6 .item .btnDiv a{ display: block; font-size: 0.18rem; border-radius: 0.36rem; position: relative;}
.carsP6 .item .btnDiv .btn1{ width: 2.08rem; height: 0.54rem; line-height: 0.54rem; border: #00b259 solid 1px; background: #00b259; color: #fff; text-indent: 0.3rem; }
.carsP6 .item .btnDiv .btn2{ width: 1.38rem; height: 0.54rem; line-height: 0.54rem; color: #333; text-align: center; border: #333 solid 1px; }
.carsP6 .item .btnDiv .btn1:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.carsP6 .item .btnDiv .btn1:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.carsP6 .item .btnDiv .btn2:hover{ border: #00b259 solid 1px; color: #00b259; }

.carsP7{ height: 3.0rem; background: url(../images/carsP7.jpg) center no-repeat; background-size: cover; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;flex-direction: column; -webkit-flex-direction: column;}
.carsP7 .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.35rem; text-align: center; }
.carsP7 .btnDiv{ margin: 0 auto; width: 1.8rem; }
.carsP7 .btnDiv a{ display: block; position: relative; width: 100%; height: 0.56rem; font-size: 0.18rem; text-indent: 0.42rem; border: #fff solid 1px; box-sizing: border-box; border-radius: 0.48rem; color: #fff; line-height: 0.54rem; }
.carsP7 .btnDiv a:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.carsP7 .btnDiv a:hover{ background: #00b259; border: #00b259 solid 1px; }
.carsP7 .btnDiv a:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.carsP8{ padding-top: 0.85rem; }
.carsP8 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #333; text-align: center; font-weight: bold; padding-bottom: 0.8rem; }
.carsP8 .mxfDiv{ background: #f3f5f8; position: relative; overflow: hidden; }
.carsP8 .mxfDiv li{ position: relative; }
.carsP8 .imgDiv{ width: 50%; height: 6.0rem; background: center no-repeat; background-size: cover; }
.carsP8 .conDiv{ width: 6.68rem; padding-right: 1.0rem; position: absolute; left: 50%; margin-left: -7.68rem; top: 1.3rem; z-index: 1; }
.carsP8 .name{ font-size: 0.48rem; color: #00b259; padding-bottom: 0.3rem; }
.carsP8 .msg{ font-size: 0.24rem; color: #333; line-height: 0.36rem; text-align: justify; }
.carsP8 .btnDiv{ margin-top: 0.3rem; }
.carsP8 .btnDiv a{ display: block; float: left; margin-right: 20px; font-size: 0.18rem; border-radius: 0.36rem; position: relative;}
.carsP8 .btnDiv .btn1{ width: 1.78rem; height: 0.54rem; line-height: 0.54rem; border: #00b259 solid 1px; background: #00b259; color: #fff; text-indent: 0.42rem; }
.carsP8 .btnDiv .btn2{ width: 1.38rem; height: 0.54rem; line-height: 0.54rem; color: #333; text-align: center; border: #333 solid 1px; }
.carsP8 .btnDiv .btn1:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.carsP8 .btnDiv .btn1:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.carsP8 .btnDiv .btn2:hover{ border: #00b259 solid 1px; color: #00b259; }
.carsP8 .arrowDiv{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 1.0rem; z-index: 2; }
.carsP8 .arrowDiv .se{ float: left; display: block; width: 16px; height: 30px; margin-right: 140px;}
.carsP8 .arrowDiv .prev{ background: url(../images/nimg16_left.png) no-repeat; }
.carsP8 .arrowDiv .next{ background: url(../images/nimg16_right.png) no-repeat; }
.carsP8 .arrowDiv .prev:hover{ background: url(../images/nimg16_lefton.png) no-repeat;}
.carsP8 .arrowDiv .next:hover{ background: url(../images/nimg16_righton.png) no-repeat;}

.carsP9{ padding: 0.8rem 0 1.85rem; }
.carsP9-2{ padding: 1.5rem 0 1.85rem; }
.carsP9 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #333; text-align: center; font-weight: bold; padding-bottom: 0.8rem; }
.carsP9 .list li{ position:relative; padding-bottom: 10px;}
.carsP9 .list li .msgDiv{ padding: 0 50px 0 30px; height: 80px; position:relative; background:#f6f7f9; cursor: pointer;}
.carsP9 .list li .msgDiv:after{ content: ''; position: absolute; right: 50px; top: 50%; width: 35px; height: 35px; margin-top: -17px; border-radius: 50%; box-sizing: border-box; border: #eee solid 1px; background: #fff url(../images/nimg12_2.png) center no-repeat; }
.carsP9 .list li .name{ position: relative; height: 80px; line-height: 80px; padding-left: 50px; padding-right: 100px; overflow: hidden; font-size: 16px; color: #333; }
.carsP9 .list li .wen{ position: absolute; color: #fff; display: block; text-transform: uppercase; left: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; background: #6f6f6f; }
.carsP9 .list li .box{ display:none;}
.carsP9 .list li .msgDiv.aNow .name{ color:#00b259;}
.carsP9 .list li .msgDiv.aNow:after{ background: #fff url(../images/nimg12_2on.png) center no-repeat; border: #00b259 solid 1px; }
.carsP9 .list li .mxfDiv{ position: relative; padding: 35px 80px 60px;}
.carsP9 .list li .txt{ position: absolute; text-transform: uppercase; left: 30px; top: 38px; background: #00b259; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; font-size: 16px; color: #fff; }
.carsP9 .list li .content{ line-height: 30px; font-size: 16px; color: #999; }

.carsP10{ background: #f5f5f5; position: relative;}
.carsP10:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 2.64rem; height: 3.02rem; background: url(../images/nimg264Bg.png) no-repeat; background-size: 2.64rem; }
.carsP10 .wal{ height: 4.0rem; position: relative;}
.carsP10 .rightDiv{ position: absolute; right: 0; bottom: 0; }
.carsP10 .bg{ width: 7.48rem; height: 4.65rem; background: center no-repeat; background-size: 100%; }
.carsP10 .lie li{ position: absolute; width: 0.79rem; height: 0.57rem; background: center no-repeat; background-size: 100%; animation: upDown 2s infinite alternate linear; -webkit-animation: upDown 2s infinite alternate linear;}
.carsP10 .lie .li01{ left: 10%; top: 55%; }
.carsP10 .lie .li02{ opacity: 0.5; right: -10px; top: 5%; }
.carsP10 .conDiv{ height: 4.0rem; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; align-items: center;}
.carsP10 .name{ font-size: 0.42rem; color: #00b259; font-weight: bold; padding-bottom: 0.25rem; }
.carsP10 .wen{ font-size: 0.18rem; color: #343434; padding-bottom: 0.5rem; }
.carsP10 .btnDiv li{ float: left; margin-right: 0.36rem; }
.carsP10 .btnDiv li a{ display: block; width: 1.8rem; height: 0.56rem; line-height: 0.56rem; color: #fff; border-radius: 0.36rem; font-size: 0.18rem; position: relative; }
.carsP10 .btnDiv li .btn1{ background: #faaa1b; text-align: center;}
.carsP10 .btnDiv li .btn2{ background: #00b259; text-indent: 0.34rem; }
.carsP10 .btnDiv li .btn2:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.carsP10 .btnDiv li .btn1:hover{ background: #00b259;}
.carsP10 .btnDiv li .btn2:hover{ background: #faaa1b;}
.carsP10 .btnDiv li .btn2:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.energyP1{ padding: 110px 0 100px; background: #fafafa;}
.energyP1.on{ padding: 190px 0 100px;}
.energyP1 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.energyP1 .list{ padding-top: 0.8rem; position: relative;}
.energyP1 .list ul{ display: block; width: auto; margin-right: -0.32rem; }
.energyP1 .list li{ float: left; width: 25%; text-align: center; padding-bottom: 0.3rem;}
.energyP1 .list .li01{ width:33.33%;}
.energyP1 .list li .box{ margin-right: 0.32rem; height: 4.18rem; padding: 0.6rem 0.3rem 0; box-sizing: border-box; border: #e5e8f1 solid 1px; border-radius: 8px; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08); }
.energyP1 .list li .ico{ height: 1.1rem; }
.energyP1 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; height: 0.4rem; color: #000; font-weight: bold; }
.energyP1 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; color: #333; }
.energyP1 .list li .box:hover .name{ color: #00b259; }
.energyP1 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.energyP1 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.energyP1 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.energyP2{ padding: 0.9rem 0; background: url(../images/energyP2.jpg) center no-repeat; background-size: cover;box-sizing: border-box; }
.energyP2 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem; }
.energyP2 .list ul{ margin-right: -0.3rem; }
.energyP2 .list li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.energyP2 .list .li01{ width: 33.33%; }
.energyP2 .list li .box{ margin-right: 0.3rem; overflow: hidden; padding: 0.4rem 0.6rem 0 0.5rem; height: 2.3rem; box-sizing: border-box; position: relative; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08);}
.energyP2 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 3px; background: #00b259; }
.energyP2 .list li .name{ position: relative; padding-left: 0.5rem; line-height: 0.4rem; color: #000; font-size: 0.26rem; font-weight: bold; }
.energyP2 .list li .ico{ position: absolute; left: 0; top: 10px; width: 30px; height: 20px; }
.energyP2 .list li .ico:before{ content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #00b259; z-index: 1; animation: leftRight 1s infinite alternate linear; -webkit-animation: leftRight 1s infinite alternate linear;}
.energyP2 .list li .ico:after{ content: ''; position: absolute; right: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #2acf7d; animation: rightLeft 1s infinite alternate linear; -webkit-animation: rightLeft 1s infinite alternate linear;}
.energyP2 .list li .msg{ padding-right:8px; margin-top: 0.1rem; font-size: 0.18rem; line-height: 0.3rem; height:1.5rem; overflow:auto; text-align: justify;}
.energyP2 .list li .msg::-webkit-scrollbar { width: 2px;}
.energyP2 .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.energyP2 .list li .msg::-webkit-scrollbar-thumb { background-color: #00b259;}

.energyP2 .list li .box:hover:before{ width: 100%; }


.energyP3{ padding: 0.9rem 0 1.0rem; }
.energyP3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.4rem; }
.energyP3 .imgDiv{ text-align: center; }
.energyP3 .imgDiv img{ width: 10.9rem; }

.energyP4{ padding-top: 0.9rem; }
.energyP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.3rem; }
.energyP4 .wen{ text-align: center; font-size: 0.24rem; line-height: 0.24rem; color: #333; padding-bottom: 0.75rem; }
.energyP4 .list li{ padding: 0.3rem 0;  }
/* .energyP4 .list li:nth-child(even){ } */
.energyP4 .list li .temeDiv{ }
.energyP4 .list li .functionDiv{ display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between;  -webkit-justify-content: space-between; }
.energyP4 .list li .functionDiv .imgDiv{  width: 100%; overflow: hidden; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);margin: 0 0 0.6rem 0; }
.energyP4 .list li .imgDiv{ width: 7.5rem; overflow: hidden; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
/* .energyP4 .list li:nth-child(even) .imgDiv, .energyP4 .list li:nth-child(even) .videoDiv{ order: 2; } */
.energyP4 .list li .imgDiv img{ width: 100%; }

.energyP4 .list li .videobox{ position: relative; overflow:hidden;  border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
.energyP4 .list li .videobox video{ max-width:7.5rem; max-height:5.0rem;position:absolute;top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.energyP4 .list li .videobox.cur{ background:#000;}
.energyP4 .list li .videobox.cur .imgDiv, .energyP4 .list li .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.energyP4 .list li .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.energyP4 .list li .videobox .imgDiv img{ width: 100%; }
.energyP4 .list li .videobox .layer{ cursor:pointer; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2; text-align: center;  }
.energyP4 .list li .videobox .ico img{ width: 0.9rem; }



.energyP4 .list li .conDiv{ background: #F7FBFE; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start;    padding: 0.3rem 0.5rem;}
/* .energyP4 .list li:nth-child(even) .conDiv{ order: 1; } */
.energyP4 .list li .num{font-family: light;min-width: 2.5rem; display: flex; display: -webkit-flex; align-items: center; padding: 0 0.3rem; flex-direction: column;}
.energyP4 .list li .line{ width: 1px;  background-color: #DAEAFF; margin: 0 0.3rem;}
.energyP4 .list li .dis{display: flex; display: -webkit-flex; align-items: center; color: #666;}
.energyP4 .list li .num .em{ display: inline-block; color: #7CC743; font-size: 0.3rem; text-align: center; width: 100%;}
.energyP4 .list li .num .title{ font-size: 0.25rem;font-weight: 500; color: #666;}
.energyP4 .list li .name{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; padding: 0.45rem 0 0.25rem; color: #333; }
.energyP4 .list li .msg{ font-size: 0.18rem; line-height: 0.36rem; }
.energyP4 .list li .btnDiv{ margin-top: 0.6rem; }
.energyP4 .list li .btnDiv a{ display: block; float: left; margin-right: 20px; font-size: 0.18rem; border-radius: 0.36rem; position: relative;}
.energyP4 .list li .btnDiv .btn1{ width: 1.78rem; height: 0.54rem; line-height: 0.54rem; border: #00b259 solid 1px; background: #00b259; color: #fff; text-indent: 0.42rem; }
.energyP4 .list li .btnDiv .btn2{ width: 1.38rem; height: 0.54rem; line-height: 0.54rem; color: #333; text-align: center; border: #333 solid 1px; }
.energyP4 .list li .btnDiv .btn1:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.energyP4 .list li .btnDiv .btn1:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.energyP4 .list li .btnDiv .btn2:hover{ border: #00b259 solid 1px; color: #00b259; }

.energyP5{ padding: 0.95rem 0 1.05rem; }
.energyP5 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.5rem; }
.energyP5 .tab2{ position: relative; height: 0.5rem; text-align: center;}
.energyP5 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e1e1e1; }
.energyP5 .tab2 ul{ font-size: 0; }
.energyP5 .tab2 li{ display: inline-block; margin: 0 0.4rem; font-size: 0.18rem; height: 0.5rem; line-height: 0.18rem; color: #000; position: relative; z-index: 1;}
.energyP5 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #00b259; }
.energyP5 .tab2 .liNow{ color: #00b259; }
.energyP5 .tab2 .liNow:after{ left: 0; width: 100%; }
.energyP5 .tabContentDiv2{ padding-top: 0.8rem; position: relative; overflow: hidden;}
.energyP5 .tabContentDiv2:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 1.57rem; height: 1.57rem; background: url(../images/nimg157_1.png) no-repeat; background-size: 1.57rem; }
.energyP5 .imgDiv{ width: 9.6rem; height: 4.98rem; overflow: hidden; border-radius: 8px; animation: am_left 0.8s ease-out 0.1s backwards; -webkit-animation: am_left 0.8s ease-out 0.1s backwards;}
.energyP5 .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.energyP5 .conDiv{ padding-top: 0.3rem; width: 5.0rem; animation: am_right 0.8s ease-out 0.1s backwards; -webkit-animation: am_right 0.8s ease-out 0.1s backwards; }
.energyP5 .name{ padding-left: 0.5rem; font-size: 0.36rem; color: #333; font-weight: bold; line-height: 0.48rem; position: relative; }
.energyP5 .name:before{ content: ''; position: absolute; left: 0; top: 0.15rem; width: 0.2rem; height: 0.2rem; border: #00b259 solid 0.05rem; box-sizing: border-box; border-radius: 50%; }
.energyP5 .msg{ font-size: 0.18rem; line-height: 0.42rem; padding: 0.3rem 0 0 0.5rem; }
.energyP5 .msg em{ color: #00b259; font-size: 0.36rem; font-family:harmony; }
.energyP5 .oneImg img{ width:100%;}

.energyP6{ padding: 0.9rem 0 1.1rem; background: #f6f7f8;}
.energyP6-2{ padding: 1.2rem 0 1.65rem; background: #fff; }
.energyP6 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.25rem; }
.energyP6-2 .title{ padding-bottom: 0.8rem; }
.energyP6 .wen{ text-align: center; padding-bottom: 0.8rem; font-size: 0.18rem; }
.energyP6 .list{ position: relative;}
.energyP6 .list ul{ display: block; width: auto; margin-right: -0.82rem; }
.energyP6 .list li{ float: left; width: 33.33%; }
.energyP6 .list li .box{ margin-right: 0.82rem; background: #fff; }
.energyP6-2 .list li .box{ background: #f6f7f8; }
.energyP6 .list li .imgDiv{ height: 2.83rem; overflow: hidden;}
.energyP6 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.energyP6 .list li .botDiv{ padding: 0.35rem 0.5rem 0; height: 2.5rem; box-sizing: border-box; }
.energyP6 .list li .name{ font-size: 0.24rem; line-height: 0.36rem; height: 0.36rem; color: #333; font-weight: bold; overflow: hidden; }
.energyP6 .list li .msg{ font-size: 0.18rem; line-height: 0.3rem; color: #666; height: 0.6rem; text-align: justify;}
.energyP6 .list li .hala{ position: relative; margin-top: 0.3rem; }
.energyP6 .list li .time{ font-size: 0.18rem; line-height: 0.3rem; color: rgba(51,51,51,0.3); font-family:mont;}
.energyP6 .list li .more{ padding-right: 16px; font-size: 0.18rem; color: #333; line-height: 0.3rem; background: url(../images/ico2.png) right center no-repeat; }
.energyP6 .list li .box:hover{ background: #00b259; }
.energyP6 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.energyP6 .list li .box:hover .name, .energyP6 .list li .box:hover .msg, .energyP6 .list li .box:hover .time, .energyP6 .list li .box:hover .more{ color: #fff; }
.energyP6 .list li .box:hover .more{ background: url(../images/ico2on.png) right center no-repeat; }
.energyP6 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.energyP6 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.energyP6 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.energyP7{ padding: 0.95rem 0 1.0rem; }
.energyP7-2{ padding: 1.25rem 0 1.2rem; background: url(../images/nimg1920Bg2.jpg) center no-repeat; background-size: cover; }
.energyP7 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem;}
.energyP7 .list{ position: relative; }
.energyP7 .list ul{ display: block; width: auto; margin-right: -0.28rem; }
.energyP7 .list li{ float: left; width: 25%; padding-bottom:0.28rem; }
.energyP7 .list li .box{ margin-right: 0.28rem; background: #f6f7f8; }
.energyP7 .list li .imgDiv{ height: 2.27rem; overflow: hidden;}
.energyP7 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.energyP7 .list li .botDiv{ padding: 0.35rem 0.3rem 0; height: 2.8rem; box-sizing: border-box; }
.energyP7 .list li .name{ font-size: 0.24rem; line-height: 0.44rem; height: 0.44rem; color: #333; font-weight: bold; overflow: hidden; }
.energyP7 .list li .content{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.24rem; color: #333; height: 0.72rem; text-align: justify;}
.energyP7 .list li .btnDiv{ padding-top: 0.2rem; }
.energyP7 .list li .btnDiv dd{ float: left; margin-right: 0.25rem; }
.energyP7 .list li .btnDiv dd a{ display: block; position: relative; width: 1.08rem; height: 0.34rem; line-height: 0.34rem; font-size: 0.14rem; text-indent: 0.18rem; color: #333; border: #00b259 solid 1px; border-radius: 0.24rem; }
.energyP7 .list li .btnDiv dd a:after{ content: ''; position: absolute; right: 0.18rem; top: 50%; margin-top: -5px; width: 6px; height: 9px; background: url(../images/ico2.png) no-repeat; }
.energyP7 .list li .btnDiv dd a:hover{ background: #00b259; color: #fff; }
.energyP7 .list li .btnDiv dd a:hover:after{ background: url(../images/ico2on.png) no-repeat; }
.energyP7 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.energyP7 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.energyP7 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.energyP7 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.energyP8{ padding: 0.9rem 0; center no-repeat; background-size: cover;box-sizing: border-box; }
.energyP8 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem; }
.energyP8 .list ul{ margin-right: -0.3rem; }
.energyP8 .list li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.energyP8 .list .li01{ width: 33.33%; }
.energyP8 .list li .img1{background-image: url(../../assets/images/mes/pro_1.webp); background-size: 100% 100%; background-repeat: no-repeat;}
.energyP8 .list li .img2{background-image: url(../../assets/images/mes/pro_2.webp); background-size: 100% 100%; background-repeat: no-repeat;}
.energyP8 .list li .img3{background-image: url(../../assets/images/mes/pro_3.webp); background-size: 100% 100%; background-repeat: no-repeat;}
.energyP8 .list li .img4{background-image: url(../../assets/images/mes/pro_4.webp); background-size: 100% 100%; background-repeat: no-repeat;}
.energyP8 .list li .box{padding: 0.3rem; margin-right: 0.3rem; overflow: hidden; height: 2.3rem; box-sizing: border-box; position: relative; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08);}
.energyP8 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 3px; background: #00b259; }
.energyP8 .list li .name{ position: relative;  line-height: 0.4rem; color: #000; font-size: 0.26rem; font-weight: bold; }
.energyP8 .list li .ico{ position: absolute; left: 0; top: 10px; width: 30px; height: 20px; }
.energyP8 .list li .msg{ padding-right:8px; margin-top: 0.1rem; font-size: 0.18rem; line-height: 0.3rem; height:1.5rem; overflow:auto; text-align: justify;}


.successP1{ padding: 1.0rem 0 1.2rem; background: #f7f8fa; }
.successP1 .title{ font-size: 0.42rem; line-height: 0.42rem; color: #191919; text-align: center; padding-bottom: 0.7rem; font-weight: bold; }
.successP1 .wen{ font-size: 0.18rem; color: #656565; text-align: center; padding-bottom: 0.55rem; }
.successP1 .txt{ text-align: center; font-size: 0.3rem; line-height: 0.3rem; color: #00b259; font-weight: bold; padding-bottom: 0.3rem; }
.successP1 .temeDiv{ overflow: hidden; }
.successP1 .temeDiv .toptop{ overflow: hidden; margin-right: -30px; }
.successP1 .leftDiv{ width: 60%; }
.successP1 .rightDiv{ width: 40%; }
.successP1 .leftDiv .hala, .successP1 .rightDiv .hala{ margin-right: 30px; }
.successP1 .leftDiv ul{ margin-right: -30px; }
.successP1 .leftDiv li{ float: left; width: 33.33%; }
.successP1 .leftDiv li .box{ padding-right: 30px; position: relative; }
.successP1 .leftDiv li .box:after{ content: ''; position: absolute; right: 6px; top: 50%; margin-top: -6px; width: 18px; height: 13px; background: url(../images/nimg18_1.png) no-repeat; }
.successP1 .leftDiv li .pj{ height: 1.0rem; border: #00b259 solid 2px; box-sizing: border-box; border-radius: 4px; background: #fff;display: flex;
  display: -webkit-flex; align-items: center;
  -webkit-align-items: center;justify-content: center;
  -webkit-justify-content: center; }
.successP1 .leftDiv li .ico img{ width: 0.54rem; }
.successP1 .leftDiv li .name{ font-size: 0.24rem; padding-left: 0.24rem; }
.successP1 .rightDiv ul{ margin-right: -30px; }
.successP1 .rightDiv li{ float: left; width: 50%; }
.successP1 .rightDiv li .box{ padding-right: 30px; position: relative; }
.successP1 .rightDiv li .box:after{ content: ''; position: absolute; right: 6px; top: 50%; margin-top: -6px; width: 18px; height: 13px; background: url(../images/nimg18_1.png) no-repeat; }
.successP1 .rightDiv li .pj{ height: 1.0rem; background: #e1f0e9; border: #66cc99 solid 2px; box-sizing: border-box; border-radius: 4px; display: flex;
  display: -webkit-flex; align-items: center;
  -webkit-align-items: center;justify-content: center;
  -webkit-justify-content: center; }
.successP1 .rightDiv li .ico img{ width: 0.54rem; }
.successP1 .rightDiv li .name{ font-size: 0.24rem; padding-left: 0.24rem; }
.successP1 .botbot{ position: relative; height: 68px; }
.successP1 .botbot:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #00b259; }
.successP1 .botbot:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #00b259; }
.successP1 .zuoDiv{ width: 60.3%; height: 68px; position: relative; }
.successP1 .zuoDiv:before{ content: ''; position: absolute; left: 0; top: 42px; width: 100%; height: 1px; background: #00b259; }
.successP1 .zuoDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #00b259; }
.successP1 .zuoDiv .zi{ position: relative; text-align: center; font-size: 24px; line-height: 24px; position: relative; z-index: 1; }
.successP1 .zuoDiv .zi p{ position: absolute; left: 50%; margin-left: -70px; top: 0; padding-top: 30px; width: 140px; background: #f7f8fa;}
.successP1 .youDiv{ width: 39.7%; height: 68px; position: relative; }
.successP1 .youDiv:before{ content: ''; position: absolute; left: 0; top: 42px; width: 100%; height: 1px; background: #00b259; }
.successP1 .youDiv .zi{ position: relative; text-align: center; color: #00b259; font-size: 24px; line-height: 24px; position: relative; z-index: 1; }
.successP1 .youDiv .zi p{ position: absolute; left: 50%; margin-left: -70px; top: 0; padding-top: 30px; width: 140px; background: #f7f8fa;}

.successP2{ padding: 0.8rem 0 1.4rem; }
.successP2 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.8rem; }
.successP2 .list{ position: relative; }
.successP2 .list ul{ width:auto; display: block; margin-right: -0.38rem; }
.successP2 .list li{ float: left; width: 33.33%; }
.successP2 .list li .box{ margin-right: 0.38rem; background: #fff; height: 4.2rem; padding: 0.4rem 0.56rem 0; box-sizing: border-box; position: relative; box-shadow: 0px 3px 62px 0px rgba(0, 137, 68, 0.2);}
.successP2 .list li .ico{ width: 0.76rem; height: 0.76rem; margin: 0 auto; position: relative; }
.successP2 .list li .ico img{ width: 0.76rem; position: absolute; left: 0; top: 0; }
.successP2 .list li .ico .img1{ opacity: 0; }
.successP2 .list li .name{ margin-top: 0.25rem; color: #333; font-size: 0.26rem; height: 0.42rem; line-height: 0.42rem; font-weight: bold; overflow: hidden; }
.successP2 .list li .msg{ font-size: 0.18rem; line-height: 0.36rem; padding-top: 0.18rem; text-align: justify; }
.successP2 .list li .box:hover{ cursor: pointer; background: #00b259; }
.successP2 .list li .box:hover .ico img{ opacity: 0; }
.successP2 .list li .box:hover .ico .img1{ opacity: 1; }
.successP2 .list li .box:hover .name, .successP2 .list li .box:hover .msg{ color: #fff; }
.successP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.successP2 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.successP2 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.successP3{ padding-top: 0.8rem; height: 6.8rem; background: url(../images/successP3.jpg) center no-repeat; box-sizing: border-box; }
.successP3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.6rem; }
.successP3 .mxfDiv{ position: relative; overflow: hidden;}
.successP3 .list li{ float: left; width: 33.33%; }
.successP3 .list li .round{ position: relative; width: 2.6rem; height: 2.6rem; margin: 0 auto; box-sizing: border-box; background: #fff; text-align: center; border-radius: 50%; }
.successP3 .list li .round:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1.18rem; margin-top: -1.18rem; background: #00b259; width: 2.36rem; height: 2.36rem; border-radius: 50%; }
.successP3 .list li .num{ position: relative; z-index: 1; padding-top: 0.42rem; font-size: 0.72rem; line-height: 0.6rem; font-family:mont; background-image:-webkit-linear-gradient(top,#8fddb6,#0fb763);
 background-image:linear-gradient(to bottom,#8fddb6,#0fb763); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.successP3 .list li .name{ position: relative; z-index: 1; padding-top: 0.15rem; text-align: center; color: #fff; font-size: 0.3rem; line-height: 0.36rem; font-weight: bold; }
.successP3 .list li .msg{ font-size: 0.18rem; line-height: 0.36rem; text-align: center; padding: 0.2rem 0.6rem 0; }
.successP3 .list li:hover .round:before{ width: 2.26rem; height: 2.26rem; margin-left: -1.13rem; margin-top: -1.13rem; }
.successP3 .arrowDiv li{ position: absolute; top: 0.9rem; width: 0.94rem; height: 0.66rem; margin-left: -0.47rem; background: url(../images/nimg94Bg.png) no-repeat; background-size: 0.94rem; }
.successP3 .arrowDiv .li01{ left: 33.33%; }
.successP3 .arrowDiv .li02{ left: 66.66%; }

.successP4{ padding: 0.8rem 0 0.35rem; }
.successP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.85rem; }
.successP4 .list li{ padding-bottom: 1.3rem; }
.successP4 .list li .temeDiv{ display: flex; display: -webkit-flex; justify-content: space-between;  -webkit-justify-content: space-between; }
.successP4 .list li .imgDiv{ width: 7.5rem; overflow: hidden; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
.successP4 .list li:nth-child(even) .imgDiv{ order: 2; }
.successP4 .list li .imgDiv img{ width: 100%; }
.successP4 .list li .conDiv{ position: relative; width: 7.1rem; }
.successP4 .list li:nth-child(even) .conDiv{ order: 1; }
.successP4 .list li .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; padding-bottom: 0.2rem; }
.successP4 .list li .msg{ font-size: 0.18rem; line-height: 0.36rem; color: #00b259; text-align: justify; padding-bottom: 0.4rem; }
.successP4 .list li .msg2{ color: #666; }
.successP4 .list li .btnDiv{ position: absolute; left: 0; bottom: 0; }
.successP4 .list li .btnDiv a{ display: block; float: left; margin-right: 20px; font-size: 0.18rem; border-radius: 0.36rem; position: relative;}
.successP4 .list li .btnDiv .btn1{ width: 1.78rem; height: 0.54rem; line-height: 0.54rem; border: #00b259 solid 1px; background: #00b259; color: #fff; text-indent: 0.42rem; }
.successP4 .list li .btnDiv .btn2{ width: 1.38rem; height: 0.54rem; line-height: 0.54rem; color: #333; text-align: center; border: #333 solid 1px; }
.successP4 .list li .btnDiv .btn1:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -5px; width: 11px; height: 11px; background: url(../images/nimg11_1.png) no-repeat; }
.successP4 .list li .btnDiv .btn1:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.successP4 .list li .btnDiv .btn2:hover{ border: #00b259 solid 1px; color: #00b259; }

.successP5{ padding-bottom: 1.8rem; overflow: hidden; }
.successP5 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.65rem; }
.witness{ position: relative; }
.witness .list{ width: 23.2rem; overflow: hidden; position: relative; padding: 20px 12px; margin: 0 -12px;}
/*.witness .list:after{ content: ''; z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; height: 360px; background: url(../images/bg4.png) repeat-x; }*/
.witness .list .box{ height: 4.0rem; padding: 0.9rem 0.65rem 0; box-sizing: border-box; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);}
.witness .list .name{ color: #333; position: relative; font-size: 0.24rem; font-weight: bold; padding: 0 50px; height: 0.42rem; line-height: 0.42rem; color: #333; text-align: center; overflow: hidden; }
.witness .list .name:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.38rem; height: 0.29rem; background: url(../images/nimg38Bg.png) no-repeat; background-size: 0.38rem;}
.witness .list .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.26rem; height: 1.3rem; overflow: hidden; text-align: center; }
.witness .list .wen{ padding-top: 0.2rem; font-size: 0.16rem; text-align: center; }
.witness .btn{ z-index: 2; display: block; position: absolute; width: 46px; height: 46px; top: 50%; margin-top: -25px; border: #ccc solid 2px; border-radius: 50%; }
.witness .btn:hover{ border: #00b259 solid 2px; }
.witness .prev{ left: -0.8rem; background: #fff url(../images/nimg9_left.png) center no-repeat; }
.witness .next{ right: -0.8rem; background: #fff url(../images/nimg9_right.png) center no-repeat; }
.witness .prev:hover{ background: #00b259 url(../images/nimg9_lefton.png) center no-repeat;}
.witness .next:hover{ background: #00b259 url(../images/nimg9_righton.png) center no-repeat;}

.PHMP1{ padding: 65px 0 85px; background: #fafafa;}
.PHMP1.on{ padding: 145px 0 85px;}
.PHMP1 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.PHMP1 .list{ padding-top: 0.8rem; overflow: hidden; position: relative;}
.PHMP1 .list ul{ display: block; font-size:0; }
.PHMP1 .list li{ display:inline-block; width: 33.33%; text-align: center; vertical-align: top; padding-bottom:0.5rem;}
.PHMP1 .list li .ico{ height: 1.25rem; }
.PHMP1 .list li .msg{ font-size: 0.2rem; padding: 0 0.55rem; line-height: 0.36rem; color: #333; }
.PHMP1 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.PHMP1 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.PHMP1 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.PHMP2{ padding: 0.8rem 0; }
.PHMP2 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.3rem; }
.PHMP2 .wen{ font-size: 0.18rem; text-align: center; padding-bottom: 0.6rem; }
.PHMP2 .imgDiv img{ width: 100%; }
.PHMP2 .btnDiv{ margin: 0.95rem auto 0; width: 1.8rem; }
.PHMP2 .btnDiv a{ display: block; width: 100%; height: 0.56rem; line-height: 0.56rem; text-align: center; background: #00b259; border-radius: 0.48rem; color: #fff; font-size: 0.18rem; }

.PHMP3{ padding: 0.7rem 0 1.15rem; background: url(../images/nimg1920Bg.jpg) center no-repeat; background-size: cover; }
.PHMP3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.75rem; }
.PHMP3 .list{ overflow: hidden; position: relative;}
.PHMP3 .list.ll{ padding:0 2.6rem;}
.PHMP3 .list.rr{ padding:0 5.2rem;}
.PHMP3 .list ul{ display: block; width: auto; margin-right: -0.48rem; }
.PHMP3 .list li{ float: left; width: 33.33%; padding-bottom: 0.4rem; }
.PHMP3 .list .li01{ width:50%;}
.PHMP3 .list .li02{ width:100%;}
.PHMP3 .list li .box{ margin-right: 0.48rem; height: 4.0rem; padding: 0.4rem 0.65rem 0 0.4rem; background: #fff; box-sizing: border-box; position: relative;}
.PHMP3 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 4px; background: #00af57; }
.PHMP3 .list li .ico{ position: absolute; bottom: 0; right: 0; z-index: 1;}
.PHMP3 .list li .ico img{ width: 1.0rem; }
.PHMP3 .list li .num{ font-size: 0.48rem; line-height: 0.48rem; color: #00b259; font-family:mont; }
.PHMP3 .list li .name{ padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.36rem; color: #333; font-weight: bold; }
.PHMP3 .list li .msg{ font-size: 0.18rem; line-height: 0.3rem; margin-top: 0.15rem; height:1.2rem; overflow:auto; padding-right:8px;}
.PHMP3 .list li .msg::-webkit-scrollbar { width: 2px;}
.PHMP3 .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.PHMP3 .list li .msg::-webkit-scrollbar-thumb { background-color: #00b259;}
.PHMP3 .list li .box:hover:before{ width: 100%; }
.PHMP3 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.PHMP3 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.PHMP3 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.PHMP3 .btnDiv{ margin: 0.42rem auto 0; width: 1.8rem; }
.PHMP3 .btnDiv a{ display: block; width: 100%; height: 0.56rem; line-height: 0.56rem; text-align: center; background: #00b259; border-radius: 0.48rem; color: #fff; font-size: 0.18rem; }

.PHMP4{ padding-top: 1.2rem; height: 8.5rem; background: url(../images/nimg1920Bg3.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.PHMP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.8rem; }
.PHMP4 .list{ overflow: hidden; }
.PHMP4 .list.rr{ padding:0 3.8rem;}
.PHMP4 .list ul{ display: block; width: auto; margin-right: -0.28rem; }
.PHMP4 .list li{ float: left; width: 25%; }
.PHMP4 .list .li01{ width: 33.33%; }
.PHMP4 .list .li02{ width:50%;}
.PHMP4 .list li .box{ position: relative; overflow: hidden; margin-right: 0.28rem; height: 4.0rem; box-sizing: border-box; border-radius: 6px; background: #fff; padding: 0.35rem 0.48rem 0; }
.PHMP4 .list li .num{ text-align: center; font-size: 1.2rem; line-height: 1.0rem; font-family:mont; background-image:-webkit-linear-gradient(top,#0cb661,#f0faf5);
 background-image:linear-gradient(to bottom,#0cb661,#f0faf5); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.PHMP4 .list li .msg{ font-size: 0.2rem; color: #333; line-height: 0.36rem; text-align: center; padding-top: 0.4rem; position: relative; z-index: 1; }
.PHMP4 .list li .ico{ position: absolute; right: 0; bottom: 0; }
.PHMP4 .list li .ico img{ width: 1.18rem; }
.PHMP4 .list li .box:hover .ico{ right: 0.1rem; bottom: 0.1rem; }
.PHMP4 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.PHMP4 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.PHMP4 .swiper-pagination-bullet-active { border: #00b259 solid 1px; background: #00b259;}

.newsP1{ background: #f7f7fa; padding: 0.8rem 0 0.75rem; }
.newsPic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.newsPic .mxfDiv{ position: relative; padding: 0 1.2rem 0 8.5rem; height: 4.76rem; background: #fff; }
.newsPic .imgDiv{ position: absolute; left: 0; top: 0; }
.newsPic .imgDiv img{ width: 7.68rem; }
.newsPic .time{ padding: 0.75rem 0 0.2rem; font-size: 0.16rem; color: #9ea5b1; font-family: mont;}
.newsPic .time em{ color: #191c22; font-size: 0.3rem; }
.newsPic .name{ font-size: 0.3rem; color: #191c22; line-height: 0.42rem; height: 0.84rem; overflow: hidden; font-weight: bold;}
.newsPic .content{ font-size: 16px; color: #191c22; line-height: 30px; height: 90px; overflow: hidden; padding-top: 0.2rem; }
.newsPic .swiper-pagination{ bottom: 0.8rem!important; left: 8.5rem!important; margin-left: 0; text-align: left; width: auto!important; }
.newsPic .swiper-pagination-bullet { position: relative; width: 9px; height: 9px; opacity: 1; box-sizing: border-box; background: #a5abb6; margin-right: 15px!important;} 
.newsPic .swiper-pagination-bullet-active { background: #00b259; } 
.newsPic .swiper-slide:hover .name{ color: #00b259; }

.newsP2 .toptop{ background: #f7f7fa; height: 56px; position: relative; z-index: 2; }
.newsP2 .toptop:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e8e8e8; z-index: 1; }
.newsP2 .toptop .wal{ position: relative; height: 56px; }
.newsP2 .newsTab li{ float: left; margin-right: 0.7rem;}
.newsP2 .newsTab li a{ display: block; position: relative; z-index: 2; height: 56px; font-size: 0.24rem; line-height: 0.24rem; color: #36383c;}
.newsP2 .newsTab li a:after{ content: ''; position: absolute; width: 0; left: 50%; height: 2px; bottom: 0; background: #00b259; }
.newsP2 .newsTab .aNow, .newsP2 .newsTab a:hover{ color: #00b259; }
.newsP2 .newsTab .aNow:after, .newsP2 .newsTab a:hover:after{ left: 0; width: 100%; }

.newsP2 .toptop .select{ width: 130px; position: absolute; right: 0; top: 0; height: 45px;}
.newsP2 .toptop .select dt{height: 45px; line-height: 45px; display: inline-block; width: 100%; border: #efeff3 solid 1px; background: #fff url(../images/selectIco2.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative;}
.newsP2 .toptop .select dt a{ font-size: 14px; color: #3f4150; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden;} 
.newsP2 .toptop .select dd{ margin: 0; position: absolute; left: 0px; top: 48px; z-index: 5; width: 100%; box-sizing: border-box;} 
.newsP2 .toptop .select dd ul {list-style: none; overflow: auto; padding: 0 0.2rem; background: #fff; overflow-x:auto; border: #efeff3 solid 1px;} 
.newsP2 .toptop .select dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #efeff3; color: #3f4150; font-size: 14px;}
.newsP2 .toptop .select dd ul li:last-child{ border-bottom:none;}
.newsP2 .toptop .select dd ul li:hover{ color: #00b259; }

.newsP2 .toptop .group{ width: 130px; position: absolute; right: 0; top: 0; height: 45px;}
.newsP2 .toptop .group2{ right:200px;}
.newsP2 .toptop .caption { position: relative; cursor: pointer; height: 45px; line-height: 45px; padding-left: 20px; font-size: 14px; color: #3f4150; border: #efeff3 solid 1px; background: #fff; box-sizing: border-box;}
.newsP2 .toptop .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.newsP2 .toptop .caption:after { content: ""; display: block; width: 27px; height: 5px; background: url(../images/selectIco2.png) no-repeat right center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.newsP2 .toptop .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 250px; overflow-y: auto; display: none; border: 1px solid #efeff3; box-sizing: border-box;}
.newsP2 .toptop .xlist a { display: block; font-size: 14px; color: #3f4150; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #efeff3;}
.newsP2 .toptop .xlist a:hover,.newsP2 .toptop .xlist a.on { color: #11a84e;}
.newsP2 .toptop .xlist a:last-child { border-bottom: none;}


.newsP2{ padding-bottom: 1.2rem; }
.newsP2 .list{ position: relative;}
.newsP2 .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e8e8e8; }
.newsP2 .list li{ float: left; width: 33.33%; }
.newsP2 .list li .box{ border-right: #e8e8e8 solid 1px; height: 6.46rem; position: relative;}
.newsP2 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e8e8e8; }
.newsP2 .list li a{ display: block; width: 100%; height: 100%; }
.newsP2 .list li .mxfDiv{ padding: 0.75rem 0.6rem 0; position:relative;}
.newsP2 .list li .time{ font-size: 14px; color: #8c94a3; font-family: mont; }
.newsP2 .list li .type{ position:absolute; right:0.6rem; top:0.75rem; font-size:14px; line-height:14px; color:#999;}
.newsP2 .list li .name{ padding-top: 0.2rem; font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; color: #3f4150; font-weight: bold; }
.newsP2 .list li .content{ padding-top: 0.3rem; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #3f4150; }
.newsP2 .list li .imgDiv{ padding-top: 0.5rem; }
.newsP2 .list li .imgDiv img{ width: 100%;}
.newsP2 .list li:hover .box:after{ height: 2px; background: #00b259; }
.newsP2 .list li:hover .name{ color: #00b259; }

.newShow .toptop{ padding: 1.2rem 0; background: url(../images/newShow.jpg) center no-repeat; background-size: cover; }
.newShow .name{ font-size: 36px; line-height: 48px; padding-bottom: 10px; color: #fff; font-weight: bold; }
.newShow .time{ color: #b9c0ce; font-size: 16px; font-family:mont; }
.newShow .time em{ padding-right: 25px; }
.newShow .leftDiv{ width: 10.25rem; padding: 0.9rem 0 1.4rem; border-right: #e8e8e8 solid 1px;}
.newShow .mxfDiv{ width: 9.44rem; }
.newShow .content{ font-size: 16px; line-height: 30px; padding-bottom: 40px; color: #3f4150;}
.newShow .content img,input[type="image"] {
    max-width: 100%;
    height: auto!important;
}
.newShow .content p{ text-indent: 0!important; font-size: 16px!important;}
.newShow .content span{ font-size: 16px!important;}
.newShow .imgDiv{ padding: 0.5rem 0; text-align: center;}
.newShow .imgDiv img{ max-width: 9.44rem; }
.newShow .rightDiv{ width: 4.3rem; padding-top: 0.9rem; }
.newShow .title{ font-size: 24px; color: #000; line-height: 24px; font-weight: bold; }
.newShow .list{ padding: 30px 0 40px; }
.newShow .list li{ padding-bottom: 0.25rem; }
.newShow .list li a{ display: block; font-size: 16px; color: #3f4150; line-height: 30px; padding-left: 15px; position: relative;}
.newShow .list li a:before{ content: ''; position: absolute; left: 0; top: 0.14rem; width: 4px; height: 4px; background: #b9c0ce; border-radius: 50%; }
.newShow .list li a:hover{ color: #00b259; }
.newShow .botDiv{ position: relative;  padding-bottom: 60px; }
.newShow .share b{ display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; color: #8c94a3; }
.newShow .share li{ float: left; margin-right: 13px; }
.newShow .share li a{ display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; border: #efeff3 solid 2px; position: relative; overflow: hidden; }
.newShow .share li a:hover{ background: #00b259; border: #00b259 solid 2px; }
.newShow .share li a:hover .show, .newShow .share li a:hover .hide{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px)}
.newShow .btnDiv{ position: absolute; right: 0; bottom: 60px; }
.newShow .btnDiv a{ display: block; width: 168px; height: 50px; border: #efeff3 solid 2px; text-align: center; line-height: 50px; font-size: 16px; color: #b9c0ce; overflow: hidden;}
.newShow .btnDiv em, .newShow .btnDiv span{ display: block; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;  }
.newShow .btnDiv a:hover{ background: #00b259; border: #00b259 solid 2px; color: #fff;}
.newShow .btnDiv a:hover em, .newShow .btnDiv a:hover span{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);}

.newShow .links{ padding-top: 28px; }
.newShow .links li{ float: left; margin: 0 10px 10px 0;}
.newShow .links li a{ display: inline-block; position: relative; padding: 0 0.28rem; font-size: 14px; height: 0.6rem; line-height: 0.6rem; border: #e8e8e8 solid 1px; box-sizing: border-box; }
.newShow .links li a:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #00b259;border-left:1px solid #00b259;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.newShow .links li a:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #00b259;border-bottom:1px solid #00b259;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.newShow .links li a:hover:before{width:100%;height:100%;visibility: visible;}
.newShow .links li a:hover:after{width:100%;height:100%;visibility: visible;}

.pageDown li{ padding-bottom: 10px; font-size: 16px; }
.pageDown li a{ display: block; padding: 0 30px; background: #efeff3; height: 64px; line-height: 64px; color: #3f4150; overflow:hidden;}
.pageDown li a:hover{ background: #00b259; color: #fff; }

.aboutPart1{ padding: 1.2rem 0; }
.aboutPart1 .title{ text-align: center; color: #191c22; font-size: 36px; line-height: 36px; font-weight: bold; padding-bottom: 0.5rem; }
.aboutPart1 .content{ font-size: 16px; line-height: 36px; color: #3f4150; padding: 0 1.75rem 0.85rem; text-align: center; }
.aboutPart1 .content p{ padding: 0 1.2rem; }
.aboutPart1 .list ul{display: inline-flex; width: 100%;}
.aboutPart1 .list li{ width: 33.33%; height: 495px; position: relative; flex-grow: 1; padding-left: 15px; padding-right: 15px; transition: .65s; box-sizing: border-box;}
.aboutPart1 .list li .box{ width: 100%; position: relative; overflow: hidden;}
.aboutPart1 .list li .bg{ height: 495px; }
.aboutPart1 .list li:hover{width:56%}
.aboutPart1 .list li .layer{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; }
.aboutPart1 .list li .name{ padding-top: 0.32rem; position: relative; height: 46px; font-size: 24px; line-height: 24px; font-weight: bold; }
.aboutPart1 .list li .name:after{ content: ''; position: absolute; left: 50%; width: 26px; height: 2px; margin-left: -13px; bottom: 0; background: #fff;}
.aboutPart1 .list li .msg{ position: absolute; left: 50%; bottom: -25%; color: #fff; text-align: center; width: 4.8rem; margin-left: -2.4rem;  font-size: 16px; line-height: 30px; }
.aboutPart1 .list li:hover .layer{ top: 45%; transform: translateY(-55%);}
.aboutPart1 .list li:hover .msg{ bottom: 20%; }

.aboutPart2{ background: #f7f7fa; position: relative; overflow: hidden; }
.aboutPart2 .conDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 50%; transform: translateY(-50%); z-index: 1; }
.aboutPart2 .rightImg{ width: 50%; }
.aboutPart2 .rightImg img{ width: 100%; }
.aboutPart2 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #191c22; padding-bottom: 0.55rem; }
.aboutPart2 .msgList li{ padding-bottom: 0.45rem; }
.aboutPart2 .msgList li:last-child{ padding-bottom: 0; }
.aboutPart2 .msgList li .txt{ color: #191c22; font-size: 24px; line-height: 24px; padding-bottom: 10px; }
.aboutPart2 .msgList li .msg{ font-size: 18px; }

.aboutPart3{ padding: 1.2rem 0; }
.aboutPart3 .title{ text-align: center; padding-bottom: 0.6rem; font-size: 36px; line-height: 36px; color: #191c22; font-weight: bold; }
.aboutPart3 .list ul{ margin-right: -0.34rem; }
.aboutPart3 .list li{ float: left; width: 25%; }
.aboutPart3 .list li .box{ margin-right: 0.34rem; background: #f7f7fa; padding-top: 1.0rem; height: 3.0rem; }
.aboutPart3 .list li .ico{ width: 1.4rem; height: 1.4rem; text-align: center; line-height: 1.4rem; margin: 0 auto; border-radius: 50%; background: #fff; }
.aboutPart3 .list li .ico img{ width: 0.77rem; }
.aboutPart3 .list li .name{ text-align: center; font-size: 24px; color: #191c22; padding-top: 0.32rem; }
.aboutPart3 .list li .box:hover img{ -webkit-transform: rotateY(-360deg);  transform: rotateY(-360deg); }

.aboutPart3-4 .title{ text-align: center; padding-bottom: 0.6rem; font-size: 36px; line-height: 36px; color: #191c22; font-weight: bold; }
.aboutPart3-4 .mxfDiv{ height:750px; background: url(../images/nimg1920Bg4.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;}
.aboutPart3-4 .tab2{ margin-right: 6.8%; width: 668px;}
.aboutPart3-4 .tab2 li{ position:relative; background:#fff; margin-bottom:10px; box-sizing:border-box; padding: 70px 65px 0; height:300px;}
.aboutPart3-4 .tab2 li:last-child{ margin-bottom:0;}
.aboutPart3-4 .tab2 li:before{ content:''; position:absolute; left:0; top:0; width:0; height:3px; background:#00b259;}
.aboutPart3-4 .tab2 li .name{ font-size:26px; line-height:26px; color:#000; font-weight:bold;}
.aboutPart3-4 .tab2 li .content{ font-size:18px; line-height:30px; margin-top:20px;}
.aboutPart3-4 .tab2 .liNow:before{ width:100%;}
.aboutPart3-4 .tab2 .liNow .name{ color:#00b259;}


.aboutPart3-4 .tabContentDiv2{ background: linear-gradient(90deg,#00b259 12%,rgba(0,70,255,0)); width: 41.6%; height: 100%;}
.aboutPart3-4 .pjDiv{ height: 750px; display: flex; flex-direction: column; justify-content: space-around; padding: 20px 0; box-sizing:border-box;}
.aboutPart3-4 .item-c{ margin-left: -50px; display: flex; align-items: center; height: 120px;}
.aboutPart3-4 .item-c .c-icon{ position:relative; width:120px; height:120px; border-radius:50%; overflow:hidden; margin-right: 30px;}
.aboutPart3-4 .item-c .c-icon:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.4); border-radius:50%;}
.aboutPart3-4 .item-c .c-icon img{ position:absolute; left:5px; top:5px; z-index:1; border-radius:50%; width: 110px; height: 110px;}
.aboutPart3-4 .item-c .c-title{ max-width: 397px; height: 30px; line-height: 30px; font-size: 24px; font-weight: 700; color: #fff;}
.aboutPart3-4 .item-c .c-desc{ max-width: 397px; font-size: 16px; color: #fff; line-height: 28px;}




.aboutPart4 .toptop{ padding: 1.7rem 0 1.2rem; background: url(../images/aboutPart4.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.aboutPart4 .title{ text-align: center; color: #fff; font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 0.75rem; }
.aboutPart4 .progress-bar{ width: 1200px; margin: 0 auto; position: relative;}
.aboutPart4 .progress-bar:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; z-index: 0; background: rgba(255,255,255,0.6); }
.aboutPart4 .progress-bar ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: relative; z-index: 1;}
.aboutPart4 .progress-bar li{ cursor: pointer; position: relative; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 16px; font-family: mont; border-radius: 50%; background: #bfc0c1; }
.aboutPart4 .progress-bar li:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: #00b259; border-radius: 50%; z-index: 0;}
.aboutPart4 .progress-bar li em{ display: block; position: relative; z-index: 1; }
.aboutPart4 .progress-bar .active{ background: #fff; color: #fff; }
.aboutPart4 .progress-bar .active:after{ width: 68px; height: 68px; left: 6px; top: 6px; }
.aboutPart4 .botbot{ padding: 1.0rem 0; background: #f7f7fa; }
.aboutPart4 .list { width: 20.5rem; overflow: hidden; position: relative;}
.aboutPart4 .list li .box{ margin-right: 45px; }
.aboutPart4 .list li .year{ height: 35px; line-height: 30px; font-size: 30px; color: #11a84e; border-bottom: #00b259 solid 1px; font-family: mont;}
.aboutPart4 .list li .msgList{ padding-top: 35px; }
.aboutPart4 .list li .msgList dd{ font-size: 16px; line-height: 30px; color: #3f4150;}


.history-content { height: 460px; background: #f7f7fa; color: #3f4150; overflow: hidden;}
.history-content .mod-con { position: relative; width: 15.36rem; margin: 0 auto;}
.history-main { width: 10000px; position: absolute;}

.history-main-box{ width: 4.82rem; float: left; margin-right: 0.42rem;}
.history-title{ font-size: 30px; padding-top: 90px; line-height: 42px; border-bottom:1px solid #11a84e; margin-bottom: 30px;color: #11a84e; font-family: mont;}
.history-main-box .hhh{ height:240px; overflow:auto;}
.history-main-box .hhh::-webkit-scrollbar { width: 2px;}
.history-main-box .hhh::-webkit-scrollbar-track { background-color: #e5e5e5;}
.history-main-box .hhh::-webkit-scrollbar-thumb { background-color: #11a84e;} 
.history-main-box .li{ line-height: 30px; font-size: 0.16rem; overflow: hidden;}
.history-main-box .li .left{ float: left; width: 40px; padding-right: 10px; }
.history-main-box .li .right{ width: 4.0rem; float: left;}

.history-content .mod-con{ position: relative;}


.aboutPart4Tel{ padding: 1.0rem 0.3rem; background: #f7f7fa;}
.aboutPart4Tel .title{ text-align: center; color: #191c22; font-weight: bold; font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.75rem; }
.aboutPart4Tel .list{ position: relative; margin-bottom: 0.5rem;}
.aboutPart4Tel .list:before{ content: ''; position: absolute; left: 0.1rem; width: 2px; top: 0; height: 100%; background: #e6e6e6; z-index: 0;}

.aboutPart4Tel .list li{ position: relative; padding: 0 0 0.4rem 0.4rem; font-size: 0.26rem; line-height: 0.48rem; background: url(../images/nimg14_2.png) left 4px no-repeat; background-size: 0.26rem; color: #999; }
.aboutPart4Tel .list li .year{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.2rem; font-family: mont; color: #00b259;}
.aboutPart4Tel .list li dd{ padding-bottom: 0.2rem; } 

.aboutPart5{ padding: 1.2rem 0 2.0rem; }
.aboutPart5 .title{ text-align: center; color: #191c22; font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 0.6rem; }
.aboutPart5 .haha{ text-align: center; }
.aboutPart5 .haha li{ display: inline-block; margin: 0 30px; height: 40px; font-size: 18px; line-height: 18px; position: relative; cursor:pointer;}
.aboutPart5 .haha li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #00b259; }
.aboutPart5 .haha .liNow{ color: #3f4150; font-weight: bold; }
.aboutPart5 .haha .liNow:after{ left: 0; width: 100%; }
.aboutPart5 .mapDiv img{ width: 100%; }
#map {width:100%;height:600px;
}
   .BMap_stdMpCtrl {
    
    display:none;
    }
     .anchorBL {
    
    display:none;
    }
      .BMap_cpyCtrl {
    
    display:none;
    }  
	
.aboutPart6{ padding-top:1.2rem; height:680px; background: url(../images/honorBg.jpg) center no-repeat; background-size: cover;}	
.aboutPart6 .title{ text-align:center; font-size:36px; line-height:36px; color:#fff; font-weight:bold; padding-bottom:0.4rem;}
.aboutPart6 .btn{ text-align:center; padding-bottom:30px;}	
.aboutPart6 .btn li{ display:inline-block; margin:0 50px; position:relative; height:28px; font-size:18px; line-height:18px; color:#fff; cursor:pointer; font-family:mont;}	
.aboutPart6 .btn li:after{ content:''; position:absolute; width:0; left:50%; bottom:0; height:2px; background:#00b259;}	
.aboutPart6 .btn li.on{ color:#00b259;}	
.aboutPart6 .btn li.on:after{ left:0; width:100%;}	

.honorPic{ position: relative; }
.honorPic .swiper-container{ padding-bottom: 100px; overflow: hidden; position: relative; }
.honorPic .swiper-slide .lbox{ border:#fff solid 1px; height:324px; box-sizing:border-box; padding:30px 20px 0;}
.honorPic .swiper-slide .imgDiv{ text-align:center; height:2.12rem;}
.honorPic .swiper-slide .imgDiv img{ max-width:3.0rem; max-height:2.12rem;}
.honorPic .swiper-slide{ position: relative; overflow: hidden;}
.honorPic .swiper-slide .name{ line-height: 30px; font-size: 18px; color: #fff; height: 60px; padding-top:10px; overflow: hidden; text-align:center;}
.honorPic .swiper-container-horizontal>.swiper-scrollbar { height: 2px; background: #fff; left: auto; margin-left: 0; right:0; width: 14.68rem; top: auto; bottom: 0.27rem;}
.honorPic .swiper-scrollbar-drag { background: #00b259;}
.honorPic .prev{ z-index: 2; position: absolute; left: 0; bottom: 0.19rem; display: block; width: 18px; height: 16px; background: url(../images/nimg18_left.png) center no-repeat;}
.honorPic .next{ z-index: 2; position: absolute; left: 31px; bottom: 0.19rem; display: block; width: 18px; height: 16px; background: url(../images/nimg18_right.png) center no-repeat;}
.honorPic .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat;}
.honorPic .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat;}

.electNav{ height: 80px; background: #f2f2f2; width: 100%; position: relative; z-index: 2; }
.electNavNow{ position: fixed; left: 0; top: 0; }
.electNav ul{ font-size: 0; }
.electNav li{ float:left; padding-right: 40px; font-size: 18px;}
.electNav li a{ display: block; height: 80px; line-height: 80px; color: #333; position: relative;}
.electNav li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #00b259; }
.electNav li .aNow{ color: #00b259; }
.electNav li .aNow:after{ width: 100%; left: 0; }

.relatePart{ padding-top:1.0rem;}
.relatePart .title{ font-size: 0.48rem; line-height: 0.48rem; color: #333; text-align: center; font-weight: bold; padding-bottom: 0.8rem; }
.relatePart .list li{ margin-bottom:10px;}
.relatePart .list li a{ display:block; height:1.0rem; position:relative; padding: 0 2.0rem 0 0.4rem; background:#f6f7f9;}
.relatePart .list li .name{ height:1.0rem; line-height:1.0rem; overflow:hidden; color:#101010; font-size:0.24rem;}
.relatePart .list li .time{ position:absolute; right:0.4rem; top:0; font-size:0.18rem; line-height:1.0rem; color:#ccc; font-family:mont;}
.relatePart .list li a:hover{ background:#fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08);}
.relatePart .list li a:hover .name{ color:#00b259;}


.newsP2 .toptop{ background: #f7f7fa; height: 56px; position: relative; z-index: 2; }
.newsP2 .toptop:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e8e8e8; z-index: 1; }
.newsP2 .toptop .wal{ position: relative; height: 56px; }
.newsP2 .newsTab li{ float: left; margin-right: 0.7rem;}
.newsP2 .newsTab li a{ display: block; position: relative; z-index: 2; height: 56px; font-size: 0.24rem; line-height: 0.24rem; color: #36383c;}
.newsP2 .newsTab li a:after{ content: ''; position: absolute; width: 0; left: 50%; height: 2px; bottom: 0; background: #00b259; }
.newsP2 .newsTab .aNow, .newsP2 .newsTab a:hover{ color: #00b259; }
.newsP2 .newsTab .aNow:after, .newsP2 .newsTab a:hover:after{ left: 0; width: 100%; }

.newsP2 .toptop .select{ width: 130px; position: absolute; right: 0; top: 0; height: 45px;}
.newsP2 .toptop .select dt{height: 45px; line-height: 45px; display: inline-block; width: 100%; border: #efeff3 solid 1px; background: #fff url(../images/selectIco2.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative;}
.newsP2 .toptop .select dt a{ font-size: 14px; color: #3f4150; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden;} 
.newsP2 .toptop .select dd{ margin: 0; position: absolute; left: 0px; top: 48px; z-index: 5; width: 100%; box-sizing: border-box;} 
.newsP2 .toptop .select dd ul {list-style: none; overflow: auto; padding: 0 0.2rem; background: #fff; overflow-x:auto; border: #efeff3 solid 1px;} 
.newsP2 .toptop .select dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #efeff3; color: #3f4150; font-size: 14px;}
.newsP2 .toptop .select dd ul li:last-child{ border-bottom:none;}
.newsP2 .toptop .select dd ul li:hover{ color: #00b259; }

.newsP2 .toptop .group{ width: 130px; position: absolute; right: 0; top: 0; height: 45px;}
.newsP2 .toptop .group2{ right:200px;}
.newsP2 .toptop .caption { position: relative; cursor: pointer; height: 45px; line-height: 45px; padding-left: 20px; font-size: 14px; color: #3f4150; border: #efeff3 solid 1px; background: #fff; box-sizing: border-box;}
.newsP2 .toptop .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.newsP2 .toptop .caption:after { content: ""; display: block; width: 27px; height: 5px; background: url(../images/selectIco2.png) no-repeat right center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.newsP2 .toptop .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 250px; overflow-y: auto; display: none; border: 1px solid #efeff3; box-sizing: border-box;}
.newsP2 .toptop .xlist a { display: block; font-size: 14px; color: #3f4150; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #efeff3;}
.newsP2 .toptop .xlist a:hover,.newsP2 .toptop .xlist a.on { color: #11a84e;}
.newsP2 .toptop .xlist a:last-child { border-bottom: none;}


.newsP2{ padding-bottom: 1.2rem; }
.newsP2 .list{ position: relative;}
.newsP2 .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e8e8e8; }
.newsP2 .list li{ float: left; width: 33.33%; }
.newsP2 .list li .box{ border-right: #e8e8e8 solid 1px; height: 6.46rem; position: relative;}
.newsP2 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e8e8e8; }
.newsP2 .list li a{ display: block; width: 100%; height: 100%; }
.newsP2 .list li .mxfDiv{ padding: 0.75rem 0.6rem 0; position:relative;}
.newsP2 .list li .time{ font-size: 14px; color: #8c94a3; font-family: mont; }
.newsP2 .list li .type{ position:absolute; right:0.6rem; top:0.75rem; font-size:14px; line-height:14px; color:#999;}
.newsP2 .list li .name{ padding-top: 0.2rem; font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; color: #3f4150; font-weight: bold; }
.newsP2 .list li .content{ padding-top: 0.3rem; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #3f4150; }
.newsP2 .list li .imgDiv{ padding-top: 0.5rem; }
.newsP2 .list li .imgDiv img{ width: 100%;}
.newsP2 .list li:hover .box:after{ height: 2px; background: #00b259; }
.newsP2 .list li:hover .name{ color: #00b259; }