@charset "UTF-8";


html {
  scrollbar-width: thin;
  scrollbar-color: #06b16e rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #06b16e;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #06b16e;border-radius:8px;
}	

body, button, input, select, textarea{font-family: "Manrope-Regular";}
h1,h2,h3,h4,h5,h6{font-family: "Manrope-Regular";}
select{font-family: "Manrope-Regular";}
*{font-family: "Manrope-Regular";}
._img{ width: 100%; display: block; position: relative;}
._img img{ display: block; width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 0;}

.w1600{max-width:1600px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}




/*PC head*/
.t_navs{ position:sticky; left:0; top:0; z-index: 60; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center;padding:0 69px; background: #fff;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:72px;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left; }
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 20px;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:84px; font-size:18px;color: #333; text-transform: uppercase; padding:0 18px; }
.t_navs .menu .nli span a i{ display: none;  position: absolute; left:50%; bottom:-17px; border-left:13px solid transparent; border-right:13px solid transparent;border-bottom:12px solid #fff; margin-left: -13px; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left:50%; bottom:0; height:1px; width:0; background:#06b16e; transform: translateX(-50%); -ms-transform: translateX(-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.t_navs .menu .nli:hover span a i{display: block;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #06b16e !important;}
/* .t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;} */
.t_navs .sub{ display:none; position: absolute; top:100%; right:-34px; z-index: 10; padding-top: 17px;}
.t_navs .sub4 .box{ display: flex;  align-items: flex-start; justify-content: space-between;padding:46px 50px 56px 44px; flex-direction: row-reverse; background:#fff; border-radius: 10px;}
.t_navs .sub4 .u1{ display:flex; flex-direction: column;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; margin-bottom:20px;}
.t_navs .sub4 .u1 .l1:last-child{ margin-bottom:0 !important;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; white-space: nowrap; color: #333333; line-height:22px; font-size:16px; padding:0 0 0 16px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #06b16e; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a:hover{color: #06b16e;}
.t_navs .sub4 .pic{ display:block; width:232px; line-height: 0; margin-right: 39px; }
.t_navs .sub4 ._img{ padding-bottom: 67.01%;border-radius: 10px;overflow: hidden;}
.t_navs .sub4 ._img img{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.t_navs .sub4 ._img:hover img{ transform: scale(1.05); -ms-transform: scale(1.05); }


.t_navs .ss_search{float: left; display:flex; margin:0 -10px 0 24px;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:39px; width:39px; background: url(img/_search.png) center no-repeat; background-size:19px auto !important; cursor: pointer;}
.t_navs .ss_search ._t:hover{ background: url(img/_search1.png) center no-repeat;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:84px;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 16px;border: 1px solid #ececec; border-radius: 3px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size:16px;color: #333;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input .button{width:44px; height:44px; display: block;position: absolute;right: 0;top:0; background: url(img/_search.png) center no-repeat; background-size: 19px !important; cursor: pointer;}
.t_navs ._b .input .button:hover{ background: url(img/_search1.png) center no-repeat;}

.t_navs.act .top{  box-shadow:0 2px 6px rgba(0,0,0,0.1);}


@media screen and (max-width:1600px) {
.t_navs .menu .nli{ margin:0 18px;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 14px;}
.t_navs .menu .nli span a{ padding:0 14px; }
.t_navs .ss_search{ margin:0 -10px 0 16px;}
.t_navs .sub4 .box{padding:40px 40px 40px 40px;}
.t_navs .sub4 .pic{ width:220px; margin-right:30px; }
.t_navs .sub4 .u1 .l1{  margin-bottom:16px;}
}
@media screen and (max-width:1270px) {
.t_navs .menu .nli{ margin:0 10px;}
.t_navs .menu .nli span a{ font-size:16px; padding:0 10px; }
.t_navs .ss_search{ margin:0 -10px 0 10px;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:40px;}
.t_navs .ss_search{ display:none;}

}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #333;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #333;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #06b16e;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #06b16e;  border-right:1px solid #06b16e;}
.xialaph .u2{width: 100%;padding:0 15px 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%;display: block; position: relative; font-size:16px;color: #333;line-height:24px;padding:5px 0 5px 16px; }
.xialaph .u2 .a2::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #06b16e; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.xialaph .on .a2{ color:#06b16e;}
.xialaph .u3{width: 100%;padding:0 15px 15px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display: block; font-size:15px;color: #333;line-height:24px;padding:5px 0 5px 0; }
.xialaph .u4{width: 100%;padding:0 5px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block;}
.xialaph .u4 .a4{ width: 100%;display: block; font-size:14px;color: #666666;line-height:24px;padding:2px 0; }
.xialaph .input_box{width: 100%;border-bottom: 1px solid #ececec;margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 16px;color: #333333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box .button{width: 50px; height:50px; cursor: pointer;position: absolute;right: 0;top: 0; background: url(img/_search.png) center no-repeat; background-size: 19px !important;}




.footer1{position: relative; z-index: 6; background:#f5f5f5;}
.footer1 .top{ display:flex; align-items: center; justify-content: space-between; padding:72px 0 42px 0; border-bottom:1px solid #dadada;}
.footer1 .logo{ display:block; line-height:0; margin-top: 5px;}
.footer1 .logo img{ height:88px;}
.footer1 .right{ display:flex; flex-wrap: wrap; width:520px;}
.footer1 .right .tit{ color:#333; font-size:16px; line-height:24px; text-transform: capitalize;}
.footer1 .right .input{width: 100%;position: relative; margin-top: 14px;}
.footer1 .right .input .text{display: block; width: 100%;height: 50px; line-height:38px; font-size:16px;color: #333;padding:10px 120px 10px 19px;border: 1px solid #cecece; border-radius:50px; background:none;  }
.footer1 .right .input input::placeholder{color:#989898; opacity:1 !important;}
.footer1 .right .input .submit{height:50px;line-height:48px;border-radius:50px; font-size:16px;color: #fff;display: block;position: absolute;right: 0;top:0;cursor: pointer; padding:0 28px; background:#06b16e;text-transform: uppercase; 
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.footer1 .right .input .submit:hover{ background:#093e8d;}
.footer1 .down1{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:26px 0;border-top:1px solid #dadada;}
.footer1 .Copyright{ display:block; color:#333; font-size:14px; line-height:22px;}
.footer1 .Copyright a{color:#333; margin-left:15px;}
.footer1 .Copyright a:hover{color:#06b16e !important;}
.footer1 .sjkf{ display: inline-flex; flex-wrap: wrap; color:#333; font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 9px; font-size:12px;}
.footer1 .sjkf a{color:#333; }
.footer1 .sjkf a:hover{ color:#06b16e !important;}
.footer1 .midd{ position: relative; flex-wrap: wrap; display:flex;width:100%;justify-content: space-between; }
.footer1 .left1{ display:flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; width:72.5%; padding:53px 0 57px 0;}
.footer1 .right1{ display:flex; flex-wrap: wrap; width:27.5%; padding:53px 0 57px 7%;border-left:1px solid #dadada;}
.footer1 .addr{ display:flex; flex-wrap: wrap; align-items: flex-start; width: 100%;color: #333; font-size:18px; line-height:26px;}
.footer1 .addr .li{display:flex; flex-wrap: wrap; width: 100%; margin-bottom: 32px; }
.footer1 .addr .li .tit{display:flex; flex-wrap:wrap;width:100%;}
.footer1 .addr .li .info{display:flex; flex-wrap:wrap;width:100%; margin-top:6px;color: #333;}
.footer1 .share{ display: flex; flex-wrap: wrap; width:100%; padding-top:20px;}
.footer1 .share .li{display: flex; margin:0 20px 0 0;}
.footer1 .share .li a{ display:flex; line-height:0;}
.footer1 .share .li a img{ width:auto; height:22px;}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column; width:23%;}
.footer1 .nav:nth-child(1){ width:27%;}
.footer1 .nav:nth-child(2){ width:27%;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:18px;}
.footer1 .nav .a1{ display:inline-flex; color: #333; font-size:18px; line-height:28px; text-transform: uppercase;}
.footer1 .nav .a1:hover{  color:#06b16e !important;}
.footer1 .nav .a2{ display:inline-flex;; color: #333; font-size:16px; line-height:26px; margin-top:10px;}
.footer1 .nav .a2:hover{  color:#06b16e !important;}


@media screen and (max-width:1600px) {
.footer1 .right1{  padding:53px 0 57px 5%;}
.footer1 .addr .li{ margin-bottom:25px; }
.footer1 .nav .u2{ padding-top:14px;}
.footer1 .nav .a2{ margin-top:8px;}
}
@media screen and (max-width:1440px) {
.footer1 .right1{  padding:53px 0 57px 4%;}	
.footer1 .addr{ font-size: 16px; line-height: 24px;}
.footer1 .nav .a2{ font-size: 14px; line-height: 24px;}
.footer1 .nav .a1{ font-size: 16px; line-height: 26px;}
}
@media (max-width: 1024px){
.footer1 .logo img{ height:50px; object-fit: contain; }
.footer1 .top{ padding:30px 0;}
.footer1 .left1{ display:none; width: 100%; padding:25px 0 30px 0;}
.footer1 .right1{ width: 100%; padding:25px 0 30px 0;border-left:0;}
.footer1 .midd{ flex-wrap:wrap-reverse; }
.footer1 .down1{ text-align: center; justify-content: center;  padding: 20px 0;}
.footer1 .right{ width:400px;}
.footer1 .right .tit{ font-size:15px; line-height:22px;}
.footer1 .right .input .text{height: 40px; line-height:38px; font-size:15px;;padding:10px 100px 10px 16px; border-radius:40px; }
.footer1 .right .input input::placeholder{color:#666; opacity:1 !important;}
.footer1 .right .input .submit{height:40px;line-height:38px;border-radius:40px; font-size:15px; padding:0 20px;  }
.footer1 .sjkf{width: 100%; justify-content: center;}
.footer1 .share{ justify-content: center; padding-top: 15px;}
.footer1 .share .ul{justify-content: center;}
.footer1 .share .li{ margin:0 8px;}
.footer1 .addr{ font-size:15px;}
.footer1 .addr .li{  flex-wrap: nowrap; margin-bottom:10px;}
.footer1 .addr .li .info{ margin-top: 2px;}
.footer1 .addr .li .tit{ width: auto; white-space: nowrap; margin-right: 8px;}
}
@media (max-width: 767px){
.footer1 .logo{ margin-top: 0;}	
.footer1 .top{ flex-direction: column; justify-content: center;}
.footer1 .right{ width:90%; margin-top:15px;justify-content: center;}
.footer1 .right .tit{ text-align: center;}
.footer1 .Copyright .ph{ display: block;}
.footer1 .sjkf a.ph{width:100%; display: block;}
.footer1 .sjkf i.ph{ display: none;}
}


.pc_show1{ display: block;}
.ph_show1{ display: none;}
@media (max-width: 767px){
.pc_show1{ display: none;}
.ph_show1{ display: block;}
}



.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%;}
.index-banner .swiper-notification{ display: none;}
.index-banner .down1{ position: absolute; left: 0; bottom:31px; z-index: 8; width: 100%;}
.index-banner .down1 .w1600{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.index-banner .down1 .fl{ display: flex; align-items: center;}
.index-banner .swiper-pagination{ cursor: pointer; display:inline-flex; width: auto !important;margin:0 22px 0 0;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:10px; width:10px; height:10px; margin:0 21px 0 0; display:block; 
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   border:1px solid #afafaf;
 }
.index-banner .swiper-pagination-bullet-active{ background: #06b16e; border:1px solid #06b16e; width:30px; }
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:45px; height:45px; display:block; background: url(img/next.png) center no-repeat #fff; background-size:auto 24px !important; border-radius: 50%;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
 }
.index-banner .swiper-prev{transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{ margin-left: 26px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/next1.png) center no-repeat #06b16e; }
.index-banner .swiper-num{display:inline-flex; align-items:center;white-space: normal; }
.index-banner .swiper-pagination-current{ color: #06b16e;  font-size:16px;line-height:30px;}
.index-banner .swiper-pagination-total{ color: #666666; font-size:16px;line-height:30px; margin-left:12px; position: relative;}
.index-banner .swiper-pagination-total::after{ display: flex; content: '';background: #b8b8b8; width:1px; height:9px; position: absolute; bottom:10px; left:-6px; }
.index-banner .box1{ position: absolute; left: 0; top: 23.66%; z-index: 8; width: 100%;}
.index-banner .box2{ position: absolute; left: 0; top: 14.11%; z-index: 8; width: 100%;}
.index-banner .box3{ position: absolute; left: 0; top: 14.11%; z-index: 8; width: 100%;}
.index-banner .box4{ position: absolute; left: 0; top: 14.11%; z-index: 8; width: 100%;}
.index-banner .tit1{ display: block; width:100%; line-height: 0.92rem; font-size: 0.67rem; color: #000;font-family: 'Manrope-Bold';}
.index-banner .tit2{ display:block;text-align: center; line-height: 0.82rem; font-size: 0.72rem; color: #000; font-family: 'Manrope-Bold'; }
.index-banner .tit3{ display:block;text-align: center; line-height: 0.49rem; font-size: 0.39rem; color: #585858; margin-top:0.32rem;}
.index-banner .tit4{ display:block;text-align: center; line-height: 0.53rem; font-size: 0.33rem; color: #fff; font-family: 'Manrope-Bold'; margin-top:0.38rem; min-height: 1.06rem;}
.index-banner .bai{ color: #fff;}
.index-banner .right{ text-align: right;}
.index-banner .left{ text-align: left;}
.index-banner .pic{ display: flex; flex-wrap: wrap; width: 100%; gap: 0.19rem; margin-top: 0.62rem;}
.index-banner .pic .img{ display: flex; flex-wrap: wrap; width: 16.3%; line-height: 0; overflow: hidden; border-radius: 5px; border: 5px solid #fff; background: #fff;}
.index-banner .pic .img img{ width: 100%; border-radius: 5px;}
.index-banner .pic.right{ justify-content: flex-end;}


@media screen and (max-width:1600px) {
.index-banner .tit1{ line-height: 0.76rem; font-size: 0.56rem;}
.index-banner .tit2{ line-height: 0.72rem; font-size: 0.62rem;}
.index-banner .tit3{ line-height: 0.43rem; font-size: 0.33rem; margin-top:0.22rem;}
.index-banner .tit4{ line-height: 0.48rem; font-size: 0.28rem; margin-top:0.28rem; min-height:0.96rem;}
.index-banner .pic{ gap: 0.19rem; margin-top: 0.52rem;}
.index-banner .pic .img{ width: 16.3%;}
}
@media screen and (max-width:1440px) {
.index-banner .tit1{ line-height: 0.68rem; font-size: 0.48rem;}
.index-banner .tit2{ line-height: 0.63rem; font-size: 0.53rem;}
.index-banner .tit3{ line-height: 0.38rem; font-size: 0.28rem; margin-top:0.22rem;}
.index-banner .tit4{ line-height: 0.4rem; font-size: 0.24rem; margin-top:0.28rem; min-height:0.8rem;}
.index-banner .pic{ gap: 0.19rem; margin-top: 0.52rem;}
.index-banner .pic .img{ width: 16.3%;}
}
@media screen and (max-width:1024px) {
.index-banner .down1{ bottom:28px; }	
.index-banner .swiper-pagination-bullet{ margin:0 12px 0 0;}
.index-banner .swiper-pagination-bullet-active{ width:16px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:30px; height:30px;background-size:auto 18px !important;  }
.index-banner .swiper-next{ margin-left:14px;}
.index-banner .swiper-pagination-current{ font-size:20px;line-height:26px;}
.index-banner .swiper-pagination-total{margin-left: 20px;line-height:26px; }
.index-banner .swiper-pagination-total::after{left:-10px; top: 8px; height:14px;}
.index-banner .swiper-pagination{ margin-right: 14px;}


}
@media screen and (max-width:700px) {
.index-banner .tit1{ text-align: center; line-height: 1.16rem; font-size: 0.96rem;}
.index-banner .tit2{ text-align: center; line-height: 1.26rem; font-size: 1.06rem;}
.index-banner .tit3{ text-align: center; line-height: 0.76rem; font-size: 0.66rem; margin-top:0.44rem;}
.index-banner .tit4{ text-align: center; line-height: 0.66rem; font-size: 0.56rem; margin-top:0.56rem; min-height:1.16rem;}
.index-banner .pic{ justify-content: space-around; gap: 0.38rem 0; margin-top:1.04rem;}
.index-banner .pic .img{ width: 30%;}
.index-banner .pic.right{ justify-content: space-around;}
.index-banner .right{ text-align: center;}
.index-banner .left{ text-align: center;}
.index-banner .box1{  top: 14.11%;}
}



.list17{ width: 100%; display: flex; justify-content: space-between; align-items:flex-start; }
.list17 .pic{ width:49%;position: relative; margin-top: 28px;}
.list17 ._img{ padding-bottom:68.2%;position: relative; border-radius:20px;
  display: block;
  width: 100%;
  overflow: hidden; }
.list17 ._img img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.list17:hover ._img img{ transform: scale(1.06); -ms-transform: scale(1.06);} 
.list17 .more{ display:block; margin-top:0.52rem;}
.list17 .more a{ display: flex; align-items: center; justify-content: center; border-radius:7px; width:149px; height:51px;background:#06b16e;color:#fff;font-size:20px;line-height: 1; padding-bottom: 2px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.list17 .more a:hover{background:#093e8d; }
.list17 .info{ width: 100%;color:#333; margin-top:0.4rem;
font-size: 18px;
line-height: calc(26px + 0.1rem);
}
.list17 .cont{width:46%;}
.list17 .paly{display: flex; justify-content:center; align-items: center; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 10; cursor: pointer; }
.list17 .paly img{ width:0.89rem; height: 0.89rem; }
.list17 .pause{display:none; justify-content:center; align-items: center; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 10; cursor: pointer; }
.list17 .pause img{ width:0.89rem; height: 0.89rem; }
.shipin1 .paly.Active{ display:none;}
.shipin1 .pause.Active{ display:flex;}
.shipin1 ._img.Active{ opacity: 0;}
.shipin1 .video{ position: absolute; left:0; top: 0;width:100%;height:100%; z-index:-1; object-fit: cover;border-radius:20px;}
.shipin1.Active .video{ z-index:6;}


@media screen and (max-width:1600px) {
.list17 .info{  margin-top:0.24rem;
font-size: 16px;
line-height: calc(26px + 0.06rem);
}
.list17 .more{ margin-top:0.4rem;}
.list17 .more a{  width:140px; height:44px;font-size:18px;
}
}
@media screen and (max-width:1440px) {
.list17 .info{  margin-top:0.2rem;
font-size: 15px;
line-height:25px;
}
.list17 .more{ margin-top:0.3rem;}
.list17 .pic{ margin-top:38px;}
}
@media screen and (max-width:1024px) {
.list17{ flex-wrap: wrap;}	
.list17 .pic{ width:100%; min-width:100%; margin-top:25px;}
.list17 ._img{ border-radius:10px;}
.list17 .cont{ width:100%;}
.list17 .info{ margin-top:15px;}
.list17 .more{margin-top:20px;}
.list17 .more a{width:90px;  height: 34px; }
.list17 .paly img{ width:50px; height: 50px;}
.list17 .pause img{ width:50px; height: 50px;}
}




.rongyu{ display: block; width: 100%;overflow: hidden;}
.rongyu .ul{ display: flex; flex-wrap: wrap; width: calc(100% + 0.3rem); margin:-0.15rem; justify-content: center;}
.rongyu .ul .li{ display: flex; flex-wrap: wrap;width:25%; padding:0.15rem;}
.rongyu .ul .la{ display: flex; flex-wrap: wrap; width:100%; align-content: flex-start;}
.rongyu .ul .la ._img{ padding-bottom:134.21%; background: #fff; box-shadow:0 4px 6px rgba(0,0,0,0.17);}
.rongyu .ul .la ._img img{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.rongyu .ul .la:hover ._img img{transform: scale(0.98); -ms-transform: scale(0.98);}
.rongyu .ul .la .p{ display:block;width:100%; text-align: center; color: #fff; font-size:18px; line-height:32px; margin-top:23px; }
.rongyu .ul .la:hover .p{}



@media screen and (max-width:1600px) {
.rongyu .ul .la .p{  font-size:15px; line-height:24px; margin-top:18px; }

}
@media screen and (max-width:1024px) {
.rongyu .ul{width: calc(100% + 14px); margin:0 -7px;}	
.rongyu .ul .li{ padding:10px 7px;}
.rongyu .ul .la .p{font-size:15px; line-height:22px;  margin-top:15px; }
}
@media screen and (max-width:700px) {
.rongyu .ul .li{ width: 50%;}


}



.main9 .list{ display:flex; flex-wrap: wrap; overflow: hidden; margin-top:40px; margin-right:-20px; width:calc(100% + 20px);}
.main9 .list .li::after{ content: ''; position: absolute; left: 0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); display: flex; width:1px; height: 57px; background:#06b16e;}
.main9 .list .li{ width:20%; position: relative; display: flex; flex-wrap: wrap; margin-top:20px; padding:0 20px;} 
.main9 .list .li .tit{  width:100%; color: #333333; font-size:18px; line-height:26px; margin-top: 10px;}
.main9 .list .li .num{ display: inline-flex; align-items: flex-end;}
.main9 .list .li .countup{ color: #06b16e; font-size:0.56rem; line-height:1;}
.main9 .list .li .dw{color: #06b16e; font-size:0.35rem; line-height:0.35rem; margin-left:2px;}


@media  screen and (max-width:1600px){
.main9 .list .li .countup{ font-size:0.48rem;}	
.main9 .list .li .dw{ font-size:0.3rem; line-height:0.3rem;}
.main9 .list .li .tit{ font-size:16px; line-height:24px;}
}	
@media  screen and (max-width:1400px){
.main9 .list .li .countup{ font-size:0.48rem;}	
.main9 .list .li .tit{ font-size:14px; line-height:22px; margin-top: 6px;}
.main9 .list .li{ margin-top:20px; padding:0 16px;} 
.main9 .list{ margin-top:40px; margin-right:-16px; width:calc(100% + 16px);}
}	
@media  screen and (max-width:1024px){
.main9{ padding-top:40px;  padding-bottom:40px;}	
.main9 .list{ margin-top:15px ;}
.main9 .list .li .countup{font-size:26px;}
.main9 .list .li .dw{ font-size:14px; line-height:14px;}
}
@media  screen and (max-width:700px){
.main9 .list .li{  width:48%; padding:0 0 0 20px;}
}

.main9 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main9 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.main9 .box{ width:100%;  position: relative; overflow: hidden; width:calc(100% + 0.3rem); margin:54px -0.15rem 0 -0.15rem; }
.main9 .u2{ width:100%; }
.main9 .u2 .li{ display:block; width:33.33%; padding:0 0.15rem;}
.main9 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative;}
.main9 .u2 .a .tit{ width: 100%; color:#06b16e;font-size:32px; line-height:42px; }
.main9 .u2 .a .info{ width: 100%; color:#fff;font-size:20px; line-height:28px; background: #06b16e; border-radius: 5px;; padding:10px 19px; margin-top: 6px;}
.main9 .u2 .a ._img{ padding-bottom:130.5%; overflow: hidden; border-radius:8px;}
.main9 .u2 .a ._img img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main9 .u2 .a .cont{width: 100%; display:flex; flex-wrap: wrap; margin-top: 26px;}
.main9 .u2 .a:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);} 



.main9 .dowm{width: 100%;  margin-top:0.6rem; padding:0 0.15rem; display: flex; align-items: center; justify-content: flex-end; width: 100%;}
.main9 .swiper-prev,
.main9 .swiper-next{ cursor: pointer; min-width:37px; width:37px; height:37px; display:block; z-index: 10; background: url(img/next.png) center no-repeat rgba(255,255,255,1); background-size:auto 24px !important;  border-radius: 50%; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.main9 .swiper-prev{  margin-left: 48px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main9 .swiper-next{  margin-left: 26px;}
.main9 .swiper-prev:hover,
.main9 .swiper-next:hover{background: url(img/next1.png) center no-repeat #06b16e; }
.main9 .swiper-scrollbar {opacity:1 !important;width:100%;border-radius: 0;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
background: var(--swiper-pagination-progressbar-bg-color, rgba(227,227,227,1));
position: relative;
height: var(--swiper-pagination-progressbar-size,2px);
overflow: hidden;
}
.main9 .swiper-scrollbar-drag{background:#06b16e;
background: var(--swiper-pagination-color, #06b16e);
position: absolute;
left: 0;
top: 0;
width: 100%;
height:2px;
transform: scale(1);border-radius: 0;
transform-origin: left top;
}
.main9 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:2px; background:#06b16e;z-index:1;}


@media screen and (max-width:1600px) {
.main9 .u2 .a .info{ font-size: 18px; line-height: 26px;    padding: 10px 14px;}	
}
@media screen and (max-width:1440px) {
.main9 .u2 .a .info{ font-size: 14px; line-height: 22px;    padding:8px 12px;}	
.main9 .u2 .a .tit{ font-size:28px; line-height:38px; }
}
@media screen and (max-width:1024px) {
.main9 .box{ width:calc(100% + 14px); margin:30px -7px 0 -7px; }	
.main9 .u2 .li{ padding:0 7px;}
.main9 .u2 .a .tit{font-size:16px; line-height:26px;}
.main9 .u2 .a .info{ line-height:22px; margin-top:6px;}
.main9 .u2 .a .cont{ margin-top:14px;}
.main9 .dowm{margin-top: 20px;}
.main9 .swiper-prev,
.main9 .swiper-next{ min-width:28px; width:28px; height:28px; background-size:auto 18px !important; }
}
@media screen and (max-width:767px) {


}



.bg-cc{ background: #06b16e;}
.mian5{display: flex; flex-wrap: wrap; width: 100%; margin-top:50px;}
.mian5 ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:-0.15rem;}
.mian5 ul li{ display: flex; flex-wrap: wrap;width:16.66%; padding:0 0.15rem;}
.mian5 ul .a{ display: flex; flex-wrap: wrap; width: 100%; line-height: 0; overflow: hidden;  /*background: #f5f5f5; border: 1px solid #e6e6e6; border-radius:10px;*/ margin:0.15rem 0;}
.mian5 ul .a ._img{ display: block; padding-bottom:43%;}
.mian5 ul .a ._img img{ object-fit: contain;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
/*.mian5 ul .a:hover{  box-shadow: 0 0 6px rgba(0,0,0,0.17);}
.mian5 ul .a:hover ._img img{transform: scale(0.98); -ms-transform: scale(0.98);}*/

@media screen and (max-width:1024px) {
.mian5{ margin-top:20px;}
.mian5 ul{ width:calc(100% + 12px); margin:0 -6px;}
.mian5 ul li{ width:25%;padding:0 6px;}
.mian5 ul .a{ margin:6px 0;}
}
@media screen and (max-width:700px) {
.mian5 ul li{ width:33.33%;}
}


.nav-list{display:inline-flex; flex-wrap: wrap;}
.nav-list .nav-items{display:inline-flex; flex-wrap: wrap; gap:0 0.38rem;justify-content: center; }
.nav-list .nav-item{display: inline-flex;}
.nav-list .nav-item .nav-link{position: relative;display: inline-flex; align-items: center; justify-content: center; padding:0 0 12px 0; font-size:16px; line-height:26px; color: #333333;}
.nav-list .nav-item .nav-link::after{ display: block; content: ''; position: absolute; left:0; bottom: 0; width:0; height:1px;  background:#06b16e;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.nav-list .nav-item:hover .nav-link { color: #06b16e;}
.nav-list .nav-item.on .nav-link { color: #06b16e;}
.nav-list .nav-item.on .nav-link::after{ width: 100%;}


@media screen and (max-width:1440px) {
.nav-list .nav-items{ gap:0 0.3rem;}
}
@media screen and (max-width:1270px) {
.nav-list .nav-item .nav-link{ font-size:14px; }
}
@media screen and (max-width:1024px) {
.nav-list .nav-items{ flex-wrap: initial; white-space: nowrap; gap:4px 18px;justify-content: flex-start; }	
.nav-list .nav-item .nav-link{font-size:15px; line-height:24px;padding:10px 0;}	
}	
@media screen and (max-width:700px) {
.nav-list{ overflow-x: auto;justify-content: flex-start; padding:0 20px; margin:0 -15px 0 -15px; width: calc(100% + 30px);}	
}	

.main4{ background: #f5f5f5;}
.main4 .box{ display: flex; align-items:center; justify-content: space-between; width: 100%; margin-bottom: 50px;}
.main4 ._Title{ width: auto;}
.main4 .box1{ display: block; width: 100%; position: relative;}
.main4 .sect{ display: block; width: 100%; position: absolute; left: 0; top:0; opacity: 0; z-index: 1;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.main4 .sect.on{ position: relative; opacity: 1; z-index: 6;}


@media screen and (max-width:1024px) {
.main4 .box{ flex-wrap: wrap; margin-bottom: 30px;}
}	

.list07{display:grid; grid-template-columns: repeat(3,1fr);gap:0.3rem; }
.list07 .item{width: 100%;}
.list07 .item .a{border-radius: 10px;overflow: hidden; width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; background: #fff;padding:0.2rem; height: 100%;}
.list07 .cont{padding: 0.4rem 0.2rem 0.28rem 0.2rem;display: flex; flex-wrap: wrap;width: 100%; }
.list07 ._img{padding-bottom: 100%; overflow: hidden;}
.list07 ._img img{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.list07 .tit{font-size:24px;line-height: 32px; color: #333333; width: 100%;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
 -webkit-transition: all 0.5s ease-out 0s; 
 -moz-transition: all 0.5s ease-out 0s; 
 -o-transition: all 0.5s ease-out 0s; 
 transition: all 0.5s ease-out 0s;  
}
.list07 .text{font-size:16px;line-height: 30px; color: #333333; width: 100%; margin-top: 0.18rem;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;;}
 .list07 .item .a:hover{  box-shadow: 0  0 15px rgba(0,0,0,0.1);}
.list07 .item .a:hover ._img img { transform: scale(1.05); -ms-transform: scale(1.05);  }
.list07 .item .a:hover .tit{color: #06b16e;}




@media (max-width:1600px){
.list07 .cont{padding: 0.34rem 0.1rem 0.24rem 0.1rem;}
.list07 .tit{font-size:20px;line-height:28px; }
.list07 .text{ line-height: 26px; margin-top: 0.15rem;}
}
@media (max-width: 1024px){
.list07{display: grid;grid-template-columns: repeat(3,1fr);gap:14px; margin-top: 25px;}
.list07 .item .a{ padding: 10px;}
.list07 .tit{font-size: 17px;line-height: 25px;-webkit-line-clamp:2;}
.list07 .text{font-size: 15px;line-height: 23px;-webkit-line-clamp:3; margin-top:6px;}
.list07 .cont {padding:15px 0 10px 0;}
}

@media (max-width: 700px){
.list07 {grid-template-columns: repeat(2, 1fr);}


}



._Title{ width: 100%; color: #0b0c0f; font-size: 48px; line-height:1;}

@media (max-width:1600px){
._Title{  font-size:41px;}
}
@media (max-width: 1024px){
._Title{  font-size: 24px; line-height:1;}
}

.pt94{ padding-top: 94px;}
.pt100{ padding-top: 100px;}


.pd94{ padding-bottom: 94px;}
.pd100{ padding-bottom: 100px;}
.pd123{ padding-bottom: 123px;}

@media (max-width: 1024px){
.pt94{ padding-top: 30px;}	
.pt100{ padding-top: 35px;}


.pd94{ padding-bottom: 35px;}
.pd100,
.pd123{ padding-bottom:35px;}
}

@font-face {
  font-family: 'Manrope-Regular';
  src: url('Manrope/Manrope-Regular.otf') format('otf');
  src: url('Manrope/Manrope-Regular.woff2') format('woff2');
  src: url('Manrope/Manrope-Regular.eot');
  src: url('Manrope/Manrope-Regular?#iefix') format('embedded-opentype'),
       url('Manrope/Manrope-Regular.ttf') format('truetype'),
       url('Manrope/Manrope-Regular.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope-SemiBold';
  src: url('Manrope/Manrope-SemiBold.otf') format('otf');
  src: url('Manrope/Manrope-SemiBold.woff2') format('woff2');
  src: url('Manrope/Manrope-SemiBold.eot');
  src: url('Manrope/Manrope-SemiBold?#iefix') format('embedded-opentype'),
       url('Manrope/Manrope-SemiBold.ttf') format('truetype'),
       url('Manrope/Manrope-SemiBold.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope-Bold';
  src: url('Manrope/Manrope-Bold.otf') format('otf');
  src: url('Manrope/Manrope-Bold.woff2') format('woff2');
  src: url('Manrope/Manrope-Bold.eot');
  src: url('Manrope/Manrope-Bold?#iefix') format('embedded-opentype'),
       url('Manrope/Manrope-Bold.ttf') format('truetype'),
       url('Manrope/Manrope-Bold.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope-ExtraBold';
  src: url('Manrope/Manrope-ExtraBold.otf') format('otf');
  src: url('Manrope/Manrope-ExtraBold.woff2') format('woff2');
  src: url('Manrope/Manrope-ExtraBold.eot');
  src: url('Manrope/Manrope-ExtraBold?#iefix') format('embedded-opentype'),
       url('Manrope/Manrope-ExtraBold.ttf') format('truetype'),
       url('Manrope/Manrope-ExtraBold.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.footer1 .nav .a1{font-family: 'Manrope-SemiBold';}
._Title,
.main9 .u2 .a .tit{font-family: 'Manrope-Bold';}
.main9 .list .li .countup,
.main9 .list .li .dw{font-family: 'Manrope-ExtraBold';}

._pop{ z-index: 10;}


/*

093e8d

*/