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


html {
  scrollbar-width: thin;
  scrollbar-color: #2d808b #e7e8e9;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#e7e8e9;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#e7e8e9;border-radius:8px;
}	



.max-width{max-width:1580px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}




.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%; background:#f3f3f3; border-bottom:1px solid #dfdfdf;  }
.t_navs.bct{ transform: translateY(-100%); -ms-transform: translateY(-100%);box-shadow:none !important;}
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.41rem;}
.t_navs .lang{ display: flex; position: relative; margin:0 0 0 0.32rem;}
.t_navs .lang .a{ position: relative; display:flex; align-items: center; color:#666666; font-size:0.16rem; line-height:0.4rem;}
.t_navs .lang .a:hover{ color:#236770;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left; margin:0 0 0 0.32rem;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.16rem;}
.t_navs .menu .nli span a{ display:flex; align-items: center; position: relative;line-height:0.8rem; font-size:16px;color: #171717; font-weight: 400; padding-right: 22px; }
.t_navs .menu .nli span a i{ display:flex; height:12px; width:12px; background: url(img/ino1.png) center no-repeat; background-size:12px auto; position: absolute; right: 0; top:50%; margin-top: -4px; }
.t_navs .menu .nli:hover span a{color: #236770;}
.t_navs .menu .nli:hover span a i{ background: url(img/ino2.png) center no-repeat; background-size:12px auto; }
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10; margin-top:-3px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub .u1{ display: flex; flex-direction: column; white-space: nowrap; padding:5px 0 0 0; background:#fff; border-top:3px solid #236770;}
.t_navs .sub .u1 .l1{ display: block; width:100%;border-bottom:1px solid #e7e7e7;}
.t_navs .sub .u1 .l1:last-child{border-bottom:0;}
.t_navs .sub .u1 .l1 a{ display: block; text-align: center; width:100%; color: #666; line-height:0.3rem; font-size:0.16rem; padding:0.1rem 0.28rem; position: relative;}
.t_navs .sub .u1 .l1:hover>a{color: #236770;}
.t_navs .sub .u1 .l1 a font{ display:none; position: absolute; right:-16px; top:50%; margin-top: -7px; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-right: 8px solid #fff; }
.t_navs .sub2{ display:none; position: absolute; top:0; left:100%; z-index: 10; padding:3px 0 0 16px;}
.t_navs .sub .u1 .l1:hover .sub2{ display:block;}
.t_navs .sub .u1 .l1:hover a font{ display:block;}
.t_navs .sub2 .u2{ display: flex; flex-direction: column; white-space: nowrap; padding:5px 0.28rem 0.18rem 0.28rem; background:#fff;}
.t_navs .sub2 .u2 .l2{ display: block; width:100%;}
.t_navs .sub2 .u2 .l2 a{ display: block; width:100%; color: #666; line-height:0.3rem; font-size:0.16rem; padding:0.1rem 0;border-bottom:1px solid #e7e7e7; }
.t_navs .sub2 .u2 .l2 a:hover{color: #236770;border-bottom:1px solid #236770;}



.t_navs .ss_search{float: left; display:flex;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.8rem; width:40px; background: url(img/_search.png) center no-repeat; background-size:20px auto;}
.t_navs .ss_search ._t:hover{ background: url(img/_search1.png) center no-repeat; background-size:20px auto;}
.t_navs ._b{width: 100%;height: 120px;background: #f3f3f3;box-shadow:3px 3px 3px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.8rem; margin-top:1px; display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border:1px solid #dfdfdf; border-radius: 4px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height:48px;display: block; border-radius:0;background:none; border:0; font-size: 14px; line-height:26px; padding:10px 24px; color: #171717;}
.t_navs ._b .input input::placeholder{color:#666666; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; min-width:60px;height: 48px;background: url(img/_search.png) center no-repeat; background-size:20px auto !important;}
.t_navs ._b .input .img:hover{background: url(img/_search1.png) center no-repeat; background-size:20px auto !important;}





@media screen and (max-width:1600px) {
.t_navs .menu .nli{margin: 0 0.6rem 0 0;}
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{margin: 0 0.45rem 0 0;}
}
@media screen and (max-width:1024px) {
.t_navs .top{height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:30px;}
/* .t_navs .ss_search{ display:none;} */
.t_navs .lang{ margin:0 16px 0 5px;}
.t_navs .lang .a{ height: 50px; font-size:14px;}
.t_navs .ss_search ._t{ height:40px;}
.t_navs ._b{top:50px;height: 80px;}
.t_navs ._b .input{width: 92%;}
.t_navs ._b .input input{height:40px; padding:7px 14px; }
.t_navs ._b .input .img{ min-width:50px;height: 40px;}
}



.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: #171717;
-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: #171717;
-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 #e7e7e7;}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{color: #171717; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ color: #236770;}
.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:4px;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 #236770;  border-right:1px solid #236770;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #666666;line-height:24px;}
.xialaph .active .a2{ color:#236770;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #666666;line-height:24px;}
.xialaph .input_box{width: 100%;margin-top:25px;position: relative; display: none; overflow: hidden; border-radius:4px;background: #f3f3f3;
  border: 1px solid #e7e7e7;}
.xialaph .input_box input{width: 100%;height:40px;display: block; background:none; border: 0; font-size: 14px; line-height:24px; padding:8px 14px; color: #171717;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box .img{ display: block; cursor: pointer; border: 0; width:56px;height: 40px;background: url(img/_search.png) center no-repeat; background-size:20px auto !important;}


.footer1{ background:#1e565d;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; align-items: center; justify-content:space-between; padding:0.32rem 0;}
.footer1 .left{ display:inline-flex; align-items: flex-start; justify-content: space-between; width:46%; }
.footer1 .right{ display:inline-flex; flex-wrap: wrap; width:46.2%; align-items: flex-start;}
.footer1 .Copyright{ display:inline-flex; flex-wrap: wrap; color: #7da5aa;
font-size: 14px;
font-weight: 400;
line-height: 24px;}
.footer1 .Copyright a{color: #7da5aa; margin-left:14px;}
.footer1 .Copyright a:hover{color: #fff;}
.footer1 .map{ display:inline-flex; flex-wrap: wrap;color: #7da5aa; margin-top: 2px;
font-size: 14px;
font-weight: 400;
line-height: 20px;}
.footer1 .map i{ display:flex; width: 1px; height: 12px; background:#7da5aa; margin:4px 7px 0 7px;}
.footer1 .map a{ display:flex;color: #7da5aa;}
.footer1 .map a:hover{color: #fff;}
.footer1 .map .links{ cursor: pointer; position: relative;}
.footer1 .map .links span{display: block; width: 100%; position: relative; padding-right: 24px;}
.footer1 .map .links span::after{ display: block; content:''; position: absolute; right: 2px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); border-left:4px solid transparent; border-right:4px solid transparent;border-top:5px solid #fff; }
.footer1 .map .links span.active{ color: #fff;}
.footer1 .map .links span.active::after{  transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); }
.footer1 .map .donw{ display: none; width: 160px; position: absolute; right: 0; bottom:100%; margin-bottom:24px; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 264px; box-shadow:0 0 5px rgba(0,0,0,0.15); border-radius:10px 10px 0 0;}
.footer1 .map .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:1px 5px; text-align:center; }
.footer1 .map .donw a:hover{ color: #3cabba !important;}
.footer1 .midd{ display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.5rem 0 0.57rem 0; border-bottom:1px solid rgba(125,165,170,0.5);}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.15rem;}
.footer1 .nav .a1{ display:inline-flex; color: #7da5aa; font-size:0.18rem; line-height:0.28rem;}
.footer1 .nav .a2{ display:inline-flex; color: #fff; margin-top:0.06rem;
font-size: 0.16rem;
font-weight: 400;
line-height: 0.26rem;}
.footer1 .nav .a2:hover{ color:#7da5aa; }
.footer1 .tit1{ color: #7da5aa; font-size:0.18rem; line-height:0.28rem; padding-left:15px;}
.footer1 .tit2{ position: relative; font-weight: bold; padding-left:15px; margin-bottom:0.05rem;}
.footer1 .tit2::after{ display: block; content: ''; position: absolute; left:0; top:50%; margin-top:-2px; width:5px; height:5px; background: #3cabba; border-radius:50%;}
.footer1 .addr{display:flex;flex-wrap: wrap;  align-items: flex-start; justify-content: space-between; width:100%; color:#fff; padding-top:0.21rem;
font-size: 0.16rem;
font-weight: 400;
line-height: 0.26rem;}
.footer1 .addr .p{ display:flex; width:100%; margin-top:0.1rem; padding-left:15px; }
.footer1 .u1{ display:flex; flex-wrap: wrap; width:48%; }
.footer1 .u0{ display:flex; flex-wrap: wrap; width:45%; }
.footer1 .share{ display:flex; width:100%; margin-top:0.34rem; justify-content: flex-end;}
.footer1 .share .ul{ display:flex; width:20.8%; padding-left:15px;}
.footer1 .share .li{display: inline-flex; margin:0 16px 0 0; position: relative;}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:30px; height:30px;}
.footer1 .share a img{ width:30px; height:30px;}
.footer1 .share a .img2{ display: block;}
.footer1 .share a .img1{ display: none;}
.footer1 .share a:hover .img2{ display: none;}
.footer1 .share a:hover .img1{ display: block;}
.footer1 .share .wx_bx{ float:left; width:96px; height:96px; background:#fff; position:absolute; left:50%; margin:0 0 12px -48px; bottom:100%; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer1 .share .li:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}

@media (max-width: 1024px){
.footer1 .left{ width:100%; flex-wrap: wrap; padding-bottom:5px; display:none;}
.footer1 .right{ width:100%;}
.footer1 .nav{ width: 1000%; padding:7px 0;}
.footer1 .nav .a1{ font-size:16px; line-height:24px; padding:9px 14px; border-radius:3px; background:rgba(255,255,255,0.13); position: relative;}
.footer1 .nav .a1::after{ display: block; content:''; position: absolute; right:14px; top:15px; border-bottom: 2px solid #7da5aa; border-right: 2px solid #7da5aa; width:9px; height: 9px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.footer1 .nav .a2{ font-size:14px; line-height:24px; width:100%;}
.footer1 .nav .u2{ display:none; line-height:24px; padding:14px 14px 5px 14px;}
.footer1 .tit1{ font-size:16px; line-height:24px;  margin-top:0; }
.footer1 .addr{ font-size:14px; line-height:24px; }
.footer1 .down{ padding:20px 0; justify-content: center;}
.footer1 .midd{ padding:40px 0;}
.footer1 .Copyright{ display: block; text-align: center; }
.footer1 .share{  margin-top:20px; justify-content: center;}
.footer1 .share .ul{ width:100%;justify-content: center; padding-left:0;}
.footer1 .share .li{ margin:0 8px; }
}
@media (max-width: 767px){
.footer1 .u1{  width:100%; }
.footer1 .u0{ width:100%; margin-top:15px; }	
.footer1 .Copyright .a{ display: block; }
}

.slick_banner{  width: 100%; line-height: 0; position: relative; overflow: hidden; background: #fff;}
.slick_banner .swiper-notification{ display: none; }
.slick_banner .swiper-wrapper{position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform; box-sizing: content-box;}
.slick_banner .swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.slick_banner .div .pc_show1{width: 100%;}
.slick_banner .div .ph_show1{width: 100%;}
.slick_banner .div{ float: left; width: 100%; line-height: 0; overflow: hidden; position: relative; }
.slick_banner .video{ position: absolute; left:0; top:0; width: 100%; height:100%; object-fit: cover; z-index:1;}
.slick_banner .swiper-pagination{ float: left; position: absolute; left:0; bottom:0.42rem; z-index: 6; width: 100%; display:flex; justify-content: center; }
.slick_banner .swiper-pagination-lock{ display: none;}
.slick_banner .swiper-pagination .swiper-pagination-bullet{ width:9px; height:9px; border-radius: 9px; margin:0 0.12rem; cursor: pointer; display: block;position: relative; background: #fff;}
.slick_banner .swiper-pagination .swiper-pagination-bullet-active{width:35px; background: #3cabba;}
.slick_banner .box{ display: block; width:50%; position: absolute; left: 0; bottom:28%; z-index: 6; padding:0 0.75rem; }
.slick_banner .box .tit{ display: block; width:100%; color: #333333; font-size:0.46rem; line-height:0.57rem;}
.slick_banner .box .p1{ display: flex; flex-wrap: wrap; width:100%; color: #666; font-size:0.18rem; line-height:0.28rem; margin-top:0.29rem;}
.slick_banner .box .s{ width:50%; display: block; position: relative; margin-top:0.12rem; padding-left: 16px;}
.slick_banner .box .s::after{ content: ''; position: absolute; left:0; top:0.11rem; min-width:4px; height:4px; background: #3cabba;}
.slick_banner .box .p{ display:inline-flex;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.28rem; border-radius:0 0.24rem 0.24rem 0.24rem;
color:#fff;background: url(img/ico21.png) center no-repeat;
  background-size:100% 100%; padding:0.1rem 0.3rem 0.1rem 0.26rem;
margin-top: 0.22rem; margin-bottom:0.56rem;}
.slick_banner .box .btn{display: block; width:100%; margin-top:0.59rem;}
.slick_banner .box .btn .a{
display: inline-flex;
justify-content: center;
align-items: center; padding:0 0.29rem 1px 0.29rem;
height: 0.5rem; color: #2d808b; font-size:0.18rem; border:1px solid #2d808b;
border-radius: 0.5rem;
}
.slick_banner .box .btn .a i{
display:flex; margin-left:0.16rem; width:12px; height:12px;background: url(img/ino3.png) center no-repeat;
  background-size: 12px auto;
}
.slick_banner .box .btn .a:hover{background:#2d808b !important; color: #fff;}
.slick_banner .box .btn .a:hover i{background: url(img/ino4.png) center no-repeat;
  background-size: 12px auto;}


@media screen and (max-width:1600px) {
.slick_banner .box{ bottom:24%;}	
.slick_banner .box .p{ margin-bottom:0.36rem;}
}	
@media screen and (max-width:1024px) {
.slick_banner .swiper-pagination{ bottom:20px;}	
.slick_banner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}	
.slick_banner .swiper-pagination .swiper-pagination-bullet-active{width:20px; }	
.slick_banner .box{width:55%;padding:0 20px; }
.slick_banner .box .tit{ font-size:18px; line-height:28px;}
.slick_banner .box .p1{ font-size:12px; line-height:22px; margin-top:14px;}
.slick_banner .box .s{ margin-top:4px; padding-left: 14px;}
.slick_banner .box .s::after{ top:10px;}
.slick_banner .box .p{ font-size:12px; line-height:22px;margin-top:14px; margin-bottom:5px; padding:4px 18px 6px 18px;border-radius:0 16px 16px 16px;}
.slick_banner .box .btn{ margin-top:20px;}
.slick_banner .box .btn .a{border-radius: 36px;
height:36px; font-size:13px; padding:0 18px 1px 18px;}
.slick_banner .box .btn .a i{margin-left:8px;}
}
@media screen and (max-width:767px) {
.slick_banner .box{width:100%; bottom: auto; top:35px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.slick_banner .box .p1{ width: auto; flex-direction: column; justify-content: space-between;}
.slick_banner .box .s{ width:auto; margin:0; text-align: left;display: inline-flex;}
.slick_banner .box .btn .a{ background: rgba(255,255,255,0.2);}
}	


.inbanner{  width: 100%; line-height: 0; position: relative; overflow: hidden; background: #fff;}
.inbanner .div .pc_show1{width: 100%;}
.inbanner .div .ph_show1{width: 100%;}
.inbanner .div{ float: left; width: 100%; line-height: 0; overflow: hidden; position: relative; }
.inbanner .box{ display: block; width:37.5%; position: absolute; left: 0; top:0.6rem; z-index: 6; padding:0 0.62rem; }
.inbanner .box .tit{ display: block; width:100%; color: #3cabba; font-size:0.16rem; line-height:0.26rem;}
.inbanner .box .tit1{ display: block; width:100%; color: #333333; font-size:0.46rem; line-height:0.58rem; margin-top:0.14rem;}
.inbanner .box .p{ display: block; width:100%; color: #666; font-size:0.18rem; line-height:0.40rem; margin-top:0.44rem;}

@media screen and (max-width:1600px) {
.inbanner .box .p{line-height:0.36rem; margin-top:0.34rem;}
}	
@media screen and (max-width:1024px) {
.inbanner .box{width:45%;padding:0 20px; top:20px; }
.inbanner .box .tit{ font-size:14px; line-height:24px;}
.inbanner .box .tit1{ font-size:18px; line-height:28px; margin-top:6px;}
.inbanner .box .p{ font-size:14px; line-height:24px; margin-top:12px;}
}
@media screen and (max-width:767px) {
.inbanner .box{width:100%;text-align: center; }

}	


@-webkit-keyframes byleft {
   from { transform:translateX(0%); }
   to { transform:translateX(-100%); }
}

@keyframes byleft {
    from { transform:translateX(0%); }
    to { transform:translateX(-100%); }
}
@-webkit-keyframes byright {
   from { transform:translateX(0%); }
   to { transform:translateX(100%); }
}

@keyframes byright {
    from { transform:translateX(0%); }
    to { transform:translateX(100%); }
}


.wzyh_section6{width: 100%; overflow: hidden; position: relative; z-index: 6;}
.wzyh_section6 .title{ display:block; text-align: center; color: #666666; font-size:16px; line-height:26px; }
.wzyh_section6 .content{width: 100%; position: relative; margin-top:34px; overflow: hidden;}
.wzyh_section6 .content .w100{ display: flex; position: relative;}
.wzyh_section6 .content .tempWrap{ display: flex; overflow: visible !important;}
.wzyh_section6 .content .box{ display: flex; width: 100%;}
/* .wzyh_section6 .content .box1{-webkit-animation: byleft 30s linear; animation: byleft 30s linear;}
.wzyh_section6 .content .box2{-webkit-animation: byright 30s linear; animation: byright 30s linear;} */
.wzyh_section6 .content .ul{ display: flex; white-space: nowrap; will-change: transform; overflow: visible !important; width: auto;}
.wzyh_section6 .content li{ display: inline-flex; margin:8px 0.25rem; line-height: 0; width: auto !important; flex-shrink: 0;}
.wzyh_section6 .content li .a{ display: flex; line-height: 0; overflow: hidden; position: relative; height:0.7rem;}
.wzyh_section6 .content li .a img{  display: block; width:100%; height: 100%; object-fit: contain;}
.wzyh_section6 .content li .a .img1{opacity: 1; }
.wzyh_section6 .content li .a .img2{ position: absolute; left:0; top:0; opacity: 0; }
.wzyh_section6 .content li .a:hover{}
.wzyh_section6 .content li .a:hover .img1{ opacity: 0;}
.wzyh_section6 .content li .a:hover .img2{ opacity: 1;}



@media  screen and (max-width: 1024px){
.wzyh_section6 .content{ margin-top:20px; }	
.wzyh_section6 .content li{margin:5px 15px; }
}
@media  screen and (max-width: 767px){
.wzyh_section6 .content li .a{ height:40px;}
}


.main0 .box{display:block; width: 100%; padding:0.86rem 0 0.82rem 0;}
.main0 .bg{ height:100%; width: 100%; position:absolute; left:0; top:0; z-index: 1;}
.main0 .btn{ display:flex; justify-content: center; width: 100%; margin-top:0.56rem;}
.main0 .btn .a{ display:inline-flex; color: #fff; font-size:16px; line-height:1; height:0.47rem; justify-content: center; align-items: center; border-radius:0.47rem;background: #3cabba; padding:0 19px 0 27px;}
.main0 .btn .a img{ display: block; width: 22px; height: 22px; margin-left: 17px;}
.main0 .btn .a:hover{ background: #1e565d;}



@media (max-width: 1024px){
.main0 .box{ padding:40px 0;}	
.main0 .btn{ margin-top:20px;}
.main0 .btn .a{font-size:14px; line-height:24px; height:36px; border-radius:36px;padding:0 17px 0 20px; }
.main0 .btn .a img{ width: 18px; height: 18px; margin-left:8px;}

}


.main2{ display: block; width: 100%; padding-top:0.33rem;}
.main2 .box{ display: flex; align-items: flex-end; flex-wrap:wrap; justify-content: space-between; width: 100%; padding-top:0.17rem; padding-bottom:1.18rem;}
.main2 .box2{flex-direction:row-reverse;}
.main2 .left{ display: block; width: 44.74%;}
.main2 .right{ display: block; width: 43.03%;}
.main2 ._img{ padding-bottom:73.97%;}
.main2 .box2 ._img{ padding-bottom:83.73%;}
.main2 .tit{ display: block; width: 100%; color: #2d808b; font-size:0.16rem; line-height:0.26rem;}
.main2 .info{ display: block; width: 100%; color: #141415; font-size:0.36rem; line-height:0.44rem; margin-top:0.1rem;}
.main2 .list{ display: block; width: 100%; padding-top:0.06rem; }
.main2 .list ul{ display: block; width: 100%; }
.main2 .list li{ display: block; width: 100%; border-bottom:1px solid #b3b5b7; padding:0.11rem 0.26rem 0.27rem 0.26rem; margin-top:0.24rem; }
.main2 .list .top{ display:flex; align-items: center; justify-content: space-between; width: 100%;}
.main2 .list .tit1{ display:flex; align-items: center; width: 100%; color: #333333; font-size:0.18rem; line-height:0.3rem; }
.main2 .list .tit1 img{ min-width:0.4rem; height:0.4rem; margin-right: 0.1rem;}
.main2 .list .p{ display:none; width: 100%;color: #fff; font-size:0.16rem; line-height:0.26rem; height:0.52rem; padding:0 0.2rem 0 0.5rem; margin-top:0.02rem; }
.main2 .list .ico{ display:none; align-items: center; justify-content: center; border-radius:50%; overflow: hidden; background: #fff; width:0.5rem; height:0.5rem; margin:0.25rem 0 0 0.5rem; }
.main2 .list .ico img{width:0.24rem; height:0.24rem; }
.main2 .list .ico:hover{ transform: rotate(90deg); -ms-transform: rotate(90deg);}
.main2 .list .ino{ display:flex;width:0.2rem; height:0.2rem; background: url(img/ico15.png) center no-repeat; background-size:100% auto !important; }
.main2 .list .on{ background: #236871; border-bottom:1px solid #236871; padding:0.27rem 0.26rem 0.27rem 0.26rem; }
.main2 .list .on .tit1{ color: #fff; }
.main2 .list .on .p{  display: -webkit-box;}
.main2 .list .on .ico{ display:flex;}
.main2 .list .on .ino{ background: url(img/ico16.png) center no-repeat; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main2 .box2 .list .on{ background: #3cabba; border-bottom:1px solid #3cabba;}

@media (max-width: 1600px){
.main2 .left{ width: 48.74%;}
.main2 .right{ width: 45.03%;}
}
@media (max-width: 1440px){
.main2 .info{ font-size:0.28rem; line-height:0.36rem; margin-top:0.1rem;}
}
@media (max-width: 1024px){
.main2{ padding-top:40px;}
.main2 .box{ padding-top:0; padding-bottom:40px;}	
.main2 .left{ width: 100%;}	
.main2 .right{ width: 100%; margin-top:20px;}	
.main2 .tit{ font-size:14px; line-height:24px; }
.main2 .info{ font-size:17px; line-height:26px; margin-top:5px;}
.main2 .list{ margin-top:3px;}
.main2 .list li{ padding:6px 15px 15px 15px; margin-top:12px; }
.main2 .list .tit1{ font-size:15px; line-height:26px;}
.main2 .list .tit1 img{ min-width:26px; height:26px; margin-right:8px;}
.main2 .list .p{ font-size:14px; line-height:24px;height:48px; padding:0 10px 0 34px;}
.main2 .list .ico{ width:28px; height:28px; margin:12px 0 0 34px; }
.main2 .list .ico img{width:20px; height:20px; }
.main2 .list .ino{width:16px; height:16px; }
.main2 .list .on{ padding:15px 15px 15px 15px; }
}


.main3{ display: block; width: 100%; padding:0 0 3px 0;}
.main3 .ul{ display: flex; flex-wrap: wrap; width: 100%; }
.main3 .li{ display:flex; align-items: center; justify-content:center; width: 25%; padding:0.15rem 0.15rem; margin:23px 0; border-right:1px solid rgba(45,128,139,0.1);}
.main3 .li:nth-child(4n){ border-right:0;}
.main3 .li .ino{ display:inline-flex; line-height:0; margin-right: 0.15rem;}
.main3 .li .ino img{ min-width:0.45rem; height:0.45rem;}
.main3 .li .tit{ display:inline-flex; align-items: flex-end; color: #333333; font-size:0.29rem; line-height:0.4rem;}
.main3 .li .en{  display:inline-flex; font-weight: 300; color: #666666; font-size:0.18rem; line-height:0.28rem; margin-left:0.15rem; }


@media (max-width: 1024px){
.main3{ padding:12px 0;}	
.main3 .li{ padding:7px 7px; margin:12px 0; }
.main3 .li .ino{ margin-right: 6px;}
.main3 .li .ino img{ min-width:30px; height:30px;}
.main3 .li .tit{ font-size:16px; line-height:28px;}
.main3 .li .en{ font-size:14px; line-height:24px; margin-left:8px; }
}
@media (max-width: 767px){
.main3 .li{ width: 50%; justify-content:flex-start; }
.main3 .li:nth-child(2n){ border-right:0;}

}



/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:50%; width:0.4rem; height:0.4rem; line-height:0.4rem; color:#9c9c9c; text-align: center; font-size:16px; margin:0 4px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#236871; color: #fff;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.1rem; height:0.1rem; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.02rem;}
.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:#9c9c9c;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px;}
.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 #9c9c9c; border-right:1px solid #9c9c9c; 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 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.mbx{ display: block; text-align: right; padding:25px 0; color: #666;font-size:14px; line-height:24px;}
.mbx a{ color: #666;}
.mbx i{ padding:0 8px;}
.mbx a:hover{ color: #3cabba;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbxbox{ padding-top:20px;}
}


.slide1{ display:block; width: 100%; padding-top:0.37rem;}
.slide1 .ul{display:inline-flex; flex-wrap: wrap; justify-content:space-around; width: 100%; padding:0 5%; }
.slide1 .li{ display: flex; flex-wrap: wrap; width:21.55%; }
.slide1 .li a{ display: block; width:100%;color:#333333; position: relative; border-bottom: 1px solid #dcdddd;
;font-size:0.18rem; line-height:0.3rem; padding:0.16rem 0.16rem 0.16rem 0; }
.slide1 .li a::after{ display: block; content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); border-top: 5px solid transparent; border-bottom:5px solid transparent;border-left: 6px solid #949494; }
.slide1 .li:hover a{ color:#3cabba;}
.slide1 .li.on a{ color:#3cabba;}
.slide1 .li.on a::after{ border-left: 6px solid #3cabba;}



@media screen and (max-width:1024px) {
.slide1{ width: 100%; justify-content: center; padding-top:15px;}	
.slide1 .ul{ padding:0 2%; }
.slide1 .li{ width: 25%; }
.slide1 .li a{ padding:14px 14px 14px 0; line-height:23px; font-size:13px; }
}
@media screen and (max-width:767px) {
.slide1 .ul{padding:0;justify-content: space-between;}	
.slide1 .li{ width:auto; }
}


.slide2{ display:block; width: 100%; padding:8px 0 0.56rem 0;}
.slide2 .ul{display:inline-flex; flex-wrap: wrap;  width: 100%;}
.slide2 .li{ display: flex; flex-wrap: wrap; width:100%; }
.slide2 .li a{ display: block; width:100%;color:#333333; position: relative; border-bottom: 1px solid #dcdddd;
;font-size:0.16rem; line-height:0.28rem; padding:0.16rem 0.16rem 0.16rem 0; }
.slide2 .li a::after{ display: block; content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); border-top: 5px solid transparent; border-bottom:5px solid transparent;border-left: 6px solid #949494; }
.slide2 .li:hover a{ color:#3cabba;}


@media screen and (max-width:1024px) {
.slide2{ width: 100%; padding:8px 0 30px 0;}	
.slide2 .ul{ justify-content: space-between;}
.slide2 .li{ width:23%; }
.slide2 .li a{ padding:14px 14px 14px 0; line-height:23px; font-size:13px; }
}
@media screen and (max-width:767px) {
.slide2 .li{ width:auto; }
}


/*251121*/

.case-description,
.des03{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.case-title{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}



/* 案例头部 */
.case-header { text-align: center; color: #fff;
 display: block; width: 100%; padding:0.68rem 0.6rem 0.81rem 0.6rem;
}
.header-title {width: 100%; 
    font-size: 0.42rem; line-height:0.52rem;
    font-weight: 500;
}

.header-subtitle {width: 100%;  margin-top: 0.22rem;
    font-size: 0.18rem;
    font-weight: 400;
    line-height:0.28rem;
}

@media screen and (max-width:1024px) {
.case-header {padding:30px 15px;
}
.header-title {
    font-size:20px; line-height:30px;
}

.header-subtitle { margin-top:10px;
    font-size:13px;
    line-height:24px;
}

}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.26rem;
}

.case-item {
    background-color: white;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.case-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.case-image {
	aspect-ratio: 100/57.5; /* 56%宽高比 */
	overflow: hidden;
    width:100%;
    overflow: hidden;
}

.case-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.case-item:hover .case-image img {
    transform: scale(1.05);
}

.case-content {
    padding:0.34rem 0.4rem;
}

.case-title {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 0.16rem;
    line-height:0.3rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.case-item:hover .case-title{
    color: #3cabba;
}

.case-description {
    font-size: 0.16rem;
    color: #666;
    line-height:0.26rem; 
    min-height:0.78rem; 
    margin-bottom: 0.32rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.case-span{
	color: #3cabba;
	font-size: 14px;
	transition: color 0.3s ease;
}
.case-arrow{
	display: inline-flex;
	width: 11px;
    height: 11px;
    margin-left: 12px;
    background: url(img/case-arrow.png) center no-repeat; 
    background-size:100% !important;
	transition: transform 0.3s ease;
	
}
.case-link:hover .case-arrow{
	transform: translateX(3px)
}


@media (max-width: 1024px) {

    .cases-grid {
        gap: 14px;
    }
	
	.case-content {
	    padding:18px 15px;
	}
	
	.case-title {
	    font-size: 16px; line-height:26px; margin-bottom: 6px;
	}
	
	.case-description {
	    font-size: 14px; line-height:22px; min-height:66px; margin-bottom: 6px;
	}
	.case-span{ font-size:13px;}
}

@media (max-width: 767px) {

    .cases-grid {
        grid-template-columns: 1fr;
       
    }
    
  
}

/* 顶部特色资讯样式 */
.featured-news { display: block; width: 100%;
    
}
.featured-news .slick-dots{ width: auto; position: absolute; left:0.58rem; z-index: 6; bottom: 12.8%;}
.featured-content {
    display: flex;background-color: #fff;
    flex-direction: row;
    align-items: flex-start; justify-content: space-between;
}

.featured-text {
	padding:3.16% 7.6%  0.5rem 0.7rem;
    flex: 1;
    width: 100%;
}

.news-date {
    font-size: 14px;
    color: #666666;
    margin-bottom:0.12rem;
}

.news-title {
    font-size: 0.34rem;
	color: #333;
	line-height: 0.44rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

.news-summary {
    font-size: 0.16rem;
    color: #666;
    margin-bottom: 0.6rem;
    line-height: 0.26rem;
}
.featured-content:hover .news-title {
 color: #3cabba;
}
.read-more {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #1A8686;
    font-weight: 500;
    cursor: pointer;
}

.read-more span:last-child {
    opacity: 0.7;
}

.featured-image {
	aspect-ratio: 100/53.8; /*宽高比 */
    max-width: 51.32%;
	width: 100%;
    overflow: hidden;
}

.featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.featured-content:hover .featured-image img {
    transform: scale(1.02);
}

@media screen and (max-width:1600px) {	
.featured-text {
	padding:3.16% 0.7rem  0.5rem 0.7rem;
    flex: 1;
    width: 100%;
}	
.news-title{ margin-bottom: 0.2rem;}
.news-summary{ margin-bottom: 0.4rem;}
}
@media screen and (max-width:1024px) {	
.news-date{ font-size:13px;  margin-bottom:4px;}
.news-summary{ font-size:14px; line-height:22px;  margin-bottom:6px;}
.featured-text{ padding:18px 15px;}
.featured-news .slick-dots{left:10px; z-index: 6; bottom:20px;}
}
@media screen and (max-width:767px) {	
	.featured-content {
	    flex-wrap:wrap-reverse;
	    
	}
  .featured-text,
    .featured-image {
        max-width: 100%;
    }	
	.featured-news .slick-dots{left:auto; right:10px; bottom:25px;}
}

.all-news-header .h2 {
    font-size: 0.34rem;
	line-height:0.44rem;
    font-weight: 500;
    color: #141415;
}


@media screen and (max-width:1024px) {	
.all-news-header .h2 {
    font-size: 17px;
	line-height:27px;
}
}

/* 资讯网格布局 */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.26rem;
}

/* 资讯项样式 */
.news-item {
    background-color: #fff;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.news-image { display: block;
    aspect-ratio: 100/55.5; /* 宽高比 */
    width:100%;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-item:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    padding:0.39rem 0.36rem 0.35rem 0.36rem;
}

.news-tag {
    display:inline-flex;
    padding: 3px 14px;
    background-color: #d2eff3;
    color: #666666;
    font-size:14px; line-height:24px;
    border-radius: 30px;
    margin-bottom: 0.15rem;
}

.news-item-title { width:100%;
    font-size: 0.2rem; color: #333333;
	font-weight: 500;
    margin-bottom: 0.1rem;
    line-height:0.3rem;
}

.news-item-summary { width:100%;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.26rem; height: 0.52rem;
    margin-bottom: 0.35rem;
}

.news-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.news-span{
	color: #3cabba;
	font-size: 14px;
	transition: color 0.3s ease;
}

.news-arrow{
	display: inline-flex;
	width: 11px;
    height: 11px;
    margin-left: 8px;
    background: url(img/case-arrow.png) center no-repeat; 
    background-size:100% !important;
	transition: transform 0.3s ease;
	
}
.news-item:hover .news-item-title{
	  color: #3cabba;
}
.news-link:hover .news-arrow{
	transform: translateX(3px)
}


.news-item-date {
    font-size: 14px;
    color: #666;
}

/* 响应式设计 */
@media (max-width:1024px) {
	.news-title{font-size:17px; line-height:27px; margin-bottom: 6px;}
	.news-tag{  font-size: 13px;  padding:1px 14px 3px 14px; margin-bottom: 8px;}
	.news-item-title{ font-size:15px; line-height:24px; margin-bottom: 4px;}
	.news-item-summary{ height:44px; line-height:22px; font-size: 14px;margin-bottom:10px;}
	.news-span{ font-size:13px;}
	.news-item-date{ font-size:13px;}
	.news-content{ padding:18px 15px;}
   .news-grid {
       gap: 14px;
   }
    
  
}
@media (max-width:767px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
}

/* 服务标题样式 */
.service-header {
    
    padding: 0 0 0.55rem 0;
}

.service-title { width: 100%;
    font-size: 0.3rem;
    color: #3cabba;
    margin-bottom: 0.2rem;
    font-weight: 500;
	line-height: 0.4rem;
	
}

.service-subtitle { width: 100%;
    font-size:0.18rem; line-height:0.28rem;
    color: #666666;
    
    
}

@media (max-width:1024px) {
.service-header {
    
    padding: 0 0 30px 0;
}

.service-title {
    font-size:16px;
    margin-bottom:10px;
	line-height: 26px;
	
}

.service-subtitle {
    font-size:14px; line-height:24px;
    
 
}
  
}

/* 服务内容样式 */
.service-content {
    padding-bottom: 0.2rem;
}

/* 服务卡片样式 */
.service-card {
	display: flex; justify-content: space-between;
	flex-direction: row; flex-wrap: wrap;
	margin-bottom: 0.9rem;
	overflow: hidden;
	align-items: center;
    
}
.service-card:nth-child(2n){ flex-direction: row-reverse;}
.service-image {
    aspect-ratio: 100/74; /* 宽高比 */
    width:44.74%;
    overflow: hidden;
}

.service-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-text {
 width:43.3%;
}


.service-card-title {
    font-size: 0.36rem;
    color: #141415;
    margin-bottom: 0.22rem;
    font-weight: 500;
	line-height: 0.46rem;
}

.service-card-description {
    font-size: 0.16rem;
    color: #666;
    margin-bottom: 0.66rem;
    line-height: 0.36rem; min-height:2.16rem;
	overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:6;
}
.service-link{ margin-bottom:0.23rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #2d808b;
	border-radius: 0.5rem; height:0.5rem;
	padding:0 0.28rem ;
}

.service-span{
	color: #2d808b; line-height: 1;
	font-size: 0.16rem; padding-bottom: 2px;
	transition: color 0.3s ease;
}
.service-arrow{
	display: inline-flex;
	width: 12px;
    height: 12px;
    margin-left: 0.12rem;
    background: url(img/ino3.png) center no-repeat; 
    background-size:100% !important;
	transition: transform 0.3s ease;
	
}
.service-card:hover .service-link{
	background:#2d808b;color: #fff;
	
}
.service-card:hover .service-span{
color: #fff;
	
}
.service-card:hover .service-arrow{
background: url(img/ino4.png) center no-repeat; 
	background-size:100% !important;
}

.service-link:hover .service-arrow{
	transform: translateX(3px)
}
.service-image {
    overflow: hidden;
    aspect-ratio: 100/74; /* 统一宽高比，所有屏幕都保持这个比例 */
}
.service-card:hover .service-card-title{color: #2d808b;}

 
@media (max-width: 1024px) {
    .service-card {
        margin-bottom:35px;
    }
    
    .service-card-title {
        font-size:17px;
        line-height: 27px; margin-bottom: 6px;
    }
    
    .service-card-description {
        font-size: 14px;
        line-height: 24px;  min-height:144px; margin-bottom:16px;
    }
    
.service-span{font-size: 14px;}
.service-arrow{ margin-left: 8px;}
    .service-link { margin-bottom: 0;
      border-radius: 36px;
          height: 35px;
          font-size: 14px;
          padding: 0 20px;
    }
}


@media (max-width: 767px) {
    .service-text{
       width:100%; margin-top:20px;
    }
    .service-image{ width:100%;}
	.service-card-description {
	     min-height:inherit; 
	}
   
}

/* 主内容区域 */
.news-container {
    width: 100%;
     flex-wrap: wrap; align-items: flex-start;
    display: flex;
	justify-content: space-between;
}

/* 主内容区域 */
.main-content {
    width:62.66%;
}

/* 文章标题区域 */
.article-header { width: 100%;
    margin-bottom: 0.45rem;
    border-bottom: 1px solid #e0e0e0;
}

.article-title {width: 100%;
    font-size: 0.4rem;
    color: #191919;
    font-weight: 500;
    line-height: 0.46rem;
}

.article-meta {width: 100%;
    display: flex;
    color: #666;
    font-size: 14px;
	margin: 0.44rem 0 0.48rem 0;
}
.time2{ margin-right: 0.68rem;}
.time{display: flex;align-items: center;}
.time-icon{
	display: inline-flex;
	width: 20px;
	height: 20px;
	margin-right: 8px;
}


/* 文章内容区域 */
.article-content {
    font-size: 0.16rem;
    line-height: 0.34rem;
	color: #474747;
	width: 100%;
}
.article-section {
    width: 100%;
}
.title01 {
    font-size:0.3rem;
    color: #236770;
	line-height: 0.42rem;
	font-weight: 500;
}
.title02 {
    font-size:0.3rem;
    color: #141415;
	line-height: 0.42rem;
	font-weight: 500;
}

.image-container {
    margin: 30px 0;
    text-align: center;
}

.article-image {
    max-width: 100%;
    height: auto;
}

.image-caption {
    font-size: 14px;
    color: #666;
}

.blockquote {
    margin: 20px 0;
    padding: 20px 30px;
    background-color: #f8f9fa;
    border-left: 4px solid #3498db;
    font-style: italic;
    color: #5a6c7d;
}
.advice-list li {
    margin-bottom: 10px;
    color: #5a6c7d;
}

.contact-info {
    margin-top: 30px;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.contact-info p {
    margin-bottom: 10px;
    font-weight: 500;
}

/* 右侧固定目录 */
.article-sidebar {
     width:26.58%; margin-top:0.48rem;
    position: sticky;
    top:1.2rem;
    align-self: flex-start;
}

.toc-title { font-weight: bold;
    font-size: 0.2rem; line-height:1; display: block; position: relative; padding-left: 10px;
    color: #333333;
    
}
.toc-title::after{ content: ''; position: absolute; left:0; top: 5%;
 width:2px; height:90%; background: #3cacba;
}
.toc-list{ width:100%; padding-top: 0.13rem;}
.toc-item { width:100%; 
    margin-top: 0.22rem;
}

.toc-link { width:100%; position: relative; padding-left: 16px;
    color: #666;
    font-size: 0.18rem; line-height: 0.28rem;
}
.toc-link::after{ content: ''; position: absolute; left:0; top: 50%;
 width:6px; height:6px; background: #3cacba; border-radius: 50%;
  margin-top: -3px;
}
.toc-link:hover {
    color: #3cabba;
}

.nav-containt{display: flex;justify-content: space-between;align-items:center; border-top:1px solid #e0e0e0; padding-top: 0.32rem; margin-top:0.52rem;}
.article-nav{ display:flex; flex-direction: column; width:100%; padding:0 0.4rem 0  0;
}
.article-nav a{width:100%; color: #666666;
	font-size: 0.16rem;
	line-height: 0.3rem; }
.article-nav a:hover{color: #3cabba;}


.service-link1{ 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #3cabba; line-height:1;
	border-radius: 0.47rem; height:0.47rem;
	padding:0 0.22rem ; white-space: nowrap;
}

.service-span1{
	color: #3cabba;
	font-size: 0.16rem; padding-bottom: 2px;
	transition: color 0.3s ease;
}
.service-arrow1{
	display: inline-flex;
	width: 18px;
    height: 18px;
    margin-left: 0.16rem;
    background: url(img/return.png) center no-repeat; 
    background-size:100% !important;
	transition: transform 0.3s ease;
	
}
.service-link1:hover{
	background:#3cabba;color: #fff;
	
}
.service-link1:hover .service-span1{
color: #fff;
	
}
.service-link1:hover .service-arrow1{
background: url(img/return1.png) center no-repeat; 
	background-size:100% !important;
}



/* 响应式设计 */
@media (max-width:1024px) {
.main-content{ width:100%; padding-top: 10px;}
.article-sidebar{ width:100%; position: static; margin-top:30px;}	
.article-content{ font-size:14px; line-height:24px;}
.article-title{ font-size:18px; line-height:26px; margin-top: 4px;}
.article-header{ margin-bottom: 20px;}
.article-meta{ font-size:13px;  margin:12px 0 20px 0;}
.title01{ font-size:16px; line-height:26px;}
.title02{ font-size:16px; line-height:26px;}
.article-nav a{
	font-size:14px;
	line-height:26px; }
.nav-containt{ flex-wrap: wrap;padding-top:16px; justify-content: center;
  margin-top:26px;}
.service-span1{font-size: 14px; padding-bottom: 2px ;}
.service-arrow1{ width:16px; height:16px; position: relative; top:0; margin-top: -1px; margin-left: 8px;}
.service-link1 { margin:15px 0 0 0;
border-radius: 36px;
  height: 35px;
  font-size: 14px;
  padding: 0 20px;
}
.time2{ margin-right:15px;}	

.toc-title{ font-size:17px; }
.toc-list{ padding-top: 10px;}
.toc-item{ margin-top: 5px;}
.toc-link{ font-size:14px; line-height:24px;}
}

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



.list01 {
    display: grid; width:100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.26rem;
}
/* 资讯项样式 */
.list01 .item {   
}

.list01 .content{background-color: #fff;
    overflow: hidden; display: block; width: 100%; padding: 0.38rem 0.36rem 0.41rem 0.36rem; border-bottom: 4px solid #3cabba;}
.list01 .tag {
    display:inline-flex;
    padding: 3px 14px;
    background-color: #d2eff3;
    color: #666666;
    font-size:14px; line-height:24px;
    border-radius: 30px;
    margin-bottom: 0.15rem;
}
.list01 .title { width:100%;
    font-size: 0.2rem; color: #333333;
	font-weight: 500;
    margin-bottom: 0.1rem;
    line-height:0.3rem;
}
.list01 .summary { width:100%;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.26rem; height: 0.52rem;
    margin-bottom: 0.48rem; overflow:hidden;
}
.list01 .donw {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list01 .span{
	color: #3cabba;
	font-size: 14px;
	transition: color 0.3s ease;
}
.list01 .arrow{
	display: inline-flex;
	width: 11px;
    height: 11px;
    margin-left: 12px;
    background: url(img/case-arrow.png) center no-repeat; 
    background-size:100% !important;
	transition: transform 0.3s ease;
	
}
.list01 .content:hover .arrow{
	transform: translateX(3px)
}

.list01 .date {
    font-size: 14px;
    color: #666;
}

.list01 .content:hover{
	  background: #236871;
}
.list01 .content:hover .tag{
	  color: #fff; background: #8acdd6;
}

.list01 .content:hover .title{
	  color: #fff;
}
.list01 .content:hover .summary{
	  color: #fff;
}

.list01 .content:hover .span{
	  color: #fff;
}

.list01 .content:hover .date{
	  color: #fff;
}
.list01 .content:hover .arrow{
    background: url(img/ino4.png) center no-repeat; 

}

.list01-1 {
    display: block; width:calc(100% + 0.26rem);
    margin:0 -0.13rem;
}
/* 资讯项样式 */
.list01-1 .item {    width:33.33%; padding:0 0.13rem;
}


@media (max-width:1024px) {
.list01 .tag{  font-size: 13px; padding:1px 14px 2px 14px; margin-bottom: 8px;}
.list01 .title{ font-size:15px; line-height:24px; margin-bottom: 4px;}
.list01 .summary{ height:44px; line-height:22px; font-size: 14px;margin-bottom:10px;}
.list01 .span{ font-size:13px;}
.list01 .date{ font-size:13px;}
.list01 .content{ padding:18px 15px;  border-bottom: 2px solid #3cabba;}
.list01 {
   gap: 14px;
}
.list01-1 {
    display: block; width:calc(100% + 14px);
    margin:0 -7px;
}
.list01-1 .item {width:33.33%; padding:0 7px;
}
  
}
@media (max-width:767px) {
.list01 {
grid-template-columns: 1fr;
}
.list01-1 .item {width:100%;}
.list01-1 .content{ margin:4px 0;}	
}


.contact{ display: block; width: 100%; padding:0.77rem 0 0.65rem 0;}
.contact .tit1{ width: 100%; color: #141415; font-size:0.28rem; line-height:0.38rem;}
.contact .tit2{ position: relative; color: #3cabba; font-size:0.2rem; line-height:0.3rem; margin-bottom:0.1rem;}
.contact .box{display:flex; justify-content: space-between; align-items: flex-end; width:100%; color:#666; padding-top:0.36rem;}
.contact .addr{display:inline-flex;  flex-direction: column; align-items: flex-start; color:#666; 
font-size: 0.16rem;
font-weight: 400;
line-height: 0.26rem;}
.contact .addr .p{ display:flex; width:100%; margin-top:0.08rem;  }
.contact .er{ display: inline-flex; }
.contact .er .li{ display:block; min-width: 95px; color:#666;  font-size:14px; margin-left: 18px; line-height:24px; }
.contact .er .li i{ display: block; width: 100%; line-height: 0;}
.contact .er .li span{ display: block; width: 100%; text-align: center; margin-top: 3px;}
.contact .line{ display: block; min-width:1px; height:1.2rem; background: #e0e0e0; margin:13px 0.3rem;}

@media (max-width:1024px) {
.contact{  padding:30px 0 35px 0;}	
.contact .box{ justify-content: center; flex-wrap: wrap;}	
.contact .tit1{ text-align: center; font-size: 18px;  line-height:28px;}	
.contact .tit2{ width: 100%; font-size: 16px;  line-height:26px;  margin-bottom: 6px;}
.contact .addr{ flex-direction: row; flex-wrap: wrap; width:100%; font-size:14px; line-height:24px; }
.contact .addr .p{ width:auto;margin-top:4px; padding:0 16px 0 0;} 
.contact .er .li{ margin:0 10px; }
.contact .line{ min-width:100%; height:1px; margin:20px 0;}
}
@media (max-width:767px) {


}



.contact1 .tit1{ width: 100%; color: #000; font-size:0.28rem; line-height:0.38rem;}
.contact1 .info{ width: 100%; color: #666; font-size:0.20rem; line-height:0.38rem; margin-top: 0.35rem; }

@media (max-width:1024px) {
.contact1 .tit1{ /* text-align: center; */ font-size: 18px;  line-height:28px;}	
.contact1 .info{ /* text-align: center; */ font-size:14px; line-height:24px;margin-top:10px;  }

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


}
	


._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; margin-top: 13px;}
._form3 .lab{ width:32.15%; position:relative; display: flex; flex-wrap: wrap; margin-top:0.3rem; }
._form3 .w14{ width:14.68%; margin-top:0.4rem;}
._form3 .w34{ width:33.92%; margin-top:0.4rem;}
._form3 .w47{ width:47.78%; margin-top:0.4rem;}
._form3 .w100{ width:100% !important;}
._form3 .name{ width:100%; display:block; color: #666; font-size:calc(14px + 0.02rem); line-height:1; padding-bottom:0.2rem;}
._form3 .name span{ color: #fc1e1e;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #b9b9b9; background:none; font-size:14px;color: #666666; line-height:34px; height:56px; padding:10px 18px; border-radius: 3px;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #b9b9b9; background:none; font-size:14px;color: #666666; line-height:24px; height:110px; padding:15px 18px;border-radius: 3px;}
._form3 .yanzhengma{ cursor: pointer; position: absolute; right:1px; top:1px; height:54px; object-fit: contain; z-index:6;width:1.2rem;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #236770; height:56px; padding-bottom: 1px; background:none; border:1px solid #236770; border-radius:3px;}
._form3 .submit:hover{ background:#236770; color: #fff;}
._form3 .reset{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:56px; padding-bottom: 1px;  background:#236770; border-radius:3px;}
._form3 .reset:hover{ background:#3cabba;}
._form3 .reset img{ display: flex;  min-width:20px;height:20px; margin-right: 0.26rem;}
._form3 .lab1{ display: block; width:100%; color:#666; font-size:14px; line-height:24px; margin-top: 0.24rem; }
._form3 .lab1 span{ color: #fc1e1e;}
._form3 .sub{ display:none; position: absolute; margin-top: -1px; top:100%; left:0; z-index: 10; width:100%; background:#e7e8e9; border:1px solid #b9b9b9;border-radius: 3px;padding:10px 0; box-shadow:0 4px 4px rgba(0,0,0,0.1); max-height:160px; overflow-y: auto;  scrollbar-width: thin;}
._form3 .sub li{ cursor: pointer; display: block; width:100%; color: #666; line-height:28px; font-size:14px; padding:0 18px;}
._form3 .sub li:hover{color: #236770;}
._form3 .jt{ position: absolute; right:16px; bottom:24px; border-left: 7px solid transparent; border-right:7px solid transparent;border-top: 8px solid #1e565d; }
._form3 input::placeholder{color:#8e8e8e; opacity:1 !important;}
._form3 textarea::placeholder{color:#8e8e8e; opacity:1 !important;}

@media screen and (max-width:1024px) {
._form3{ width:100%; margin-top:5px; }
._form3 .lab{ width:49%; margin-top: 16px;}
._form3 .lab1{ margin-top:16px; }
._form3 .w14{ width:28%; margin-top:20px;}
._form3 .w34{ width:40%; margin-top:20px;}
._form3 .w47{ width:28%; margin-top:20px;}
._form3 .name{  font-size:14px;padding-bottom:12px;}
._form3 .text{ font-size:14px; line-height:30px; height:42px; padding:5px 14px;}
._form3 .textarea{ font-size:14px; line-height:24px; padding:8px 14px;}
._form3 .yanzhengma{  height:40px;width:80px;}
._form3 .reset img{  min-width:16px;height:16px; margin-right:10px;}
._form3 .submit{ height:42px;}
._form3 .reset{ height:42px;}
._form3 .lab1{ font-size:14px;}
._form3 .jt{right:12px; bottom:18px; border-left: 5px solid transparent; border-right:5px solid transparent;border-top: 6px solid #1e565d; }
._form3 .sub li{padding:0 14px;}
}
@media screen and (max-width:767px) {
._form3 .lab{ width:100%;}
._form3 .w14{ width:49%; margin-top:20px;}
._form3 .w34{ width:100%; margin-top:20px;}
._form3 .w47{ width:49%; margin-top:20px;}
}



.fuwu{
	width: 100%;
	  flex-wrap: wrap;
	  align-items: flex-start;
	  display: flex;
	  justify-content: space-between;
}
.fuwu .left {
  width: 73.41%;
}
.fuwu .right {position: sticky;
  top: 1.2rem;
  width: 22.27%; margin-top: 0.06rem;
}
.fuwu-title {width: 100%;
    font-size: 0.36rem;
    color: #141415;
    font-weight: 500;
    line-height: 0.46rem;
}
.fuwu-tit1{width: 100%;
    font-size: 0.26rem;
    color: #141415;
    font-weight: 500;
    line-height: 0.36rem;
}
.fuwu-cont{ margin-top: 17px;
	width: 100%;
font-size: 0.16rem;
  line-height: 0.3rem;
  color: #474747;
}
.fuwu-cont .dian{display: block;
  position: relative;
  padding-left: 14px;}
.fuwu-cont .dian::after{ content: ''; position: absolute; left:0; top:0; min-width:4px; height:4px; background: #3cabba; margin:0.12rem 10px 0 0;}

.toc-list1{ width:100%;  display: block; padding-top:10px;}
.toc-item1 { width:100%; display: block; }
.toc-link1 { width:100%; display: block;
    padding:15px 0; border-bottom:1px  solid #dcdddd;
}
.toc-tit1 { width:100%;
    color: #333;
    font-size:0.16rem; line-height:0.26rem;
}
.toc-time1 { width:100%;
    color: #666;
    font-size: 14px; line-height:22px;
}
.toc-link1:hover .toc-tit1{
    color: #3cabba;
}



@media screen and (max-width:1024px) {
.fuwu .left{ width:100%;}
.fuwu .right{ width:100%; margin-top: 30px;}
.fuwu-title{font-size: 18px; line-height:28px;}
.fuwu-cont{font-size: 14px; line-height:24px;}
.fuwu-tit1{font-size: 16px; line-height:26px;}
.toc-tit1{ font-size:15px; line-height:25px;}
.toc-list1{ padding-top: 5px;}
.fuwu-cont .dian::after{margin:10px 10px 0 0;}
}

.box1{ display: block; width: 100%; padding:0.25rem 0 0 0;}
.box1 .ul{ display: flex; flex-wrap: wrap; width: 100%; }
.box1 .li{ display:flex;flex-wrap: wrap; flex-direction: column; position: relative; text-align: center; width: 25%; padding:0 0.15rem; margin-top:0.4rem;}
.box1 .li .ino{ display:block; line-height:0; margin-bottom: 0.25rem;}
.box1 .li .ino img{ min-width:0.44rem; height:0.44rem;}
.box1 .li .tit{ display:100%; color: #333333; font-size:0.2rem; line-height:0.3rem;}
.box1 .li::after{ display:block; content: ''; position: absolute; right: 0; top: 50%; width:1px; height:0.46rem; background: #236871; opacity:0.2; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.box1 .li:nth-child(4n)::after{ display:none; }
.box1 .li:hover .tit{ color: #3cabba;}

@media (max-width: 1024px){
.box1{ padding:6px 0 0 0;}	
.box1 .li{ padding:0 7px; margin-top:25px; }
.box1 .li::after{ height:24px;}
.box1 .li .ino{ margin-bottom: 8px;}
.box1 .li .ino img{ min-width:34px; height:34px;}
.box1 .li .tit{ font-size:14px; line-height:24px;}
}
@media (max-width: 767px){
.box1 .li{ width: 50%; }
.box1 .li:nth-child(2n)::after{ display:none; }
}

.list02 {
    display:flex; flex-wrap: wrap; margin:0.15rem -0.15rem 0 -0.15rem; width:calc(100% + 0.3rem);

}
.list02 .item {display:flex; flex-wrap: wrap; width:50%; padding:0 0.15rem; margin-top:0.4rem;
}

.list02 .content{background-color: #fff; position: relative; height: 100%;display:flex; flex-wrap: wrap;  align-items: flex-start;
  width: 100%; padding: 0.55rem 0.78rem 0.93rem 0.52rem; border-bottom: 4px solid #3cabba;}
.list02 .ino{ display:inline-flex; line-height:0; margin-right: 0.33rem;}
.list02 .ino img{ min-width:0.45rem; height:0.45rem;}
.list02 .tit{ display:inline-flex; align-items: flex-end; color: #333333; font-size:0.29rem; line-height:0.45rem;}
.list02 .en{  display:inline-flex; font-weight: 300; color: #666666; font-size:0.18rem; line-height:0.28rem; margin-left:0.12rem; }
.list02 .summary { width:100%;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.28rem; 
     padding:0.2rem 0 0 0.78rem;
}

.list02 .content:hover{
	  background: #236871;
}
.list02 .content:hover .tit{
	  color: #fff;
}

.list02 .content:hover .en{
	  color: #fff;
}
.list02 .content:hover .summary{
	  color: #fff;
}




@media (max-width:1024px) {
.list02 { margin:11px -7px 0 -7px; width: calc(100% + 14px);
}
.list02 .item{ padding:0 7px; margin-top:14px;
} 	
.list02 .ino{ margin-right:16px;}
.list02 .ino img{ min-width:34px; height:34px;}
.list02 .tit{ font-size:17px; line-height:28px;}
.list02 .en{ font-size:14px; line-height:24px; margin-left:8px; }
.list02 .summary{ line-height:22px; font-size: 14px;padding:4px 0 0 50px;}
.list02 .content{ padding:24px 18px;  border-bottom: 2px solid #3cabba;}

 
}
@media (max-width:767px) {
.list02 .item{ width:100%;
}

}

.about1{ display: block; width: 100%;    font-size: 0.16rem; margin-top: 0.68rem;
    color: #a3a3a3;
    line-height: 0.32rem; }

@media (max-width:1024px) {
.about1{ font-size:14px; line-height:24px; margin-top:25px;}

}

.rongyu{ display: block;overflow: hidden; position: relative; z-index:5; margin:0.4rem -0.44rem 0 -0.44rem; width:calc(100% + 0.88rem);}
.rongyu .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.rongyu .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.rongyu .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap;width:20%;padding:0 0.44rem;}
.rongyu .ul .la{ display: block; width:100%;}
.rongyu .ul .la ._img{ padding-bottom:134.28%;}
.rongyu .ul .la ._img img{object-fit: contain;}
.rongyu .ul .la .p{ display:block; text-align: center;width:100%; text-align: center;color:#666666;font-size:0.18rem; line-height:0.28rem; margin-top:0.22rem;}
.rongyu .ul .la:hover .p{ color: #3cabba;}
.rongyu .swiper-pagination{ margin-top: 0.52rem; width: 100%; display:flex; justify-content: center; }
.rongyu .swiper-pagination-lock{ display: none;}
.rongyu .swiper-pagination .swiper-pagination-bullet{ width:9px; height:9px; border-radius: 9px; margin:0 0.12rem; cursor: pointer; display: block;position: relative; background: #d0d0d0;}
.rongyu .swiper-pagination .swiper-pagination-bullet-active{width:35px; background: #3cabba;}

@media screen and (max-width:1024px) {
.rongyu{ margin:25px -7px 0 -7px; width:calc(100% + 14px);}
.rongyu .ul .li{ width: 25%; padding:0 7px;}
.rongyu .ul .la .p{ font-size:14px; line-height:24px; margin-top:14px;}	
.rongyu .swiper-pagination{ margin-top:25px;}
.rongyu .swiper-pagination .swiper-pagination-bullet{ margin:0 5px;}
.rongyu .swiper-pagination .swiper-pagination-bullet-active{width:20px;}
}
@media screen and (max-width:767px) {
.rongyu .ul .li{ width: 50%;}

}




.part1{width: 100%; display: block; padding:0.32rem 0 0.82rem 0;}
.part1 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem; }
.part1 li{ display: inline-flex; padding:0.26rem 0.15rem; line-height: 0; width: 14.28%;}
.part1 li .a{width:100%; display: flex; align-items: center; justify-content: center; height:100%; line-height: 0; overflow: hidden; position: relative;}
.part1 li .a img{  display: block; width:100%; height: 100%; object-fit: contain;}
.part1 li .a .img1{ display: block;}
.part1 li .a .img2{ display: none;}
.part1 li .a:hover .img1{ display: none;}
.part1 li .a:hover .img2{ display: block;}


@media  screen and (max-width: 1024px){
.part1{padding:18px 0 30px 0;}	
.part1 .ul{ width:calc(100% + 10px); margin:0 -5px; }	
.part1 li{ width:16.66%;padding:7px 5px; }
}
@media  screen and (max-width: 767px){
.part1 li{ width:33.33%; }
}


._form2{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form2 .title1{ width:100%; display:block; color: #141415; font-size:0.2rem; line-height:1;}
._form2 .lab{ width:48.48%; position:relative; display: flex; flex-wrap: wrap; margin-top:0.2rem; }
._form2 .w100{ width:100% !important;}
._form2 .name{ width:100%; display:block; color: #666; font-size:calc(14px + 0.02rem); line-height:1; padding-bottom:0.14rem;}
._form2 .name span{ color: #fc1e1e;}
._form2 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #b9b9b9; background:none; font-size:14px;color: #666666; line-height:36px; height:48px; padding:5px 18px; border-radius: 3px;}
._form2 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #b9b9b9; background:none; font-size:14px;color: #666666; line-height:24px; height:90px; padding:11px 18px;border-radius: 3px;}
._form2 .yanzhengma{ cursor: pointer; position: absolute; right:1px; top:1px; height:46px; object-fit: contain; z-index:6;width:1rem;}
._form2 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:48px; padding-bottom: 1px; background:#236770; border:1px solid #236770; border-radius:3px;}
._form2 .submit:hover{background:none; color: #236770;}
._form2 .lab1{ display: block; width:100%; color:#666; font-size:14px; line-height:24px; margin-top: 0.25rem; }
._form2 .lab1 span{ color: #fc1e1e;}
._form2 .sub{ display:none; position: absolute; margin-top: -1px; top:100%; left:0; z-index: 10; width:100%; background:#fff; border:1px solid #b9b9b9;border-radius: 3px;padding:10px 0; box-shadow:0 4px 4px rgba(0,0,0,0.1); max-height:160px; overflow-y: auto;  scrollbar-width: thin;}
._form2 .sub li{ cursor: pointer; display: block; width:100%; color: #666; line-height:28px; font-size:14px; padding:0 18px;}
._form2 .sub li:hover{color: #236770;}
._form2 .jt{ position: absolute; right:18px; bottom:20px; border-left: 7px solid transparent; border-right:7px solid transparent;border-top: 8px solid #1e565d; }
._form2 input::placeholder{color:#8e8e8e; opacity:1 !important;}
._form2 textarea::placeholder{color:#8e8e8e; opacity:1 !important;}

@media screen and (max-width:1024px) {
._form2{ width:100%; margin-top:5px; }
._form2 .title1{ font-size:17px; }
._form2 .lab{ width:49%; margin-top: 16px;}
._form2 .lab1{ margin-top:16px; }
._form2 .name{  font-size:14px;padding-bottom:12px;}
._form2 .text{ font-size:14px; line-height:30px; height:42px; padding:5px 14px;}
._form2 .textarea{ font-size:14px; line-height:24px; padding:8px 14px;}
._form2 .yanzhengma{ height:40px;width:80px;}
._form2 .submit{ height:42px;}
._form2 .lab1{ font-size:14px;}
._form2 .jt{right:12px; bottom:18px; border-left: 5px solid transparent; border-right:5px solid transparent;border-top: 6px solid #1e565d; }
._form2 .sub li{padding:0 14px;}
}
@media screen and (max-width:767px) {
._form2 .lab{ width:100%;}
}



._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.3); float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; display:block;}
._pop video{ width:100%;}
._col{ float:left; text-align:center; cursor:pointer; position:absolute; right:10px; top:10px; width:33px; height: 33px;background: url(img/more.png) center no-repeat; background-size:100% auto !important;}
._htm{ float:left; width:825px; background: #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%); padding:0.47rem 0.25rem 0.56rem 0.25rem;
}
._htm .sect{display: block; padding:0 0.25rem;
  overflow-y: auto;
  scrollbar-width: thin;
  width: 100%;
  max-height:75vh;}
._htm .title{ width:100%;
	font-size: 0.26rem;
    color: #333;
    line-height:0.36rem;}
._htm .cont{ width:100%;
	font-size: 0.16rem;
    color: #666;
    margin-top: 0.22rem;
    line-height:0.26rem;}
._htm .biaodan{ width:100%;
    margin-top: 0.33rem;}


@media  screen and (max-width: 1600px){
._htm{  width:70%;}
}
@media  screen and (max-width:1024px){
._col{ right:5px; top:5px;}	
._htm{width:92%; padding:25px 8px 30px 8px;
}
._htm .sect{ padding:0 8px;}
._htm .title{
	font-size:18px;
    line-height:28px;}
._htm .cont{ width:100%;
	font-size:14px;
    margin-top:12px;
    line-height:24px;}
._htm .biaodan{
    margin-top:16px;}

}


.pagecon .fuwu .left{width:100%;}
.pagecon .fuwu-cont{margin-top:30px;}
@media  screen and (max-width:1024px){
.pagecon .fuwu-cont{margin-top:15px;}
}

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


a.none_important{display:none !important;}


/* 251222start */

.footer1 .nav .ico{ display: none; position: absolute; right:0; top:7px;  width:54px; height:42px; z-index: 6;}
.footer1 .nav .ico::after{ content:''; position: absolute; right:14px; top:14px; border-bottom: 2px solid #7da5aa; border-right: 2px solid #7da5aa; width:9px; height: 9px; transform:rotate(45deg); -ms-transform:rotate(45deg);}


@media (max-width: 1024px){
.footer1 .nav .a1::after{ display: none;}	
.footer1 .nav .ico{ display:block;}
}


/* 251222end */


/*260203start*/
.list01 .content{position: relative;
  height: 100%;}
 .news-title{  -webkit-line-clamp: initial;} 
.news-item-title{  -webkit-line-clamp: initial;} 
.list01-1 .slick-track{  display: flex;}
.list01-1 .item .w100{position: relative;
  height: 100%;}

.fuwu table td{ padding:0 0.2rem;  border:1px solid #dcdddd;}

@media (max-width: 1024px){
.fuwu table td{ padding:0 12px;}
}
@media (max-width:660px){
.fuwu table{ overflow: hidden; overflow-x: auto;display: flex;}	
.fuwu table tbody{width: 660px;
    max-width: 767px;
    min-width: 660px;
    display: table;}
}


@media (max-width:767px){
	.part1-1 li:last-child{ display:none;}
}

@media (max-width: 1024px){
.fuwu  table td{ padding:0 12px;}
.article-sidebar{ display:none;}
}


  
  /*260203end*/