@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;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #bbbbbb #dddddd;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #bbbbbb;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #bbbbbb;border-radius:8px;
}	


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


/*PC head*/
.t_navs{ position: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:1.1rem;}
.t_navs .top .logo{ line-height: 0; float: left; margin-left: 30px;}
.t_navs .top .logo a{ float: left;}
.t_navs .top .logo img{ width: auto; height:0.6rem;}
.t_navs .top .logo .img1{ display:block;}
.t_navs .top .logo .img2{ display:none;}
.t_navs .lang{ display:flex; align-items: center; position: relative; margin:0 0.25rem 0 5px;}
.t_navs .lang .a{ display:flex; align-items: center; position: relative; color: #fff; padding-right:30px; font-size:0.18rem; line-height:0.9rem; text-transform: uppercase; font-family: Arial; }
.t_navs .lang .a::after{ display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 8px solid #b2b2b2; }
.t_navs .lang .a .i{ width:0.2rem; height:0.2rem; margin-right:10px; background: url(img/lang.png) left center no-repeat; background-size:100% 100% !important;}
.t_navs .lang .down{ display: none; position: absolute;top:100%; left:0; width: 100%; background:rgba(0, 0, 0, 0.5);}
.t_navs .lang:hover .down{ display: block;}
.t_navs .lang .down .li{ display: block; width:100%; border-bottom:1px solid #eeeeee;}
.t_navs .lang .down .li:last-child{border-bottom:0 !important;}
.t_navs .lang .down .li a{ display: block; width:100%; text-align: center; color: #fff; line-height:0.31rem; font-size:0.18rem; padding:0.12rem 0;}
.t_navs .lang .down .li:hover a{ opacity:0.6; }
.t_navs .line{ display: flex; width:4px; height:12px; background:#b2b2b2; margin:0 0.2rem 0 5px;}
.t_navs .right{ display: flex; align-items: center;position: relative; padding-right: 30px;}
.t_navs ._Message{ cursor: pointer; display: flex; align-items: center; color: #fff;line-height:1; height:0.5rem; border-radius:0.5rem; font-size:0.18rem; padding:0 0.25rem 0 0.2rem;background: #1059db;}
.t_navs ._Message span{ padding-bottom:1px;}
.t_navs ._Message .i{ width:0.22rem; height:0.22rem; margin-right: 4px; background: url(img/ico20.png) center no-repeat; background-size:100% 100% !important; }
.t_navs ._Message:hover{ background: #fff;color: #000;}
.t_navs ._Message:hover .i{ background: url(img/ico20.1.png) center no-repeat;}
.t_navs .menu{ display: flex; }
.t_navs .menu ul{ display: flex; }
.t_navs .menu .nli{ display: flex; margin:0 5px;}
.t_navs .menu .nli span a{ display: block;color: #fff; line-height:0.5rem; border-radius:0.5rem; font-size:0.2rem; margin:0.3rem 0; padding:0 0.2rem;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ background: #fff;color: #000;}
.t_navs .menu .sub{ display: none; position: absolute;top:0.8rem; left:0; padding-top: 0.2rem; width: 100%;}
.t_navs .menu .sub .ul{ display: grid; gap:0 20px;grid-template-columns: repeat(4, 1fr); width: 100%; background:rgba(0, 0, 0, 0.5); z-index:8; padding:0.6rem 1.4rem 0.98rem 1.2rem;}
.t_navs .menu .sub .li{ display: block; width:100%; border-bottom:1px solid #eeeeee; padding:0.24rem 0;}
.t_navs .menu .sub .li a{ width:100%;color: #fff; line-height:0.26rem; font-size:0.16rem; padding:0 0.24rem 0 0;background: url(img/right_bai.png) right center no-repeat; background-size:0.2rem auto !important; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.t_navs .menu .sub .li:hover{border-bottom:1px solid rgba(255,255,255,0.6); }
.t_navs .menu .sub .li:hover a{ opacity:0.6; }

.t_navs.act{ background:#fff; box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.t_navs.act .top{ height:1rem;}
.t_navs.act .lang .a{ color:#000; line-height:1rem;}
.t_navs.act .lang:hover .a{ color:#1059db; }
.t_navs.act .lang:hover .a::after{border-top: 8px solid #1059db;}
.t_navs.act .lang:hover .a .i{background: url(img/lang1.png) left center no-repeat; }
.t_navs.act .top .logo .img1{ display:none;}
.t_navs.act .top .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{color: #000; margin:0.25rem 0; }
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{background: #1059db;color: #fff; }
.t_navs.act ._Message:hover{ background: #007bc6; color: #fff;}
.t_navs.act ._Message:hover .i{ background: url(img/ico20.png) center no-repeat; }

.t_navs.ect{ background:#fff;}
.t_navs.ect .lang .a{ color:#000; }
.t_navs.ect .lang:hover .a{ color:#1059db; }
.t_navs.ect .lang:hover .a::after{border-top: 8px solid #1059db;}
.t_navs.ect .lang:hover .a .i{background: url(img/lang1.png) left center no-repeat; }
.t_navs.ect .top .logo .img1{ display:none;}
.t_navs.ect .top .logo .img2{ display:block;}
.t_navs.ect .menu .nli span a{color: #000; }
.t_navs.ect .menu .nli.on span a,
.t_navs.ect .menu .nli:hover span a{background: #1059db;color: #fff; }
.t_navs.ect ._Message:hover{ background: #007bc6; color: #fff;}
.t_navs.ect ._Message:hover .i{ background: url(img/ico20.png) center no-repeat; }


@media screen and (max-width:1740px) {
.t_navs .menu .nli span a{ font-size:0.18rem;}	
}
@media screen and (max-width:1640px) {
.t_navs .menu .nli span a{  padding: 0 0.18rem;}	
.t_navs .menu .sub .ul{ padding:0.3rem 1.4rem 0.62rem 1.2rem;}
.t_navs .menu .sub .li{ padding:0.22rem 0;}
}	
@media screen and (max-width:1440px) {
.t_navs .top{  height: 1rem;}	
.t_navs .top .logo img{ height:0.5rem;}	
.t_navs .menu .nli span a{ font-size:0.18rem;  margin: 0.25rem 0;}	
.t_navs .menu .sub .ul{ padding:0.3rem 1.4rem 0.62rem 1.2rem;}
.t_navs .menu .sub .li a{ line-height:0.31rem; font-size:0.18rem; -webkit-line-clamp:4;}
}	
@media screen and (max-width:1024px) {
.t_navs .top{ height:50px; padding:0 15px;}
.t_navs.act .top{ height:50px;}
.t_navs .menu{ display: none;}
.t_navs .line{ display: none;}
.t_navs .right{ padding-right: 0;}
.t_navs .top .logo{ margin-left: 0;}
.t_navs .top .logo img{ height:30px;}
.t_navs .lang{ margin:0;}
.t_navs .lang .a{font-size:14px; line-height:50px; padding:0 20px 0 0;}
.t_navs.act .lang .a{ line-height:50px; }
.t_navs .lang .a::after{ margin-top: -3px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:6px solid #b2b2b2; }
.t_navs .lang .a .i{ width:16px; height:16px; margin-right:8px;}
.t_navs .lang .down .li a{ line-height:24px; font-size:15px; padding:8px 0;}
.t_navs ._Message{ font-size:13px; height:30px; margin:0 15px; padding:0 14px;  border-radius:30px;}
.t_navs ._Message .i{ width:16px; height:16px; margin-right: 4px;}
}
@media screen and (max-width:767px) {
.t_navs ._Message span{ display: none;}
.t_navs ._Message .i{ margin-right: 0;}
.t_navs ._Message{width:30px; padding:0; justify-content: center;}
}


.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;}

.t_navs.ect .menuph .navbtn,
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .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; border-top:1px solid #f2f2f0; }
.xialaph::-webkit-scrollbar{ display: none;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #000; font-size:16px; line-height:30px; padding:10px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph .a1box{display:block; width:50px; height:100%; position:absolute; right:0; top:0;}
.xialaph .a1box::after{display:block; content:''; width:9px; height:9px; position:absolute; right:6px; top:50%; border-top:1px solid #000; border-right:1px solid #000; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph .on .a1box::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #1059da; border-right:1px solid #1059da; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f0;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4.on  a{ color: #1059da;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f0;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size:14px; line-height:30px;}
.xialaph h5 a:hover{ color: #1059da;}
.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: #f2f2f0;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid #f2f2f0;}
.xialaph .ul2{ float: left; width: 100%; padding:0 10px 20px 10px;}



._form1{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form1 .lab{ width:100%; position:relative; display: flex;margin-top:0.2rem; padding-left:0.2rem; }
._form1 .xing{color:#e30000; position: absolute; left: 0; top: 0;
font-size: 0.16rem;
line-height: 0.5rem;}
._form1 .text{cursor: pointer; width:100%;
border:0;
border-radius: 8px;padding: 0.1rem;
background:#eeeeee;height:0.5rem;
color:#333;
font-size: 0.16rem;
line-height: 0.3rem;
}
._form1 .textarea{ cursor: pointer; width:100%;
border:0;
border-radius: 8px;padding: 0.1rem;
background:#eeeeee;height:2rem;
color:#333;
font-size: 0.18rem;
line-height: 0.3rem;}
._form1 .yanzhengma{ cursor: pointer;background:#eeeeee; /*object-fit: contain;*/ z-index:6; width:1.4rem; height:0.5rem; margin-left:10px;border-radius: 8px;border-radius: 8px;}
._form1 .Code{ width:1.5rem; padding-right:0 !important;}
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:0.18rem; line-height: 1; color: #fff; height:0.5rem; padding-bottom:2px; border:0;
border-radius: 8px;
background:#0070e6; border:0;
}
._form1 .submit:hover{ background: #007bc6;}


._form1 input::placeholder{color:#999999; opacity:1 !important;}
._form1 textarea::placeholder{color:#999999; opacity:1 !important;}


@media screen and (max-width:1600px) {
._form1 .lab{margin-top:0.16rem; padding-left:0.2rem; }
._form1 .textarea{height:1.7rem;}
}
@media screen and (max-width:1024px) {
._form1 .lab{ margin-top:14px; padding-left: 14px; }	
._form1 .xing{ font-size:12px; line-height:40px;}
._form1 .text{ font-size:12px; line-height:26px; height:40px; padding:7px 14px;}
._form1 .textarea{ font-size:12px; line-height:26px;  padding:7px 14px;height:170px;}
._form1 .Code{ width:122px;}
._form1 .yanzhengma{ width:112px; height:40px;}
._form1 .submit{ font-size:14px; height:40px; padding-bottom:0; }
}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.6;}
.my-puop2{ display:none; width:12rem; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop2 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%;border-radius: 10px; overflow: hidden;
background:#fff;}
.my-puop2 .left{ position: relative; display:block; width:45.8%; background: #8cc2ff;padding: 0.58rem 0.7rem 0.7rem 0.7rem;}
.my-puop2 .right{display:block; width:54.2%;padding: 0.7rem 0.66rem 0.6rem 0.66rem;}
.my-puop2 .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0.2rem; top:0.2rem; width:0.4rem; height:0.4rem; line-height: 0;}
.my-puop2 .colse img{display:block; width:100%;height:100%; object-fit: contain;}
.my-puop2 .title{display: block; width: 100%; color: #fff; font-size: 0.26rem; line-height: 0.36rem; font-weight: bold; padding-bottom: 0.22rem;}
.my-puop2 .info{display: block; width: 100%; color: #fff; font-size: 0.18rem; line-height: 0.2rem;}
.my-puop2 .info .p{display: flex; align-items: center; width: 100%; margin-top: 0.2rem;}
.my-puop2 .info img{display:block; width:0.5rem;height:0.5rem; object-fit: contain; margin-right: 0.22rem;}
.my-puop2 .pic{ position: absolute; left:0.7rem; bottom:0; width:3rem; line-height: 0;}

@media screen and (max-width:1600px) {
.my-puop2 .left{padding: 0.5rem 0.5rem 0.5rem 0.5rem;}	
.my-puop2 .right{padding: 0.4rem 0.5rem 0.5rem 0.5rem;}
.my-puop2 .title{ font-size: 0.36rem; line-height: 0.46rem; padding-bottom: 0.1rem;}
.my-puop2 .info{ font-size: 0.26rem; line-height: 0.36rem;}
.my-puop2 .info .p{ margin-top:0.16rem;}
.my-puop2 .info img{ width:0.4rem;height:0.4rem; margin-right: 0.16rem;}
.my-puop2 .pic{ left:0.5rem;  width:2.8rem;}
.my-puop2 .colse{ right:0.15rem; top:0.15rem; width:0.32rem; height:0.32rem; }
.my-puop2{width:10rem;}
}
@media screen and (max-width:1024px) {
.my-puop2{ width:92%;}
.my-puop2 .left{display:none;}
.my-puop2 .right{ width:100%; padding:45px 18px 30px 18px;}
.my-puop2 .colse{  right:14px; top:14px; width:28px; height:28px;}
}



.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative; }
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10; bottom:0.5rem; width:0.5rem; height:0.5rem; background: url(img/ico18.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ opacity:0.6;}
.index-banner .swiper-prev{ left:0.5rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.index-banner .swiper-next{ right:0.5rem;}
.index-banner .swiper-notification{ display:none; }


@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:20px; width:30px; height:30px;}
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px;}

}



.footer1{ position:relative;overflow: hidden; padding-top:1rem; padding-bottom:0.6rem;}
.footer1 .box{ display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between;}
.footer1 .box1{ display: flex; align-items:flex-start; justify-content: space-between; border-bottom: 1px solid #ffffff; padding:0.8rem 0 0.37rem 0;}
.footer1 .box2{ display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; margin-top:15px;}
.footer1 .logo{ display: inline-flex; line-height:0;}
.footer1 .logo img{ height:0.6rem;}
.footer1 .er{ display: flex; flex-wrap: wrap; width:100%; margin-top: 0.6rem;}
.footer1 .er .li{ display: block; line-height: 0; width:100px; margin-right:13px;}
.footer1 .nav{ display: flex; flex-direction: column; align-items: center;  position: relative; min-width:11.72%;}
.footer1 .nav .u2{ display: flex; flex-direction: column;  width:100%; padding: 0.14rem 0.14rem 0 0.14rem;}
.footer1 .nav .a1{ display:block;color: #fff; width:100%; font-size:0.2rem; line-height:0.3rem; border-top: 1px solid #ffffff;  border-bottom: 1px solid #ffffff; padding:0.15rem 0; }
.footer1 .nav .a2{ display:block; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); padding: 6px 0px;}
.footer1 .nav .a2:hover{ opacity:0.6;}
.footer1 .nav .i{display:none;width:50px; height:44px; position:absolute; right:0; top:0; z-index: 6;}
.footer1 .nav .i::after{display:block; content: ''; width:9px; height:9px; position:absolute; right:16px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); z-index: 6;}
.footer1 .nav .active.i::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top: -3px;}

.footer1 .Copyright{color: #fff; font-size:14px; line-height:24px;}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{ opacity:0.6;}
.footer1 .sjkf{color: #fff; font-size:14px; line-height:24px;}
.footer1 .sjkf a{color: #fff;}
.footer1 .sjkf a:hover{ opacity:0.6;}
.footer1 .share .li{display: inline-flex; margin:0 0 0 10px; position: relative;}
.footer1 .share .whact{ float:left; width:100px; height:100px;position:absolute; left:50%; margin-left:-50px; top:45px; z-index:20;-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% 10%;
	-moz-transform-origin:50% 10%;
	-ms-transform-origin:50% 10%;
	-o-transform-origin:50% 10%;
	transform-origin:50% 10%;
	-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 .whact{ 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);}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:30px; height:30px;border-radius:50%; background:#fff;}
.footer1 .share a img{ width:30px; height:30px;}
.footer1 .share a:hover{opacity: 0.8;}



@media (max-width: 1440px){
.footer1 .nav{ min-width:10.72%;}	
.footer1 .nav .a2{ font-size:14px; line-height:26px; padding: 0;}	
}
@media (max-width: 1024px){
.footer1{ background-attachment: fixed !important; padding:35px 20px;}
.footer1 .box1{ flex-wrap: wrap; padding: 20px 0;}
.footer1 .logo img{height:30px;}
.footer1 .er{ margin-top: 20px;}
.footer1 .nav{ width:48.5%; margin:7px 0;}	
.footer1 .nav .u2{ width:200%; margin-left: 100%; display: none; padding:15px 5px;}
.footer1 .nav:nth-child(2n) .u2{ margin-left: -100%; text-align: right;}
.footer1 .nav .a1{ border:0;  border-radius: 6px; background: rgba(255,255,255,0.15);  font-size:16px; line-height:26px; padding:8px 15px; }
.footer1 .nav .i{display:block;}
.footer1 .share a{  width:26px; height:26px}
.footer1 .share a img{ width:26px; height:26px;}
}
@media (max-width: 767px){
.footer1 .box{ justify-content: center;}	
.footer1 .share { margin-top:20px;}
.footer1 .share .li{ margin:0 5px;}
.footer1 .er{ justify-content: center;}	
.footer1 .er .li{ width:100px; margin:0 10px;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .Copyright .pc_show1{ display: inline-block;}
.footer1 .sjkf{ width:100%; text-align: center;}
}


.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:16px; line-height:0.5rem; padding:0 0.3rem; white-space: nowrap;}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:100px; background: #fff; border-radius:6px; line-height:0; overflow: hidden;}
.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.15rem;}	
}	
@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{ border-radius:30px; line-height:30px; padding:0 15px;}
}





._btn{ display: inline-flex;}
._btn .swiper-prev,
._btn .swiper-next{ display:flex; width:0.5rem; height:0.5rem; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important; cursor: pointer; border-radius:50%; border:1px solid #999999; margin-left:0.1rem;}
._btn .swiper-prev:hover,
._btn .swiper-next:hover{ background: url(img/ico3.png) center no-repeat; background-color: #0f58d5; border:1px solid #0f58d5;}
._btn .swiper-prev{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}
._btn .swiper-pagination{ display:flex; justify-content: center; align-items:center; color: #999999; line-height:1; font-size:0.2rem; width:0.5rem; height:0.5rem; border-radius:50%; border:1px solid #999999;}
._btn .swiper-pagination:hover{ border:1px solid #0f58d5; color: #0f58d5; }

@media screen and (max-width:1024px) {
._btn .swiper-pagination{ font-size:12px; width:30px; height:30px; }
._btn .swiper-prev,
._btn .swiper-next{ width:30px; height:30px; margin-left:10px;}

}



.h-tit{display: flex; flex-wrap: wrap; width:100%; align-items: center; justify-content: space-between;}
._more{display: block; width:0.5rem; height:0.5rem; background: url(img/ino4.png) center no-repeat; background-size:100% 100% !important;}
._more:hover{ background: url(img/ino3.png) center no-repeat; }
._more.white{ background: url(img/ino5.png) center no-repeat;}
._more.white:hover{ background: url(img/ino2.png) center no-repeat; }
._more.hui:hover{ background: url(img/ino2.png) center no-repeat; }

@media screen and (max-width:1024px) {
._more{ width:30px; height:30px;}

}


.about4{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between;  }
.about4 .tit30{  display:block; width:100%;  line-height:0.4rem; color:#535353;font-size:0.3rem;}
.about4 .left{ display:block; width:49%; margin-top: 0.3rem;}
.about4 .left .info{ width:100%; color:#525252;font-size:0.2rem; line-height:0.32rem; margin-top:20px;}
.about4 .right{ display:block;  width:5rem; }
.about4 .cont{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-top: 1px solid #dddddd; margin-top:0.7rem;}
.about4 .cont .box{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;width: 100%; padding:0.15rem 0; border-bottom: 1px solid #dddddd;} 
.about4 .cont .box ._flex{display: flex; align-items: flex-start;}
.about4 .cont .box .num{ display: inline-flex; font-size:0.5rem; line-height:1;color: #555555; font-weight: bold;}
.about4 .cont .box .p2{ display: inline-flex; font-size:0.16rem; line-height:0.26rem; margin-left:0.1rem; color: #333333; }
.about4 .cont .box .p3{ width: 60%; font-size:0.16rem; line-height:0.26rem; color: #4a4d53;/* margin-top:0.05rem; */ }
.about4 .pic{display:block; width:4rem; position: relative; top: 0; margin-top: -2.5rem; z-index: 6;}
.about4 .pic ._img{display:block; padding-bottom: 62.5%;}
.about4 .pic .slick-prev,
.about4 .pic .slick-next{ width:0.3rem; height:0.3rem; margin-top: 0; top: auto; bottom: 10px; background: url(img/next1.png) center no-repeat;}
.about4 .pic .slick-prev{
    left:auto;right:10px; margin-right: 0.3rem;
}
.about4 .pic .slick-next{
    right:7px;
}

@media screen and (max-width:1024px) {
.about4{ flex-wrap: wrap;}	
.about4 .tit30{ font-size:18px; line-height:28px;}	
.about4 .left{ width: 100%;  margin-top:15px; }	
.about4 .left .info{font-size: 15px ; line-height: 26px; margin-top:10px;}
.about4 .right{ width: 100%; margin-top:25px; }	
.about4 .right .info{font-size:14px; line-height:26px;}
.about4 .cont{ margin-top:25px;}
.about4 .cont .box{ padding:12px 0; } 
.about4 .cont .box .num{ font-size:26px; line-height:36px;}
.about4 .cont .box .p2{ font-size: 14px ; line-height: 24px;margin-left: 6px;}
.about4 .cont .box .p3{font-size:14px; line-height:24px;/* margin-top:2px; */}
.about4 .pic{ width:100%;margin-top:0;}
.about4 .pic .slick-prev,
.about4 .pic .slick-next{ width:24px; height:24px;}
.about4 .pic .slick-prev{
    left:auto;right:10px; margin-right:24px;
}
.about4 .pic .slick-next{
    right:7px;
}
}
@media screen and (max-width:767px) {


}









.main3{  display:flex; align-items: flex-start; justify-content: space-between; width: 100%; }
.main3 .left{width:100%;}
.main3 .right{min-width:5rem;width:5rem; font-size:0.2rem; line-height:0.32rem; color: #545454;}
.main3 .info{width:100%;  }
.main3 ._ul01{ display: flex; flex-wrap: wrap; width: 100%;}
.main3 ._ul01 .li:nth-child(1){ border-top:1px solid #999999;}
.main3 ._ul01 .li:nth-child(2){ border-top:1px solid #999999;}
.main3 ._ul01 .li{ display: block; width:44.64%; margin-right: 5.36%; border-bottom:1px solid #999999; padding:0.16rem 0;}
.main3 ._ul01 .li a{ display: block; width:100%;color: #333333; line-height:0.37rem; font-size:0.26rem; padding:0 0.24rem 0 0;background: url(img/right_hei.png) right center no-repeat; background-size:0.2rem auto !important;}
.main3 ._ul01 .li:hover a{ color: #1059da; }

@media screen and (max-width:1780px) {
.main3 ._ul01 .li a{ line-height:0.36rem; font-size:0.24rem;}
}
@media screen and (max-width:1024px) {
.main3{ flex-wrap: wrap;}	
.main3 .right{min-width:100%;width:100%; margin-top: 20px;font-size:15px; line-height:26px;}
.main3 .info{}	
.main3 ._ul01{ justify-content: space-between;}	
.main3 ._ul01 .li a{font-size:16px; line-height:26px; padding:0 20px 0 0; background-size:16px auto !important;}
.main3 ._ul01 .li{ width:48.5%; margin-right:0; padding:8px 0;}
}
@media screen and (max-width:767px) {
.main3 ._ul01 .li{width: 100%; margin-right:0;}
.main3 ._ul01 .li:nth-child(2){ border-top:0;}
}




.list01{ display: block; width: 100%;}
.list01 .ul{ display: grid;grid-template-columns: repeat(8, 1fr);  gap:10px 14px;width: 100%;}
.list01 .ul .li{ display: flex; flex-wrap: wrap; }
.list01 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; align-content: flex-start; padding:0.16rem 0.12rem; background:#fff;  border: 1px solid #f2f2f0;}
.list01 .ul .li .ico{display: block; margin: 0 auto; line-height:0; width:1.32rem; text-align: center;aspect-ratio: 100/50; /* 宽高比 */}
.list01 .ul .li .ico img{ display: block; width:100%; height:100%; object-fit: contain;}
.list01 .ul .li .tit{ width: 100%; font-size: 0.16rem; line-height:0.26rem; color: #555555; margin-top:0.14rem; text-align: center;}
.list01 .ul .li .tit br{ display: ;}
.list01 .ul .li .a:hover{ border: 1px solid #115adb;}

.list01.ph{ display: none;}


@media screen and (max-width:1600px) {
.list01 .ul{ gap:10px 10px;}	
}
@media screen and (max-width:1024px) {
.list01 .ul{grid-template-columns: repeat(5, 1fr);}	
.list01 .ul .li .a{ padding:14px 14px;}	
.list01 .ul .li .tit{font-size:14px; line-height:22px;margin-top:10px;  }
.list01 .ul .li .ico{width:82%;}
.list01.ph{ display: block;}
.list01.pc{ display: none;}
}
@media screen and (max-width:767px) {
.list01 .ul{ grid-template-columns: repeat(3, 1fr);}
.list01 .ul .li .tit .s{ display: block;}
/* .list01 .ul .li .tit{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;} */
.list01 .slick-prev,
.list01 .slick-next{ top:-50px; margin: 0; background: url(img/ico17.png) center no-repeat;}
.list01 .slick-prev{ left: auto; right: 80px;}
.list01 .slick-next{ right: 40px;}
.list01 .slick-prev:hover,
.list01 .slick-next:hover{ opacity:1; background: url(img/ico16.png) center no-repeat;}
}



.list03{ display: block; width:calc(100% + 0.7rem); margin-left: -0.35rem; margin-right: -0.35rem;}
.list03 .ul{display: block; width: 100%;}
.list03 .ul .li{ display: flex; flex-wrap: wrap; width:33.333%; padding:0 0.35rem; }
.list03 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%;}
.list03 .ul .li .tit{ width: 100%; font-size: 0.26rem; line-height:0.30rem;height:0.64rem;  color: #bbbbbb; margin-top:0.27rem;}
.list03 .ul .li .info{ width: 100%; font-size: 0.16rem; line-height:0.26rem; color: #bababa; margin-top:0.25rem;}
.list03 .ul .li .a:hover .tit{ color: #fff;}
.list03 .ul .li .a:hover .info{ color: #fff;}
.list03 .slick-prev,
.list03 .slick-next{ top:-46px; margin-top: -0.5rem; background: url(img/ico17.png) center no-repeat;}
.list03 .slick-prev{ margin-right:20px; left: auto; right:1.35rem;}
.list03 .slick-next{margin-right:10px;  right: 0.85rem;}
.list03 .slick-prev:hover,
.list03 .slick-next:hover{ opacity:1; background: url(img/ico15.png) center no-repeat;}


@media screen and (max-width:1600px) {
.list03{ width:calc(100% + 0.5rem); margin-left: -0.25rem; margin-right: -0.25rem;}
.list03 .ul .li{padding:0 0.25rem; }
.list03 .slick-prev{ margin-right:20px; left: auto; right:1.25rem;}
.list03 .slick-next{margin-right:10px;  right: 0.75rem;}
}

@media screen and (max-width:1366px) {
.list03 .ul .li .tit{ line-height:0.32rem; height: 0.66rem;}
}

@media screen and (max-width:1024px) {
.list03{ width:calc(100% + 16px); margin-left: -8px; margin-right: -8px;}	
.list03 .ul .li{ padding:0 8px;}	
.list03 .ul .li .tit{font-size:16px; line-height:22px; height: 44px; margin-top:5px;  }
.list03 .ul .li .info{font-size:14px; line-height:24px;margin-top:10px;  }
.list03 .slick-prev,
.list03 .slick-next{ top:-20px; margin-top: -30px; }
.list03 .slick-prev{ left: auto; right:68px;}
.list03 .slick-next{ right:38px;}
}

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

}




.list04{display: block; width: 100%; position: relative; top:0; margin-top: -0.5rem;}
.list04 .div{display: flex; justify-content: space-between;  flex-wrap: wrap; width: 100%;}
.list04 .left{display: flex; flex-wrap: wrap; width: 43.83%; align-content: space-between; margin-top: 0.9rem; }
.list04 .right{display: block; width: 48.14%;}
.list04 .pic{display: block; width: 100%;}
.list04 .pic .a{display: block; width: 100%; border-radius: 10px; overflow: hidden;aspect-ratio: 100 / 53.84;}
.list04 .pic .a img{ width: 100%;height: 100%; object-fit: cover;}
.list04 .tit{ width: 100%;color: #000000; font-size: 0.3rem; line-height: 0.4rem; -webkit-line-clamp:2;}
.list04 .ifon{ width: 100%; margin-top:0.26rem; color: #aaaaaa; font-size: 0.18rem; line-height: 0.3rem;}
.list04 ._more{ margin-top:0.26rem;}
.list04 .div:hover .tit{ color: #1059db;}
.list04 .slick-prev,
.list04 .slick-next{ top:auto; bottom: 0; margin-top:0; background: url(img/ico17.png) center no-repeat;}
.list04 .slick-prev{margin-left:10px; left: 0.5rem;}
.list04 .slick-next{margin-left:20px; right: auto; left:1rem;}
.list04 .slick-prev:hover,
.list04 .slick-next:hover{ opacity:1; background: url(img/ico16.png) center no-repeat;}

@media screen and (max-width:1024px) {
.list04{ margin-top:0;}	
.list04 .tit{font-size:16px; line-height:24px;}
.list04 .ifon{font-size:14px; line-height:24px; margin-top:10px;  }
.list04 ._more{ margin-top:15px;}
.list04 .slick-prev,
.list04 .slick-next{ top:auto; bottom: 0; margin-top:0;}
.list04 .slick-prev{margin-left:10px; left:30px;}
.list04 .slick-next{margin-left:20px; right: auto; left:60px;}
}

@media screen and (max-width:767px) {
.list04{ margin-top:-30px; z-index: 6;}		
.list04 .div{ flex-wrap: wrap-reverse;}
.list04 .left{ width:100%; margin-top:20px; }
.list04 .right{ width:100%; margin-top:50px;  }
.list04 ._more{ position: absolute; right:0; top: 0; margin:0;}
.list04 .slick-prev,
.list04 .slick-next{ bottom:auto; top:0; margin-top:0;}
.list04 .slick-prev{margin-left:0; left:auto; right:80px;}
.list04 .slick-next{margin-left:0; right:40px; left:auto;}
}


.main2{ overflow: hidden;}
.main2 .w_width{ position: relative;}
.main2 .w_width::after{ display: block; content: ''; position: absolute; right: 100%; margin-right:-2.5rem; top:-1rem; z-index: 1; width: 3000px; height:calc(100% + 2.5rem); background: rgba(0,0,0,0.3);}
.main2 .top{ position: relative; z-index: 6; display: flex; justify-content: space-between; align-items: flex-start;  flex-wrap: wrap; width: 100%;}
.main2 .left{display: flex; flex-direction: column;}
.main2 .right{display: block;  width: 49.38%; }
.main2 .info1{display: block; text-align: right; width: 100%; color: #fff; font-size: 0.2rem; line-height: 0.32rem; }
.main2 ._more{ margin-top: 0.55rem;}

@media screen and (max-width:1024px) {
.main2 .right{ width: 100%; }
.main2 .left{width: 100%; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between;}
.main2 ._more{ margin-top: 0;}
.main2 .info1{font-size:15px; line-height:26px; text-align: left; margin-top: 15px; }
.main2 .info1 br{display: none;}
.main2 .w_width::after{ display: none; }
}


.list05{ position: relative; z-index: 6; display: block; width: 100%;}
.list05 .ul{display: grid;  gap:0.2rem 0.18rem; grid-template-columns: repeat(5, 1fr);}
.list05 .li ._img{ padding-bottom:74.19%;}
.list05 .li .a{display: block; width: 100%; position: relative; overflow: hidden;}
.list05 .li .cont{display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%;height:100%; position: absolute; left: 0; top: 100%; z-index: 6; background: rgba(0,0,0,0.7);padding:0.1rem 0.26rem; transform: translateY(-0.5rem); -ms-transform: translateY(-0.5rem); text-align: center; }
.list05 .li .tit{ width: 100%; color: #fff; font-size: 0.2rem; line-height: 0.32rem;}
.list05 .li .info{width: 100%; color: #fff; font-size: 0.16rem; line-height: 0.2rem; margin-top:0.32rem;}
.list05 .li:hover .cont{ align-content: center; transform: translateY(-100%) !important; -ms-transform: translateY(-100%) !important;}

@media screen and (max-width:1024px) {
.list05 .ul{grid-template-columns: repeat(4, 1fr); gap:14px 14px;}	
.list05 .li .tit{font-size:15px; line-height:26px; }
.list05 .li .info{font-size:14px; line-height:18px; margin-top:10px; }
.list05 .li .cont{ padding:8px 14px; transform: translateY(-40px); -ms-transform: translateY(-40px); }
}
@media screen and (max-width:767px) {
.list05 .ul{ grid-template-columns: repeat(2, 1fr);}
}


.main4{ overflow: hidden;}
.main4 .box{display: flex; width: 100%;}
.main4 .box::after{display: block; width:3000px;height:100%; position: absolute; right:100%; margin-right:-2.5rem; top: 0; z-index:1; content: '';
 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
   background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
   background-image: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
   background-image: linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
 }
.main4 .left{display: flex; flex-wrap: wrap; min-width:2.5rem; align-content: space-between; padding:0.95rem 0 1.3rem 0;}
.main4 .tit40{ width: 100%;}

@media screen and (max-width:1024px) {
.main4 .left{ min-width:118px; padding:30px 0 35px 0;}
}
@media screen and (max-width:767px) {
.main4 .box::after{display: none;}	
.main4 .box{flex-wrap: wrap;}
.main4 .left{ min-width:100%; width:100%; justify-content: space-between; padding:30px 0 0 0;}
.main4 .tit40{ width: auto;}
}

.list06{display: block; width: 100%; min-width:calc(50vw + 810px - 2.5rem);}
.list06 .slick-track{display: flex;}
.list06 .ul{display: flex; flex-wrap: wrap;width: 100%;}
.list06 .li{display: flex; flex-wrap: wrap; width: 25%; background: rgba(0,0,0,0.34); position: relative;}
.list06 .li:nth-child(2n){ background: rgba(0,0,0,0.3);}
.list06 .li .a{ position: relative;display: flex; flex-wrap: wrap; align-content: space-between; width: 100%; padding:0.98rem 0.35rem 0 0.35rem;}
.list06 .li .a::after{display: block; width:2px;height:0.6rem; position: absolute; left:0; top:1rem; z-index:1; content: '';
 background:#fff;
 }
 .list06 .li .a:hover{ background: rgba(0,0,0,0.5);}
.list06 .li:hover .a::after{ height:1.2rem;}
.list06 .li .w100{ width: 100%; padding:0 0.16rem;}
.list06 .li .tit{ width: 100%; color: #fff; word-wrap: break-word; font-size: 0.3rem; line-height: 0.34rem; font-weight: bold; position: relative;}
.list06 .li .tit1{width: 100%; color: #fff; font-size: 0.2rem; line-height: 0.24rem; margin-top:0.16rem;}
.list06 .li .info{width: 100%; color: #fff; font-size: 0.16rem; line-height: 0.2rem; margin-top:0.2rem;}
.list06 .li .ico{display: block; width: 100%;  line-height: 0;aspect-ratio: 100 / 129; margin-top: 0.32rem;}
.list06 .slick-prev,
.list06 .slick-next{ top:auto; bottom:1.3rem; margin-top:0; background: url(img/ico19.png) center no-repeat;}
.list06 .slick-prev{margin-left:10px; left:-2rem;}
.list06 .slick-next{margin-left:20px; right: auto; left:-1.5rem;}
.list06 .slick-prev:hover,
.list06 .slick-next:hover{ opacity:1; background: url(img/ico16.png) center no-repeat;}


@media screen and (max-width:1780px) {
.list06{ min-width:calc(100% - 1.7rem);}
.list06 .li .w100{padding:0;}
.list06 .li .a{ padding:0.98rem 0.26rem 0 0.26rem;}
.list06 .li .tit{ font-size: 0.28rem; line-height: 0.32rem; }
.list06 .li .tit1{ font-size: 0.18rem; line-height: 0.22rem; margin-top:0.16rem;}
}
@media screen and (max-width:1024px) {
.list06 .li .a{ padding:30px 16px 0 16px;}	
.list06 .li .a::after{height:22px; top:30px; }
.list06 .li:hover .a::after{ height:44px;}
.list06 .li .tit{font-size:18px; line-height:22px; }
.list06 .li .tit1{font-size:15px; line-height:19px; margin-top:10px }
.list06 .li .info{font-size:14px; line-height:18px; margin-top:14px; }
.list06 .li .ico{ margin-top:0;}
.list06{ min-width:calc(100% - 103px);}
.list06 .slick-prev,
.list06 .slick-next{ bottom:auto; top:30px; margin-top:0;}
.list06 .slick-prev{margin:0 20px 0 0; left: auto; right:74px;}
.list06 .slick-next{margin:0 10px 0 0; left: auto; right:44px;}
}
@media screen and (max-width:767px) {
.list06{ min-width:calc(100% + 30px); margin:-60px -15px 0 -15px;}
.list06 .li .a{ padding:90px 14px 0 14px;}	
.list06 .li .a::after{ top:90px; }
}



/* history */
.history{ position: relative; overflow:hidden;}
.history .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; flex-direction: column; box-sizing: content-box; height: 9rem;}
.history .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.history .box{ display: flex; width: 100%; position: relative;}
.history .left{ display:block; min-width:2.7rem; padding:1rem 0;}
.history .div{ display: flex; width: 100%; }
.history .sect {display: block;position: relative; width: 100%;padding:0.63rem 0 0.53rem 0;}
.history .sect::before{display: block; width:3rem;position: absolute; background:rgba(0,0,0,0.5);  left:0; z-index:1; content: '';height:100%;  top:0;}
.history .slick-list{ z-index: 6;}
.history .year{ display:flex; align-items: center;/* background:rgba(0,0,0,0.5); */ min-width:3rem;/* min-height:1.1rem; */ min-height: 1.1rem; }
.history .year .p{ cursor: pointer; width: 100%; display: block; text-align: center; color: #fff; font-size:0.4rem; line-height:0.5rem; font-weight: bold;}
.history .slick-current .year .p{ color: #1059db;}
.history .swiper-slide-active .year .p{ color: #1059db;}
.history .on .year .p{ color: #1059db;}
.history .right{ display:flex; flex-wrap: wrap; align-items: center; width:100%; padding:0.2rem 0 0.2rem 0.4rem;}
.history .right .cont{ display:block; width: 100%; position: relative; color: #fff; font-size:0.2rem; line-height: 0.30rem;}
.history .slick-arrow{ top: auto; bottom:1.1rem;}
.history .slick-prev{ left:-2.7rem; transform:rotate(270deg); -ms-transform:rotate(270deg); margin-bottom:calc(10px + 0.5rem);}
.history .slick-next{ right:auto; left:-2.7rem; transform:rotate(90deg); -ms-transform:rotate(90deg);}



@media screen and (max-width:1024px) {
.history .sect::before{ left:15px; width:calc(100% - 30px);height:46px;top:20px;}
.history .box{ flex-wrap: wrap;}
.history .div{ flex-wrap: wrap;}
.history .year{ padding:10px 0;min-height: inherit;}
.history .year .p{ font-size:18px; line-height:26px; margin: 0;}
.history .left{ width:100%; padding:30px 0 0 0;}
.history .right .cont{ font-size:14px; line-height: 24px; }
.history .year{ width:100%;}
.history .sect{padding:20px 8px 35px 8px; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px);}
.history .right{ width:100%; padding:20px 7px  0 7px;}
.history .right .p{ margin-top:20px;}
.history .slick-arrow{ bottom: auto; top:-44px;}
.history .slick-prev{ left:auto; right:47px; margin-bottom:0; transform:rotate(180deg); -ms-transform:rotate(180deg); }
.history .slick-next{ left:auto; right:7px; transform:rotate(0deg); -ms-transform:rotate(0deg);}
}


.in-banner{ position: relative; overflow: hidden; }
.banText{ width:100%; position: absolute; left: 0; top:52.8%; z-index: 10; display: block;}
.mbx{ display: block; color: #fff; font-size:0.18rem; line-height:0.28rem; margin-top:4px;}
.mbx a{ color: #fff;}
.mbx a:hover{ text-decoration: underline;}
@media screen and (max-width:1024px) {
.banText{ text-align: center;}	
.mbx{display: none;font-size:14px; line-height:24px;}	
}	


/**/
.about1{display:block; width: 100%;}
.about1 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.about1 .right{ display:block; width:43.2%;}
.about1 .left{ display:block; width:52.9%;}
.about1 .cont{display: block; width:100%; overflow:hidden; padding-right:0.6rem; color: #333; font-size:0.2rem; line-height: 0.32rem;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:4.4rem;}
.about1 .info{ display: block; width: 100%; color: #333;}
.about1 .pic{ display: block; line-height: 0; width: 100%;}
.about1 .pic .img{ overflow: hidden; border-radius: 10px;}
.about1 .pic img{width: 100%;}
.about1 .tit{display: block; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 6; width:100%; overflow:hidden; padding:0.28rem 0.22rem 0.22rem 0.22rem; color: #fff; font-size:0.2rem; line-height: 0.32rem;}
.about1 .slick-prev,
.about1 .slick-next{ top:-50px; margin-top:-0.5rem; background: url(img/ico17.png) center no-repeat;}
.about1 .slick-prev{margin-right:10px; left: auto; right: 0.5rem;}
.about1 .slick-prev:hover,
.about1 .slick-next:hover{ opacity:1; background: url(img/ico16.png) center no-repeat;}


@media screen and (max-width:1600px) {
.about1 .cont{ padding-right:0.5rem;
 max-height:3.9rem;}
}
@media screen and (max-width:1024px) {
.about1 .left{ width:100%; }
.about1 .right{ width:100%; margin-top: 20px; padding-bottom:40px;}
.about1 .tit40{ font-size:18px; line-height: 28px;}
.about1 .cont{ padding-right:0;font-size:15px; line-height:26px; text-align:left;
 max-height:inherit;}
.about1 .tit{font-size:15px; line-height:26px; padding:12px 14px;}
.about1 .box{/* flex-wrap: wrap-reverse; */}
.about1 .slick-prev,
.about1 .slick-next{ top:100%; margin-top:20px;}
.about1 .slick-prev{margin-right:0; right: auto; left:40%;}
.about1 .slick-next{ right:40%;}

}



.fuwu2{ display: block; width: 100%;}
.fuwu2 .ul{ display: grid;grid-template-columns: repeat(4, 1fr);  gap: 0.33rem;width: 100%;}
.fuwu2 .ul .box{ display: flex; flex-wrap: wrap; position: relative; border-radius: 10px; overflow: hidden;}
.fuwu2 .ul .box .bg{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;z-index: 1; opacity: 0;}
.fuwu2 .ul .box .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; align-content: flex-start; border-radius: 10px; padding:0.44rem 0.35rem 0.42rem 0.35rem; background:#fff;}
.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.62rem; height:0.62rem;}
.fuwu2 .ul .box .t1{ width: 100%; font-size: 0.3rem; line-height:0.4rem; color: #333; margin-top:10px; text-align: center;}
.fuwu2 .ul .box .p1{ width: 100%; font-size: 0.24rem; line-height:0.3rem; color: #777; width:100%; text-align: center; margin-top:0.24rem;}
.fuwu2 .ul .box .line{width: 30px; height:3px; background: #333; margin:0.15rem auto 0 auto;}
.fuwu2 .ul .box:hover .bg{ opacity: 1;}
.fuwu2 .ul .box:hover .a{ background:rgba(0,0,0,0.5);}
.fuwu2 .ul .box:hover .t1{ color: #fff;}
.fuwu2 .ul .box:hover .p1{ color: #fff;}
.fuwu2 .ul .box:hover .line{ background: #fff;}

@media screen and (max-width:1600px) {
.fuwu2 .ul{ gap:0.3rem;}	
.fuwu2 .ul .box .a{ padding:0.4rem 0.3rem 0.4rem 0.3rem; }
.fuwu2 .ul .box .t1{ font-size: 0.28rem; line-height:0.38rem;}
.fuwu2 .ul .box .p1{ font-size: 0.22rem; line-height:0.28rem;}
}
@media screen and (max-width:1024px) {
.fuwu2 .ul{ gap:14px;}	
.fuwu2 .ul .box .a{ padding:20px 15px;}
.fuwu2 .ul .box .ico .img{ width:40px; height:40px;}
.fuwu2 .ul .box .p1{ font-size:14px; line-height:22px;margin-top:10px;  }
.fuwu2 .ul .box .t1{ font-size:16px; line-height:26px;margin-top:8px; }
.fuwu2 .ul .box .line{width: 20px; height:2px; margin:10px auto 0 auto;}
}

@media screen and (max-width:767px) {
.fuwu2 .ul{grid-template-columns: repeat(2, 1fr);}

}


.Contact{ display: block; width:100%; }
.Contact .addr{  display: grid;grid-template-columns: repeat(4, 1fr);  gap: 0.33rem 0.3rem; width: 100%;align-items: flex-start; }
.Contact .addr .li{ display: flex; width:100%; align-content: flex-start; border-radius: 10px; padding:18px 0.4rem; background:#fff;}
.Contact .addr .pic{display: flex; align-items: center; min-width:0.5rem;height:1.14rem; line-height: 0; margin-right: 0.12rem;}
.Contact .addr .pic img{width:0.5rem;width:0.5rem; object-fit: contain;}
.Contact .addr .cont{ display: flex; width:100%; flex-wrap: wrap;  align-content: center; min-height:1.14rem; }
.Contact .addr .tit{ width:100%; color: #aaa;font-size:0.2rem; line-height:0.24rem;}
.Contact .addr .num{ font-weight: bold; width: 100%; color: #333; font-size:0.2rem; line-height:0.24rem; margin-top:4px;}

@media screen and (max-width:1600px) {
.Contact .addr{ gap:0.3rem;}	
.Contact .addr .li{ padding:18px 0.3rem; }
}
@media screen and (max-width:1024px) {
.Contact .addr{ grid-template-columns: repeat(2, 1fr); gap:14px 14px;}
.Contact .addr .li{ padding:14px 15px;}
.Contact .addr .pic{min-width:32px;width:32px;height:44px; margin-right:10px;}
.Contact .addr .pic img{width:32px;width:32px;}
.Contact .addr .cont{min-height:44px; }
.Contact .addr .tit{ font-size:16px; line-height:20px;}
.Contact .addr .num{ font-size:16px; line-height:20px; }
}
@media screen and (max-width:767px) {
.Contact .addr{grid-template-columns: repeat(1, 1fr);}	
}




/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; width:100%; justify-content:center;}
.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 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#1059db; color: #fff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:0.72rem;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.17rem; height:0.17rem; 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:#1059db;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:9px; height:9px; 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 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


._list1{ display:block; width: 100%;}
._list1 .ul{ display: flex; flex-wrap: wrap; width: calc( 100% + 1.2rem); margin:-0.49rem -0.6rem;}
._list1 .ul .box{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.49rem 0.6rem;}
._list1 .ul .box a{display:block; width: 100%;}
._list1 .ul .pb{ padding-bottom: 56%; border-radius: 10px;}
._list1 .ul .box .tit1{ font-size: 0.26rem; line-height: 0.32rem; height:0.96rem; color: #000; margin-bottom:0.13rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
._list1 .ul .box:hover .tit1 { color: #1059db;}
._list1 .ul .box .p1{ font-size: 0.18rem; line-height: 0.28rem; height:0.56rem; color: #999999; margin-bottom:0.17rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}



@media screen and (max-width:1600px) {
._list1 .ul{  width: calc( 100% + 0.8rem); margin:-0.4rem -0.4rem;}
._list1 .ul .box{ padding:0.4rem 0.4rem;}
}
@media screen and (max-width:1024px) {
._list1 .ul{ width: calc( 100% + 14px); margin:-12px -7px;}
._list1 .ul .box{ padding:18px 7px;}	
._list1 .ul .box .tit1{ font-size: 16px; line-height:22px; height:66px; margin-bottom:7px;}
._list1 .ul .box .p1{ font-size: 14px; line-height:22px; height: 44px; margin-bottom: 14px;}
}
@media screen and (max-width:767px) {
._list1 .ul .box{ width: 100%;}	
._list1 .ul .box .tit1{ height:auto;}
._list1 .ul .box .p1{ height:auto;}
}






.news2{ position: relative;}
.news2::after{ display: block; content: ''; position: absolute; left:50%; top: 0; z-index: 1; width:50%; height: 100%; background:#f4f4f4;}
.news2 .box{ display: flex; flex-wrap: wrap;justify-content: space-between; width: 100%; position: relative;}

.news2 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; background: #fff; width:77.2%; padding:0.95rem 0.7rem 1.09rem 0;}
.news2 .left .time{ display: block; width: 100%; color: #888; font-size:0.18rem; line-height:0.28rem; margin-top: 0.5rem; }
.news2 .left .cont{ display: block; width: 100%; color: #535353; border-top: 1px solid #dddddd; font-size:0.2rem; line-height:0.32rem; margin-top:26px; padding-top:0.44rem;}
.news2 .right{display: flex; flex-wrap: wrap; align-content: flex-start; width:22.8%; padding:0.5rem 0 1.09rem 0.7rem;}
.news2 .list{ display: flex; flex-wrap: wrap; width:100%;position: sticky; top:0.6rem;}
.news2 .list .li{ display: flex; flex-wrap: wrap; width:100%; margin-top:0.46rem;}
.news2 .list .li .la{ overflow: hidden; display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%;}
.news2 .list .li ._img{ padding-bottom:56.66%; border-radius: 10px; margin-top:0.35rem;}
.news2 .list .li .next{ display: flex; align-items: center; width:100%; color:#000000;font-size:0.2rem; line-height:0.3rem;}
.news2 .list .li .next img{width:0.2rem; height: 0.2rem;}
.news2 .list .li .tit{ width: 100%;font-size: 0.26rem; line-height: 0.36rem; color: #000; margin-top:0.18rem;}
.news2 .list .li .p{ width: 100%; font-size: 0.18rem; line-height: 0.3rem; color: #888; margin-top:0.17rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;
}
.news2 .list .li .time{ width: 100%;font-size: 14px; line-height: 22px; color: #999999; margin-top:10px;}
.news2 .list .li .la:hover .tit{ color: #1059db;}
.news2 .list .li .la:hover ._img img{ transform: scale(1.1); -ms-transform: scale(1.1);}

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

}
@media screen and (max-width:1024px) {
.news2{ padding:0;}	
.news2::after{ display:none;}
.news2 .left{ width: 100%; padding:35px 15px 35px 15px;}
.news2 .right{ width: 100%; padding:25px 15px 35px 15px; background:#f4f4f4;}
.news2 .left .time{ margin-top:13px;font-size:14px; line-height:24px;}
.news2 .left .cont{ margin-top:13px; padding-top:22px;font-size:15px; line-height:26px;}
.news2 .list{ justify-content: space-between;position: static; top:0;}
.news2 .list .li{ width:48%; margin:10px 0;}
.news2 .list .li .next{font-size: 15px; line-height:26px; }
.news2 .list .li .next img{width:15px; height:15px;}
.news2 .list .li .tit{font-size: 16px; line-height:24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top:8px;}
.news2 .list .li .p{font-size: 14px; line-height:22px; margin-top:8px;}
.news2 .list .li ._img{ margin-top:15px;}
}
@media screen and (max-width:767px) {

}



.service-det{width: 100%;}
.service-det .card-title {width: 100%;
font-size: 0.2rem;
color: #333;
margin-top: 0.3rem;
line-height: 0.32rem;
}
.service-det .card-description {width: 100%;
font-size: 0.2rem;
color: #999999;
line-height: 0.32rem; padding:8px 0 0.5rem 0; border-bottom: 1px solid #dddddd;
}
.service-det .page{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; padding:0.95rem 0 0.88rem 0;} 
.service-det .page .la{ display: flex; align-items: flex-start; width:48.76%; padding:0 0.6rem 0 0;} 
.service-det .page .next{ display: inline-flex; align-items: center; color:#000000;font-size:0.2rem; line-height:0.36rem; min-width: 1.3rem;}
.service-det .page .next img{width:0.2rem; height: 0.2rem; margin-left: 0.18rem;}
.service-det .page .tit{ font-weight: bold; width: 100%;font-size: 0.26rem; line-height: 0.36rem; color: #000;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
}
.service-det .page .p{ width: 100%; font-size: 0.18rem; line-height: 0.3rem; color: #888; margin-top:0.22rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}
.service-det .page .la:hover  .tit{ color: #1059db;}
.service-det  .card-box{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width:100%; }
.service-det  .card-left{display: block; width:44.44%; margin-top: 0.24rem; }
.service-det  .card-right{display: block; width:52.47%; margin-top:0.6rem; }
.service-det  .card-pic{display: block; width:100%; line-height: 0; overflow: hidden; border-radius: 10px; }
.service-det  .card-cont{ width: 100%;font-size: 0.2rem; line-height: 0.33rem; color: #333333;}
.service-det  .card-cont .tit1{ font-weight: bold; font-size: 0.24rem;  margin-top: 0.32rem;}
.service-det  ._Message{ cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff;line-height:1; height:0.8rem; border-radius:10px; font-size:0.2rem; background: #1059db; margin-top: 0.28rem; padding: 0px 30px;}
.service-det  ._Message span{ padding-bottom:1px;}
.service-det  ._Message .i{ width:0.32rem; height:0.32rem; margin-right: 0.2rem; background: url(img/ico20.png) center no-repeat; background-size:100% !important; }
.service-det  ._Message:hover{ background: #007bc6;}

@media (max-width:1600px) {
.service-det  .card-cont{ line-height: 0.32rem;}
.service-det  .card-cont .tit1{  margin-top: 0.2rem;}
.service-det  ._Message{ height:0.7rem;  margin-top: 0.22rem;}
}
@media (max-width:1440px) {


}
@media (max-width: 1024px) {
.service-det .card-title {
font-size:15px;
line-height: 25px; margin-top:8px;
}
.service-det .card-description {
font-size:15px;
line-height: 25px; padding:8px 0 20px 0;
}
.service-det .page .la{ padding:10px 0;} 
.service-det .page .next{font-size: 15px; line-height:26px; min-width:90px; }
.service-det .page .next img{width:15px; height:15px; margin-left:10px;}
.service-det .page .tit{font-size: 16px; line-height:26px;}
.service-det .page .p{font-size: 14px; line-height:24px; margin-top:6px;}
.service-det .page{ padding:30px 0;} 
.service-det ._Message{ font-size:14px; height:62px; margin-top:16px;}
.service-det ._Message .i{ width:40px; height:40px; margin-right: 10px;}
.service-det  .card-cont{font-size: 15px; line-height:26px;}
.service-det  .card-cont .tit1{ font-size:18px;  margin-top:15px;}
.service-det  .card-left{ width:100%; margin-top:15px;}
.service-det  .card-right{width:100%; margin-top:25px;}
.service-det .card-box{ flex-wrap: wrap-reverse;}
}
@media (max-width: 767px) {
.service-det .page .la{ width:100%; } 

}

/* 服务内容样式 */
.service-itme {
padding-bottom:1rem;padding-top:1rem;
}
.service-itme:nth-child(2n){ background: #f2f2f0;} 

/* 服务卡片样式 */
.service-card {
display: flex; justify-content: space-between;
flex-direction: row; flex-wrap: wrap;
width: 100%;
}
.service-itme:nth-child(2n) .service-card{ flex-direction: row-reverse;}
.service-image {
aspect-ratio: 100/37.5; /* 宽高比 */
width:49.38%; line-height: 0;
overflow: hidden; border-radius: 10px;
}
.service-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-text {
width:47%;display: flex; flex-wrap: wrap; align-content: space-between;
}

.service-card-title {
font-size: 0.2rem;
color: #333;
margin-top: 0.2rem;
line-height: 0.28rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}
.service-card-description {
font-size: 0.2rem;
color: #999999;
margin-top: 0.10rem;
line-height: 0.28rem;
/* overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1; */
}
.service-arrow{
display: flex;
width: 0.5rem;
height:  0.5rem;
background: url(img/ino4.png) center no-repeat; 
background-size:100% !important;
transition: transform 0.3s ease;
margin-top: 10px;
}

.service-card:hover .service-arrow{
background: url(img/ino3.png) center no-repeat; 

}
.service-card:hover .tit40{color: #1059db;}

@media (max-width:1600px) {
.service-card-title {margin-top: 0.16rem;}
}
@media (max-width: 1024px) {
.service-itme {
padding-bottom:30px;padding-top:35px;
}
.service-card-title {
font-size:15px;
line-height: 25px; margin-top: 5px;
}
.service-card-description {
font-size:15px;
line-height: 25px; margin-top: 5px;
}
.service-arrow{ width:30px;height:30px;  margin-top:15px;}
}


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


}


.advant1 .li{ width: 100%;}
.advant1 .box{ width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: space-between; }
.advant1 .sect:nth-child(2n){ background: #eeeeee;}
.advant1 .left{  display:flex; flex-wrap:wrap; position: sticky; top:1.6rem; z-index: 6;  width:29.6%;}
.advant1 .right{ display:block; width:62.34%; }
.advant1 .info{ width:100%; color:#999999;font-size:0.2rem; line-height:0.32rem; margin-top:0.2rem;}
.advant1 .pic{display:block; width:100%; line-height: 0; text-align: center;}
.advant1 .tit30{ width:100%; display: block; color: #000; font-size: 0.3rem; line-height: 0.4rem; margin-top:0.86rem;}

@media screen and (max-width:1440px) {
.advant1 .left{ width:31.6%;}	
.advant1 .right{ width:65.34%; }
}
@media screen and (max-width:1024px) {
.advant1{ padding-bottom: 45px;}	
.advant1 .left{width: 100%; position: static;}
.advant1 .right{ width: 100%; margin-top:20px; }	
.advant1 .info{font-size:15px; line-height:26px; margin-top:10px;}
.advant1 .tit30{ font-size:18px; line-height:28px; margin-top:20px;}
}

.list02{ display: block; width: 100%;}
.list02 .ul{ display: grid;grid-template-columns: repeat(5, 1fr);  gap:10px 14px;width: 100%;}
.list02 .ul .li{ display: flex; flex-wrap: wrap; }
.list02 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; align-content: flex-start; padding:0.16rem 0.12rem; background:#fff;  border: 1px solid #f2f2f0;}
.list02 .ul .li .ico{display: block; margin: 0 auto; line-height:0; width:1.32rem; text-align: center;aspect-ratio: 100/50; /* 宽高比 */}
.list02 .ul .li .ico img{ display: block; width:100%; height:100%; object-fit: contain;}
.list02 .ul .li .tit{ width: 100%; font-size: 0.16rem; line-height:0.26rem; color: #555555; margin-top:0.14rem; text-align: center;}
.list02 .ul .li .a:hover{ border: 1px solid #115adb;}

@media screen and (max-width:1600px) {
.list02 .ul{ gap:10px 10px;}	
}
@media screen and (max-width:1024px) {
.list02 .ul .li .a{ padding:14px 14px;}	
.list02 .ul .li .tit{font-size:14px; line-height:22px;margin-top:10px;  }
.list02 .ul .li .ico{ width:82%;}
}

@media screen and (max-width:767px) {
.list02 .ul{grid-template-columns: repeat(3, 1fr);}
.list02 .ul .li .tit .s{ display: block;}
}



.list07{display: block; width: 100%;}
.list07 .ul{display: grid;  gap:0.2rem 0.18rem; grid-template-columns: repeat(5, 1fr);}
.list07 .li ._img{ padding-bottom:129%; overflow: hidden; background: #e2e7ed; border-radius: 10px;}
.list07 .li .a{display: block; width: 100%; position: relative; }
.list07 .li .cont{display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%;position: absolute; left: 0; bottom: 0; z-index: 6; padding:0.21rem 0.18rem 0.18rem 0.18rem; background: url(img/bg2.png) center no-repeat; background-size: 100% 100%;text-align: center; }
.list07 .li .tit{ width: 100%; color: #fff; word-break:break-word; font-size: 0.24rem; line-height: 0.34rem;}
.list07 .li .info{width: 100%; color: #fff; font-size: 0.16rem; line-height: 0.26rem;}
.list07 .li:hover ._img{  background: url(img/bg1.jpg) center no-repeat; background-size: 100% 100%; }

@media screen and (max-width:1600px) {
.list07 .li .tit{ font-size: 0.21rem; line-height: 0.31rem;}
}
@media screen and (max-width:1024px) {
.list07 .ul{grid-template-columns: repeat(4, 1fr); gap:14px 14px;}	
.list07 .li .tit{font-size:15px; line-height:21px;  word-break: break-all; }
.list07 .li .info{font-size:14px; line-height:24px;}
.list07 .li .cont{ padding:14px 14px; }
}
@media screen and (max-width:767px) {
.list07 .ul{ grid-template-columns: repeat(2, 1fr);}
}

.list08{display: block; width: 100%;}
.list08 .ul{display: grid;  gap:0.5rem 0.6rem; grid-template-columns: repeat(2, 1fr);}
.list08 .li{display: flex; flex-wrap: wrap; width: 100%; }
.list08 .li .a{ position: relative;display: flex;justify-content: space-between; width: 100%; background:#fff; overflow: hidden; border-radius: 10px;}
.list08 .li .a::after{ position: absolute;display: block; content: ''; left: 0; bottom: 0; z-index: 1; height:calc(100% - 1rem); width: 100%; background: url(img/bg3.png) center no-repeat; background-size: 100% 100% !important;}
.list08 .li .w100{ padding:0.46rem 0.3rem 0.46rem 0.52rem;}
.list08 .li .tit{ width: 100%; color: #000; font-size: 0.3rem; line-height: 0.34rem; font-weight: bold; position: relative;}
.list08 .li .tit1{width: 100%; color: #000; font-size: 0.2rem; line-height: 0.24rem; margin-top:0.46rem;}
.list08 .li .info{width: 100%; color: #999; font-size: 0.16rem; line-height: 0.2rem; margin-top:0.28rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;
}
.list08 .li .ico{display: flex; align-items: flex-end; min-width:3.1rem;width:3.1rem; margin-top:-0.1rem;  line-height: 0;aspect-ratio: 100 / 129;}
.list08 .li .a:hover::after{  background: url(img/bg4.png) center no-repeat;}


@media screen and (max-width:1024px) {
.list08 .li .a::after{ height:calc(100% - 54px);}	
.list08 .li .w100{ padding:20px 10px 20px 14px;}	
.list08 .li .tit{font-size:18px; line-height:22px; }
.list08 .li .tit1{font-size:15px; line-height:19px; margin-top:24px }
.list08 .li .info{font-size:14px; line-height:18px; margin-top:14px; }
}
@media screen and (max-width:767px) {
.list08 .ul{grid-template-columns: repeat(1, 1fr);}	
.list08 .li .ico{ min-width:140px;width:140px; margin-top:-0.1rem;}
}

.pagecon.news2::after{display:none;}
.pagecon.news2 .left{width:100%; padding-right:0; padding-top:0.5rem; padding-bottom:0.5rem;}
.pagecon.news2 .left .cont{padding-top:0; margin-top:0; border-top:0;}
@media screen and (max-width:1024px) {
.pagecon.news2 .left{padding:20px 15px;}
}


/* 260130start */



/* 260130end */