@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: #002ddd rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #002ddd;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #002ddd;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;}
}
._img{ width: 100%; display: block; line-height: 0; overflow: hidden; position: relative;}
._img img{ display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}

.pc_show{ display: block;}
.ph_show{ display: none;}

.pc_show1{ display: block;}
.ph_show1{ display: none;}

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

.pt100{padding-top: 1rem;}
.pd100{padding-bottom: 1rem;}
.pd130{padding-bottom: 1.3rem;}
.pd120{padding-bottom: 1.2rem;}

.title1{font-size: 0.5rem;line-height: 0.56rem;font-weight: 700;}
.title2{font-size: 0.3rem;line-height: 1.2;color: #333333;font-weight: 700;}
.title3{font-size: 0.7rem;line-height: 1.2;color: #000;font-weight: 700;margin-bottom: 8px;}
.eng{font-size: 0.5rem;line-height: 0.6rem;font-weight: 700;font-family: Arial;}

@media  screen and (max-width: 767px){
	.title1{font-size: 18px;line-height: 24px;}
	.eng{font-size: 18px;line-height: 20px;}
	.title3{font-size: 22px;}
	.title2{font-size: 18px;}
	.pt100{padding-top: 36px;}
	.pd100,
	.pd130,
	.pd120{padding-bottom: 36px;}
}

/* t_navs */
.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%; }
.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.66rem;}
.t_navs .logo .img1{ display: none;}
.t_navs .logo .img2{ display: block;}
.t_navs .lang{ display: flex; align-items: center; position: relative;}
.t_navs .lang .i{ display: flex; width: 1px; height: 10px; background: #fff; opacity:0.2; margin:2px 10px 0 10px;}
.t_navs .lang .a{ display:flex; align-items: center; color:#fff; font-size:14px; line-height:30px;text-transform: uppercase; }
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.1rem 0 0;}
.t_navs .menu .nli span a{ display:flex; align-items: center; position: relative;line-height:0.98rem; font-size:calc(14px + 0.04rem);color: #fff; font-weight: 400; padding:0 0.2rem; }
.t_navs .menu .nli span a:hover{color: #002cdd;}



.t_navs .top.active{ background:#fff;}
.t_navs .top.active .logo .img1{ display: block;}
.t_navs .top.active .logo .img2{ display: none;}
.t_navs .top.active .menu .nli span a{color: #222;}
.t_navs .top.active .menu .nli:hover span a{color:#245faf;}
.t_navs .top.active .menu .nli.on span a{color:#245faf;}
.t_navs .top.active .lang .a{color: #666666;}
.t_navs .top.active .lang .a:hover{color: #245faf;}
.t_navs .top.active .lang .i{ background: #222;}


.t_navs.ect{ background:#fff;}
.t_navs.ect .logo .img1{ display: block;}
.t_navs.ect .logo .img2{ display: none;}
.t_navs.ect .menu .nli span a{color: #222;}
.t_navs.ect .menu .nli:hover span a{color:#245faf;}
.t_navs.ect .menu .nli.on span a{color:#245faf;}
.t_navs.ect .lang .a{color: #222;}
.t_navs.ect .lang .a:hover{color: #245faf;}
.t_navs.ect .lang .i{ background: #222;}

.t_navs.act{ background:#fff; box-shadow:0 2px 2px rgba(0,0,0,0.1); }
.t_navs.act .logo .img1{ display: block;}
.t_navs.act .logo .img2{ display: none;}
.t_navs.act .menu .nli span a{color: #222;}
.t_navs.act .menu .nli:hover span a{color:#245faf;}
.t_navs.act .menu .nli.on span a{color:#245faf;}
.t_navs.act .lang .a{color: #222;}
.t_navs.act .lang .a:hover{color: #245faf;}
.t_navs.act .lang .i{ background: #222;}


.t_navs .ss_search{float: left; display:flex; margin:0 14px 0 9px;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.98rem; width:50px; background: url(img/_search.png) center no-repeat; background-size:18px auto !important;}
.t_navs.act .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}
.t_navs .top.active .ss_search ._t{ background: url(img/_search1.png) center no-repeat;}
.t_navs.act .ss_search:hover ._t{ background: url(img/_search2.png) center no-repeat;}
.t_navs.ect .ss_search:hover ._t{ background: url(img/_search2.png) center no-repeat;}
.t_navs ._b{width: 100%;height: 120px;background:rgba(255,255,255,1);z-index: 99;position: fixed;left: 0;top:0.98rem; display: none;border-top:1px solid #e3e3e3;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border:1px solid rgba(0,0,0,0.1); 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:16px; line-height:26px; padding:10px 24px; color: #333; text-transform: capitalize;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; min-width:60px;height: 48px;background: url(img/_search1.png) center no-repeat; background-size:20px auto !important;}
.t_navs ._b .input:hover .img{ background: url(img/_search2.png) center no-repeat;}

.t_navs .top .pcdh{padding: 15px 30px 15px 20px;display: flex;justify-content: flex-start;align-items: center;background: #252525;border-radius: 30px;
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;}
.t_navs .top .pcdh .ico{width: 30px;height: 30px;border: 2px solid #f2ca33;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.t_navs .top .pcdh .ico img{width: 18px;display: block;}
.t_navs .top .pcdh .wz{font-size: 20px;color: #f2ca33;line-height: 30px;padding-left: 10px;margin-top: -4px;font-weight: bold;letter-spacing: 1px;}
.wyb_s.on .t_navs .top .pcdh{padding: 8px 30px 8px 20px;border-radius: 23px;}



@media screen and (max-width:1024px) {
.t_navs .top{height:50px; padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin-right: 15px;}
.t_navs .top .pcdh{display: none !important;}
.t_navs{padding: 0;}
}




.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 .top.active .menuph .navbtn,
.t_navs .top.active .menuph .navbtn::after,
.t_navs .top.active .menuph .navbtn::before{ background: #002cdd;}

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

.t_navs.ect .menuph .navbtn,
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before{ background: #002cdd;}

.t_navs .xialaph{ position: fixed; right: 0; top: 50px;width: 100%; height: calc(100vh - 50px);overflow: scroll; padding: 10px 20px 60px 20px;z-index:3; background: #fff;display: none;}
.t_navs .xialaph .a1box,
.t_navs .xialaph .a2box{position: relative;}
.t_navs .xialaph .icobox{width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.t_navs .xialaph .ico{height: 28px;position: absolute;right: 0;top: 50%;margin-top: -14px;z-index: 4;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph .ico img{height: 100%;display: block;}
.t_navs .xialaph .ico img.img2{display: none;}
.t_navs .xialaph .icobox.on img.img1{display: none;}
.t_navs .xialaph .icobox.on img.img2{display: block;}
.t_navs .xialaph .icobox.on .ico{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.t_navs .xialaph .u1{width: 100%;margin-bottom: 20px;}
.t_navs .xialaph .l1{width: 100%;}
.t_navs .xialaph .a1{width: 100%;font-size: 16px;color: #333;line-height: 26px;position: relative;padding: 12px 40px 12px 0;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .u2{width: 100%;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);display: none;}
.t_navs .xialaph .l2{width: 100%;}
.t_navs .xialaph .a2{width: 100%;font-size: 16px;color: #333;line-height: 22px;position: relative;padding: 10px 40px 10px 0;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .u3{padding-left: 20px;padding-right: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);display: none;}
.t_navs .xialaph .l2:last-child .u3{border-bottom: 0;}
.t_navs .xialaph .l2:last-child .a2{border-bottom: 0;}
.t_navs .xialaph .l3{width: 100%;}
.t_navs .xialaph .a3{font-size: 14px;color: #333;line-height: 20px;padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(0,0,0,0.1);display: block;}
.t_navs .xialaph .l3:last-child .a3{border-bottom: 0;}



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


.index-banner{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{position: relative;}
.index-banner .banner-text{position: absolute;left: 50%;top: 45%;transform: translate(-50%,-45%);text-align: left;color: #fff;z-index: 10;width: 100%;max-width: 1620px;}
.index-banner .banner-text h1{font-size: 0.7rem;line-height:1.2;margin-bottom: 20px;font-weight: bold;text-align: left;}
.index-banner .banner-text .p1{font-size: calc(14px + 0.16rem);line-height:1.2;text-align: left;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:flex; position: absolute; z-index:10; top:50%; margin-top: -0.25rem; width:0.5rem; height:0.5rem; background: url(img/banner-arrow.png) center no-repeat; background-size:100% 100% !important; cursor: pointer;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.index-banner .swiper-prev: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; }
@media screen and (max-width: 1780px){
	.index-banner .banner-text{width: 100%;padding: 0 0.8rem ;}
	.index-banner .swiper-prev{ left :0.3rem;}
	.index-banner .swiper-next{ right:0.3rem; }
	
}
@media screen and (max-width: 1024px){
	.index-banner .banner-text{width: 100%;padding: 0 15px ;}
	.index-banner .swiper-prev,
	.index-banner .swiper-next{top: auto;bottom: 30px;}
	
}

@media screen and (max-width: 767px){
  .index-banner .banner-text h1{font-size: 30px;margin-bottom: 15px;}
  .index-banner .banner-text .p1{font-size: 24px;}
  .index-banner .swiper-prev,
  .index-banner .swiper-next{ width:30px; height:30px;margin-top: -15px;}
  .index-banner .swiper-prev{ left:15px;}
  .index-banner .swiper-next{ right: 15px; }
}




.floor1 .eng{color:#999999;font-family: Arial;}
.floor1 span{color:#002cdd;font-family: Arial;}
.floor1 .title1{color:#000000 ;margin-top: 10px;}
.floor1 .items{display:grid;grid-template-columns: repeat(4,1fr); gap: 0.24rem;margin-top: 0.6rem;}
.floor1 .item{border-radius: 8px;position: relative;}
.floor1 ._img{padding-bottom: 78.94%;border-radius: 10px;overflow: hidden;}
.floor1 .item-text{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0%;width: 100%;padding: 0 0.47rem 0.34rem 0.47rem;color: #fff;font-weight: 700;background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);border-radius: 10px;}
.floor1 .item-text h3{font-size: calc(14px + 0.1rem);line-height:calc(16px + 0.1rem);font-weight: 700;}
.floor1 .item-desc{font-size: 16px;line-height: 1.2;margin-bottom: 1.14rem;text-align: left;font-weight: 500; opacity: 0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.floor1 .item ._img img{-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.floor1 .item:hover::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,45,221,0.8);z-index: 2;border-radius: 8px;}
.floor1 .item:hover .item-text{z-index: 3;}
.floor1 .item:hover .item-desc{opacity: 1;}
.floor1 .item:hover ._img img{transform: scale(1.05); -ms-transform: scale(1.05); }

@media  screen and (max-width: 1600px){
	.floor1 .item-text h3{font-size: calc(14px + 0.04rem);line-height:calc(16px + 0.04rem);}
	.floor1 .item-text { padding: 0 0.3rem 0.3rem 0.3rem;}
	
}
@media  screen and (max-width: 1024px){
	.floor1 .items{grid-template-columns: repeat(2,1fr); }
}

@media  screen and (max-width: 767px){
	.floor1 .item-text h3{font-size: 14px;line-height:18px;}
	.floor1 .item-text { padding: 0 10px 10px 10px;}
	
}

.floor2 .features{display:grid;grid-template-columns: repeat(3,1fr);gap:0.6rem;margin-top: 0.52rem;}
.floor2 .feature-en{font-size: 0.5rem;color: #002ddd;font-weight: bold;line-height: 0.6rem;font-family: Arial;}
.floor2 .feature-en-desc{font-size: calc(14px + 0.06rem);line-height: 1.2; color: #002ddd;margin-bottom: 20px;margin-top: 5px;}
.floor2 .feature-line{width: 100%;height: 1px;background-color: #eee;margin-bottom: 15px;}
.floor2 .feature-zh{font-size: 0.6rem;color: #000;line-height:0.72rem; margin-bottom: 9px;font-family: 'Noto Serif SC', serif;}
.floor2 .feature-zh-desc{font-size: calc(14px + 0.04rem);color: #000;line-height: 1.6;font-family: 'Noto Serif SC', serif;}

@media  screen and (max-width: 1024px){
	.floor2 .features{grid-template-columns: repeat(2,1fr);}
}
@media  screen and (max-width: 767px){
	.floor2 .feature-en{font-size: 18px;line-height: 20px;}
	.floor2 .feature-zh{font-size: 20px;line-height: 24px;}
	.floor2 .feature-zh-desc{font-size: 14px;}
	.floor2 .feature-en-desc{font-size: 14px;}
	
}
@media  screen and (max-width: 540px){
	.floor2 .features{grid-template-columns: repeat(1,1fr);display: block;}
	.feature-item{margin-top: 20px;}
}



.floor3{padding-top: 0.84rem;}
.floor3 .part{display: flex;flex-direction: column;justify-content: space-between;gap:3.0rem;color: #fff;}
.floor3 .part1{display: flex;justify-content: space-between;}
.floor3 .part1 .left{display: flex;}
.floor3 .part1 .left .num{font-size: 2rem;line-height:1; color: #fff;font-weight: bold;font-family:sourcehansans}
.floor3 .part1 .left .unit{font-size: 0.4rem;font-weight: bold;	line-height: 0.48rem;position: relative;top:8%}
.floor3 .part1 .right{text-align: right;}
.floor3 .part1 h2{font-size: 0.3rem;font-weight: bold;line-height: 1.2;margin-top: 20px;}

.floor3 .part2 .items{display: flex;justify-content: space-between;}
.floor3 .part2 .items .item{text-align: left;}
.floor3 .part2 .items .num-cont{display: flex;}
.floor3 .part2 .items .item .num{font-size: 0.4rem;font-weight: bold;line-height: 1.2;font-family: Arial}
.floor3 .part2 .items .item .unit{font-size:16px;line-height: 1.2; margin-left: 0.05rem;font-weight: 700;position: relative;top: 10px;}
.floor3 .part2 .items .item .desc{font-size:16px;line-height: 1.2;margin-top: 0.15rem;}

@media  screen and (max-width: 1680px){
.floor3 .part{gap:2.6rem;}
}

@media  screen and (max-width: 1024px){
	.floor3 .part1,
	.floor3 .part2{padding: 0 32px;}
	.floor3 .part2 .items .item .unit {top: 3px;}
	.floor3 .part2 .items .item .num{font-size: 28px;}
	.floor3{padding: 50px 0;}
	.floor3 .part1 .left .unit{font-size: 20px;}
}
@media  screen and (max-width: 767px){
	.floor3 .part1 h2 {
	    font-size: 16px;
	}
	.floor3 .part1,
	.floor3 .part2{padding: 0 30px;}
	.floor3 .part1{flex-direction: column;}
	.floor3 .part1 .right{text-align: left;margin-top: 20px;}
	.floor3 .part2 .items {display: grid;grid-template-columns: repeat(2,1fr);gap:24px}
	.floor3 .part2 .items .item .desc{font-size: 14px;}
}



.floor4 .bd .w100{display: block;}
.floor4 .title-cont{display: flex;justify-content: space-between;align-items:flex-start;}
.floor4 .left .eng{color: #999;}
.floor4 .left .title3{color: #000;}
.floor4 .more{width: 40px;height: 40px;border-radius: 50%;background-color: #333;display: flex;align-items: center;justify-content: center;flex-shrink: 0;position: relative;cursor: pointer;}
.floor4 .more:hover{background-color: #002ddd;}
.floor4 .more i{position: absolute;width: 20px;height: 20px;}
.floor4 .more i::before,
.floor4 .more i::after{content: '';position: absolute;background-color: #fff;}
.floor4 .more i::before{width: 100%;height: 2px;top: 50%;left: 0;transform: translateY(-50%);border-radius: 5px;}
.floor4 .more i::after{width: 2px;height: 100%;left: 50%;top: 0;transform: translateX(-50%);border-radius: 5px;}
.floor4 .tabs{display: flex;flex-wrap: wrap;padding-top: 0.38rem;}
.floor4 .tabs ul{display: flex;flex-wrap: wrap;gap: 0.3rem;}
.floor4 .tabs a{font-size: calc(14px + 0.06rem);color: #999999;position: relative;}
.floor4 .tabs .li.on{color: #002ddd;}
.floor4 .tabs .li{display: inline-flex;width: auto !important;position: relative;}
.floor4 .tabs .li a {display: inline-flex;width: auto !important;position: relative;}
.floor4 .tabs .li a::after{content: '';position: absolute;left: 0;bottom: -23px;width: 0;height: 1px;background-color: #002ddd;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.floor4 .tabs .li.on a::after{width: 100%;}
.floor4 .ul1{display: grid;grid-template-columns: repeat(2,1fr);gap:0.6rem;margin-top: 0.56rem;}
.floor4 .ul1 li{width: 100%;}
.floor4 .case-a{position: relative;display: flex;width: 100%;border-radius: 10px;overflow: hidden;}
.floor4 .pic{width: 100%;height: 370px;display: block;overflow: hidden; }
.floor4 .pic img{ width: 100%;display: block;position: absolute;left: 0;top: 0;transition: All 2s ease-in-out;}
.floor4 .ul1 li:hover ._img img{transform: scale(1.1);}
.floor4 .case-list .title{position:absolute;left: 0;bottom: 0;color: #fff;width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);padding: 20px;font-size: calc(14px + 0.1rem);line-height:1.2;border-radius: 10px;}

@media  screen and (max-width: 1480px){
	.floor4 .tabs {font-size: 18px;}
	.floor4 .tabs .li.on::after{bottom: -9px;}
	
}
@media  screen and (max-width: 1024px){
	.floor4 .case-list .title{font-size: 16px;}
	.floor4 .tabs{padding-top: 10px;overflow: hidden; overflow-x: auto;white-space: nowrap;}
	.floor4 .tabs ul{flex-wrap: initial;gap: 0 16px}
	.floor4 .tabs .li a {padding: 10px 0;}
	.floor4 .pic{height: 170px; }
}


@media  screen and (max-width: 767px){    
	.floor4 .tabs {font-size: 14px;}
	.floor4 .tabs .li.on::after{bottom: -3px;}
	.floor4 .more {width: 28px;height: 28px;}
	.floor4 .more i{width: 14px;height: 14px;}
	.floor4 .more i::before{height: 1.4px;}
	.floor4 .more i::after{width: 1.4px;}
	.floor4 .case-list .title{font-size: 16px;}
	.floor4 .ul1 {
	    grid-template-columns: repeat(1, 1fr);gap:20px
	}
	.floor4 .pic{height: 170px; }
}


.floor5 .ul2{display: grid;grid-template-columns: repeat(8,1fr);}
.floor5 .partners{margin-top: 0.44rem;}
.floor5 ._img{padding-top: 71.78%;overflow: hidden;}
.floor5 ._img img{transition: transform 0.3s ease;}
.floor5 li:hover ._img img{transform: scale(1.1);}
.floor5 li:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.1);border-radius: 12px;}

@media  screen and (max-width: 1024px){ 
	.floor5 .ul2{grid-template-columns: repeat(6,1fr);}
}  

@media  screen and (max-width: 767px){ 
	.floor5 .ul2{grid-template-columns: repeat(4,1fr);}
}  



.floor6{display: flex;flex-wrap: wrap;width: 100%;color: #fff;}
.floor6 .title2{line-height: 1.2;color: #fff;font-weight: 700;margin-top: 15px;margin-bottom: 20px;}
.floor6 .left{width: 50%;display: flex;flex-wrap: wrap;justify-content: flex-end;padding-left: 0.8rem;}
.floor6 .right{width: 50%;display: flex;flex-wrap: wrap;align-items: center;padding: 1.8rem 0;position: relative;}
.floor6 .right .ul{width: 100%;display: block;}
.floor6 .right .arrow{position: absolute;width: 50px;height: 50px;border-radius: 50%;background-color: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;cursor: pointer;top: 50%;transform: translateY(-50%);z-index: 10;}
.floor6 .right .arrow-left{left: 20px;}
.floor6 .right .arrow-left img{transform: rotate(180deg);}
.floor6 .right .arrow-right{right: 20px;}
.floor6 p{font-size: 0.2rem;line-height:1.8;}
.floor6 .slick-prev,
.floor6 .slick-next
{
    
    left:20px;
    background: url(img/arrow-btn.png)center no-repeat;background-size: 100% !important;
    width: 0.5rem;
    height:0.5rem;
    
    
}
.floor6 .slick-prev{ -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);}
.floor6 .slick-next{
    left:auto;
    right:20px;
}

.floor6 .w810{width: 810px;padding:0.92rem 1.1rem 1.78rem 0}
.floor6 ._img{padding-bottom: 60%;}

@media  screen and (max-width: 1780px){
	.floor6 .w810{width: 100%;}
}
@media  screen and (max-width: 1024px){
	.floor6 p {font-size: 14px;}
	.floor6{flex-direction: column;}
	.floor6 .right{width: 100%;padding: 0;}
	.floor6 .left{width: 100%;padding: 0 0.8rem;}
	.floor6 .w810{padding: 50px 0;}
	.floor6 .right .arrow{width: 40px;height: 40px;}
	.floor6 .slick-prev,
	.floor6 .slick-next
	{
	    left:15px;
	    width: 30px;
	    height:30px;
	    
	}
	.floor6 .slick-next{
	    left:auto;
	    right:15px;
	}
	

	
}



.floor7{background-color: #fff;}
.floor7 .eng{color: #999;}
.floor7 .title2{margin-top: 0.25rem;}
.floor7 .title-cont{display: flex;justify-content: space-between;align-items:flex-start;margin-bottom: 0.6rem;}
.floor7 .news ul{display: grid;grid-template-columns: repeat(3,1fr); column-gap: 0.7rem; row-gap: calc(0.7rem + 0.45rem);padding-top: 16px;}
.floor7 .news li:hover .title{color: #002cdd;}
.floor7 .news .title{font-size: 0.24rem;line-height: 1.2; color: #333;margin-bottom: 0.4rem;height: 0.87rem; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.floor7 .news .desc{font-size: 16px;color: #999;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

@media  screen and (max-width: 1024px){
	.floor7 .news .title {
	    font-size: 16px;
	    height: 58px;
	}
	.floor7 .news .desc {
	    font-size: 14px;}
}
@media  screen and (max-width: 767px){
	.floor7 .news ul {
	    grid-template-columns: repeat(2, 1fr);}
}
@media  screen and (max-width: 540px){
	.floor7 .news ul {grid-template-columns: repeat(1, 1fr);}
	.floor7 .news .title {height: 39px;}
}


.floor8-content.ect{ margin-top:-0.9rem;}
.footer1 .floor8-content{text-align: center;color: #fff;border-radius: 10px;overflow: hidden;padding: 0.92rem 0.8rem 0.62rem 0.8rem;}
.footer1 .p2{color: #f2ca33;font-size: calc(14px + 0.06rem);line-height: 1.2;margin-top: 20px;}
.phone-btn-ty{display: flex;justify-content: center;align-items: center;background-color: #252525;border-radius: 50px;padding: 16px 0;width: 250px;margin: 14px auto;}
.tel-ty{width: 30px;height: 30px;}
.num-ty{font-size: calc(14px + 0.1rem);font-weight: 700;color: #f2ca33;margin-left: 9px;}
.news .floor8-content{position: relative;top:-0.5rem; margin: 0 0 -0.5rem 0;border-radius: 0;}

@media  screen and (max-width: 1024px){
.floor8-content.ect{ margin-top:-20px;}
}
@media  screen and (max-width: 767px){
	.phone-btn-ty{
	    padding: 10px 0;
	    width: 200px;
	}
}


/* 底部 */
.footer1 .logo{max-width: 2.7rem;}
.footer1 .cont1{padding-top: 0.9rem;padding-bottom: 1rem;width: 100%;display: flex;justify-content:space-between;align-items:flex-start;}
.footer1 .cont1 .left{ display: inline-flex; line-height: 0; margin-top:0.05rem;}
.footer1 .cont1 .left img{height: 0.5rem;display: block; object-fit: contain;}
.footer1 .cont1 .right{padding-right: 0.56rem;}
.footer1 .cont1 .right ul{display: flex;justify-content: space-between;align-items: flex-start; gap:0 0.8rem;}
.footer1 .cont1 .right ._t{font-size:0.18rem;color: #525252;line-height: 0.28rem; min-width:1rem;}
.footer1 .cont1 .right .line{width: 0.7rem;height: 1px;background: #9baca7;margin:0.25rem 0;}
.footer1 .cont1 .right ._b{font-size: 0.18rem;color: #535353;line-height: 0.28rem;}
.bg-eee{background-color: #eee;}

.footer2{background-color: #f6f6f6;padding-top: 0.4rem;padding-bottom: 0.4rem;}
.footer2 .city{margin-right: 20px;color: #aaa;}
.footer2-cont{font-size: 16px;color: #aaa;}
.footer2-cont .tag, .footer2-cont .link{color: #aaa;margin-right: 0.16rem; display: inline-flex;}
.footer2-cont .tag:hover, .footer2-cont .link:hover{color: #002ddd;}
.footer2-cont .hot-tags{ display: flex; width: 100%;}
.footer2-cont .hot-tags .title{ white-space: nowrap;}
.footer2-cont .hot-tags, .footer2-cont .links{margin-bottom: 0.15rem;}
.footer2-cont .links{margin-top: 0.36rem; display: flex; width: 100%;}
.footer2-cont .links .title{ white-space: nowrap;}
.footer2-cont .links .city{ white-space: nowrap;}
.footer2-cont .hot-tags{border-bottom: 1px solid #dddddd;padding-bottom: 0.36rem;}


@media screen and (max-width:1600px) {
.footer1 .cont1 .right{padding-right: 0;}	
.footer1 .cont1 .right ul{ gap:0 0.6rem;}
}	
@media screen and (max-width:1024px) {
.footer1  .cont1{display: block;margin-bottom: 0;}
.footer1  .cont1 .left{width: 100%;margin:0 0 20px 0; justify-content: center;}
.footer1  .cont1 .left img{height:28px;}
.footer1  .cont1 .right{width: 100%;padding-left: 0;padding-right: 0;}
.footer1  .cont1 .right ul{display: block;}
.footer1  .cont1 .right ul li{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 6px;}
.footer1  .cont1 .right ul li:last-child{margin-bottom: 0;}
.footer1  .cont1 .right ._t{font-size: 14px; line-height:24px; width: 90px;text-align: right;}
.footer1  .cont1 .right .line{width: 40px;margin: 0 12px;}
.footer1  .cont1 .right ._b{font-size: 14px; line-height:24px;width: calc(100% - 154px);}
.footer2-cont .tag, .footer2-cont .link{margin-right: 14px;}
.footer2-cont{font-size: 14px;color: #aaa;}
.footer2{margin-bottom: 61px;}


}



@media  screen and (max-width: 767px){
	/* .footer1{display: none;} */
	.footer2{margin-top: 20px;margin-bottom: 61px;}
	
}

/*测悬浮*/
.pf_right{width: 50px;position: fixed;right: 60px;top: 50%;transform: translate(0,-50%);opacity: 0;z-index: -10;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.pf_right.on{opacity: 1;z-index: 999;}
.pf_right ul{width: 100%;}
.pf_right ul li{margin-bottom: 10px;position: relative;}
.pf_right ul li:last-child{margin-bottom: 0;}
.pf_right ul a{display: block;}
.pf_right ul .ico{width: 100%;height: 50px;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.1);border-radius: 100%;position: relative;}
.pf_right ul .ico::after{content: "";display: block;width: 40px;height: 40px;border-radius: 100%;background: #3164af;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pf_right ul li:nth-child(1) .ico::after{background: #3164af;}
.pf_right ul li:nth-child(2) .ico::after{background: #2ba246;}
.pf_right ul li:nth-child(3) .ico::after{background: #ffd100;}
.pf_right ul li:nth-child(4) .ico::after{background: #190c0c;}
.pf_right ul li .ico img{width: 24px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;}
.pf_right ul li .dh_box{position: absolute;right: calc(100% + 12px);top: 50%;transform: translate(0,-50%) scale(0);background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.1);font-size: 18px;color: #333;line-height: 30px;padding: 10px 24px;white-space:nowrap;font-weight: bold;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.pf_right ul li .ewm_box{width: 120px;position: absolute;right: calc(100% + 12px);top: 50%;transform: translate(0,-50%) scale(0);box-shadow: 0 0 12px rgba(0,0,0,0.1); background: #fff; padding: 5px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.pf_right ul li .ewm_box img{width: 100%;display: block;}
.pf_right ul li:hover .dh_box,
.pf_right ul li:hover .ewm_box{transform: translate(0,-50%) scale(1);}


@media screen and (max-width:1820px) {
.pf_right{width: 40px;right: 30px;}
.pf_right ul .ico{height: 40px;}
.pf_right ul .ico::after{width: 32px;height: 32px;}
.pf_right ul li .ico img{width: 20px;}
}
@media screen and (max-width:1024px) {
.pf_right{display: none;}
}

/*手机端底漂浮*/
.pf_down{ width: 100%; float: left; position: fixed; left: 0; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 99;bottom: 0; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.pf_down li{ width:25%; float: left; text-align: center; padding:10px 0;}
.pf_down li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pf_down li .ico7{ width: 100%; float: left; height: 24px; line-height:0; display: flex; justify-content: center; align-items: center;}
.pf_down li .ico7 img{ width:24px; height: 24px;}
.pf_down li .ico7 .show{ display: block;}
.pf_down li .ico7 .hide{ display: none;}
.pf_down li .d_name{ width: 100%; float: left; margin-top:2px; font-size:14px; color: #000; line-height: 14px;}
.pf_down li:hover .ico7{ background: #002db2; width:44px; height:44px; border-radius: 50%; border:3px solid #fff; position: relative; margin-top:-18px;}
.pf_down li:hover .ico7 .show{ display: none;}
.pf_down li:hover .ico7 .hide{ display: block;}
.pf_down li:hover .ico7 img{ width:22px; height: 22px;}
.pf_down li:hover .d_name{ margin-top:0;}


.bg-44{ background:#444;}
.tit30{ display: block; width: 100%; text-align: center; font-size: 0.3rem; line-height: 0.4rem; font-weight: bold; color: #333333;}
@media screen and (max-width:1024px) {	
.tit30{  font-size:18px; line-height:28px;}
}

.sy_section2 .hd1{ display:block; width: 100%; margin-top: 40px;}
.sy_section2 .hd1 .ul{ display:inline-flex; flex-wrap: wrap; gap:0 0.35rem;}
.sy_section2 .hd1 .ul li{ display:inline-flex;}
.sy_section2 .hd1 .ul li a{ display:inline-flex; position: relative; font-size:0.18rem; line-height:0.32rem; color: #fff; padding:10px 0; }
.sy_section2 .hd1 .ul li a::after{width:0;display: block; height: 1px;background: #d1d1d1; position: absolute; left: 0; bottom: 0; content: '';
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.sy_section2 .hd1 .ul li.on a::after{width: 100%;}
.sy_section2 .hd1 .ul li:hover a::after{ width: 100%;}


@media screen and (max-width:1600px) {
.sy_section2 .hd1 .ul{ gap:0 0.35rem;}
.sy_section2 .hd1 .ul li a{ font-size:0.18rem; line-height:0.30rem;  }
}	
@media screen and (max-width:1024px) {
.sy_section2 .hd1{ margin:20px 0 0 0;}	
.sy_section2 .hd1 .ul{ gap:0 20px;}
.sy_section2 .hd1 .ul li a{ font-size:14px; line-height:20px; padding:5px 0;  }
}	


.page_section .pcpage1{ padding:0 !important; justify-content: center;}


.t_nav_zw1{ width: 100%; display: block; height: 1rem;}
@media screen and (max-width:1024px) {
.t_nav_zw1{height:50px;  }
}	

.sect03{width: 100%;}
.sect03 .ul{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap; gap: 50px 0;}
.sect03 .li{width: 100%;}
.sect03 .libox{width: 100%;position: relative;border-bottom: 1px solid #d4d4d4; height: 100%;}
.sect03 .pic{ height: 6.5rem; position: relative; overflow: hidden;}
.sect03 .pic img{ width: 100%;display: block;position: absolute;left: 0;top: 0;
transition: All 2s ease-in-out;}
.sect03 .wzbox{width: 100%;margin-top: 20px;border-top: 1px solid #d4d4d4; padding: 17px 0;}
.sect03 .bt{font-size: 24px;color: #474747; line-height:34px; 
/* overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; */}
.sect03 .jj{font-size: 14px;color: #aaaaaa;line-height:24px;
/* overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; */}
.sect03 .libox:hover .bt,
.sect03 .libox:hover .jj{color: #002cdd;}
.sect03 .libox a{display: block;width: 100%;height: calc(100% - 61px);position: absolute;left: 0;top: 0;}


@media screen and (max-width:1024px){
.sect03{gap:24px 0;}
.sect03 .ul{ justify-content: space-between;  align-items: inherit;}
.sect03 .li{width: 48%;}
.sect03 .pic{ height: 360px;}
.sect03 .wzbox{margin-top: 12px;}
.sect03 .bt{font-size: 16px;line-height: 26px;}
.sect03 .jj{font-size: 14px;line-height: 24px;}
.sect03 .libox a{height: calc(100% - 31px);}

}
.cjwtxq_section .cont5{width: 100%;padding-top: 46px;padding-bottom: 90px;border-bottom: 1px solid #cccccc;font-size: 20px;color: #333333;line-height: 24px; display: flex; align-items: flex-start;}
.cjwtxq_section .cont5 .left{width: 300px; min-width: 300px; margin-right: 320px;}
.cjwtxq_section .ph{ display:none;}


@media screen and (max-width:1680px){
.cjwtxq_section .cont5 .left{ margin-right:100px;}
}
@media screen and (max-width:1024px){
.cjwtxq_section .cont5{padding-top: 14px;padding-bottom: 14px;font-size: 14px;line-height: 22px; flex-wrap: wrap;}
.cjwtxq_section .cont5 .brs{display: none;}
.cjwtxq_section .ph{ display:block; margin-top: 30px;}
.cjwtxq_section .pc{ display:none;}
.cjwtxq_section .cont5 .left{ margin:10px 0 20px 0; width: 100%;}
}

@font-face {
  font-family: 'NotoSans-Bold';
  src: url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Black.eot');
  src: url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Black?#iefix') format('embedded-opentype'),
       url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Black.woff') format('woff'),
       url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Black.ttf') format('truetype'),
       url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Black.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}


.floor1 .title1,
.title1,
.title3,
.floor3 .part1 h2,
.title2{
font-family: 'NotoSans-Bold';	
}