@charset "UTF-8";
html{
  font-size: 6.17vw;
}
@media screen and  (min-width:1620px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1620px; 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:fixed; left:0; top:0; z-index: 20; width:100%;}
.t_navs .top{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1rem; padding:0 20px;}
.t_navs .logo{ line-height: 0;display:block;}
.t_navs .logo a{display:block;}
.t_navs .logo img{ width: auto; height:0.5rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .bts{display: flex; align-items: center; }
.t_navs .bgpt{ display: block; padding:0 14px; border-radius: 0.4rem;line-height:0.4rem; font-size:0.18rem; color: #333; background: #fff; margin:0 22px 0 0.5rem;}
.t_navs .bgpt:hover{ color: #ff6e01;}
.t_navs .my{ display: block; width:0.4rem; height: 0.4rem; background: url(img/ico.png) center no-repeat; background-size:60% auto !important;}
.t_navs .my:hover{ background: url(img/ico.1.png) center no-repeat !important;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.2rem;}
.t_navs .menu .nli span a{ display: block;color: #fff; position: relative;line-height:1rem; font-size:0.18rem; padding:0 7px;}
/* .t_navs .menu .nli.on span a{ color: #ff6e01;} */
.t_navs .menu .nli:hover span a{ color: #ff6e01 !important;}
.t_navs .menu .sub1{ display: none; position: absolute; top:100%; left:50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); z-index:8;}
.t_navs .menu .sub1 .ul{ display:flex; flex-direction: column; background:#fff; border-radius:10px; box-shadow:0 3px 6px rgba(0,0,0,0.1); padding:0.14rem 0 0.21rem 0; width:1.4rem;}
.t_navs .menu .sub1 .li{ display: block; width: 100%;}
.t_navs .menu .sub1 .li a{ display:block; width: 100%; text-align: center; white-space: nowrap; color: #333; line-height:0.32rem; font-size:0.16rem; padding:0 0.2rem;}
.t_navs .menu .sub1 .li a:hover{ color: #ff6e01; }
.t_navs .sub2{ display: none; position: absolute; top:100%; left:0; width: 100%; background:#fff; z-index:8; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.t_navs .sub2 .ul{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:0.5rem 0 1rem 0;}
.t_navs .sub2 .li{ display:flex; flex-wrap: wrap; width:22.22%; border-left:1px solid #dddddd; position: relative; padding:0 25px;}
.t_navs .sub2 .li::after{ display:block; content: ''; position: absolute; top:0; left:-1px; width:5px; height: 0.4rem; background:#333;}
.t_navs .sub2 .li .tit{ display:block; white-space: nowrap; color: #333; line-height:25px; font-size:0.3rem;}
.t_navs .sub2 .li .info{ display:flex; flex-wrap: wrap; width: 100%; justify-content: space-between;margin-top: 0.8rem;}
.t_navs .sub2 .li .p{ display:inline-flex; position: relative; padding-right: 26px; color: #333; line-height:1; font-size:0.2rem; margin-top: 8px;}
.t_navs .sub2 .li .p::after{ display:block; content: ''; position: absolute; top:1px; right: 0; width: 10px; height: 10px; border-top:1px solid #333;  border-right:1px solid #333;}
.t_navs .sub2 .li .p:hover{ color: #ff6e01; }
.t_navs .sub2 .li .p:hover::after{ color: #ff6e01; border-top:1px solid #ff6e01;  border-right:1px solid #ff6e01; }
.t_navs .sub2 .li:hover .tit{ color: #ff6e01; }
.t_navs .sub2 .li:hover::after{ background: #ff6e01; }

.t_navs .sub3{ display: none; position: absolute; top:100%; left:0; width: 100%; height:100vh; background:#fff; z-index:8; box-shadow:0 3px 6px rgba(0,0,0,0.1); overflow-y: auto;}
.t_navs .sub3 .ul{ display:block; width: 100%; position: relative; }
.t_navs .sub3 .ul::after{ background:#e9f0fc; display:block; content: ''; position: absolute; top:0; right:75.3%; width:2000px; height: 100%; z-index: 1; }
.t_navs .sub3 .li2{ display:flex; width:100%; align-items: center; border-bottom:1px solid #cccccc; position: relative; z-index: 6;}
.t_navs .sub3 .li2:last-child{ border-bottom:0;}
.t_navs .sub3 .li2 h5{ display:flex; align-items: center; min-width:24.7%;height:calc(12.5vh - 0.125rem - 1px);  padding:0.15rem 0; }
.t_navs .sub3 .li2 h5 a{ display:flex; align-items: center; width: 100%; white-space: nowrap; color: #333; line-height:0.3rem; font-size:0.18rem; padding:0 0.4rem 0 0;}
.t_navs .sub3 .ul3{  display:flex; width:75.3%; align-items: center; padding-left:0.2rem;}
.t_navs .sub3 .ul3 li{ float: left; width:33.33%; height:calc(12.5vh - 0.125rem - 1px);}
.t_navs .sub3 .ul3 li a{ height:100%; display: flex; align-items: center; float: left; width:100%; color: #333;line-height:0.18rem; font-size:0.18rem; padding:0.15rem 0.15rem;}
.t_navs .sub3 .ul3 li a img{ width:1.24rem; min-width:1.24rem; height:100%; object-fit: contain; margin:0 0.2rem 0 0;}
.t_navs .sub3 .ul3 li a span{ position: relative;height:100%; display: flex; align-items: center;}
.t_navs .sub3 .ul3 li a span::after{ background:#ff6e01; display:block; content: ''; position: absolute; bottom:-1px; margin-bottom: -0.15rem; left:0; width:0; height:1px; z-index: 1; }

.t_navs .sub3 .li2:hover h5 a{ color: #ff6e01; }
.t_navs .sub3 .ul3 li a:hover{ color: #ff6e01; }
.t_navs .sub3 .ul3 li a:hover span::after{ width:100%; }

.t_navs.act{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.t_navs.act .logo .img1{ display: none;}
.t_navs.act .logo .img2{ display: block;}
.t_navs.act .menu .nli span a{ color: #333;}
.t_navs.act .bgpt{ background: #ff6e01;color: #fff; }
.t_navs.act .my{ background: url(img/ico.2.png) center no-repeat;}


@media screen and (max-width:1600px) {
.t_navs .sub2 .li{ width:24.22%; }
}
@media screen and (max-width:1024px) {
.t_navs .top{ height:50px; padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ height:30px;}
.t_navs .bgpt{ padding:0 12px 1px 12px; border-radius:30px;line-height:29px; font-size:14px; margin:0;}
.t_navs .my{ margin:0 8px; background-size:22px auto !important;width:30px; height: 30px;}
}


.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: #fff;
-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: #fff;
-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;}

.t_navs.act .menuph .navbtn,
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #000;}

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

.xialaph{ position: fixed; left: 0; float: left; width: 100%; top:50px; height:calc(100vh - 50px); overflow: scroll; padding:5px 15px 50px 15px; display: none; z-index:15; background:#fff; }
.xialaph::-webkit-scrollbar{ display: none;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:30px; padding:10px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 span,
.xialaph h5 span{display:block; width:50px; height:50px; position:absolute; right:-15px; top:0;}
.xialaph h4 i,
.xialaph h5 i{ float:left; width:50px; height:100%; position:absolute; right:0; top:0; }
.xialaph h4 i::after,
.xialaph h5 i::after{ content: ''; float:left; width:9px; height:9px; position:absolute; right:5px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #ff6e01; border-right:1px solid #ff6e01; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4.active a{ color: #ff6e01;}
.xialaph h5:hover a{ color: #ff6e01;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size:14px; line-height:30px;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ display:none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e5e5e5;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid #e5e5e5;}
.xialaph .ul2{ float: left; width: 100%; padding:0 10px 20px 10px;}
.xialaph .ul3{ float: left; width: 100%; padding:10px 10px;}
.xialaph .ul3 li{ float: left; width:100%;}
.xialaph .ul3 li a{ display: flex; align-items: center; float: left; width:100%; color: #666; font-size:14px; line-height:30px;}
.xialaph .ul3 li a img{ width:auto; max-width: inherit; height:26px; margin-right:10px;}

.pf-right{ display: none; z-index:10; position:fixed; right:0.5rem; bottom:12vh; width:0.5rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ border-radius:50%; background: #fff; display:block; line-height: 0; width:100%; padding:0.05rem;}
.pf-right .li:hover .a{ box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .tel{ display:none; position: absolute; right:100%; top:0; background: #fff; border-radius:0.5rem; color: #000; font-size:0.18rem; line-height:0.5rem; padding:0 0.3rem; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}

@media screen and (max-width:1800px) {
.pf-right{ right:0.1rem;}	
}	
@media screen and (max-width:1024px) {
.pf-right{ bottom:80px; right:5px; width:30px;}
.pf-right .li{ margin-top: 5px;}
.pf-right .li .a{ padding:2px;}
.pf-right .tel{ font-size:14px; border-radius:30px; line-height:30px; padding:0 15px;}
}


.footer1{ position:relative;overflow: hidden; background: #ecf5ff; padding-top:1.1rem; padding-bottom:53px; z-index: 6;}
.footer1 .box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer1 .left{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; margin:0 0 0.5rem 0;}
.footer1 .right{ display: flex; flex-wrap: wrap; }
.footer1 .logo{ display: block; line-height:0;}
.footer1 .logo img{ height:0.5rem;}
.footer1 .nav{ display: flex; flex-direction: column; align-items: flex-start; position: relative; padding:0 0.42rem;}
.footer1 .nav::after{ display: block; content:''; position: absolute; left:0; top:0; width:1px; height:86%; background: #d4dce5;}
.footer1 .nav:last-child::before{ display: block; content:''; position: absolute; right:0; top:0; width:1px; height:86%; background: #d4dce5;}
.footer1 .nav .u2{ display: flex; flex-direction: column; margin-top:0.2rem;}
.footer1 .nav .a1{ display:block; text-transform: uppercase; color: #333; font-size:0.18rem; line-height:1;}
.footer1 .nav .a2{ display:block; color: #333; font-size:0.16rem; line-height:0.26rem; margin-top:0.06rem;}
.footer1 .nav .a2:hover{ color: #ff6e01;}
.footer1 .Copyright{color: #333; font-size:0.14rem; line-height:0.17rem;}
.footer1 .Copyright a{color: #333;}
.footer1 .Copyright a:hover{color: #ff6e01;}
.footer1 .sjkf{color: #333; font-size:0.14rem; line-height:0.17rem;}
.footer1 .sjkf a{color: #333;}
.footer1 .sjkf a:hover{color: #ff6e01;}
.footer1 .nav .i{ display:none;}

@media (max-width: 1600px){
.footer1 .nav{padding:0 0.32rem;}
.footer1 .nav .a2{ font-size:0.15rem; line-height:0.25rem;}
}
@media (max-width: 1024px){
.footer1{ padding-top:35px; padding-bottom:35px;}
.footer1 .left{ width:100%; margin:0; }
.footer1 .logo{ text-align: center; position: absolute; left:50%; top:0; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.footer1 .logo img{height:30px;}
.footer1 .right{ display:block; width: 100%; padding:0 15px;}
.footer1 .Copyright{ width:100%; text-align: center;font-size:13px; line-height:17px; margin-top:20px;}
.footer1 .sjkf{ width:100%; text-align: center;font-size:13px; line-height:17px; margin-top:5px;}
.footer1 .nav{ display: block; width: 100%; margin-top:14px; padding: 0; position: relative;}
.footer1 .nav::after { display: none;}
.footer1 .nav .a1{ font-size:14px; line-height:24px; background: #d4dce5; position: relative; border-radius: 4px; padding:7px 15px;}
.footer1 .nav .u2{ display:none; flex-wrap: wrap; flex-direction: row; width: 100%; margin:0; padding:10px 15px 5px 15px;}
.footer1 .nav .a2{ width:100%; font-size:14px; line-height:24px; margin-top:3px;}
.footer1 .nav .i{ display:block; width:50px; height:38px; position:absolute; right:0; top:0; }
.footer1 .nav .i::after{ content: ''; float:left; width:9px; height:9px; position:absolute; right:15px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.footer1 .box{ flex-wrap: wrap-reverse; position: relative; padding:40px 0 0 0;}

}


.circle-videoContainer{position: fixed;
  left: 50%;
  top: 50%;
  z-index: 22;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 300vh;
  height: 300vh; border-radius:50%;
  /* background-color: #fff; */
  /* clip-path: circle(50% at 50% 50%); */
 transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
   background-size:100% 100% !important;
}
/* .circle-videoContainer::after{ content: '';
position: absolute;
 left: 50%;
 top: 50%;
 z-index: 22;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%); border:3px solid #fff; border-radius:50%;
} */
.circle-videoContainer1{ opacity: 0;
}
.circle-videoContainer2{  opacity: 0; 
}
.circle-videoContainer3{ opacity: 0;
}
.circle-videoContainer4{ opacity: 0;
}
.circle-videoContainer5{ opacity: 0;
}


.circle-videoContainer1.act{ opacity: 1; border:45vh solid #fff;
/* mask: radial-gradient(circle at center, transparent 49%, #fff 49%);	
-webkit-mask: radial-gradient(circle at center, transparent 50%, #fff 49%); */
}
.circle-videoContainer2.act{ opacity: 1; border:80vh solid #fff;
/* mask: radial-gradient(circle at center, transparent 24%, #000 24%);	
-webkit-mask: radial-gradient(circle at center, transparent 26%, #000 26%); */
}
.circle-videoContainer3.act{ opacity: 1; border:120vh solid #fff;
/* mask: radial-gradient(circle at center, transparent 16%, #000 16%);	
-webkit-mask: radial-gradient(circle at center, transparent 16%, #000 16%); */
}
.circle-videoContainer4.act{ opacity: 1; border:130vh solid #fff;
/* mask: radial-gradient(circle at center, transparent 7%, #000 7%);	
-webkit-mask: radial-gradient(circle at center, transparent 7%, #000 7%); */
}
.circle-videoContainer5.act{ opacity: 1; border:150vh solid #fff;
/* mask: radial-gradient(circle at center, transparent 0%, #000 0%);	
-webkit-mask: radial-gradient(circle at center, transparent 0%, #000 0%); */
}



@media screen and (max-width:1024px) {
.circle-videoContainer{ 
 width:2000px;
height: 2000px;
}
.circle-videoContainer1{
mask: radial-gradient(circle at center, transparent 20%, #000 20%);	
-webkit-mask: radial-gradient(circle at center, transparent 20%, #000 20%);
}
.circle-videoContainer2{
mask: radial-gradient(circle at center, transparent 15%, #000 15%);	
-webkit-mask: radial-gradient(circle at center, transparent 15%, #000 15%);
}
.circle-videoContainer3{
mask: radial-gradient(circle at center, transparent 10%, #000 10%);	
-webkit-mask: radial-gradient(circle at center, transparent 10%, #000 10%);
}
.circle-videoContainer4{
mask: radial-gradient(circle at center, transparent 5%, #000 5%);	
-webkit-mask: radial-gradient(circle at center, transparent 5%, #000 5%);
}
.circle-videoContainer5{
mask: radial-gradient(circle at center, transparent 0%, #000 0%);	
-webkit-mask: radial-gradient(circle at center, transparent 0%, #000 0%);
}

}


.h-box{ display: block; width: 100%; height:165vh;}
.h-box .sect{position:sticky; top:0; z-index: 6;}
.h-box .sect.act{z-index: 26;}
.index-banner{ display:block; width: 100%; overflow: hidden; position:relative; top:0; z-index: 6; }
.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 .swiper-slide .pc_show1{width: 100%; height:100vh;}
.index-banner .swiper-slide .ph_show1{width: 100%; height:100vh; object-fit: cover;}
.index-banner .video{ display:block; width: 100%; height:100%; position: absolute; left: 0; bottom:0; z-index: 1; object-fit: cover; }
.index-banner .paly,
.index-banner .pause{ cursor: pointer; position: relative; border-radius:50%; width:0.94rem; padding:0.06rem; border:1px solid #fff; line-height:0; }
.index-banner .paly{ display: block;}
.index-banner .paly.Active{ display:none;}
.index-banner .pause{display:none; }
.index-banner .pause.Active{ display:block;}
.index-banner .box{position: absolute; display: block; width:100%; left:0; top:40.66%; z-index:10; transform:translate(0,-50%); -ms-transform:translate(0,-50%);opacity:0;}
.index-banner .box .tit{ display: block; color: #fff; font-size:0.7rem; line-height:0.9rem; }
.index-banner .box1{position: absolute; display: block; right:0.56rem; top:50%; z-index:10; transform:translate(0,-50%); -ms-transform:translate(0,-50%);opacity:0;}
.index-banner .box1 .p{position: absolute; display: block; right:100%; top:50%; z-index:10; transform:translate(0,-50%); -ms-transform:translate(0,-50%); color: #fff; font-size:0.24rem; line-height:0.34rem; white-space:nowrap; padding-right: 2.07rem;}
.index-banner .box1 .p::after{position: absolute; display: block; right:0.2rem; top:50%; z-index:10; width:1.6rem; height: 2px; background:#849396; content: ''; margin-top: -1px; }
.index-banner .box1 .ico{ opacity:0;}
.index-banner .box1 .t1,
.index-banner .box1 .t2{position: absolute; left:50%; top:100%; z-index:10; transform:translate(-50%,0); -ms-transform:translate(-50%,0) ; white-space:nowrap; color: #fff; font-size:0.2rem; line-height:0.28rem; margin-top:10px; opacity:0;}
.index-banner .box1 .t1{ display: block;}
.index-banner .box1 .t2{ display: none;}
.index-banner.Active .box1 .t1{ display: none;}
.index-banner.Active .box1 .t2{ display: block;}


@media screen and (max-width:1024px) {
.h-box{height:170vh;}
.index-banner .box .tit{ font-size:19px; line-height:1.6; }
.index-banner .paly,
.index-banner .pause{ width:40px; padding:3px;}
.index-banner .box1{right:30px; top:75%;}
.index-banner .box1 .p{ font-size:14px; line-height:24px; padding-right:60px;}
.index-banner .box1 .p::after{ right:10px;  width:40px; }
.index-banner .box1 .t1,
.index-banner .box1 .t2{ font-size:12px; line-height:20px; margin-top:5px; }

}


.main0{ position: absolute; left:0; top:0; z-index:4; width: 100%; display: block; height:100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; }
.main0 .box{ display: inline-flex; align-items: center; justify-content: center; flex-direction: column;}
.main0 .logo{ line-height: 0; display: inline-flex;opacity: 0;
transform: scale(0.6); -ms-transform: scale(0.6);
transition: all 0.5s linear 0.5s;
  -moz-transition: all 0.5s linear 0.5s;
  -webkit-transition: all 0.5s linear 0.5s;
  -o-transition: all 0.5s linear 0.5s; }
.main0 .logo img{ height:1.2rem; max-width: inherit; width: auto;}
.main0 .tit{ line-height:0.36rem; font-size:0.26rem; color: #000000; display: block; text-align: center; margin:0.45rem 0 0.48rem 0;opacity: 0;
transform: scale(0.6); -ms-transform: scale(0.6);
transition: all 0.5s linear 0.5s;
  -moz-transition: all 0.5s linear 0.5s;
  -webkit-transition: all 0.5s linear 0.5s;
  -o-transition: all 0.5s linear 0.5s; }
.main0.act{ z-index: 24;}  
.main0.act .logo{ opacity: 1;transform: scale(1); -ms-transform: scale(1);}
.main0.act .tit{ opacity: 1;transform: scale(1); -ms-transform: scale(1);}

@media screen and (max-width:1024px) {
.main0 .logo img{ height:72px;}
.main0 .tit{ line-height:28px; font-size:18px;margin:20px 0 20px 0;}
}



.h-tit{ display:inline-flex; flex-direction: column; position: relative; padding:0 0 0 0.22rem;}
.h-tit::after{ display: block; content:''; position: absolute; left:0; top:0; width:0.1rem; height:0.6rem; background: #ff6e01;}
.h-tit .EN{ display: inline-flex; text-transform: uppercase; color: #333333; opacity:0.3; font-size:0.3rem; line-height:0.28rem; font-weight: bold; margin-top:0.04rem;}
.h-tit .cn{ display: inline-flex; color: #333333; font-size:0.3rem; line-height:0.28rem;}


@media screen and (max-width:1024px) {
.h-tit{  padding:0 0 0 12px;}
.h-tit::after{ width:3px; height:36px; }
.h-tit .cn{ font-size:18px; line-height:16px;}
.h-tit .EN{ font-size:18px;line-height:16px; margin-top:4px;}
}


.main5{ position: relative; z-index: 6;}
.main5 .tempWrap{ width:100% !important;}
.main5 .down{ margin-top:20px;}
.main5 .bd{ width:100%; }
.main5 .bd ul{ overflow:hidden; zoom:1; display: flex; }
.main5 .bd  ul li{ min-width:4.14rem !important; padding:0 0.17rem; }
.main5 .bd  ul li ._la{ display: block; width:100%; margin-top: 30px;}
.main5 .bd  ul li ._img{ border-radius: 8px; padding-bottom: 36.84%; }


@media screen and (max-width:1024px) {
.main5 .down{ margin-top:13px;}	
.main5 .bd  ul li{ min-width:180px !important; padding:0 6px; }
.main5 .bd  ul li ._la{ margin-top:12px;}
}


.main1{ overflow: hidden; position: relative; z-index: 6; padding-top: 2.3rem; padding-bottom: 2.5rem;}
.main1 .title{  display:block; text-align: center; width: 100%; color: #fff; font-size:0.5rem; line-height:0.6rem; }
.main1 .btn{ display:flex; width: 100%; justify-content: center;  margin-top: 0.9rem;}
.main1 .btn .a{ display:flex; padding:0 calc(20px + 0.2rem);background:#ff6e01; border-radius: 4px; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(30px + 0.1rem); }
.main1 .btn .a:hover{background:#004ab3;}
.main1 .video1{ display:block; width: 100%; height:100%; position: absolute; left: 0; bottom:0; z-index: 1; object-fit: cover; }

@media screen and (max-width:767px) {
.main1{ padding-top:4.6rem; padding-bottom:5rem;}	
.main1 .title{ font-size:20px; line-height:30px;  }
.main1 .btn{  margin-top:1.8rem;}
}


.main8{ overflow: hidden; position: relative; padding-top:0.92rem; padding-bottom:0.6rem;}
.main8 .title{  display:block; width: 100%; color: #000; font-size:0.46rem; line-height:0.56rem; }
.main8 .btn{ display:flex; width: 100%;  margin-top: 0.22rem;}
.main8 .btn .a{ display:flex; padding:0 calc(20px + 0.2rem);background:#004ab3; border-radius: 4px; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(30px + 0.1rem); }
.main8 .btn .a:hover{background:#ff6e01;}

@media screen and (max-width:767px) {
.main8{ padding-top:30px; padding-bottom:5px;}	
.main8 .title{ text-align: center; font-size:18px; line-height:28px;  }
.main8 .btn{ justify-content: center;  margin-top:15px;}
}

.modular2 { display: flex; flex-wrap: wrap; width:calc(100% + 14px);
    margin:0 -7px; padding-top: 15px;
}

.modular2 .item {
    width:33.33%;
    padding:0 7px; margin-top:15px;
    display: flex; flex-wrap: wrap;
}
.modular2 .item ._la{ position: relative;border-radius: 10px; overflow: hidden;
    width:100%;}
.modular2 .item .div{
    width:100%;
    display: flex; flex-wrap: wrap;
    position: relative; height: 100%; align-content: flex-start;
    background: #fff;
    z-index: 2;
}

.modular2 .item ._img{ padding-bottom:6rem;}
.modular2 .item .cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1; height:1.2rem;
    padding:0  0.6rem  0.43rem  0.3rem; 
}
.modular2 .item .line{
 display: block; width: 100%;
    border-top: 1px solid #bbbbbb;
}
.modular2 .item .tit1{ margin-top:0.18rem;color: #fff;
    font-size: 0.24rem;
    line-height:0.29rem; width: 100%;
}
.modular2 .item.li1 time{color: #fff; display: block;
    font-size:16px;
    line-height:22px; width: 100%;
}
.modular2 .item .div{ padding:0 0.4rem 0.1rem 0.3rem; align-content: center;border-radius: 10px; overflow: hidden;
}
.modular2 .item.li2 ._la{ border-top: 1px solid #cccccc;padding:0.27rem 0 0.19rem 0;  border-radius: 0;}
.modular2 .item.li2 ._la:first-child{ border-top:0;}
.modular2 .item .tit {
  color: #333;
       font-size: 0.24rem;
       line-height:0.29rem; width: 100%;
}
.modular2 .item.li2 time{color: #333; display: block;
    font-size:16px; margin-top:0.1rem;
    line-height:22px; width: 100%;
}
.li2 ._la:hover time{ color:#ff6e01;}


@media screen and (max-width:1024px) {
.modular2 .item{width: 50%;}	
.modular2 .item:last-child{width: 100%;}	
.modular2 .item ._img{ padding-bottom: 113.2%;}
.modular2 .item .div{ padding:8px 15px;}
.modular2 .item.li2 ._la{ padding:15px 0;}
.modular2 .item.li1 time{
    font-size:14px;
    line-height:20px;}
.modular2 .item .cont{ padding:0 15px; height:85px;}	
.modular2 .item .tit1{ font-size:16px; margin-top:10px;
    line-height:22px;}	
.modular2 .item .tit { font-size:16px;
    line-height:22px;}	
.modular2 .item.li2 time{ margin-top: 4px;
    font-size:14px;
    line-height:20px;}	
}
@media screen and (max-width:767px) {
/* .modular2 .item{width: 100%;} */
}


.about1{ padding-top: 2.5rem;padding-bottom:1.5rem; overflow: hidden; }
.about1 .box{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; position: relative; min-height:6rem;}
.about1 .left{  display:block; width:39.4%;}
.about1 .right{ display:block; width:39.4%; padding:0.43rem 0.4rem 0 0; position: relative;}
/* .about1 .right::after{ display:block;  position: absolute; right: 0; top:0; z-index: 2;width:1.2rem; height:2rem; content: '';background: url(img/ico3.png) center no-repeat;background-size: 100% auto !important;} */
.about1 .pic1{ width:37%;  line-height: 0; display: block; position: absolute; left:22.83%; bottom:-1.5rem; z-index: 1;}
.about1 .pic{ width:72.1%;  line-height: 0; display: block; margin-top:1.5rem; }
.about1 .pic img{ width:100%;}
.about1 .info{ text-align: justify; width:100%; color:#eeeeee;font-size:0.18rem; line-height:0.32rem;}


@media screen and (max-width:1024px) {
.about1{ padding:90px 20px 50px 20px;min-height:inherit;}	
.about1 .box{ min-height:inherit;}
.about1 .left{width: 100%;}
.about1 .right{ width: 100%; margin-top:30px; padding:5px 0 0 0; }	
.about1 .info{ font-size:14px; line-height: 26px;}
.about1 .pic{ width:220px; margin-top:30px;}
.about1 .pic1{ width:145px; left:auto; right:-10px; bottom:auto; top:-10px;}
}


.about2{ padding-top: 2.5rem;padding-bottom:1.5rem; overflow: hidden; min-height:10rem;}
.about2 .box{ width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; }
.about2 .left{  display:flex; flex-wrap:wrap;  width:25%; align-content:space-between;}
.about2 .right{ display:block; width:74%; }
.about2 .info{ width:100%; color:#fff;font-size:0.18rem; line-height:0.33rem;}
.about2 .tit1{ text-align: justify; width:100%; color:#fff;font-size:0.18rem; line-height:0.26rem; font-weight: bold; margin-top: 10px;}
.about2 .tit{ text-align: justify; width:100%; color:#fff;font-size:0.3rem; line-height:0.36rem; font-weight: bold; padding-bottom: 13px;}

@media screen and (max-width:1024px) {
.about2{ padding:90px 20px 50px 20px; min-height:inherit;}	
.about2 .left{width: 100%;}
.about2 .left .info{ margin-top:30px;}
.about2 .right{ width: 100%; margin-top:30px; }	
.about2 .info{ font-size:14px; line-height: 26px;}
.about2 .tit1{font-size:14px; line-height: 26px; margin-top: 10px;}
.about2 .tit{ font-size:18px; line-height:28px; padding-bottom: 13px;}

}


.about3{ padding-top: 2.5rem;padding-bottom:1.5rem; overflow: hidden; min-height:10rem;}
.about3 .box{ width: 100%; display: block; margin-top:1.1rem; overflow: hidden;  }
.about3 .box .ul{ display:flex; flex-wrap:wrap; width:calc(100% + 1rem); margin:0 -0.5rem; }
.about3 .box .li{ display:flex; flex-wrap:wrap; width:50%; padding:0 0.5rem; margin-top:20px; border-left: 1px solid rgba(255,255,255,0.3); }
.about3 .box .info{ width:100%; color:#fff;font-size:0.2rem; line-height:0.36rem;}
.about3 .box .tit{ text-align: justify; width:100%; color:#fff;font-size:0.3rem; line-height:0.36rem; font-weight: bold; padding-bottom: 0.3rem;}

@media screen and (max-width:1800px) {
.about3 .box .ul{ width:calc(100% + 0.8rem); margin:0 -0.4rem; }	
.about3 .box .li{ padding:0 0.4rem;}
}
@media screen and (max-width:1024px) {
.about3{ padding:90px 20px 40px 20px; min-height:inherit;}	
.about3 .box{ margin-top:30px; }	
.about3 .box .ul{ width:100%; margin:-5px 0; }
.about3 .box .li{ width: 100%; padding:20px 0; margin-top:0; border-top: 1px solid rgba(255,255,255,0.3);  border-left:0;}
.about3 .box .info{ font-size:14px; line-height: 26px;}
.about3 .box .tit{ font-size:18px; line-height:28px; padding-bottom:13px;}
}



.inbaner{ width:100%; overflow: hidden;}
.inbaner .banbox{ display: block; width: 100%; position: absolute; left: 0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inbaner .box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.inbaner .title{ display: flex; font-weight: bold; color: #fff; font-weight: bold; line-height:0.5rem; font-size:0.4rem;}
@media screen and (max-width:1024px) {
.inbaner .title{ line-height:30px; font-size:20px;}
}



.newsDet{ position: relative; overflow: hidden;width: 100%; }
.newsDet .box{ display: block; width: 100%; text-align: center; position: relative; padding:0.95rem 0 0.38rem 0;}
.newsDet .box::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f4f4f4; margin-left:-2000px;}
.newsDet .title{ display: block; width: 100%; color: #000;font-size:0.4rem; line-height:0.5rem;}
.newsDet .time{ display: block; width: 100%; color: #333;font-size:16px; line-height:26px; margin-top: 0.52rem;}
.newsDet .cont{ display: block; width: 100%; color: #525252;font-size:0.2rem; line-height:0.36rem; padding:0.63rem 0 1.47rem 0;}
.newsDet .page{ display: block; width: 100%; position: relative; padding:30px 0 40px 0;}
.newsDet .page::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f4f4f4; margin-left:-2000px;}
.newsDet .page span{ display: block; white-space: nowrap; color: #555555; margin-right: 0.7rem;}
.newsDet .page a{ display:flex; width: 100%; color: #555555;font-size:0.2rem; line-height:0.36rem; padding:0.12rem 0; }
.newsDet .page a font{ width: 100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsDet .page a:hover{color:#ff6e01; }


@media screen and (max-width:1024px) {
.newsDet .box{ padding:30px 0 25px 0;}	
.newsDet .title{ font-size:18px; line-height:28px;}	
.newsDet .time{ font-size:14px; line-height:24px; margin-top:8px;}
.newsDet .cont{ font-size:14px; line-height:26px; padding:30px 0 40px 0;}
.newsDet .page{ padding:25px 0 25px 0;}
.newsDet .page a{font-size:14px; line-height:26px; }
}


.nexslist { display: block; width: 100%;}
.nexslist .u1{ display: block; width: 100%;}
.nexslist .u1 .li{ display: block; width: 100%; margin-bottom: 0.5rem; }
.nexslist .u1 .a{ width: 100%; display: flex; align-items:flex-start; background: #fff; }
.nexslist .u1 .a .pic{ min-width:5rem;}
.nexslist .u1 .a ._img{ padding-bottom:56%;}
.nexslist .u1 .a .info{ width: 100%; padding:0.37rem 0.52rem;}
.nexslist .u1 .a .tit{ width: 100%; color: #333;font-size:0.3rem; line-height: 0.36rem;}
.nexslist .u1 .a .p{ width: 100%; color:#999;font-size:0.2rem; line-height:0.28rem; margin-top: 0.26rem;}

@media screen and (max-width:1024px) {
.nexslist .u1 .li{ margin-bottom:15px;}	
.nexslist .u1 .a .info{ padding:18px 15px;}
.nexslist .u1 .a .tit{font-size:16px; line-height:24px; }
.nexslist .u1 .a .p{font-size:14px; line-height:22px; margin-top:8px;} 
.nexslist .u1 .a .pic{ min-width:290px;}
}
@media screen and (max-width:767px) {
.nexslist .u1 .a{ flex-wrap: wrap;}
.nexslist .u1 .a .pic{ min-width:100%;width:100%;}
}


.wack1 .pz_fy{ display:flex; flex-wrap: wrap; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:8px; width:0.5rem; height:0.5rem; background:#fff; line-height:0.48rem; color:#888888; text-align: center; font-size:18px; margin:0 10px 0 0;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#ff6e01; color: #fff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:0.7rem;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.16rem; height:0.16rem; border-top:2px solid #010101; border-right:2px solid #010101; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#888888;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#ff6e01;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1{ margin-top:20px;}	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.prod2 .li{ width: 100%;}
.prod2 .box{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; }
.prod2 .left{  display:flex; flex-wrap:wrap;  width:50%; margin-top: 0.1rem;}
.prod2 .right{ display:block; width:42.36%; }
.prod2 .info{ width:100%; color:#333;font-size:0.2rem; line-height:0.4rem; margin-top: 0.43rem;}
.prod2 .pic{display:block; width:100%; line-height: 0;}
.prod2 .title{ width:100%; color:#333;font-size:0.4rem; line-height:0.5rem; font-weight: bold; margin-bottom: 0.43rem;}
.prod2 .li:nth-child(2n){ background:#f4f4f4;}


@media screen and (max-width:1024px) {
.prod2 .left{width: 100%; margin-top:0;}
.prod2 .right{ width: 100%; padding:0 10%; margin-top:30px; }	
.prod2 .info{font-size:14px; line-height:26px; margin-top:16px;}
.prod2 .title{font-size:18px; line-height:28px; margin-bottom:16px;}
}

.prod1 .box{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; }
.prod1 .left{  display:flex; flex-wrap:wrap;  width:49.38%; margin-top: 0.1rem;}
.prod1 .right{ display:block; width:35.18%; }
.prod1 .info{ width:100%; color:#333;font-size:0.2rem; line-height:0.4rem; margin-top: 0.43rem;}
.prod1 .pic{display:block; width:100%; line-height: 0;}


@media screen and (max-width:1024px) {
.prod1 .left{width: 100%; margin-top:0;}
.prod1 .right{ width: 100%; padding:0 10%; margin-top:30px; }	
.prod1 .info{font-size:14px; line-height:26px; margin-top:20px;}
}

.pord5{ padding-top: 60px; padding-bottom: 50px;}
.pord5 .table{ display:block; width:100%; background:#eeeeee; margin-top: 30px;}
.pord5 .table table{ width:100%; text-align:center; color: #333; font-size:0.18rem; line-height:0.33rem;}
.pord5 .table table th{ border:1px solid #f4f4f4; background:#bbbbbb; padding:0.08rem;}
.pord5 .table table td{ padding:0.08rem; border:1px solid #f4f4f4;}
.pord5 .table table tr:nth-child(2n){ background:#dddddd;}

@media  screen and (max-width: 1024px){
.pord5{ padding-top:35px; padding-bottom: 35px;}	
.pord5 .table{ margin-top:22px;}
.pord5 .table table{font-size:14px; line-height:24px; }
.pord5 .table table th{ padding:5px;}
.pord5 .table table td{ padding:5px;}
.pord5 .table{ overflow-x: auto;}
.pord5 .table table{ width:1100px;}
}



.advant .box{ display: flex; width:100%; flex-direction: row-reverse; margin-top: 40px;}
.advant .box:first-child{ margin-top:0 !important;}
.advant .box .pic{ display:block; line-height:0; overflow: hidden; width:51.1%;}
.advant .box ._img{ padding-bottom:53.85%;border-radius:10px;}
.advant .box .cont{ position: relative; z-index: 6; display:flex; flex-wrap: wrap; background:#fff; width:calc(48.9% + 0.95rem); border-radius:10px; align-content: space-between; margin-top: 0.3rem; margin-bottom:0.3rem; margin-right:-0.95rem; padding:0.46rem 0.44rem 0.46rem 0.44rem; }
.advant .box .tit{ display:block; width:100%;font-family: 'MiSans-Semibold'; font-weight: bold; color: #333; font-size:0.3rem; line-height:0.4rem;}
.advant .box .p{ display:block;  width:100%; color: #666; font-size:0.18rem; line-height:0.36rem; margin-top:0.22rem;}
.advant .box .num{ display:block; width:100%;font-family: 'MiSans-Semibold'; font-weight: bold; color: #1c43cc; font-size:24px; line-height:32px; margin-top:6px;}
.advant .box:hover .cont{ background:url(img/ab7.jpg) center bottom no-repeat #1c43cc; background-size:cover; }
.advant .box:hover .tit{color: #fff; }
.advant .box:hover .p{color: #fff; }
.advant .box:hover .num{color: #fff; }

.advant .box:nth-child(2n){flex-direction: row;}
.advant .box:nth-child(2n) .cont{margin-right:0;margin-left:-0.95rem;}


@media screen and (max-width:1600px) {
.advant .box .cont{ margin-top: 0.3rem; margin-bottom:0.3rem; padding:0.36rem 0.4rem; }	
.advant .box .p{font-size:0.16rem; line-height:0.3rem; margin-top:0.18rem;}
}
@media screen and (max-width:1024px) {
.advant .box{ flex-wrap: wrap; margin-top:20px;}
.advant .box .pic{ width:100%; margin:0; }
.advant .box ._img{border-radius:10px 10px 0 0;}
.advant .box .cont{ width:100%; margin:0 !important; padding:20px 15px;border-radius:0 0 10px 10px;  }
.advant .box .tit{ font-size:18px; line-height:28px; }	
.advant .box .p{ font-size:14px; line-height:24px; margin-top:6px;}
}



.advant1 .li{ width: 100%;}
.advant1 .box{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; }
.advant1 .left{  display:flex; flex-wrap:wrap; position: sticky; top:1.6rem; z-index: 6;  width:35.2%;}
.advant1 .right{ display:block; width:53.7%; }
.advant1 .info{ width:100%; color:#333;font-size:0.18rem; line-height:0.26rem; margin-top:9px;padding: 0 0 0 0.22rem;}
.advant1 .pic{display:block; width:100%; line-height: 0; text-align: center;}


@media screen and (max-width:1024px) {
.advant1{ padding-bottom: 45px;}	
.advant1 .left{width: 100%; position: static;}
.advant1 .right{ width: 100%; padding:0 10%; margin-top:30px; }	
.advant1 .info{font-size:14px; line-height:22px;  padding:0 0 0 12px;}

}





._list2{ display: block; width: 100%;}
._list2 .ul{ display: flex; flex-wrap: wrap; width: calc( 100% + 0.8rem); margin:-0.34rem -0.4rem;}
._list2 .ul .box{ display: flex; flex-wrap: wrap; width: 33.33%; padding:0.34rem 0.4rem;}
._list2 .ul .box .a{ display: flex; flex-wrap: wrap; width: 100%;}
._list2 .ul .box .a .pic{ display: block; width: 100%; line-height: 0; padding-bottom:56.25%; position: relative; overflow: hidden; border-radius:8px;}
._list2 .ul .box .a .pic img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: contain;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
._list2 .ul .box .a:hover .pic img{transform: scale(1.1); -ms-transform: scale(1.1);}
._list2 .ul .box .a .tit{ width: 100%; font-size:0.24rem; line-height:0.34rem; color: #333333; margin-top:16px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._list2 .ul .box .a .addr{ display:flex; align-items: center; width: 100%; font-size:16px; line-height:26px; color: #999999; margin-top:6px;}
._list2 .ul .box .a .addr img{ width:20px; height:20px; margin-right: 2px;}
._list2 .ul .box .a:hover .tit{ color:#ff6e01}


@media screen and (max-width:1024px) {
._list2 .ul{ width: calc( 100% + 14px); margin:-10px -7px;}
._list2 .ul .box{ padding:10px 7px;}	
._list2 .ul .box .a .tit{ font-size:16px; line-height: 26px; margin-top:12px;}
._list2 .ul .box .a .addr{ font-size:14px; line-height: 24px;}
}
@media screen and (max-width:768px) {
._list2 .ul .box{ width: 50%;}	
._list2 .ul .box .a .tit{-webkit-line-clamp: 2;}
}


._list1{display: block; width: 100%;}
._list1 .li{display: block; width: 100%; background:#dddddd; border:1px solid #f4f4f4; border-bottom:0;}
._list1 .li:last-child{ border-bottom:1px solid #f4f4f4;}
._list1 .li:nth-child(2n){ background:#eeeeee;}
._list1 .li .a{display: block; width: 100%; font-size:0.18rem; line-height:0.33rem; color: #333333; padding:8px 22px;}

@media screen and (max-width:1024px) {
._list1 .li .a{ font-size:14px; line-height: 24px; padding:8px 15px;}
}



.fuwu1{ padding-bottom:64px;}
.fuwu1 .box{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; }
.fuwu1 .left{  display:block;  width:26%;}
.fuwu1 .right{ display:block; width:73.95%; }
.fuwu1 .info{ width:100%; color:#525252;font-size:0.18rem; line-height:0.33rem;}

@media screen and (max-width:1024px) {
.fuwu1{ padding-bottom:40px;}	
.fuwu1 .left{width: 100%;}
.fuwu1 .right{ width: 100%; margin-top:20px; }	
.fuwu1 .info{font-size:14px; line-height:26px; }
}


.fuwu4{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; }
.fuwu4 .left{  display:block;  width:26%;}
.fuwu4 .right{ display:block; width:49%; }
.fuwu4 .info{ width:100%; color:#333;font-size:0.2rem; line-height:0.32rem;}


@media screen and (max-width:1024px) {
.fuwu4 .left{width: 100%;}
.fuwu4 .right{ width: 100%; margin-top:20px; }	
.fuwu4 .info{font-size:14px; line-height:26px; }
}



.box01{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; }
.box01 .left{  display:inline-flex;}
.box01 .right{ display:inline-flex; flex-direction: column; }
.box01 .right .p{ display:inline-flex; text-align: right; color: #525252; font-size:0.18rem; line-height:0.26rem; margin-bottom:21px; }
.box01 .more{ display: inline-flex; align-items:center; padding:0 19px; border-radius:10px;line-height:1; height:0.52rem; font-size:0.18rem; color: #333; border:1px solid #cccccc;}
.box01 .more:hover{ background: #ff6e01;  border:1px solid #ff6e01; color: #fff;}
@media screen and (max-width:1024px) {
.box01 .right .p{ text-align: left; font-size:14px; line-height: 22px; margin:15px 0 0 0;}	
.box01 .right .p br{ display: none;}
.box01 .more{padding:0 14px; border-radius:5px; height:32px; font-size:14px;}
}
@media screen and (max-width:767px) {
}

._btn{ display: inline-flex;justify-content: flex-end;}
._btn .swiper-prev,
._btn .swiper-next{ display:flex; width:0.5rem; height:0.5rem; background: url(img/ico5.png) center no-repeat; background-size:auto 100% !important; cursor: pointer; border-radius:50%; border:1px solid #999999; margin-left:10px;}
._btn .swiper-prev:hover,
._btn .swiper-next:hover{ background: url(img/ico6.png) center no-repeat; background-color: #ff6e01; border:1px solid #ff6e01;}
._btn .swiper-prev{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}

@media screen and (max-width:1024px) {
._btn .swiper-prev,
._btn .swiper-next{ width:30px; height:30px; }

}

.rongyu{ display:  flex; flex-wrap: wrap;/* overflow: hidden; */ width:calc(100% + 0.42rem);  margin:0.6rem -0.21rem 0 -0.21rem;}
.rongyu .ul{display:  flex; flex-wrap: wrap; width:100%; margin:-0.22rem 0;}
.rongyu .ul .li{display: flex; flex-wrap: wrap; align-content: flex-start; width: 20%;padding:0 0.21rem;}
.rongyu .ul .li ._img{ padding-bottom: 134.48%; cursor: pointer; border-radius: 8px;}
.rongyu .ul .li ._img img{object-fit: contain;}
.rongyu .ul .li .p{ display:block; text-align: center; width:100%; text-align: center; color: #333; font-size:0.2rem; line-height:0.3rem; margin-top:0.16rem;}
.rongyu .ul .cover:hover .p{ color: #ff6e01;}
.rongyu .ul .cover{ margin:0.22rem 0;}
.rongyu .slick-arrow{ display:flex; width:0.5rem; height:0.5rem; top:auto;bottom: 100%; background: url(img/ico5.png) center no-repeat; background-size:auto 100% !important; cursor: pointer; border-radius:50%; border:1px solid #999999; -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);}
.rongyu .slick-arrow::after {display:none; }
.rongyu .slick-arrow:hover{ background: url(img/ico6.png) center no-repeat; background-color: #ff6e01; border:1px solid #ff6e01;}
.rongyu .slick-prev{ left: auto; right:0.72rem; -webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);margin-right:10px;}
.rongyu .slick-next{ right:0.22rem;}
.rongyu1{width:100%;margin:0.45rem 0 0 0; }
.rongyu1 .ul{display:  block;}
.rongyu1 .slick-arrow{ margin-bottom:0.6rem}
.rongyu2{ width:100%;margin:1.02rem 0 0 0;}
.rongyu2 .ul{display:  block;}
.rongyu2 .slick-arrow{ margin-bottom:0.18rem;}

@media  screen and (max-width:1024px){
.rongyu{width:calc(100% + 14px);margin:25px -7px 0 -7px; }
.rongyu .ul .li{ width: 33.33%; padding:0 7px; }
.rongyu .ul .li .p{ font-size:14px; line-height:24px; margin-top:12px;}
.rongyu .ul{ margin:-7px 0;}
.rongyu .ul .cover{ margin:7px 0;}
.rongyu .slick-arrow{ width:30px; height:30px; margin-bottom:76px; }
.rongyu .slick-prev{ left: auto; right:37px; }
.rongyu .slick-next{ right:7px;}
.rongyu1{width:100%;margin:25px 0 0 0; }
.rongyu1 .slick-arrow{ margin-bottom:39px}
.rongyu2{ width:100%;margin:25px 0 0 0;}
.rongyu2 .slick-arrow{ margin-bottom:76px;}
}
@media  screen and (max-width:767px){
.rongyu .ul .li{ width:50%;}
.rongyu2 .slick-arrow{margin-bottom: 98px;}
}




.fuwu3{ display: block; width: 100%;}
.fuwu3 .ul{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; width:calc(100% + 0.32rem); margin:0 -0.16rem;}
.fuwu3 .ul .box{ display: flex; flex-wrap: wrap; width:25%; padding:0 0.16rem; margin-top:30px;}
.fuwu3 .ul .box .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; padding:0.4rem 0.42rem 0.87rem 0.42rem;align-content: flex-start;
}
.fuwu3 .ul .box .a::after{ content: ''; display: block; content: ''; position: absolute; left:0; top:0; border-radius: 10px; width:100%; background:#fff; opacity:0.5;height:75%; }
.fuwu3 .ul .box .ico{ position: relative; z-index: 6; display: block; line-height:0; width:100%;}
.fuwu3 .ul .box .ico .img{ display: block; width:0.57rem; height:0.57rem;}
.fuwu3 .ul .box .t1{ position: relative; z-index: 6; width: 100%; font-size: 0.24rem; line-height:0.34rem; color: #333; margin-top:16px}
.fuwu3 .ul .box .t2{ position: relative; z-index: 6; width: 100%; font-size: 0.18rem; line-height:0.28rem; color: #777; margin-top: 5px;}
.fuwu3 .ul .box .p1{ position: relative; z-index: 6; width: 100%; font-size: 0.18rem; line-height:0.26rem; color: #999; width:100%; margin-top:14px; opacity:0; }
/* .fuwu3 .ul .box .a:hover::after{ opacity:1; height:100%; }
.fuwu3 .ul .box .a:hover .p1{ opacity:1;} */

@media screen and (max-width:1024px) {
.fuwu3 .ul{  width:calc(100% + 14px); margin:0 -7px;}	
.fuwu3 .ul .box{ padding:0 7px; margin-top:20px;}	
.fuwu3 .ul .box .a{ padding:25px 15px;}
.fuwu3 .ul .box .a::after{ height:100%;}
.fuwu3 .ul .box .ico .img{ width:36px; height:36px;}
.fuwu3 .ul .box .p1{ font-size:14px; line-height:22px; opacity:1; margin-top:8px; display:none;  }
.fuwu3 .ul .box .t2{ font-size:14px; line-height:24px; margin-top: 0;}
.fuwu3 .ul .box .t1{ font-size:16px; line-height:26px;margin-top:8px; }
}
@media screen and (max-width:768px) {
.fuwu3 .ul .box{ width:50%;}

}

.fwbox2{ position: relative;}
.fwbox2::after{ content: ''; display: block; content: ''; position: absolute; left:0; top:0; width:100%; background:#f7f7f7; height:50%; }
.fuwu2{ display: block; width: 100%;}
.fuwu2 .ul{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; width:calc(100% + 0.32rem); margin:-0.16rem;}
.fuwu2 .ul .box{ display: flex; flex-wrap: wrap; width:25%; padding:0.16rem;}
.fuwu2 .ul .box .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; align-content: flex-start; border-radius: 10px; padding:0.4rem 0.42rem 0.46rem 0.42rem; background:url(img/main32.jpg) center no-repeat; background-size:100% 100% !important; }
.fuwu2 .ul .box .ico{display: block; line-height:0; width:100%; text-align: center;}
.fuwu2 .ul .box .ico .img{ display: block; margin:0 auto; width:0.57rem; height:0.57rem;}
.fuwu2 .ul .box .t1{ width: 100%; font-size: 0.24rem; line-height:0.34rem; color: #333; margin-top:16px; text-align: center;}
.fuwu2 .ul .box .p1{ width: 100%; font-size: 0.18rem; line-height:0.26rem; color: #777; width:100%; margin-top:5px;}
/* .fuwu2 .ul .box .a:hover{ background:#ff6e01;}
.fuwu2 .ul .box .a:hover .t1{ color: #fff;}
.fuwu2 .ul .box .a:hover .p1{ color: #fff;} */

@media screen and (max-width:1024px) {
.fuwu2 .ul{  width:calc(100% + 14px); margin:-7px;}	
.fuwu2 .ul .box{ padding:7px;}	
.fuwu2 .ul .box .a{ padding:25px 15px;}
.fuwu2 .ul .box .ico .img{ width:36px; height:36px;}
.fuwu2 .ul .box .p1{ font-size:14px; line-height:24px; }
.fuwu2 .ul .box .t1{ font-size:16px; line-height:26px;margin-top:10px; }
}

@media screen and (max-width:768px) {
.fuwu2 .ul .box{ width:50%;}
.fwbox2::after{ height:25%;}
}



._list1{ display: block; width: 100%; margin-top:-10px;}
._list1 .ul{ display: flex; flex-wrap: wrap; width: calc( 100% + 20px); margin:0 -10px;}
._list1 .ul .box{ display: flex; flex-wrap: wrap; width: 33.33%; padding:0 10px; margin-top:50px;}
._list1 .ul .box .a{ display: flex; flex-wrap: wrap; width: 100%;}
._list1 .ul .box .a .pic{ display: block; width: 100%; line-height: 0; padding-bottom:71.69%; position: relative; overflow: hidden; background:#dddddd; border-radius:10px;}
._list1 .ul .box .a .pic img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: contain;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
._list1 .ul .box .a:hover .pic img{transform: scale(1.1); -ms-transform: scale(1.1);}
._list1 .ul .box .a .tit{ width: 100%; font-size:0.24rem; line-height:0.34rem; color: #333333; margin-top:0.26rem; text-align: center; }
._list1 .ul .box .a:hover .tit{ color:#ff6e01}


@media screen and (max-width:1024px) {
._list1{ margin-top:0;}	
._list1 .ul{ width: calc( 100% + 14px); margin:0 -7px;}
._list1 .ul .box{ padding:0 7px; margin-top:20px;}	
._list1 .ul .box .a .tit{ text-align: left; font-size:16px; line-height: 26px; margin-top:12px;}
}
@media screen and (max-width:768px) {
._list1 .ul .box{ width: 50%;}	

}


.fuwu5 .img{ line-height: 0; display: block; width: 100%; overflow: hidden; border-radius:10px; margin-top: 30px;}
.fuwu5 .box{ width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:65px; }
.fuwu5 .left{ display:flex; align-items: flex-start; width:69.38%; border-right:1px solid #dddddd;}
.fuwu5 .left .pic{  display:block; line-height:0; min-width:1.14rem; width:1.14rem; margin-top:0.06rem;}
.fuwu5 .left .info{ width:100%; color:#999999;font-size:0.2rem; line-height:0.32rem; padding:0 1.1rem;}
.fuwu5 .right{ display:flex; align-items:center;  width:25.67%; }
.fuwu5 .right .pic{  display:block; line-height:0; min-width:1.5rem; width:1.5rem; }
.fuwu5 .right .info{ width:100%; color:#aaaaaa;font-size:0.18rem; line-height:0.22rem; padding:0 0 0 0.4rem;}

@media screen and (max-width:1024px) {
.fuwu5 .img{ margin-top: 20px;}	
.fuwu5 .box{ margin-top:25px; }
.fuwu5 .left{width: 100%; border-right:0; border-bottom:1px solid #dddddd;}
.fuwu5 .left .pic{ min-width:70px;width:70px; margin-top: 6px;}
.fuwu5 .left .info{font-size:14px; line-height:26px; padding:0 0 25px 15px; }
.fuwu5 .right{ width: 100%; margin-top:20px; }	
.fuwu5 .right .pic{ min-width:110px;width:110px;}
.fuwu5 .right .info{font-size:14px; line-height:18px; padding:0 0 0 15px; }
}




.about4{ width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between;  }
.about4 .title{  display:block; width:100%; line-height:1; color:#525252;font-size:0.3rem; font-weight: bold;}
.about4 .left{ display:block; width:25%;}
.about4 .left .title{ margin-top: 0.7rem;}
.about4 .left .info{ width:100%; opacity:0.3; color:#333333;font-size:14px; line-height:20px; margin-top:20px;}
.about4 .right{ display:block;  width:73.76%; }
.about4 .right .info{ width:100%; color:#525252;font-size:0.18rem; line-height:0.32rem; margin-top: 22px;}
.about4 .cont{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-top: 20px;}
.about4 .cont .box{ display: flex;width: 26.36%; flex-direction: column; padding:0 0 0 0.3rem; border-left: 1px solid #bbbbbb; margin-top:28px;} 
.about4 .cont .box:last-child{width: 20.92%;}
.about4 .cont .box ._flex{display: flex; align-items: flex-end;}
.about4 .cont .box:nth-child(3) ._flex,
.about4 .cont .box:nth-child(4) ._flex{ align-items: flex-start;}
.about4 .cont .box .num{ font-size:0.56rem; line-height:0.44rem;color: #ff6c00; font-weight: bold;}
.about4 .cont .box .p2{ font-size: 16px; line-height:2.2; margin-left:0.1rem; color: #ff6c00; font-weight: bold;}
.about4 .cont .box .p3{ font-size:16px; line-height:22px; color: #555555; margin-top:0.14rem;}


@media screen and (max-width:1024px) {
.about4 .title{ font-size:18px;}	
.about4 .left{ width: 100%; }	
.about4 .left .info{ margin-top:10px;}
.about4 .right{ width: 100%; margin-top:25px; }	
.about4 .right .info{font-size:14px; line-height:26px;}
.about4 .cont{ padding-top: 0;}
.about4 .cont .box{ padding:0 0 0 15px; margin-top:25px;} 
.about4 .cont .box .num{ font-size:26px; line-height:24px;}
.about4 .cont .box .p2{ font-size: 14px ; line-height: 24px;margin-left: 6px;}
.about4 .cont .box .p3{font-size:14px; line-height:20px; margin-top: 5px;}

}
@media screen and (max-width:768px) {
.about4 .cont .box{width: 48%;}
.about4 .cont .box:last-child{width: 48%;}
}


.about5 .sect{ display: block; width: 100%; margin-top:70px; }
.about5 .ul{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; width:calc(100% + 30px); margin:0 -15px;}
.about5 .ul .box{ display: flex; flex-wrap: wrap; width:33.33%; padding:10px 15px;}
.about5 .ul .box .a{ display: flex; flex-wrap: wrap; width:100%; border-radius: 10px; background:url(img/main37.jpg) center no-repeat; overflow: hidden; background-size:100% 100%; padding:0.48rem 0.52rem 0.62rem 1.6rem; align-content:flex-start; position: relative;}
.about5 .ul .box .ico{ display:block; line-height: 0; position: absolute; left:0.6rem; top:0.52rem; z-index: 6; width:0.53rem;}
.about5 .ul .box .img{ display: block; min-width:0.5rem; width:0.5rem; height:0.5rem; margin-right: 0.1rem;}
.about5 .ul .box .t1{  width: 100%; font-size: 0.3rem; line-height:0.4rem; color: #333333}
.about5 .ul .box .t2{  width: 100%; font-size: 0.2rem; line-height:0.28rem; color: #333333; margin-top:3px; opacity:0.3;}
.about5 .ul .box .p1{  width: 100%; font-size: 0.2rem; line-height:0.3rem; color: #333333; margin-top: 0.38rem; }
.about5 .ul .box .a:hover{ background:#ff6e01;}
.about5 .ul .box .a:hover .t1{ color:#fff;}
.about5 .ul .box .a:hover .t2{ color:#fff;}
.about5 .ul .box .a:hover .p1{ color:#fff;}
.about6{display: block; width: 100%; padding-top:20px;}

@media screen and (max-width:1024px) {
.about5 .sect{ margin-top:15px;}	
.about5 .ul{ width:calc(100% + 14px); margin:0 -7px;}
.about5 .ul .box{ padding:10px 7px;}
.about5 .ul .box .a{ padding:20px 20px 20px 75px;}
.about5 .ul .box .ico{ width:36px; left:20px; top:20px;}
.about5 .ul .box .t1{ font-size:18px; line-height:26px; }
.about5 .ul .box .t2{ font-size:15px; line-height:23px; margin-top:0; }
.about5 .ul .box .p1{ font-size:15px; line-height:23px;margin-top:6px; }
.about6{ padding-top:5px;}
}

@media screen and (max-width:768px) {
.about5 .ul .box{ width:100%;}
.about5{ background-position:62% 0 !important;}
}



.rongyu3{ display:  flex; flex-wrap: wrap; width:calc(100% + 0.14rem);  margin:0.4rem -0.07rem 0 -0.07rem;}
.rongyu3 .ul{ width:100%; display: block;margin:-0.38rem 0;}
.rongyu3 .ul .li{ display: flex; flex-wrap: wrap; align-content: flex-start; width: 33.33%;padding:0.38rem 0.27rem;}
.rongyu3 .ul .li ._img{ padding-bottom:58.6%; cursor: pointer; box-shadow:0 0 0.12rem rgba(0,0,0,0.5);}
.rongyu3 .ul .li ._img img{object-fit: contain;}
.rongyu3 .ul .li .p{ display:block; text-align: center; width:100%; text-align: center; color: #333; font-size:0.24rem; line-height:0.29rem; min-height:0.54rem; margin-top:0.28rem;}
.rongyu3 .ul .li:hover .p{ color: #ff6e01;}
.rongyu3 .slick-arrow{ display:flex; width:0.5rem; height:0.5rem; top:auto;bottom: 100%; margin-bottom:0.12rem; background: url(img/ico5.png) center no-repeat; background-size:auto 100% !important; cursor: pointer; border-radius:50%; border:1px solid #999999; -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);}
.rongyu3 .slick-arrow::after {display:none; }
.rongyu3 .slick-arrow:hover{ background: url(img/ico6.png) center no-repeat; background-color: #ff6e01; border:1px solid #ff6e01;}
.rongyu3 .slick-prev{ left: auto; right:0.57rem; -webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);margin-right:10px;}
.rongyu3 .slick-next{ right:0.07rem;}

@media  screen and (max-width:1024px){
.rongyu3{ width:calc(100% + 14px);margin:20px -7px 0 -7px; }
.rongyu3 .ul{margin:-10px 0;}
.rongyu3 .ul .li{ padding:10px 7px; }
.rongyu3 .ul .li ._img{ box-shadow:0 0 6px rgba(0,0,0,0.3);}
.rongyu3 .ul .li .p{ font-size:14px; line-height:18px; min-height:36px; margin-top:14px;}
.rongyu3 .slick-arrow{ width:30px; height:30px; margin-bottom:18px; }
.rongyu3 .slick-prev{ left: auto; right:37px; }
.rongyu3 .slick-next{ right:7px;}

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






.history { display: flex; flex-wrap: wrap; width: 100%; background: #fff; margin-top: 40px; border-radius:10px; overflow: hidden; padding:22px 11%; position: relative;
}
.history::after {
	content: '';
	position: absolute;
	width:50%;
	height: 100%;
	left:0; top:0;
	background: url(img/main56.jpg) left center repeat-y;
	 background-size:100% 100%; 
	z-index: 1;
}
.history .sect{ display: block; position: relative; width: 100%;}
.history .line{ display:flex; align-items: center; justify-content: flex-end;
	position: absolute;
	width:100%;
	height: 0.16rem; border-radius:6px;
	left:0;
	z-index:2; margin:0.05rem 0;
}
.history .line .i{ position: relative; min-width:0.16rem; display: flex;background: #ff6e01; margin-right:8px;
	height: 0.16rem; border-radius:50%;}
.history .line .i.w100{width:100%;border-radius:6px;}
.history .line .i:last-child::after{ display: block; width:0.14rem; display: flex;height: 0.14rem; border-radius:50%; border:2px solid #fff; content: '';  left:50%; top:50%; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}	
.history .line2 .i{ background:#0b5da7;}	

.history .line::after{
	content: '';
	position: absolute;
	width:0.1rem;
	height:0.14rem; border-radius:6px; border:2px solid #fff;
	left:0.01rem;top:0.01rem;
	z-index: 7;
}
.history .line1{ bottom:50%;}
.history .line2{ top:50%;}
.history .box{width: 100%;  display: block;}
.history .box .slick-track{display: flex;height:6.06rem;}
.history .box .slick-slide{ align-content: space-between;display: flex; flex-wrap: wrap;}
.history .box .slick-slide>div{width:100%;  height:43%;}
.history .container {display: flex; flex-wrap: wrap;
	padding:0 0 0 0.09rem;
	position: relative;z-index: 6;
	width: 14.3%;height: 100%;
}
.history .container:nth-child(1),
.history .container:nth-child(2){ margin-left:2%;}
.history .container:nth-child(5),
.history .container:nth-child(6){ width:19.4%;}
.history .container:nth-child(7),
.history .container:nth-child(8){ margin-left:1%;}
.history .container:nth-child(11),
.history .container:nth-child(12){ width:20.4%;}
.history .container::after {
	content: '';
	position: absolute;
	width:0.09rem;
	height: 0.09rem;
	left:0.05rem;
	background-color:#7d7d7d;
	border-radius: 50%;
	z-index: 1;
}
.history .container.left::after {
	top: 0;
}
.history .container.right{ align-items: flex-end;/* margin-top:0.86rem; */}
.history .container.right::after{
	bottom: 0;
}
.history .content { width:100%;height: 100%;
	padding:0.25rem 0 0.25rem 0.1rem;
	position: relative;
 border-left: 1px solid #7c7c7c;
}

.history .year {position: relative; display: block; width:100%;margin-top:0.1rem;
	font-weight: bold;
	font-size:0.28rem; line-height:1; padding-bottom:0.08rem;
	color: #ff6e01;
}
.history .year::after {
	content: '';
	position: absolute;
	width:8px;
	height: 2px;
	left:0;bottom: 0;
	background-color:#ff6e01;
	z-index: 1;
}
.history .event { display: block; width:100%; color: #666;margin-top:0.07rem;
	font-size:0.1rem;
	line-height:1.5;
}
.history .container:hover .event{color: #ff6e01;}
.history .img {display: block; width:100%; height:1.2rem; position: relative; line-height: 0;}
.history .img img{ max-width:1.6rem; max-height:100%; object-fit: contain;}
.history .container.left .img{ height:1rem;}
.history .slick-arrow{}
.history .slick-prev{ left:-80px;}
.history .slick-arrow{ right:-80px;}

@media screen and (max-width:1600px) {
.history{ padding: 22px 7%;}
.history .slick-prev{ left:-55px;}
.history .slick-arrow{ right:-55px;}
}
@media screen and (max-width:1440px) {
.history{ padding: 22px 6%;}
}
@media screen and (max-width:1024px) {
.history{ overflow: hidden; margin-top: 22px; padding:15px 25px;}
.history .year {margin-top:8px;font-size:18px; padding-bottom:8px;}
.history .content{padding:15px 5px 15px 10px;}
.history .event{ font-size:11px; margin-top: 8px;}
.history .event br{ display:none;}
/* .history .box{ height:9rem;} */
.history .box .slick-track{height:9rem;}
.history .line{ height:6px; margin:4px 0;}
.history .line::after { width:4px; height:4px; left:1px; top: 1px;}
.history .container.right .event{ min-height:50px;}
.history .slick-prev{ left:-28px;}
.history .slick-arrow{ right:-28px;}
}
@media screen and (max-width:767px) {
.history .box .slick-track{height:19rem;}	
.history .line{ height:6px; margin:2px 0;}
.history .line::after { width:4px; height:4px; left:1px; top: 1px;}	
.history .line .i{ min-width:6px; margin-right:6px;
	height: 6px; }
.history .line .i.w100{width:100%;border-radius:4px;}
.history .line .i:last-child::after{ width:4px;height:4px; }	
.history .container::after {
	width:7px;
	height:7px;
	left:0;
}
.history .img {height:3rem;}
.history .img img{ max-width:4.8rem;}
.history .container.left .img{ height:3rem;}

}


@keyframes animate-mark {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0.1rem, 0);
    }
}


.advant2{ display: block; width:100%;  overflow: hidden; position: relative; z-index: 8;}
.advant2 .bg { display: block;
	position: absolute;
	width:100%;
	height: 100%;
	left:0;top: 0;
	z-index: 1;
}
.advant2 .bg .ico{ display: block;
	position: absolute; opacity: 0;
	width:100%;
	height: 100%;
	left:0;top: 0;
	z-index: 1;
  transition: all 1s; -ms-transition: all 1s;
}
.advant2 .bg .ico.on{ opacity: 1; z-index: 6;}
.advant2 .box{  position: relative; display: block; width:100%; }
.advant2 .list{ display: block; width:100%; padding:0 2.96%; }
.advant2 .ul{ display: flex; width:100%; border-left:1px solid rgba(255,255,255,0.5); position: relative; }
.advant2 .ul .li::after,
.advant2 .ul .li::before{ display:block; content: ''; position: absolute; width:1px; background:rgba(237,108,0,0.9); z-index: 6;transition: height 1s; -ms-transition: height 1s; }
.advant2 .ul .li:nth-child(2n)::after,
.advant2 .ul .li:nth-child(2n)::before{ background:rgba(0,78,162,0.9);}
.advant2 .ul .li::after{ top:0; left:-1px; height:0;}
.advant2 .ul .li::before{ bottom:0; right:-1px; height:33.33%;}
.advant2 .ul .li.on::after{ height:33.33%;}
.advant2 .ul .li.on::before{ height:0;}
.advant2 .ul::before{ bottom:0; right:0;}
.advant2 .ul .li{ display: flex; flex-wrap: wrap; align-content: flex-start; width:21.66%; border-right:1px solid rgba(255,255,255,0.3); height:9rem; padding:2.4rem 0.75rem 1rem 0.75rem; position: relative; justify-content: center; position: relative;transition: width 1s;
  -ms-transition: width 1s; overflow: hidden; }
.advant2 .ul .li .la{display: flex; flex-wrap: wrap;flex-direction: column; align-content: center; align-items: center; justify-content: center; width:100%;}
.advant2 .ul .li .ico{ display: block; position: absolute; opacity:0;
	width:100%;
	height: 100%;
	left:0;top: 0;
	z-index: 1;}
.advant2 .ul .li .tit{ position: relative; z-index: 6; display:inline-flex;color: #fff; font-size:0.5rem; line-height:0.6rem;width:0.7rem; justify-content: center; fon }
.advant2 .ul .li .tit::after,
.advant2 .ul .li .tit::before{ display:block; content: ''; position: absolute; width: 10px; height: 10px; }
.advant2 .ul .li .tit::after{ top:0; left: 0;border-top:1px solid #fff;  border-left:1px solid #fff;}
.advant2 .ul .li .tit::before{ bottom:0; right: 0;border-bottom:1px solid #fff;  border-right:1px solid #fff;}
.advant2 .ul .li .p0{ position: relative; z-index: 6; text-align: center; width:0.7rem; color: #fff; font-size:0.3rem; line-height:0.44rem; padding:0 0.15rem; margin:0.21rem 0 0 0;}
.advant2 .ul .li .p1{ display:block; position: relative; z-index: 6; width:100%; color: #fff; font-size:0.18rem; line-height:0.33rem; margin-top:0.98rem;}
.advant2 .ul .li .info{ position: relative; z-index: 6; display:flex; flex-wrap: wrap; justify-content:space-between; width: 100%; margin-top: 0.31rem;}
.advant2 .ul .li .p{ display:inline-flex; position: relative; padding:0.11rem 0.26rem 0.11rem 0; color: #fff; line-height:0.34rem; font-size:0.24rem;}
.advant2 .ul .li .p:last-child{ margin-right: 8%;}
.advant2 .ul .li .p::after{ display:block; content: ''; position: absolute; top:45%; right: 0; width: 10px; height: 10px; border-top:1px solid #fff;  border-right:1px solid #fff;  animation: animate-mark 2s infinite ease;}
.advant2 .ul .li .p::before{ display:block; content: ''; position: absolute; bottom:0; left: 0; width: calc(100% - 26px) ; height:1px; background:#fff;}

.advant2 .ul .li .p:hover{ color:rgba(0,78,162,0.9); }
.advant2 .ul .li .p:hover::after{ color: rgba(0,78,162,0.9); border-top:1px solid rgba(0,78,162,0.9);  border-right:1px solid rgba(0,78,162,0.9); }
.advant2 .ul .li .p:hover::before{ background: rgba(0,78,162,0.9); }
.advant2 .ul .li:nth-child(2n) .p:hover{ color: #ff6e01; }
.advant2 .ul .li:nth-child(2n) .p:hover::after{ color: #ff6e01; border-top:1px solid #ff6e01;  border-right:1px solid #ff6e01; }
.advant2 .ul .li:nth-child(2n) .p:hover::before{ background: #ff6e01; }





.advant2 .ul .li .down{min-width:3.82rem; width:3.82rem; overflow: hidden;}
.advant2 .ul .li .p1{transform: translate(-101%, 0);  transition: all 1s;}  
.advant2 .ul .li .info{transform: translate(-101%, 0);  transition: all 1s;}  

.advant2 .ul .li .black{ display: block; width:100%; height: 100%; position: absolute; left: 0; top:0; z-index:2;}
.advant2 .ul .li .black::after{ display:block; content: ''; position: absolute; width:5.5rem; height:100%; background:rgba(237,108,0,0.9);transform: translate(-101%, 0);  transition: all 1s;}
.advant2 .ul .li:nth-child(2n) .black::after{ background:rgba(0,78,162,0.9);}



.advant2 .ul .li.on{width:35.02%; }
.advant2 .ul .li.on .black::after{transform: translate(0, 0);}
.advant2 .ul .li.on .p1{transform: translate(0, 0);}
.advant2 .ul .li.on .info{transform: translate(0, 0);}
.advant2 .ul .li.on .black{transform: translate(0, 0);}



@media screen and (max-width:1600px) {
.advant2 .list{padding:0; }
}
@media screen and (max-width:1024px) {
.advant2 .ul .li{ padding:45px 20px;}
.advant2 .ul .li .tit{ width:40px; font-size:20px; line-height:32px; }
.advant2 .ul .li .tit::after,
.advant2 .ul .li .tit::before{ width: 7px; height: 7px; }
.advant2 .ul .li .p0{ width:40px; font-size:16px; line-height:26px;padding:0 5px; margin:12px 0 0 0; }
.advant2 .ul .li .p1{ font-size:14px; line-height:26px; margin-top:20px;}
.advant2 .ul .li .info{ margin-top:10px;}
.advant2 .ul .li .p{ font-size:14px; line-height:18px; padding:8px 16px 8px 0; }
.advant2 .ul .li .p::after{ top:42%; width: 7px; height:7px;}
.advant2 .ul .li .down{min-width:4.4rem; width:4.4rem;}
.advant2 .ul .li .black::after{ width:6rem; }
.advant2 .ul .li .p1,
.advant2 .ul .li .info,
.advant2 .ul .li .black::after{
    transition: all 0.5s;
}
}
@media screen and (max-width:767px) {
.advant2 .box{ padding:0;}	
.advant2 .bg{ display: none;}	
.advant2 .ul{flex-wrap: wrap;border-left:0;}	
.advant2 .ul .li{min-width:100%;  height:auto;border-right:0;padding:0;}
.advant2 .ul .li::after{ width:0; height:1px;}
.advant2 .ul .li.on::after{ width:33.33%; height:1px;}
.advant2 .ul .li .la{ padding:45px 20px;}
.advant2 .ul::before{ height:1px; width:33.33%; }
.advant2 .ul .li .down{min-width:100%; width:100%; height:0;}
.advant2 .ul .li .black{ background: rgba(0,0,0,0.3);}
.advant2 .ul .li .black::after{ width:770px; }
.advant2 .ul .li .info{ justify-content: flex-start;}
.advant2 .ul .li .p:first-child{ margin-right:8%;}
.advant2 .ul .li .ico{ opacity:1;}
.advant2 .ul .li.on{width:100%;}
.advant2 .ul .li.on .down{ height:auto;}
.advant2 .ul .li.on .black{ background:none;}
} 



.advant3{ padding-top:50px; padding-bottom: 50px; position: relative; z-index: 8; overflow: hidden; }
.advant3 .box{ display:flex; flex-wrap: wrap;justify-content: space-between; width:100%;}
.advant3 .left{ display:block; align-items: flex-start;  width:30.92%; border-radius: 10px; background:rgba(0,0,0,0.3); padding:0.4rem 0.5rem 0.49rem 0.5rem; }
.advant3 .right{ display: block; align-items: flex-start; width:49.38%; position: relative; margin:0.75rem 6.91% 0 0;}
.advant3 .sect{ display: block; width:100%; }
.advant3 .sect .img{ display: block; width:100%; line-height:0; position: absolute; left: 0; bottom:-0.48rem; z-index: 1; }
.advant3 .sect .img img{ width:100%; position: relative; z-index: 6;}
.advant3 .sect .a{position: relative; z-index: 6; display: block; text-align:center; width:97.25%; color: #333; font-weight: bold; font-size:0.4rem; line-height: 0.5rem; }
.advant3 .sect .info{position: relative; z-index: 6; display: flex; justify-content:center; width:97.25%; margin-top: 0.42rem; }
.advant3 .sect .info .p{ display:inline-flex; position: relative; margin:0 24px; padding-right: 18px; color: #333; line-height:0.3rem; font-size:0.2rem;}
.advant3 .sect .info .p::before{ display:block; content: ''; position: absolute; top:40%; right: 0; width: 10px; height: 10px; border-top:1px solid #ff6e01;  border-right:1px solid #ff6e01;}
.advant3 .sect .info .p:hover{ color: #ff6e01; }

.advant3 .list{ display: block; width:100%; padding-top: 0.1rem; }
.advant3 .list .ul{ display: block; width:100%; }
.advant3 .list .ul .li{ display: block; width:100%; margin-top: 0.1rem; }
.advant3 .list .ul .li .a{ display: block; width:100%; color: #fff; line-height:0.3rem; font-size:0.2rem; border-radius: 10px; border:1px solid #ff6e01; padding:0.19rem 0.31rem; }
.advant3 .list .ul .li.on .a{border:1px solid rgba(255,255,255,0); background:rgba(255,255,255,0.5); color: #ff6e01; }



@media screen and (max-width:1024px) {
.advant3{ padding-top:35px; padding-bottom: 0;}
.advant3 .list{ padding-top: 10px; overflow-x: auto; }
.advant3 .list .ul{ display: flex; white-space: nowrap;}
.advant3 .list .ul .li{ margin-right:10px; margin-top: 10px;}
.advant3 .list .ul .li .a{ line-height:24px; font-size:14px;  padding:7px 14px; }
.advant3 .left{ width:100%; padding:20px 15px 20px 15px;}
.advant3 .right{ width:100%; margin:30px 0 0 0;}
.advant3 .sect .a{  width:97.25%; font-size:18px; line-height:28px; }
.advant3 .sect .info{margin-top:10px; }
.advant3 .sect .info .p{ margin:0 12px; font-size:14px; line-height:24px; padding-right: 14px; }
.advant3 .sect .info .p::before{ width:7px; height:7px;}
.advant3 .sect .img{ margin:0; padding:0 12%; position: static; }

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

}


.gc_case{ display: flex; flex-wrap: wrap; width: 100%; }
.gc_case .hd{ display: flex; flex-wrap: wrap; width:100%; justify-content: center; margin-bottom:0.6rem;}
.gc_case .hd ul{ display: flex;}
.gc_case .hd ul li{ display: flex; cursor: pointer;font-size: 0.24rem;
  line-height:0.34rem;
  color: #fff; margin:0 0.3rem;
}
.gc_case .hd ul li.on{ color:#ff6e01;}


@media screen and (max-width:1024px) {
.gc_case .hd{ width:100%; position: static; top:0; margin-bottom: 20px;}
.gc_case .hd ul li{font-size:16px; line-height:26px;  margin:0 8px;}
}



.data-scroll{float: left; width: 100%;}
.boxes{ float: left; width: 100%;}

html.has-scroll-smooth {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


._la:hover .tit{ color:#ff6e01;}





/*250625end*/







.pagecon .newsDet .cont{ padding:0.63rem 0 63rem 0;}

@media screen and (max-width:1024px) {
.pagecon .newsDet .cont{ padding:30px 0;}
}




/*251216start*/
.mainBox1 .rongyu{ margin-left:0 !important; margin-right:0 !important;}
.mainBox1  .rongyu  .ul{ margin:0 !important;}
.mainBox  .rongyu{ margin-left:0 !important; margin-right:0 !important;}
.mainBox  .rongyu  .ul{ margin:0 !important;}
.rongyu  .seamless-scroll-wrapper { flex-wrap: initial; width: auto;
will-change: transform;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.rongyu .seamless-scroll-wrapper .li{ min-width:20%;}	
@media screen and (max-width:1024px) {
.rongyu .seamless-scroll-wrapper .li{ min-width:33.33vw;}	
}
@media screen and (max-width:767px) {
.rongyu .seamless-scroll-wrapper .li{ min-width:50vw;}	
}		
		
._list2 .ul .box .a{  align-content: flex-start;}		
._list2 .ul .box .a .pic{  object-fit: cover;}		


@media screen and (max-width:1024px) {
.index-banner .video{ display:none;}
}

.btn_paly{ display:none; position: fixed; left:50%; top:50%; z-index:1000; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:40px; height:40px;}
.btn_paly img{ width:100%;}


@media screen and (max-width:1024px) {
.btn_paly{ display:block;}
.h-box .sect{  z-index: 30;}
}

._pimg {
width: 100%;
overflow: hidden;
}

._pimg ._div {
position: relative;
overflow:hidden;
}

._pimg ._img {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
._pop{ background:rgba(0,0,0,0.6); float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; display:none;}
._pop video{ width:100%;}
._col{ float:left; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); text-align:center; cursor:pointer; position:absolute; right:-40px; top:0; width:40px; height:40px; color:#fff; line-height:30px; font-size:50px;}
._htm{ float:left; width:880px; font-size:14px; line-height:26px; color:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._html_con{ float:left; width:100%;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:80vh;
}
._html_con::-webkit-scrollbar {
 width:3px
}
._html_con::-webkit-scrollbar-track
{
background-color:#fff;
 border-radius:3px
}
 
._html_con::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#ff6e01;
 border-radius:3px
}



@media  screen and (max-width: 767px){
._col{ right:-5px; top:-30px; width:30px; height:30px; color:#fff; line-height:20px; font-size:36px;}
._htm{width:90%;}
	
}



.rongyu .ul .li:hover .cover.p{ color: #fff;}
.rongyu .ul .li .cover:hover .p{ color: #ff6e01;}
		
/*251216end*/