html{
  font-size: 6.21vw;
}
@media screen and  (min-width:1610px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

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


.w_width{max-width:1610px; 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{ background: #fff; position: relative; z-index:20; width: 100%; display: flex; align-items: center; justify-content: space-between; height:1rem; padding:0 0 0 30px;}
.t_navs .logo{ line-height: 0; display:flex;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ max-width:inherit; width: auto; height:0.61rem;}
.t_navs .right{ display:flex; align-items: center;}
.t_navs .tel{ display:flex; justify-content:center; align-items: center; width:2.2rem; height:1rem; line-height:1; background: #0155a4; color: #fff; font-size: calc(14px + 0.04rem); font-weight: bold; font-family:Arial;}
.t_navs .tel img{ width:12px; height:24px;display: block; margin-right: 7px;}
.t_navs .menu{ display:flex; margin-right:0.3rem;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left;margin:0 0 0 0.54rem; position: relative;}
.t_navs .menu .nli:first-child{ margin:0 !important;}
.t_navs .menu .nli span a{ display: block;color: #333; position: relative;line-height:1rem; font-size: calc(14px + 0.04rem);}
.t_navs .menu .nli span a::after{ display:flex; content:''; position:absolute; bottom:0; left:0; height:5px; background:#0255a3; width:0; }
.t_navs .menu .nli.on span a{ color: #0055a3;}
.t_navs .menu .nli:hover span a{ color: #0055a3;}
.t_navs .menu .nli.on span a::after{ width:100%;}
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .menu .sub{ display:none; position: absolute; left:50%; margin-left:-80px; top:100%; background: #fff; z-index:9; box-shadow:0 3px 6px rgba(0,0,0,0.15); width:160px; padding:12px 0;}
.t_navs .menu .sub li{ display: block; width:100%;}
.t_navs .menu .sub li a{ display: block; width:100%; color: #333; line-height:1.5; font-size: calc(14px + 0.02rem); padding:4px 18px;}
.t_navs .menu .sub li a:hover{ color: #0055a3;}

.t_navs .menuph{ display:none;}
.heiTop{ width: 100%; margin-top:1rem;}

.t_navs.tcn{ box-shadow:0 3px 6px rgba(0,0,0,0.1);}

@media screen and (max-width:1600px) {
.t_navs .menu .nli{margin:0 0 0 0.4rem; }
}
@media screen and (max-width:1440px) {
.t_navs .menu .nli{margin:0 0 0 0.3rem; }
.t_navs .menu .nli span a{font-size: calc(14px + 0.02rem);}
}
@media screen and (max-width:1200px) {
.t_navs .menu .nli{margin:0 0 0 0.26rem; }
.t_navs .menu .nli span a{font-size:14px;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px; height:54px;}
.t_navs .menu{ display: none;}
.t_navs .right{ display: none;}
.t_navs .logo img{ height:34px;}
.t_navs .user{ width:34px;height:34px; margin:0 16px 0 0;}
.t_navs .user i{ width:24px;height:24px;}
.heiTop{ margin-top:54px;}

}


.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:0 -8px; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#0055a3;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#0055a3;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #0055a3;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#0055a3;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

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

.t_navs .xialaph{ position: fixed; left:0; top:54px; float: left; width: 100%; height:100vh; z-index:19; display:none; background:#fff; padding:0 15px 90px 15px; overflow-y: auto; border-top:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .a1box{width: 100%;position: relative;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{ color: #333; font-size:16px; line-height:28px;position: relative;padding:12px 50px 12px 0;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #0055a3;}
.t_navs .xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.t_navs .xialaph .icobox::after{width:8px;height:8px;position: absolute;right:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333; content:'';}
.t_navs .xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #0055a3;  border-right:1px solid #0055a3;}
.t_navs .xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap; margin-bottom:8px;}
.t_navs .xialaph .a2{font-size:1px;color: #333; font-size:14px; line-height:28px;width: 100%;}
.t_navs .xialaph .a2:hover{ color:#0055a3;}
.t_navs .xialaph .on .a2{ color:#0055a3;}



.index-banner{ display:flex; width: 100%; overflow: hidden; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.index-banner .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .box{ display:block; width:100%; position: absolute; left:0; top:40%; z-index:10; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .fs60{ font-size:0.6rem; line-height:0.7rem;}
.index-banner .box .fs40{ font-size:0.4rem; line-height:0.7rem;}
.index-banner .box .tit{ display: block; width:100%;text-align: center; font-weight: bold;}
.index-banner .box .p1{ display: block; width:100%;text-align: center; font-weight: bold; margin-top:0.18rem;}
.index-banner .box .p2{ display: block; width:100%;text-align: center; font-weight:bold; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem); margin-top: 0.26rem;}
.index-banner .swiper-pagination{ position: absolute; left:0; bottom:35px; z-index: 10; width:100% !important; display:none; justify-content: center;}
.index-banner .swiper-pagination-bullet{ display: flex; width:10px; height:10px; border-radius:50%; background:#f3f4f8; margin:0 5px;}
.index-banner .swiper-pagination-bullet-active{background:#0155a2;}
.index-banner .swiper-pagination-lock{ display:none;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; z-index:10; position: absolute; display: block; bottom:46%; width:0.5rem; height:0.5rem; border-radius:50%; background: #0155a2; margin-top:-0.25rem;background: url(../img/ico6.png) center repeat; background-size:100% 100% !important;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(../img/ico5.png) center repeat;}
.index-banner .swiper-prev{ left:0.4rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.index-banner .swiper-next{ right:0.4rem;}

@media screen and (max-width:1440px) {
.index-banner .box .fs60{ font-size:0.58rem; line-height:0.68rem;}
.index-banner .box .p2{ letter-spacing:0.05rem; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.08rem);}
}
@media screen and (max-width:1024px) {
.index-banner .box .fs60{ font-size:20px; line-height:26px;}
.index-banner .box .p1{ margin-top:6px;}
.index-banner .box .p2{ letter-spacing:0; font-size:14px; line-height:22px; margin-top:12px;}
.index-banner .swiper-pagination{ display: flex;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ display:none;}
}
@media screen and (max-width:767px) {

}

.gxtfooter{border: 1px red solid;width: 300px;float: left;}

.footer .down{ background:url(../img/bg3.png) center repeat; padding-top:12px;padding-bottom:12px;}
.footer .box{ display:flex; flex-wrap: wrap; width:100%;justify-content: space-between;}
.footer .bq{ color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);}
.footer .bq p{flex-wrap: wrap;}
.footer .bq a{ color: #fff}
.footer .bq a:hover{ text-decoration: underline;}
.footer .map{ display:flex; flex-wrap: wrap; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); }
.footer .map a{ display: inline-flex; color: #fff;}
.footer .map a:hover{ text-decoration: underline;}
.footer .top{ display:flex; flex-wrap: wrap; width:100%;align-items: flex-start; justify-content: space-between; padding:118px 0.8rem 82px 0.8rem;}
.footer .logo{ display:flex; justify-content: center; line-height:0; width:100%;}
.footer .logo a img{max-width: inherit; width: auto; height:0.94rem;}
.footer .er{ display:flex; justify-content: center; line-height:0; width:100%;}
.footer .er img{ width:90px; height:90px;}
.footer .nav{ width:100%; display: flex; justify-content: center; flex-wrap: wrap; margin:0.98rem 0 35px 0;}
.footer .nav .li{ display: flex; flex-wrap: wrap; flex-direction: column; margin:0 0.25rem;}
.footer .nav .li span a{ width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.14rem);}
.footer .nav ul{ display: flex; flex-wrap: wrap; flex-direction: column; margin-top:0.24rem;}
.footer .nav ul li a{ width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.14rem);}
.footer .nav ul li a:hover{ text-decoration: underline;}
.footer0{ display:block; line-height:0; height:0; position: relative; z-index:8;}
.footer0 img{ position: absolute; left:0; bottom:-8px; width:100%;}
.footer0 .img1{ position: absolute; bottom:0; left:50%; width:28%;  display:block;}
.footer1{ display:block; width:100%; position: relative; z-index: 10;}
.footer1::after{ display: block; content:''; position: absolute; left:50%; margin-left:354px; bottom:-8px; width:calc(50% - 354px); height:200px; background: url(../img/bg6.1.png) right bottom no-repeat; background-size:calc(100% + 354px) auto;}

@media screen and (max-width:1770px) {
.footer1::after{ left:auto; right:0; margin-left:0; bottom:-8px; width:30.2%; background-size:200% auto;}
}
@media screen and (max-width:1440px) {
.footer .bq{ font-size:calc(14px + 0.015rem);}
.footer .nav .li span a{font-size:calc(14px + 0.015rem);}
.footer .nav ul li a{font-size:calc(14px + 0.015rem);}
.footer .map{font-size:calc(14px + 0.015rem);}
}
@media screen and (max-width:1200px) {
.footer .bq{ font-size:14px;}
.footer .nav .li span a{ font-size:14px;}
.footer .nav ul li a{ font-size:14px;}
}
@media screen and (max-width:1024px) {
.footer .logo a img{ height:40px;}
.footer .box{ text-align: center; justify-content: center;}
.footer .top{ padding:35px 15px;}
.footer .nav{ margin:25px 0;}
.footer0 img{ bottom:0;}
.footer1{ display:none;}
}
@media screen and (max-width:767px) {
.footer .nav .li{ width:100%; margin:4px 0;}
.footer .nav .li span{ display: block; width:100%; position: relative;}
.footer .nav .li span a{ display: block; padding:6px 15px; width:100%; background:url(../img/bg3.png) center repeat; border-radius:3px;}
.footer .nav .li span i{width:8px;height:8px;position: absolute;right:16px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #fff;  border-right:1px solid #fff; content:'';}
.footer .nav ul{ display:none; flex-direction: row; padding:0 5px;}
.footer .nav ul li{ float: left; margin:0 10px;}
.footer .bq{ justify-content: center; text-align: center;}
.footer .bq a{ display: block; width:100%;}
}



.mapbox{ height:7rem;}
.mapbox .a{ position: relative; display: block; width:100%; height:7rem;}
.mapbox .bg{ display: block; width:100%; height:7rem;}

@media screen and (max-width:767px) {
.mapbox{height:14rem;}
.mapbox .a{height:14rem;}
.mapbox .bg{ height:14rem;}
}


.contact{ display: flex; flex-wrap: wrap; width:100%; margin-top: 47px;}
.contact .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 26px); margin:-13px;}
.contact .ul .li{ width:25%; display: flex; flex-wrap: wrap; padding:13px;}
.contact .ul .la{ position: relative; height: 100%; width:100%; background: #fff; border-radius: 10px; padding:30px 15px 32px 15px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; align-content: baseline;}
.contact .ul .tit{ display: block; width:100%; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem); margin-top:5px; }
.contact .ul .info{ display: block; width:100%; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top:0.09rem; }
.contact .ul .ico{width:52px; height:52px;}
.contact .ul .ico img{width:52px; height:52px;}
.contact .ul .la:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.15);}
.contact .ul .la:hover .ico{ transform: rotateY(360deg); -ms-transform: rotateY(360deg); }

@media screen and (max-width:1440px) {
.contact .ul .tit{font-size:calc(14px + 0.08rem);}
.contact .ul .info{font-size:calc(14px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.contact{ margin-top:25px;}
.contact .ul{ width:calc(100% + 14px); margin:-7px;}
.contact .ul .li{ padding:7px;  width:50%;}
.contact .ul .tit{ font-size:16px; line-height:24px; margin:0;}
.contact .ul .info{ font-size:14px; line-height:22px; margin:0;}
}
@media screen and (max-width:767px) {
.contact .ul .li{width:100%;}
.contact .ul .la{ text-align: left; padding:16px 16px 16px 60px; min-height:76px;}
.contact .ul .ico{width:30px; height:30px; position: absolute; left:16px; top:50%; margin-top:-15px;}
.contact .ul .ico img{width:30px; height:30px;}
}

.inbanner{ display: block; width:100%; position:relative; overflow: hidden;}
.inbanner::after{ display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%; z-index: 1; }
.bannerText{z-index:11; display: block; position: absolute; left:0; top:45%; width:100%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.bannerText .box{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; width:100%; color: #fff;}
.bannerText .box .fs40{ font-size:0.4rem; line-height:0.48rem;}
.bannerText .box .fs30{ font-size:0.3rem; line-height:0.38rem;}
.bannerText .box .zh{ font-style: italic; font-weight: bold;}
.bannerText .box .en{ font-style: italic; margin-top: 0.13rem;}
.bannerText .box .right{ text-align: right;}
.bannerText .box .p1{ font-weight: bold;}
.bannerText .box .p2{ margin-top: 0.13rem;}
.bannerText .max{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top:0.21rem; display:block; color: #fff;}
.bannerText .max a{ color: #fff;}
.bannerText .max a:hover{ text-decoration: underline;}

@media screen and (max-width:1440px) {
.bannerText .box .fs40{ font-size:0.38rem; line-height:0.46rem;}
.bannerText .box .fs30{ font-size:0.28rem; line-height:0.36rem;}
.bannerText .max{font-size:calc(14px + 0.02rem);}
}
@media screen and (max-width:767px) {
.bannerText .box .left{ width:100%; text-align: center;}
.bannerText .box .fs40{ font-size:20px; line-height:28px;}
.bannerText .box .fs30{ font-size:15px; line-height:23px;}
.bannerText .max{ display:none;}
.bannerText .right{ display:none;}
}

/* 分页 */
.wack1 .pz_fy{ display:flex; justify-content: center; text-align: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; font-size:18px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#1266ff; 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; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#000;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#fff;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #010101; border-right:1px solid #010101; 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;}
.bg-f9 .wack1 .fy_pc{ color: #fff;}

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


.slide1{ display: flex; flex-wrap: wrap; width:100%; justify-content: center; margin-top:27px;}
.slide1 .li{ display: inline-flex; margin:0 5px;}
.slide1 .li .a{ display: inline-flex; justify-content: center; align-items: center; background: #fff; color: #000; font-size:0.24rem; line-height:0.32rem; padding:0.14rem 0.14rem; border-radius:0.6rem; width:2.2rem;}
.slide1-2 .li .a{ background: #f3f4f8;}
.slide1-3 .li .a{ background: #f3f4f8;}
.slide1 .li:hover .a{color: #0155a2;}
.slide1 .li.on .a{ background: #0155a2; color: #fff;}

@media  screen and (max-width:1024px){
.slide1{ margin-top:20px;}
.slide1 .li .a{ font-size:14px; line-height:22px; padding:4px 14px 6px 14px; border-radius:40px; width:auto;}
}

.news1 .box { display: none; }
.news1 .box.on { display: block; }


.news1{ display: flex; flex-wrap: wrap; width:100%; margin:47px 0 50px 0;}
.news1 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.6rem); margin:-0.48rem -0.3rem;}
.news1 .ul .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.48rem 0.3rem;}
.news1 .ul .la{ display: flex; flex-wrap: wrap; width:100%;}
.news1 .ul .la ._img{ width:100%; border-radius:8px; padding-bottom: 56%; margin-top:0.24rem;}
.news1 .ul .la .tit{ width:100%; color: #535353; font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.12rem);}
.news1 .ul .la .info{ width:100%; color: #999; font-size:14px; line-height:22px; height:88px; overflow: hidden; margin-top:0.36rem;}
.news1 .ul .la:hover .tit{ color:#0155a2;}

.news1-1{ margin:57px 0 0 0;}
.news2-1{ margin:57px 0 0 0;}

@media screen and (max-width:1440px) {
.news1 .ul .la .tit{ font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem);}
}
@media  screen and (max-width:1024px){
.news1{ margin:20px 0 25px 0;}
.news1 .ul{ width:calc(100% + 14px); margin:-10px -7px;}
.news1 .ul .li{width:33.33%; padding:10px 7px;}
.news1 .ul .la ._img{ margin-top:12px;}
.news1 .ul .la .tit{ font-size:16px; line-height:24px;}
.news1 .ul .la .info{ margin-top:5px;}

.news1-1{ margin:25px 0 0 0;}
  .news2-1{ margin:25px 0 0 0;}

}
@media  screen and (max-width:767px){
.news1 .ul .li{width:100%;}
.news1 .ul .la .info{-webkit-line-clamp:3; height:66px;}
}


.in-news{ overflow: hidden; position:relative; z-index:7;}
.in-news .box{ position: relative; align-items: flex-start;}
.in-news .box::after{ display: block; content: ''; width:100%; height:100%; position: absolute; left:72%; top:0; background: #f4f4f4; z-index: 1;}
.news-det{ width:72%; padding:63px 0.8rem 168px 0;}
.news-det .title{ display: block; width:100%; color:#000; font-size:0.5rem; line-height:0.6rem;}
.news-det .time{ display: block; width:100%; color:#aaa; font-size:18px; line-height:26px; margin-top: 22px;}
.news-det .cont{ display:block; width:100%; color:#535353; font-size: calc(14px + 0.04rem);line-height: calc(18px + 0.04rem); margin-top: 28px;}
.news-tj{ display: block; width:23.7%; padding:66px 0 94px 0;}
.news-tj .a{ display: flex; flex-wrap: wrap; width:100%; padding-bottom:72px;}
.news-tj .a ._img{ width:100%; border-radius:8px; padding-bottom: 55.26%; margin-top:0.22rem;}
.news-tj .a .tit{ width:100%; color: #000; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top: 8px;}
.news-tj .a .tiao{ width:100%; color: #525252; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem);}
.news-tj .a:hover .tit{ color:#0155a2;}


@media screen and (max-width:1440px) {
.news-det .title{ font-size:0.48rem; line-height:0.58rem;}
.news-det .cont{font-size:calc(14px + 0.02rem);}
.news-tj .a .tiao{ font-size:calc(14px + 0.08rem);}
.news-tj .a .tit{font-size:calc(14px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.in-news .box{ padding-bottom: 0;}
.in-news .box::after{ display:none;}
.news-det{ width:100%; padding:35px 0 40px 0;}
.news-det .title{ font-size:20px;line-height:30px;}
.news-det .time{ font-size:14px; line-height:22px; margin-top:8px;}
.news-det .cont{ font-size:14px; line-height:20px; margin-top:20px;}
.news-tj{ position:relative; display: block; width:100%; padding:35px 0 40px 0;}
.news-tj::after{ display: block; content: ''; width:200%; height:100%; background: #f4f4f4; position: absolute; left:-15px; top:0; z-index: 1;}
.news-tj .a{ position: relative; z-index: 6; padding-bottom:20px;}
.news-tj .a ._img{ margin-top:12px;}
}

.table{ margin-top:1.9rem;}
.pord1{ display: flex; flex-wrap: wrap; width:100%; margin-top:26px; align-items:flex-start; justify-content:space-between;}
.pord1 .pic{ display: block; width:50.5%; overflow: hidden; border-radius:16px; line-height:0; background:#f3f4f8; padding:10px;}
.pord1 .pic img{ width:100%; border-radius:7px;}
.pord1 .cont{ display: block; width:47%; overflow-y: auto; height:5.4rem; padding-right:0.68rem;
scrollbar-width: thin;
  scrollbar-color: #cccccc #eeeeee;
}
.pord1 .cont::-webkit-scrollbar {
  width:0.2rem;
}
.pord1 .cont::-webkit-scrollbar-thumb {
  background-color: #cccccc;border-radius:0.2rem;
}
.pord1 .cont::-moz-scrollbar {
  width:0.2rem;
}
.pord1 .cont::-moz-scrollbar-thumb {
  background-color: #cccccc;border-radius:0.2rem;
}
.pord1 .cont .info{ display: block; width:100%; color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem); margin-top:0.22rem;}
.pord1 .cont .tit{ display: block; width:100%; color: #333; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.16rem); margin-top:0.06rem;}
.pord1 .cont .mt48{ margin-top:0.48rem !important;}


@media screen and (max-width:1600px) {
.pord1 .cont{ height:5rem; padding-right:0.48rem;}
}
@media screen and (max-width:1440px) {
.pord1 .cont{ height:4.7rem; padding-right:0.48rem;}
.pord1 .cont .info{font-size:calc(14px + 0.03rem); line-height:calc(22px + 0.03rem); margin-top:0.15rem;}
.pord1 .cont .tit{ font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.12rem); margin-top:0.03rem;}
.pord1 .cont .mt48{ margin-top:0.38rem !important;}
}
@media screen and (max-width:1024px) {
.table{ margin-top:40px;}
.pord1 .pic{ width:100%;}
.pord1 .cont{ width:100%;height:272px; padding-right:15px; margin-top:20px;}
.pord1 .cont .info{font-size:14px; line-height:22px; margin-top:10px;}
.pord1 .cont .tit{ font-size:16px; line-height:24px; margin-top:0;}
.pord1 .cont .mt48{ margin-top:25px !important;}
}
@media screen and (max-width:767px) {
.pord1 .cont{height:342px;}
}


.pord2{ display: block; width:100%; position: relative; margin-top:50px;}
.pord2 .slick-list{ padding:0 3.05rem; overflow: visible; }
/* .pord2 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.pord2 .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;} */
.pord2 .li{ display: block; width:100%; padding:0 0.5rem;}
.pord2 .li .la{ display: block; width:100%; position: relative; overflow: hidden;}
.pord2 .li .la ._img{ padding-bottom:55.88%; margin-top:11%;}
.pord2 .li .la .tit{ display: block; width:100%; position: absolute; left:0; bottom:-20%; text-align: center; color: #fff; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem); padding:0.24rem 0.24rem;background: url(../img/bg8.png) center repeat;}
.pord2 .li.slick-active .la ._img{ padding-bottom:66.88%; margin-top:0;}
.pord2 .li.slick-active .la .tit{ bottom:0;}
.pord2 .slick-arrow{ cursor: pointer; z-index:10; position: absolute; display: block; top:58%; width:0.5rem; height:0.5rem; border-radius:50%; background: #0155a2; margin-top:-0.25rem;background: url(../img/ico5.png) center repeat; background-size:100% 100% !important;}
.pord2 .slick-prev:hover,
.pord2 .slick-next:hover{background: url(../img/ico6.png) center repeat;}
.pord2 .slick-prev{ left:2.8rem; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pord2 .slick-next{ right:2.8rem;}

@media screen and (max-width:1024px) {
.pord2{ margin-top:25px;}
}
@media screen and (max-width:767px) {
.pord2 .slick-list{ padding:0 10px;}
.pord2 .li{ padding:0 20px;}
.pord2 .slick-list{ overflow: hidden;}
.pord2 .li .la .tit{ font-size:14px; line-height:22px; padding:8px 12px;}
.pord2 .slick-prev,
.pord2 .slick-next{ bottom:35%; width:26px; height:26px; margin-top:-13px;}
.pord2 .slick-prev{ left:-5px;}
.pord2 .slick-next{ right:-5px;}

}

.clcp{ display:block; width:100%; position: relative;}
.clcp .pord2{ position: absolute; left:0; top:0; z-index:1; opacity: 0;}
.clcp .pord2.on{ position: relative; z-index: 6; opacity:1;}

.news1-1{ position: relative;}
.news1-1 .box{ display: block; width:100%; position: absolute; left:0; top:0; z-index:1; opacity: 0;}
.news1-1 .box.on{ position: relative; z-index: 6; opacity:1;}
.news1-1 .slick-dots{ display: flex; justify-content: center; margin:10px 0 5px 0;}
.news1-1 .slick-dots li{ cursor: pointer; background:#f3f4f8; width:10px; height:10px; border-radius:10px; margin:0 5px;}
.news1-1 .slick-dots .slick-active{ background:#0155a2;}



.news2-1{ position: relative;}
.news2-1 .box{ display: block; width:100%; position: absolute; left:0; top:0; z-index:1; opacity: 0;}
.news2-1 .box.on{ position: relative; z-index: 6; opacity:1;}
.news2-1 .slick-dots{ display: flex; justify-content: center; margin:10px 0 5px 0;}
.news2-1 .slick-dots li{ cursor: pointer; background:#f3f4f8; width:10px; height:10px; border-radius:10px; margin:0 5px;}
.news2-1 .slick-dots .slick-active{ background:#0155a2;}

@media screen and (max-width:767px) {
.news1-1 .ul{ display:block;}
  .news2-1 .ul{ display:block;}

}


.h-aboutry .more{ display:flex; justify-content: center; width:100%; margin-top:30px;}
.h-aboutry .more .a{ display:inline-flex; width:0.5rem; height:0.5rem; background:url(../img/ico8.png) top center no-repeat; background-size:100% 100% !important;}
.h-aboutry .more .a:hover{ background:url(../img/ico8.1.png) top center no-repeat;}


.h-aboutgxt{ display: flex; flex-wrap: wrap; justify-content: center; width:100%; position: relative; text-align: center; margin-top:27px; padding:10px 0 15px 0;}
.h-aboutgxt::after{ display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%;}
.h-aboutgxt .title{ display:inline-flex; position: relative; color: #525252; font-size:0.3rem; line-height:0.3rem; padding:0 0.3rem;}
.h-aboutgxt .title::after,
.h-aboutgxt .title::before{ display: block; content:''; position: absolute; left:0; top:-0.09rem; width:0.2rem; height:0.3rem; background:url(../img/ico7.png) top center no-repeat; background-size:100% 100% !important;}
.h-aboutgxt .title::before{ left: auto; right:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}

.h-about{ display: flex; flex-wrap: wrap; justify-content: center; width:100%; position: relative; text-align: center; margin-top:27px; padding:35px 0 100px 0;}
.h-about::after{ display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url(../img/main11.png) top center no-repeat;}
.h-about .title{ display:inline-flex; position: relative; color: #525252; font-size:0.4rem; line-height:0.5rem; font-weight: bold; padding:0 0.71rem;}
.h-about .title::after,
.h-about .title::before{ display: block; content:''; position: absolute; left:0; top:-0.05rem; width:0.5rem; height:0.8rem; background:url(../img/ico7.png) top center no-repeat; background-size:100% 100% !important;}
.h-about .title::before{ left: auto; right:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.h-about .info{ display:block; max-width:1200px; color:#525252; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); margin-top:40px;}
.h-about .more{ display:flex; justify-content: center; width:100%; margin-top:30px;}
.h-about .more .a{ display:inline-flex; width:0.5rem; height:0.5rem; background:url(../img/ico8.png) top center no-repeat; background-size:100% 100% !important;}
.h-about .more .a:hover{ background:url(../img/ico8.1.png) top center no-repeat;}
.h-about .list{ display:inline-flex; flex-wrap: wrap; width:962px; margin-top:90px;}
.h-about .list .li{ display:flex; flex-wrap: wrap; width:25%; border-right:2px solid #e5e5e5; padding:0 10px;}
.h-about .list .li:first-child{ border-left:2px solid #e5e5e5;}
.h-about .list .num{ display:flex; width:100%; justify-content: center; align-items: flex-start; color: #0155a4; font-size:16px; line-height:34px; font-weight: bold;}
.h-about .list .num .countup{ font-size:40px; margin-right:12px;}
.h-about .list .num font{ line-height:16px;}
.h-about .list .p{ display:block; width:100%; color: #000; font-size:16px; line-height:26px; margin:20px 0 3px 0;}

@media screen and (max-width:1440px) {
.h-about .title{ font-size:0.38rem; line-height:0.48rem; }
.h-about .info{ max-width:1030px; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.1rem);}
}
@media screen and (max-width:1200px) {
.h-about::after{ background-size:100% auto;}
}
@media screen and (max-width:1024px) {
.h-about{ margin-top:27px; padding:15px 0 10px 0;}
.h-about .title{ max-width:90%; font-size:20px; line-height:30px; padding:0 40px;}
.h-about .title::after,
.h-about .title::before{ top:0; width:25px; height:40px; }
.h-about .info{ font-size:14px; line-height:24px; margin-top:20px;}
.h-about .more{ margin-top:20px;}
.h-about .more .a{ width:24px; height:24px;}
.h-about .list{ width:100%; margin-top:30px;}
.h-about .list .num{ font-size:14px; line-height:24px;}
.h-about .list .num .countup{ font-size:24px; margin-right:6px;}
.h-about .list .num font{ line-height:14px;}
.h-about .list .p{ font-size:14px; line-height:22px; margin:10px 0 3px 0;}
}
@media screen and (max-width:767px) {
.h-about .list{ margin-top:10px;}
.h-about .list .li{ width:50%; margin-top:25px;}
.h-about .list .li:nth-child(2n+1){ border-left:2px solid #e5e5e5;}
}


.h-case{ position: relative; overflow: hidden;}
.h-case .pic{ display: block; width:100%; height:100%; z-index:1; position: absolute; left:0; top:0;}
.h-case .pic .slick-list{ height:100%;}
.h-case .pic .slick-track{ height:100%;}
.h-case .pic:after{ display: block; content:''; position: absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../img/bg9.png) top center repeat; background-size:100% 100% !important;}
.h-case .pic .img{ opacity:0; display: block; width:100%; height:100%; z-index:1; position: absolute; left:0; top:0;}
.h-case .pic .img img{ display: block; width:100.2%; height:100.2%; object-fit: cover; position: absolute; left:0; top:0;}
.h-case .pic .img.on{ opacity:1;}
.h-case .tit48{ color: #fff;}
.h-case .tit48:after{ background: #fff;}
.h-case .box{ display: flex; flex-wrap: wrap; width:100%; justify-content:center; text-align: center; margin-top:26px;}
.h-case .top{ display: block; width:100%; position: relative;}
.h-case .top .div{ display: block; width:100%; position:absolute; left:0; top:0; z-index: 1; opacity:0;}
.h-case .top .div.on{ opacity:1; z-index: 6; position: relative;}
.h-case .top .div .la{ display: flex; flex-wrap: wrap; justify-content: center;}
.h-case .title{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.16rem);}
.h-case .info{ display:block; max-width:1200px; color:#fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top:22px;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;  min-height:calc(44px + 0.08rem);
 }

.h-case .more{ display:flex; justify-content: center; width:100%; margin-top:30px;}
.h-case .more .a{ display:flex; width:0.5rem; height:0.5rem; background:url(../img/ico8.png) top center no-repeat; background-size:100% 100% !important;}
.h-case .more .a:hover{ background:url(../img/ico8.1.png) top center no-repeat;}
.h-case .list{ display:flex; flex-wrap: wrap; width:100%; margin-top:50px;}
.h-case .list .ul{ display: block; width:100%;}
.h-case .list .li{ cursor: pointer; display:flex; flex-wrap: wrap; justify-content: center; width:20%; padding:0.9rem 15px 0.55rem 15px; background:url(../img/bg10.jpg) top center no-repeat; background-size:100% 100% !important;}
.h-case .list .ico{ display:flex; width:0.56rem; height:0.56rem; line-height:0;}
.h-case .list .ico .img2{ display: block; width:100%;}
.h-case .list .ico .img1{ display: none;}
.h-case .list .tit{ display:block; width:100%; color: #777; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.16rem); margin-top:0.22rem;}
.h-case .list .p{ display:block; width:100%; color: #777; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem); text-transform: uppercase; margin-top:0.12rem;}
.h-case .list .li.slick-current{ background:url(../img/bg11.jpg) top center no-repeat;}
.h-case .list .li.slick-current .tit{ color: #e4c58b;}
.h-case .list .li.slick-current .p{ color: #e4c58b;}
.h-case .list .li.slick-current .ico .img2{ display: none;}
.h-case .list .li.slick-current .ico .img1{ display: block;}
.h-case .list .slick-arrow{ background:url(../img/ico5.png) center no-repeat;}
.h-case .list .slick-arrow:hover{ background:url(../img/ico6.png) center no-repeat;}
.h-case .list .slick-prev{ left:-0.6rem;}
.h-case .list .slick-next{ right:-0.6rem;}


@media screen and (max-width:1440px) {
.h-case .title{font-size:calc(14px + 0.14rem);}
.h-case .info{ max-width:1030px; font-size:calc(14px + 0.02rem);}
.h-case .list .li{ padding:0.4rem 15px;}
.h-case .list .tit{font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.12rem); margin-top:0.14rem;}
.h-case .list .p{ font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); text-transform: uppercase; margin-top:0.06rem;}
}
@media screen and (max-width:1024px) {
.h-case .box{ margin-top:20px;}
.h-case .title{ font-size:18px; line-height:28px;}
.h-case .info{ font-size:14px; line-height:24px; height:72px;-webkit-line-clamp:3; margin-top:10px;}
.h-case .more{ margin-top:20px;}
.h-case .more .a{ width:24px; height:24px;}
.h-case .list{ width:100%; margin-top:30px; padding:0 30px;}
.h-case .list .li{ padding:20px 12px; border-top:1px solid #dddddd;}
.h-case .list .li:nth-child(1),
.h-case .list .li:nth-child(2){ border-top:0;}
.h-case .list .tit{ font-size:16px; line-height:24px; margin-top:8px;}
.h-case .list .p{ font-size:14px; line-height:22px; margin-top:4px;}
.h-case .list .ico{ width:30px; height:30px;}
.h-case .list .slick-prev{ left:-36px;}
.h-case .list .slick-next{ right:-36px;}
}
@media screen and (max-width:767px) {
.h-case .list .li{ text-align: left; position: relative; width:50%; padding:10px 44px 10px 15px;}
.h-case .list .ico{ position: absolute; right:15px; top:50%; margin-top: -13px; width:26px; height:26px;}
.h-case .list .tit{ margin-top:0;}
.h-case .list .p{ font-size:13px; line-height:20px; margin-top:0;}
.h-case .info{ height:120px;-webkit-line-clamp:5;}


}



.h-casebai{ position: relative; overflow: hidden;}
.h-casebai .pic{ display: block; width:100%; height:100%; z-index:1; position: absolute; left:0; top:0;}
.h-casebai .pic .slick-list{ height:100%;}
.h-casebai .pic .slick-track{ height:100%;}
.h-casebai .pic:after{ display: block; content:''; position: absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../img/bg9.png) top center repeat; background-size:100% 100% !important;}
.h-casebai .pic .img{ opacity:0; display: block; width:100%; height:100%; z-index:1; position: absolute; left:0; top:0;}
.h-casebai .pic .img img{ display: block; width:100.2%; height:100.2%; object-fit: cover; position: absolute; left:0; top:0;}
.h-casebai .pic .img.on{ opacity:1;}
.h-casebai .tit48{ color: #fff;}
.h-casebai .tit48:after{ background: #fff;}
.h-casebai .box{ display: flex; flex-wrap: wrap; width:100%; justify-content:center; text-align: center; margin-top:26px;}
.h-casebai .top{ display: block; width:100%; position: relative;}
.h-casebai .top .div{ display: block; width:100%; position:absolute; left:0; top:0; z-index: 1; opacity:0;}
.h-casebai .top .div.on{ opacity:1; z-index: 6; position: relative;}
.h-casebai .top .div .la{ display: flex; flex-wrap: wrap; justify-content: center;}
.h-casebai .title{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.16rem);}
.h-casebai .info{ display:block; max-width:1200px; color:#fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top:22px;
  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;  min-height:calc(44px + 0.08rem);
}

.h-casebai .more{ display:flex; justify-content: center; width:100%; margin-top:30px;}
.h-casebai .more .a{ display:flex; width:0.5rem; height:0.5rem; background:url(../img/ico8.png) top center no-repeat; background-size:100% 100% !important;}
.h-casebai .more .a:hover{ background:url(../img/ico8.1.png) top center no-repeat;}


@media screen and (max-width:1440px) {
  .h-casebai .title{font-size:calc(14px + 0.14rem);}
  .h-casebai .info{ max-width:1030px; font-size:calc(14px + 0.02rem);}
  .h-casebai .list .li{ padding:0.4rem 15px;}
  .h-casebai .list .tit{font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.12rem); margin-top:0.14rem;}
  .h-casebai .list .p{ font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); text-transform: uppercase; margin-top:0.06rem;}
}
@media screen and (max-width:1024px) {
  .h-casebai .box{ margin-top:20px;}
  .h-casebai .title{ font-size:18px; line-height:28px;}
  .h-casebai .info{ font-size:14px; line-height:24px; height:72px;-webkit-line-clamp:3; margin-top:10px;}
  .h-casebai .more{ margin-top:20px;}
  .h-casebai .more .a{ width:24px; height:24px;}
  .h-casebai .list{ width:100%; margin-top:30px; padding:0 30px;}
  .h-casebai .list .li{ padding:20px 12px; border-top:1px solid #dddddd;}
  .h-casebai .list .li:nth-child(1),
  .h-casebai .list .li:nth-child(2){ border-top:0;}
  .h-casebai .list .tit{ font-size:16px; line-height:24px; margin-top:8px;}
  .h-casebai .list .p{ font-size:14px; line-height:22px; margin-top:4px;}
  .h-casebai .list .ico{ width:30px; height:30px;}
  .h-casebai .list .slick-prev{ left:-36px;}
  .h-casebai .list .slick-next{ right:-36px;}
}
@media screen and (max-width:767px) {
  .h-casebai .list .li{ text-align: left; position: relative; width:50%; padding:10px 44px 10px 15px;}
  .h-casebai .list .ico{ position: absolute; right:15px; top:50%; margin-top: -13px; width:26px; height:26px;}
  .h-casebai .list .tit{ margin-top:0;}
  .h-casebai .list .p{ font-size:13px; line-height:20px; margin-top:0;}
  .h-casebai .info{ height:120px;-webkit-line-clamp:5;}


}


.about1{ display: flex; flex-wrap: wrap; width:100%; margin-top:47px; align-items:flex-start; justify-content:space-between;}
.about1 .pic{ display: block; width:50.5%; overflow: hidden; border-radius:10px; line-height:0;}
.about1 .pic .img{ display: block; width:100%;}
.about1 .pic .img img{ width:100%;}
.about1 .cont{ display: block; width:47%; overflow-y: auto; height:5.3rem; padding-right:0.6rem; color: #333;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.07rem);
scrollbar-width: thin;
  scrollbar-color: #cccccc #eeeeee;
}
.about1 .cont::-webkit-scrollbar {
  width:0.2rem;
}
.about1 .cont::-webkit-scrollbar-thumb {
  background-color: #cccccc;border-radius:0.2rem;
}
.about1 .cont::-moz-scrollbar {
  width:0.2rem;
}
.about1 .cont::-moz-scrollbar-thumb {
  background-color: #cccccc;border-radius:0.2rem;
}

@media screen and (max-width:1600px) {
.about1 .cont{ height:4.8rem; padding-right:0.48rem;}
}
@media screen and (max-width:1440px) {
.about1 .cont{ height:4.8rem; padding-right:0.48rem;font-size:calc(14px + 0.03rem); line-height:calc(22px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.about1{ margin-top:27px;}
.about1 .pic{ width:100%;}
.about1 .cont{ width:100%;height:272px; padding-right:15px; margin-top:20px;font-size:14px; line-height:22px;}
}
@media screen and (max-width:767px) {
.about1 .cont{height:334px;}
}


.licheng{ position: relative; overflow:hidden;}
.licheng .pic{ display: block; width:100%; height:100%; z-index:1; position: absolute; left:0; top:0;}
.licheng .pic:after{ display: block; content:''; position: absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../img/bg12.png) top center repeat; background-size:100% 100% !important;}
.licheng .pic .div{ width:100%; height:100%; object-fit: cover; position: absolute; left:0; top:0;}
.licheng .tit48{ color: #fff;}
.licheng .tit48::after{ background: #fff;}
.licheng .list{ display: block; width:100%; position: relative; margin-top: 55px; padding-bottom:90px;}
.licheng .list:after{ display: block; content:''; position: absolute; left:50%; top:154px; margin-left:-2000px; width:4000px; height:5px;background:url(../img/bg13.png) top center repeat;}
.licheng .list .ul{ display: block; width:calc(100% + 0.4rem); margin:0 -0.2rem;}
.licheng .list .li{ display: block; width:14.28%; color: #fff; padding:0 0.2rem;}
.licheng .list .li .num{ display: block; width:100%; font-weight: bold; font-size: calc(24px + 0.06rem); line-height:38px; height:154px; position: relative;}
.licheng .list .li .num:after{ display: block; content:''; position: absolute; left:-2px; bottom:0; width:1px; height:100px;background:url(../img/bg13.png) top center repeat;}
.licheng .list .li .info{ display: block; width:100%; font-size: calc(14px + 0.06rem); line-height:calc(20px + 0.06rem); margin-top:17px;}
.licheng .list .li .p{ display: block; width:100%; margin-top:8px;}
.licheng .slick-arrow{ top: auto; bottom:-90px;}
.licheng .slick-prev{ left:50%; margin-left:calc(-5px - 0.5rem);}
.licheng .slick-next{ right:50%; margin-right:calc(-5px - 0.5rem);}

@media screen and (max-width:1440px) {
.licheng .list .ul{ width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.licheng .list .li{ width:14.28%; padding:0 0.15rem;}
.licheng .list .li .info{ font-size: calc(14px + 0.03rem); line-height:calc(20px + 0.03rem);}
}
@media screen and (max-width:1024px) {
.licheng .list{ margin-top:20px; padding-bottom:50px;}
.licheng .list:after{top:80px; height:4px;}
.licheng .list .li .num{ font-size:20px; line-height:28px; height:80px;}
.licheng .list .li .num:after{ height:45px;}
.licheng .list .li .info{ font-size:14px; line-height:20px; margin-top:14px;}
.licheng .list .li .p{ margin-top:4px;}
.licheng .slick-arrow{ top: auto; bottom:-50px;}
.licheng .slick-prev{ left:50%; margin-left:-32px;}
.licheng .slick-next{ right:50%; margin-right:-32px;}
}

.rongyu{ display:block; width:100%; position: relative; margin-top:50px; padding-bottom:80px;}
.rongyu .list{ display: block; width:100%; position: absolute; left:0; top:0; z-index:1; opacity: 0;}
.rongyu .list.on{ position: relative; z-index: 6; opacity:1;}
.rongyu .list .ul{ display:block; width:calc(100% + 30px); margin:0 -15px;}
.rongyu .list .li{ display: block; width:20%; padding:0 15px;}
.rongyu .list .la{ display: block; width:100%; background: #fff; padding:10px; border-radius: 10px; cursor: pointer;}
.rongyu .list .la ._img{ padding-bottom:142.85%;}
.rongyu .list .la .tit{ display:flex; justify-content: center; align-items: center; text-align: center; width:100%; text-align: center; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); height:80px;}
.rongyu .list .la:hover .tit{ color:#0155a2;}
.rongyu .slick-arrow{ top: auto; bottom:-80px;}
.rongyu .slick-prev{ left:50%; margin-left:calc(-5px - 0.5rem);}
.rongyu .slick-next{ right:50%; margin-right:calc(-5px - 0.5rem);}

@media screen and (max-width:1440px) {
.rongyu .list .la .tit{ font-size: calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.rongyu{ margin-top:27px; padding-bottom:50px;}
.rongyu .list .ul{ width:calc(100% + 14px); margin:0 -7px;}
.rongyu .list .li{ padding:0 7px;}
.rongyu .list .la .tit{ font-size:14px; line-height:22px; height:60px;}
.rongyu .slick-arrow{ top: auto; bottom:-50px;}
.rongyu .slick-prev{ left:50%; margin-left:-32px;}
.rongyu .slick-next{ right:50%; margin-right:-32px;}

}




.pf-right{ display:none; z-index:10; position:fixed; right:0.18rem; 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;}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; 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:1600px) {
.pf-right{ right:0.1rem;}
}
@media screen and (max-width:1024px) {
.pf-right{ bottom:80px; right:5px; width:30px;}
.pf-right .li{ margin-top: 5px;}
.pf-right .li .a{ padding:2px;}
.pf-right .tel{ border-radius:30px; line-height:30px; padding:0 15px;}
}




.page_section{padding-top:100px;padding-bottom:200px;}
.page_section .cont{font-size:16px;color:#333;line-height:30px;}
@media screen and (max-width:1024px) {
.page_section{padding-top:30px;padding-bottom:50px;}
.page_section .cont{font-size:14px;line-height:24px;}
}




.zw_section{
width: 100%;
margin-top: -100px;
opacity: 0;
height: 100px;
position: relative;
z-index: -99;
}
@media screen and (max-width:1024px) {
.zw_section{
width: 100%;
margin-top: -54px;
opacity: 0;
height: 54px;
position: relative;
z-index: -99;
}
}

/*

0054a1


calc(14px + 0.04rem)



*/