@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: #154582 #f5f5f5;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #0066b5;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #154582;border-radius:8px;
}	


.w1400{max-width:1400px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.w_width{max-width:1620px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
.ctext1{padding-left:1rem;padding-right:1rem;}

@media  screen and (max-width: 768px){
.ctext{padding-left:0.6rem;padding-right:0.6rem;}
.ctext1{padding-left:0.6rem;padding-right:0.6rem;}
}


.wyb_s{position:fixed; left: 0; top:0; display: block;  width: 100%; z-index: 20; }
.t_navs{ display: flex; justify-content: space-between; width: 100%; } 
.t_navs.active{ background: url(img/back1.png) center no-repeat; background-size:100% 100% !important;} 
.t_navs .logo{ display: block; line-height: 0; padding-left: 20px; padding-top: 20px;}
.t_navs .logo img{ height:1.5rem;  max-width: inherit;}
.t_navs .right{ display: flex;}
.t_navs .right .yuyan{ width: 20px; height: 20px;}
.t_navs .nav-icon,.t_navs .lang{ display:flex; flex-wrap: wrap; width:1.5rem; height: 1.5rem;  background-color: #0066b5; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.t_navs .nav-icon{ background-color: #0092d8; }
.t_navs .nav-icon .tit,.t_navs .lang .tit{ text-align: center; color: #fff; font-size:18px; line-height: 18px; margin-top: 15px; display:block;}
.t_navs .lang .yuyan{ margin: 2px 0 6px 0;}
.t_navs .lang .tit.tit_c{ color: #bbbbbb;}
.t_navs .nav-icon .icon{ margin:2px auto;
  width:24px;
  height:24px;
  position:relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 5;
}
.t_navs .nav-icon .icon span {
  display: block;
  position: absolute;
  height:2px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.t_navs .nav-icon .icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
.t_navs .nav-icon .icon span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}
.t_navs .nav-icon .icon span:nth-child(1), .t_navs .nav-icon span:nth-child(2) {
  top: 0px;
}
.t_navs .nav-icon .icon span:nth-child(3), .t_navs .nav-icon span:nth-child(4) {
  top:8px;
}
.t_navs .nav-icon .icon span:nth-child(5), .t_navs .nav-icon span:nth-child(6) {
  top:16px;
}
.t_navs .nav-icon.open .icon span{
	height:3px;
}
.t_navs .nav-icon.open .icon span:nth-child(1),.t_navs .nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.t_navs .nav-icon.open .icon span:nth-child(2),.t_navs .nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.t_navs .nav-icon.open .icon span:nth-child(1) {
  left: 2px;
  top: 4px;
}
.t_navs .nav-icon.open .icon span:nth-child(2) {
  left: calc(50% - 2px);
  top: 4px;
}
.t_navs .nav-icon.open .icon span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.t_navs .nav-icon.open .icon span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.t_navs .nav-icon.open .icon span:nth-child(5) {
  left: 2px;
  top: 12px;
}
.t_navs .nav-icon.open .icon span:nth-child(6) {
  left: calc(50% - 2px);
  top: 12px;
}
.t_navs .menu{ display: none; z-index: 10; width: 65%;}
.t_navs .menu .ul{ display:flex; width: 100%;justify-content: space-between;}
.t_navs .menu .ul .nli{ display: flex;flex-wrap: wrap;
    flex-direction: column;  padding:0.80rem 0 0.75rem 0;}
.t_navs .menu .ul .lianxi{  padding:0.80rem 0 0.75rem 0;}
.t_navs .menu .ul .lianxi .call{ width:50px; height: 50px;}
.t_navs .menu .ul .lianxi a{display: flex;}
.t_navs .menu .ul .lianxi .tel{ margin-left: 12px;}
.t_navs .menu .ul .lianxi .tel .p1{ font-size: 26px; line-height: 32px; color: #fff;}
.t_navs .menu .ul .lianxi .tel .p2{ font-size: 18px; line-height: 22px; color: #fff;}
.t_navs .menu .ul .nli.on span a{ color: #0092d8;}
.t_navs .menu .ul .nli span a{ display:block; width: 100%;  position: relative; color: #fff; font-size:18px; line-height:30px; padding-bottom: 16px;}

.t_navs .menu .sub{ display:flex; flex-wrap: wrap; width: 100%; margin-top:15px;flex-direction: column;}
.t_navs .menu .sub .l2{ display:block; width: 100%; }
.t_navs .menu .sub .l2 a{ display:block; width: 100%; color: #fff; font-size:16px; line-height:32px;}
.t_navs .menu .sub .l2 a:hover{ color: #0092d8;}

.wyb_s.act{ background: #fff;}
.wyb_s.act .t_navs .logo{ display: block; line-height: 0; padding: 0.1rem 0; padding-left: 20px; }
.wyb_s.act .t_navs .logo img{ height: 0.8rem;}
.wyb_s.act .t_navs .nav-icon,.wyb_s.act .t_navs .lang { height: 1rem; width: 1rem;}


.t_navs .xialaph{ position: fixed; right: 0; top: 60px;width: 100%; height: calc(100vh - 50px);overflow: scroll; padding: 20px 20px 60px 20px;z-index:3; background: #fff;display: none; background: url(img/back1.png); background-size:100% 100%; backdrop-filter: blur(40px);}
.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 .icobox::after,
.t_navs .xialaph .icobox::after{ float:left; content:''; width:9px; height:9px; position:absolute; right:4px; 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);}
.t_navs .xialaph .icobox.on::after,
.t_navs .xialaph .icobox.on::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #fff; border-right:1px solid #fff; opacity:1}
.t_navs .xialaph .u1{width: 100%;margin-bottom:10px;}
.t_navs .xialaph .l1{width: 100%;}
.t_navs .xialaph .a1{width: 100%;font-size: 16px;color: #fff;line-height: 28px;position: relative;padding: 12px 40px 12px 0;display: block;border-bottom: 1px solid rgba(255,255,255,0.5);}
.t_navs .xialaph .on .a1{color: #fff;  border: 0;}
.t_navs .xialaph .u2{width: 100%;padding:0 10px 20px 10px;border-bottom: 1px solid rgba(255,255,255,0.5);display: none;}
.t_navs .xialaph .l2{width: 100%;}
.t_navs .xialaph .a2{width: 100%;font-size: 14px;color: #fff;line-height: 22px;position: relative;padding: 5px 40px 5px 0;display: block;}
.t_navs .xialaph .on .a2{color: #fff;}
.t_navs .xialaph .l2:last-child .a2{border-bottom: 0;}
.t_navs .xialaph .u3{padding:10px 10px; border-bottom: 1px solid rgba(255,255,255,0.5);display: none;}
.t_navs .xialaph .l2:last-child .u3{border-bottom: 0;}
.t_navs .xialaph .l3{width: 100%;}
.t_navs .xialaph .a3{font-size: 14px;color: #fff;line-height: 20px;padding:6px 0; display: block;}
.t_navs .xialaph .l3:last-child .a3{border-bottom: 0;}

.t_navs .right-ph{display: none;}



.t_navs .menuph .icon{ margin:2px auto;
  width:24px;
  height:24px;
  position:relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 5;
}
.t_navs .menuph .icon span {
  display: block;
  position: absolute;
  height:2px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.t_navs .menuph .icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}
.t_navs .menuph .icon span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}
.t_navs .menuph .icon span:nth-child(1), .t_navs .menuph span:nth-child(2) {
  top: 0px;
}
.t_navs .menuph .icon span:nth-child(3), .t_navs .menuph span:nth-child(4) {
  top:8px;
}
.t_navs .menuph .icon span:nth-child(5), .t_navs .menuph span:nth-child(6) {
  top:16px;
}
.t_navs .menuph.open .icon span{
	height:3px;
}
.t_navs .menuph.open .icon span:nth-child(1),.t_navs .menuph.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.t_navs .menuph.open .icon span:nth-child(2),.t_navs .menuph.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.t_navs .menuph.open .icon span:nth-child(1) {
  left: 2px;
  top: 4px;
}
.t_navs .menuph.open .icon span:nth-child(2) {
  left: calc(50% - 2px);
  top: 4px;
}
.t_navs .menuph.open .icon span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.t_navs .menuph.open .icon span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.t_navs .menuph.open .icon span:nth-child(5) {
  left: 2px;
  top: 12px;
}
.t_navs .menuph.open .icon span:nth-child(6) {
  left: calc(50% - 2px);
  top: 12px;
}

@media screen and (max-width:1800px){
.t_navs .menu .ul .nli{ padding:0.80rem 0 0.75rem 0;}
.t_navs .menu .ul .lianxi{ padding:0.80rem 0 0.75rem 0;}
}

@media screen and (max-width:1440px){
.t_navs .menu .ul .nli{ padding:0.70rem 0 0.64rem 0;}
.t_navs .menu .ul .lianxi{ padding:0.80rem 0 0.75rem 0;}
.t_navs .menu .ul .lianxi .tel .p1{ font-size: 24px; line-height: 30px;}
.t_navs .menu .ul .lianxi .tel .p2{ font-size: 16px; line-height: 20px; }
.t_navs .menu .ul .nli span a{ font-size:16px; line-height:28px; padding-bottom: 12px;}
.t_navs .menu .sub .l2 a{font-size:14px; line-height:30px;}
.t_navs .nav-icon .tit{font-size:16px; line-height: 16px; margin-top: 10px;}
}

@media screen and (max-width:1024px) {
.t_navs .menuph,.t_navs .right-ph .lang{ display:flex; flex-wrap: wrap; width:60px; height: 60px;  background-color: #0066b5; flex-direction: column; justify-content: center; align-items: center; }
.wyb_s.act .t_navs .nav-icon,.wyb_s.act .t_navs .lang { height: 60px; width: 60px;}
.t_navs .menuph { background-color: #0092d8; }
.t_navs .menuph .tit,.t_navs .right-ph .lang .tit{ text-align: center; color: #fff; font-size:12px; line-height: 16px; margin-top: 0;}
.t_navs .menuph .icon{ width: 20px; height: 20px;}
.t_navs .right-ph .lang .yuyan{ margin: 2px  0;}
.t_navs .right-ph .lang .tit{ color: #bbbbbb;}
.t_navs.active{ background: #fff;} 
.wyb_s{ padding:0;}	
.t_navs{ height:60px; padding-left: 0.8rem; position: relative; align-items: center;}	
.t_navs .right{ display: none;}
.t_navs .right-ph{ display: flex;}
.t_navs .nav-icon{ height: 60px; width: 60px;}
.t_navs .logo { padding: 0;}
.t_navs .logo img{ height: 40px;}
.wyb_s.act .t_navs .logo img {  height: 40px;}
.wyb_s.act .t_navs .logo{ padding: 3px 0;}
.t_navs .nav-icon{ margin-right: -5px;}
.t_navs .nav-icon .tit{ font-size:12px; margin-top: 0px;}
.t_navs .nav-icon:last-child .tit{ margin-top: 4px;}
.t_navs .nav-icon .icon{ margin:0;}
.t_navs .menu{ position: absolute; left:0; top: 100%; padding:0 0.6rem; height:calc(100vh - 56px); overflow-y: auto;}
.t_navs .menu .ul{ flex-wrap: wrap; background:none;}
.t_navs .menu .ul .lianxi{ width:100%; display: flex; align-items: flex-start; border-right:0; border-bottom:1px solid rgba(0,0,0,0.1); padding:12px 5px;}
.t_navs .menu .ul .lianxi a{display: flex; align-items: center;}
.t_navs .menu .ul .lianxi .tel{ margin-left: 0px; display: flex; align-items: center;}
.t_navs .menu .ul .lianxi .call{ width: 25px;}
.t_navs .menu .ul .lianxi .tel .p1{ font-size: 20px; line-height: 26px;  margin-left: 14px;}
.t_navs .menu .ul .lianxi .tel .p2{ font-size:15px; line-height:22px;  margin-left: 14px;}
.t_navs .menu .ul .nli{ width:100%; display: flex; align-items: flex-start; border-right:0; border-bottom:1px solid rgba(0,0,0,0.1); padding:12px 5px;}
.t_navs .menu .ul .nli:nth-child(4){ width: 100%;}
.t_navs .menu .ul .nli span a{ text-align: left; font-size:15px; line-height:22px; white-space: nowrap; width:auto; padding:0 12px 0 0;}
.t_navs .menu .ul .nli span a::after{ left:100%; bottom:50%; width:2px; height:14px; margin:0 0 -7px 0;}
.t_navs .menu .sub{ margin: 0; display: flex; flex-wrap:wrap;}
.t_navs .menu .sub .l2{ width:auto; padding: 0; margin:0 0 0 14px;}
.t_navs .menu .sub .l2 a{ font-size:13px; line-height:22px; text-align: left;}

.t_navs .lianxi{ width:100%; position: relative; display: flex; align-items: flex-start; border-right:0;  justify-content: center; padding: 17px 10px 12px 0;}
.t_navs .lianxi a{display: flex; align-items: center; }
.t_navs .lianxi .tel{ margin-left: 0px;}
.t_navs .lianxi .call{ width: 25px;}
.t_navs .lianxi .tel .p1{ font-size: 18px; line-height: 26px;  margin-left: 10px; color: #fff;}
.t_navs .lianxi .tel .p2{ font-size:14px; line-height:22px;  margin-left: 10px; color: #fff;}


.t_navs .menuph .tit{padding:0 5px;font-size: 11px;}

}





.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; overflow: hidden;}
.index-banner .swiper-slide .pc_show1{width: 100%;animation:big 4s infinite linear;}
.index-banner .swiper-slide .ph_show1{width: 100%;animation:big 4s infinite linear;}
.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/icon1.png) center no-repeat; background-size:100% 100% !important; cursor: pointer; }
.index-banner .swiper-prev{ left:0.5rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.index-banner .swiper-next{ right:0.5rem;}

.index-banner .text{ display: block; width: 100%; position: absolute; left:0; top:50%; z-index: 10; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .text .back2{ width: 36.1%;}
.index-banner .text .p1{ font-size: 0.5rem; line-height: 0.6rem; color: #fff; margin-top: 20px;}


@media screen and (max-width:1024px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ bottom:15px; width:30px; height:30px;}
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px;}
}
@media screen and (max-width:768px) {
.index-banner .text .p1{ font-size: 20px; line-height: 25px; color: #fff; margin-top: 10px;}
}


.main1{ padding-top: 102px; padding-bottom: 116px;}
.main1 .top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.more{ line-height: 0; width: 50px;border-radius: 50px;}
.more .more-2{display: none;}
.more:hover{ background-color: #0f58d5;}
.more:hover .more-1{ display: none;}
.more:hover .more-2{ display: block;}
.tit{ font-size: calc(14px + 0.36rem); line-height: calc(22px + 0.38rem); color: #fff;}



@media screen and (max-width:1440px) {
.main1{ padding-top: 76px; padding-bottom: 84px;}
.tit{ font-size: calc(14px + 0.34rem); line-height: calc(22px + 0.36rem);}
}


@media screen and (max-width:1024px) {
.main1{ padding-top: 51px; padding-bottom: 62px;}
.tit{ font-size: calc(14px + 0.32rem); line-height: calc(22px + 0.34rem);}
.more{ width: 40px;}
}

@media screen and (max-width:768px) {
.main1{ padding-top: 40px; padding-bottom: 50px;}
.tit{ font-size: calc(14px + 0.3rem); line-height: calc(22px + 0.32rem);}
.more{width: 30px;}
}


.main2{ padding-top: 100px; padding-bottom: 140px; position: relative; overflow: hidden;}
.main2 .ph-back { display: none;}
.main2 .back{ position: absolute; left:0; top: 0; z-index: 1; width: 100%; height: 100%; }
.main2 .left{width: 40.4%; z-index: 2; position: relative;}
.main2 .more a{ line-height: 0;}
.main2 .more:hover img{ background-color: #fff; border-radius: 50px;}
.main2 .more img{ width: 50px;}
.main2 .more .more-3{ display: none;}
.main2 .more:hover .more-3{ display: inline-block;}
.main2 .more:hover .more-1{ display: none;}
.main2 .tit{ margin-bottom: 63px; z-index: 2; position: relative;}
.main2 .left .tit1{ font-size: calc(14px + 0.26rem); line-height: calc(22px + 0.26rem); color: #fff; margin-bottom: 21px; font-weight: bold;}
.main2 .left .p1{ font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.1rem); color: #fff; margin-bottom: 72px;}
.main2 .left .cont{display: flex; justify-content: space-between; margin-bottom: 60px;}
.main2 .left .cont .box ._flex{display: flex;}
.main2 .left .cont .box .num{ font-size: calc(14px + 0.26rem); line-height: calc(22px + 0.26rem);color: #fff; font-weight: bold;}
.main2 .left .cont .box .p2{ font-size: calc(14px + 0.02rem); line-height: 20px; margin-top: 5px; margin-left: 8px; color: #fff; font-weight: bold;}
.main2 .left .cont .box .p3{font-size: calc(14px + 0.02rem); line-height: 20px; color: #fff; margin-top: 3px;}

@media screen and (max-width:1440px) {
.main2{ padding-top: 75px; padding-bottom: 105px;}
.main2 .tit{ margin-bottom: 40px;}
.main2 .left{width: 50%;}
.main2 .left .tit1{ font-size: calc(14px + 0.22rem); line-height: calc(22px + 0.22rem); margin-bottom: 15px;}
.main2 .left .p1{ font-size: 14px ; line-height: calc(22px + 0.06rem); margin-bottom: 56px;}
.main2 .left .cont{ margin-bottom: 32px;}
.main2 .left .cont .box .num{ font-size: calc(14px + 0.24rem); line-height: calc(22px + 0.24rem);}
.main2 .left .cont .box .p2{ font-size: 14px ; line-height: 18px;}
.main2 .left .cont .box .p3{font-size:14px; line-height: 18px;}
}


@media screen and (max-width:1024px) {
.main2{ padding-top: 50px; padding-bottom: 70px;}
.main2 .tit{ margin-bottom: 35px;}
.main2 .more img{ width: 40px;}
.main2 .left .tit1{ font-size: calc(14px + 0.2rem); line-height: calc(22px + 0.2rem); margin-bottom: 15px;}
.main2 .left .p1{  margin-bottom: 33px;}
.main2 .left .cont{ margin-bottom: 21px;}
.main2 .left .cont .box .num{ font-size: calc(14px + 0.22rem); line-height: calc(22px + 0.22rem);}
.main2 .left .cont .box .p2{  margin-left: 6px;}
}
@media screen and (max-width:768px) {
.main2 .pc-back{display: none;}
.main2 .ph-back{display: block;}
.main2{ padding-top: 40px; padding-bottom: 50px;}
.main2 .tit{  margin-bottom: 15px;}
.main2 .left{width: 100%;}
.main2 .more img{ width: 30px;}
.main2 .left .cont{ flex-wrap: wrap;}
.main2 .left .cont .box {width: 50%; margin-bottom: 10px;}
.main2 .left .tit1{ font-size: calc(14px + 0.1rem); line-height: calc(22px + 0.1rem); margin-bottom: 10px;}
.main2 .left .p1{ margin-bottom: 22px;}
.main2 .left .cont{ margin-bottom: 15px;}
.main2 .left .cont .box .num{ font-size: 24px ; line-height: calc(22px + 0.2rem);}
.main2 .left .cont .box .p2{ font-size: 14px ; line-height: 18px;}
.main2 .left .cont .box .p3{font-size:14px; line-height: 18px;}
}


.main3{ padding-top: 100px; padding-bottom: 160px;}
.main3 .top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 103px;}
.main3 .top .tit{ font-size: calc(14px + 0.36rem); line-height: calc(22px + 0.38rem); color: #fff;}
.main3 .cont{ display: block; width: calc( 100% + 0.6rem); margin: 0 -0.3rem;}
.main3 .cont .box{  padding: 0 0.3rem;}
.main3 .cont .box:last-child{ margin-right: 0;}
.main3 .pb{ padding-bottom: 56%; border-radius: 10px;}
.main3 .cont .box .tit1{ font-size: calc(14px + 0.12rem); line-height: calc(22px + 0.1rem); color: #535353;  height:calc(44px + 0.2rem); margin-bottom: 57px;}
.main3 .cont .box:hover .tit1 { color: #fff;}
.main3 .cont .box .p1{ font-size: 14px; line-height: 22px; color: #ddd; margin-bottom: 29px;}

@media screen and (max-width:1440px) {
.main3{ padding-top: 75px; padding-bottom: 120px;}
.main3 .top{ margin-bottom: 76px;}
.main3 .cont .box .tit1{ font-size: calc(14px + 0.08rem); line-height: calc(22px + 0.08rem); height:calc(44px + 0.16rem); }
}

@media screen and (max-width:1024px) {
.main3{ padding-top: 50px; padding-bottom: 80px;}
.main3 .top{ margin-bottom: 51px;}
.main3 .cont .box .tit1{ margin-bottom: 10px;}
.main3 .cont .box .p1{  margin-bottom: 15px;}
}

@media screen and (max-width:768px) {
.main3{ padding-top: 40px; padding-bottom: 50px;}
.main3 .top{ margin-bottom: 20px;}
.main3 .cont{ flex-wrap: wrap;}
}

.main4{ padding-top: 200px; padding-bottom: 210px; position: relative; overflow: hidden;}
.main4 .ph-back { display: none;}
.main4 .back{ position: absolute; left:0; top: 0; z-index: 1; width: 100%; height: 100%; }
.main4 .left{ margin-top: 10px;}
.main4 .cont{ display: flex; justify-content: space-between; position: relative; z-index: 2;}
.main4 .cont .right{ margin-right: 210px;}
.main4 .cont .right .box{ width: 600px; border-radius: 15px; background: url(img/back6.png) center center no-repeat; background-size: cover; padding: 15px 20px; margin-bottom: 10px;}
.main4 .cont .right .box.on{ background: url(img/back6.png) center center no-repeat; background-size: cover;}
.main4 .cont .right .box.on .p1{color: #333;}
.main4 .cont .right .box:hover{ background: url(img/back6.png) center center no-repeat; background-size: cover; }
.main4 .cont .right .box:hover .p1{color: #333;}
.main4 .cont .right .box:last-child{ margin-bottom: 0;}
.main4 .cont .right .box a{ display: flex; align-items: center;}
.main4 .cont .right .box .p1{ font-size: calc(14px + 0.16rem); line-height: calc(22px + 0.14rem); color: #333333; }
.main4 .box img{ margin-right: 22px;}

@media screen and (max-width:1440px) {
.main4{ padding-top: 150px; padding-bottom: 152px;}
.main4 .cont .right{ margin-right: 152px;}
.main4 .cont .right .box{ width: 500px;}
.main4 .cont .right .box .p1{ font-size: calc(14px + 0.14rem); line-height: calc(22px + 0.12rem); }
.main4 .box img{ width: 50px;}
}

@media screen and (max-width:1024px) {
.main4{ padding-top: 100px; padding-bottom: 101px;}
.main4 .cont .right{ margin-right: 101px;}
.main4 .cont .right .box{ width: 400px;}
.main4 .cont .right .box .p1{ font-size: calc(14px + 0.12rem); line-height: calc(22px + 0.1rem); }
.main4 .box img{ width: 40px;}
}

@media screen and (max-width:768px) {
.main4 .pc-back{display: none;}
.main4 .ph-back{display: block;}
.main4{ padding-top: 40px; padding-bottom: 50px;}
.main4 .left{ margin-top: 0; margin-bottom: 20px;}
.main4 .cont{ flex-wrap: wrap;}
.main4 .cont .right{ width: 100%; margin-right: 0;}
.main4 .cont .right .box .p1{ font-size: calc(14px + 0.06rem); line-height: calc(22px + 0.04rem); white-space: nowrap; }
.main4 .box img{ width: 24px; margin-right: 30px;}
.main4 .cont .right .box{  border-radius: 10px; margin-bottom: 0; margin-right: 10px;}
.main4 .cont .right .box:last-child{  margin-right: 0px;}
.main4 .cont .right ul{  display: flex; width: 100%;  overflow-x: auto; margin-top: 350px;}
}


.main5{ padding-top: 100px; padding-bottom: 200px; background-color: #f4f4f4;}
.main5 .tit{ color: #a3a6aa; margin-bottom: 95px;}
.main5 .cont{ width: 100%; display: flex; flex-wrap: wrap; margin-right: 10px;}
.main5 .cont .box a{ font-size: 0; line-height: 0;}
.main5 .cont .box .pb{ padding-bottom: 74.21%; border-radius: 15px;}
.main5 .cont .box{ width: 12.5% ; margin-bottom: 10px; padding-right: 10px;}
.main5 .cont .box img{ border-radius: 15px; width: 100%;}
.main5 .cont.cont-ph{display: none;}

@media screen and (max-width:1440px) {
.main5{ padding-top: 75px; padding-bottom: 150px;}
.main5 .tit{margin-bottom: 70px;}
}

@media screen and (max-width:1024px) {
.main5{ padding-top: 50px; padding-bottom: 100px;}
.main5 .tit{margin-bottom: 45px;}
.main5 .cont .box{ width: 16.6%;}
.main5 .cont .slick-list{width:100%;}
}

@media screen and (max-width:768px) {
.main5 .cont.cont-ph{display: block;}
.main5 .cont.cont-pc{display: none;}
.main5 .cont{margin-right: 0;}
.main5{ padding-top: 40px; padding-bottom: 50px;}
.main5 .tit{margin-bottom: 20px;}
.main5 .cont ._flex{display: flex; flex-wrap: wrap; }
.main5 .cont .box{ width: 33.33%;  padding: 0 5px;  border-radius: 8px;}
.main5 .cont .box img{ border-radius: 8px;}

}



.footer{ padding-top: 60px; padding-bottom: 80px; background-color: #1266ff;}
.biaoDan input::placeholder{ opacity:1 !important;}
.footer .f_logo{ margin-bottom: 20px;}
.footer .cont{ display: flex; justify-content: space-between;}
.footer .left { width: 55.56%;  padding: 0px 50px 52px 50px; position: relative; background: url(img/f-back.png); background-size: 100% 100%;}
.footer .left .top{ background: url(img/foot-back.png)  no-repeat; background-size: 100% 100%; padding-top: 60px;}
.footer .left .ul { display: flex; width: 100%; justify-content: space-between;}
.footer .ul .nli {  display: flex; flex-wrap: wrap; flex-direction: column;}
.footer .ul .nli span a {  display: block; width: 100%; position: relative; color: #fff; font-size: 16px; line-height: 22px;}
.footer .sub { display: flex; flex-wrap: wrap; flex-direction: column;width: 100%; margin-top: 21px;}
.footer .sub .l2 { display: block; width: 100%;}
.footer .sub .l2 a { display: block;  width: 100%;  color: #fff;  font-size: 14px;  line-height: 32px;}
.footer .sub .l2 a:hover { opacity: 0.5;}
.footer .left .navs{ padding-bottom: 10px; border-bottom: 1px solid #1266ff;}
.footer .xx{ display: flex; justify-content: space-between; padding: 18px 0; border-bottom: 1px solid #1266ff;}
.footer .xx .box:last-child{ width: 57.5%;}
.footer .xx .p1,.footer .xx .p1 a{ font-size: 14px; line-height: 18px; color: #bababa;}
.footer .xx .p1 a:hover,.footer .bq a:hover{ color: #fff;}
.footer .gg{ width: 100%; display: flex; justify-content: space-between; margin-top: 19px;}
.footer .gg .box { width: 28.75%;}
.footer .gg .box .pb{ padding-bottom: 33.91%;}
.footer .right { width: 40.75%; background-color: #eeeeee; padding: 30px 50px 50px 52px; border-radius: 10px;}
.footer .right .tit1{ font-size: calc(14px + 0.18rem); line-height: calc( 22px + 0.26rem); color: #545454;}
.footer .right input { width: 100%;  margin-top: 20px;   background-color: #fff;  text-indent: 22px;  line-height: 30px;  color: #999999;  font-size: 18px; border-radius: 10px; padding: 10px 0;}
.footer .right textarea { width: 100%;  margin-top: 20px; border: 1px solid #F6F6F6; height: 100px;  background-color: #fff; line-height: 30px;  color: #999999; padding: 10px 22px;  font-size: 18px; border-radius: 10px;}
.footer .right .yanzheng{ display: flex; justify-content: space-between;}
.footer .right .yanzheng input { margin-right: 10px;}
.footer .right .yanzheng a { width: 37.5%; text-align: center; font-size: 18px; line-height: 30px; padding: 10px 0 ; background-color: #fff; border-radius: 10px; margin-top: 20px; color: #000;}
.footer .right .tijiao a { width: 26.79%; display: flex; align-items: center; justify-content: center; padding: 10px 0 ; background-color: #0066b5; border-radius: 10px; margin-top: 20px; }
.footer .right .tijiao .p1{ font-size: 18px; line-height: 30px;  color: #fff; margin-right: 10px;}
.footer .bq,.footer .bq a{ font-size: 14px; line-height: 18px; margin-top: 20px; color: #bababa;}
.footer .right .yanzheng a:hover,.footer .right .tijiao a:hover{ opacity: 0.7;}



@media screen and (max-width:1800px) {
.footer{ padding-top: 50px; padding-bottom: 70px;}
.footer .left { padding: 0px 22px 32px 22px ;}
.footer .left .top { padding-top: 40px;}
.footer .right {  padding: 20px 30px 32px 30px ;}
.footer .right .tit1{font-size: calc(14px + 0.12rem);}
.footer .ul .nli span a{font-size: 14px;}
.footer .sub .l2 a{font-size: 12px;}
}

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

.footer{ padding-top: 40px; padding-bottom: 50px;}
.footer .cont{ flex-wrap: wrap;}
.footer .left { width: 100%; margin-bottom: 20px;}
.footer .right { width: 100%;}
}

@media screen and (max-width:768px) {
.footer{  padding-bottom: 40px;}
.footer .f_logo img {height: 40px; }
.footer .left { padding: 0px 20px 22px 20px;}
.footer .left .top  { padding-top: 0px;}
.footer .left .top .navs  { display: none;}
.footer .xx .box,.footer .xx .box:last-child{ width: 100%;}
.footer .xx { flex-wrap: wrap;}
.footer .gg .box {width: 31.5%;}
.footer .right { padding: 25px 20px 30px 20px;}
.footer .right .tit1 {  font-size: calc(14px + 0.16rem); line-height: calc(22px + 0.22rem);}
.footer .right input {  margin-top: 10px;  text-indent: 15px; line-height: 28px; font-size: 16px;  border-radius: 8px; padding: 5px 0;}
.footer .right textarea { margin-top: 10px; height: 90px; line-height: 28px; padding: 5px 15px; font-size: 16px; border-radius: 8px;}
.footer .right .yanzheng a { font-size: 16px; line-height: 28px; padding: 5px 0; border-radius: 8px; margin-top: 10px;}
.footer .xx { padding-bottom: 14px;}
.footer .gg { margin-top: 15px;}
.footer .right .tijiao a { padding: 5px 0 ;border-radius: 8px; margin-top: 10px;width: 32.79%; }
.footer .right .tijiao .p1{ font-size: 16px; line-height: 28px; margin-right: 5px;}
.footer .right .tijiao img{ width: 15px; height: 10px;}
}


.pf-right{ z-index:10; position:fixed; right:0.18rem; bottom:12vh; width:0.5rem; display:none;}
.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);}

/* 1211start */
.pf-right .tel{ white-space: nowrap; 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;}
/* 1211end */
.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;}
.pf-right .tel-ph{ display: none;}

@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;}
.pf-right .tel-ph{ display: block;}
.pf-right .tel-pc{ display: none;}
}





/*bwh*/
.rongyu{ display:block; width: 100%; background:#f4f4f4;}
.rongyu .box{ display:block; width: 100%; position: relative; overflow: hidden; }
.rongyu .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.rongyu .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.rongyu ._more1{background: url(img/ico19.1.png) center no-repeat; margin-right: 10px;border: 1px solid #989898;}
.rongyu ._btn{ position: absolute; right: 0; top: 0; z-index: 10;}
.rongyu .list{ width:calc(100% + 0.42rem); margin: 0.56rem -0.21rem 0 -0.21rem;}
.rongyu .list .li{ width:25%; padding:0 0.21rem;}
.rongyu .list .li .la{ width:100%; background: #fff; padding:0 0.21rem; overflow: hidden; border-radius: 8px; padding: 10px;}
.rongyu .list .li .cover{ display: block; width:100%; cursor: pointer; }
.rongyu .list .li .cover img{ width:100%;}
.rongyu .list .li .p{ 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); min-height:60px; margin:10px 0;}
.rongyu .list .li .p:hover{ color: #0f58d5;}
.rongyu .tit50{ color: #a3a5aa;}

@media screen and (max-width:1440px) {
.rongyu .list .li .p{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem);}	
}
@media screen and (max-width:1024px) {
.rongyu .list{ width:calc(100% + 14px); margin:20px -7px 0 -7px;}
.rongyu .list .li{ padding:0 7px;}
.rongyu .list .li .p{ padding:0 10px; margin:10px 0 5px 0;}
}

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

}



/**/
.about1{display:block; width: 100%; background: #a3a7aa;}
.about1 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.1rem);}
.about1 .tit50{ margin-bottom:0.36rem; color: #fff;}
.about1 .right{ display:block; width:50%;}
.about1 .left{ display:block; width:36.7%;}
.about1 .cont{display: block; width:100%; overflow:hidden; padding-right:0.4rem; color: #fff;
 overflow-y:auto;
 scrollbar-width:thin;scrollbar-color: #555555 #dddddd;
 max-height:calc(308px + 1.4rem);}
.about1 .info{ display: block; width: 100%; color: #333;}
.about1 .logo{ display: block; line-height: 0; margin-top: 0.88rem;}
.about1 .logo img{ height: 1.5rem;}
.about1 .p{ display: block; width: 100%; color: #fff;}

@media screen and (max-width:1440px) {
.about1 .box{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem);}
.about1 .cont{ max-height:calc(308px + 1.12rem);}
.about1 .left{ width:39.7%;}
}
@media screen and (max-width:1024px) {
.about1{ padding:20px 15px 100px 15px;}
.about1 .tit50{ margin-bottom:15px;}
.about1 .left{ width:100%; position: relative; padding:0 0 25px 0;}
.about1 .right{ width:100%;}
.about1 .logo{ position: absolute; right: 0; top:100%; margin-top: -12px;}
.about1 .logo img{ height:40px;}

}


.history{ position: relative; overflow:hidden;}
.history .box{ display: flex; flex-wrap: wrap; width: 100%; position: relative;}
.history .left{ display:block; width:23.48%; padding:0.95rem 0;}
.history .left .info{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); margin-top: 12px;}
.history .year{ display:block; background:rgba(0,0,0,0.5); width:18.52%; padding:0.95rem 0 0.75rem 0;}
.history .year .cont{ display:block; width: 100%;}
.history .year .p{ cursor: pointer; display: block; text-align: center; color: #a3a7aa; font-size:0.4rem; line-height:0.5rem; margin-bottom:0.4rem; font-weight: bold;}
.history .year .p.slick-current{ color: #fff; font-size:0.5rem;}
.history .right{ position: static; display:block; width:58%; padding:0.52rem 0 1.2rem 10%;}
.history .right .cont{ display:block; width: 100%;}
.history .right .p{ display:block; width:100%; position: relative; color: #fff; font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); padding-left: 0.72rem; margin-top: 0.56rem;}
.history .right .p::after{ display: block; content:''; position: absolute; left: 0; top:6%; width:3px; height: 88%; background: #fff;}
.history .slick-arrow{ top: auto; bottom:1.2rem;}
.history .slick-prev{ transform:rotate(270deg); -ms-transform:rotate(270deg); margin-bottom:calc(10px + 0.5rem);}
.history .slick-next{ right:auto; left: 0; transform:rotate(90deg); -ms-transform:rotate(90deg);}


@media screen and (max-width:1440px) {
.history .left{ width:25.48%;}
.history .left .info{ font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 12px;}	
.history .right { width:56%;padding: 0.52rem 0 1.2rem 8%;}
.history .right .p{ font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); padding-left: 0.52rem; margin-top: 0.52rem;}	
}	
@media screen and (max-width:1024px) {
.history{ padding: 0;}	
.history .year{ padding:15px 0;}
.history .year .p{ font-size:17px; line-height:30px; margin: 0;}
.history .year .p.slick-current{ font-size:20px;}
.history .left{ width:100%; padding:30px 15px;}
.history .left .info{ margin-top:6px; font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem);}
.history .right .p{ font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); padding-left:15px; }
.history .right .p::after{ top:10%; width:2px; height: 80%;}
.history .year{ width:100%;}
.history .right{ width:100%; padding:10px 15px  35px 15px;}
.history .right .p{ margin-top:20px;}
.history .slick-arrow{ bottom: auto; top:32px;}
.history .slick-prev{ left:auto; right:15px; margin-bottom:0;}
.history .slick-next{ left:auto; right:15px; margin-top: 32px;}
}


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

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

.contact{ background:#a3a7aa;}
.contact .list{ display: flex; flex-wrap: wrap; width:100%; padding:0.75rem 0.1rem;}
.contact .li{ display: flex; flex-wrap: wrap; width:33.33%; color:#fff; padding:0.15rem;}
.contact .li .la{ display: flex; flex-wrap: wrap; align-content:flex-start; width: 100%; position: relative; height: 100%; border-radius: 9px; overflow: hidden; background:#eeeeee; padding:0.36rem 0.36rem 0.48rem 0.36rem;}
.contact .li .tit{ display:block; width:100%; color: #000; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem);}
.contact .li .p{ display:block; width:100%; color: #545454; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top: 0.3rem;}
.contact .li .la:hover{ background:#fff;}

@media screen and (max-width:1440px) {
.contact .li .la{padding: 0.36rem 0.3rem 0.48rem 0.3rem;}
.contact .li .tit{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);}
.contact .li .p{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); }
}
@media screen and (max-width:1024px) {
.contact .list{ width:calc(100% + 14px); margin:0 -7px; padding:28px 0;}
.contact .li{ width:50%; padding:7px;}	
.contact .li .la{ padding:20px 15px;}
.contact .li .p{margin-top:10px;}
}
@media screen and (max-width:767px) {
.contact .li{ width:100%; }
}


.newsDet{ position: relative; overflow: hidden; background: #eeeeee;}
.newsDet .box{ display: block; width: 100%; text-align: center; position: relative; padding:0.45rem 0 0.29rem 0;}
.newsDet .box::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #a3a7aa; margin-left:-2000px;}
.newsDet .title{ display: block; width: 100%; color: #fff;font-size:0.4rem; line-height:0.5rem;}
.newsDet .time{ display: block; width: 100%; color: #333;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 0.52rem;}
.newsDet .cont{ display: block; width: 100%; color: #525252;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.14rem); padding:0.72rem 0 1.92rem 0;}
.newsDet .page{ display: block; width: 100%; position: relative; padding:36px 0 46px 0;}
.newsDet .page::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #a3a7aa; margin-left:-2000px;}
.newsDet .page span{ display: block; white-space: nowrap; color: #545454; margin-right: 0.4rem;}
.newsDet .page a{ display:flex; width: 100%; color: #fff;font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); padding:0.1rem 0; }
.newsDet .page a font{ width: 100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsDet .page a:hover font{ color: #545454; }


@media screen and (max-width:1440px) {
.contact .li .tit{font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem);}
.contact .li .p{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); }
.newsDet .cont{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); }
.newsDet .page a{font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem); }
}
@media screen and (max-width:1024px) {
.newsDet .box{ padding:25px 0 20px 0;}	
.newsDet .title{ font-size:18px; line-height:28px;}	
.newsDet .time{ margin-top:5px;}
.newsDet .cont{ padding:30px 0 40px 0;}
.newsDet .page{ padding:20px 0 20px 0;}
.newsDet .page a{font-size:16px; line-height:26px; }
}


.slide{ display: block; width: 100%;}
.slide .navs{ display: flex; justify-content: space-between; overflow: hidden; width: 100%; background-color: #8e9497; border-radius: 15px; }
.slide .navs .nav{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 20px 15px;}
.slide .navs .nav:hover{ background: #0f58d5; border-radius: 15px;}
.slide .navs .nav.on{background: #0f58d5; border-radius: 15px;}
.slide .navs .nav a{ display: flex; align-items: center; }
.slide .navs .nav .p1{ font-size: calc(14px + 0.16rem); line-height: calc(22px + 0.18rem); color: #fff; margin-right: 12px; }
.slide .navs .nav .icon2{ line-height: 0; width: 15px; }

@media screen and (max-width:1600px){
.slide .navs .nav{  padding: 20px 15px;}
.slide .navs .nav .p1{ font-size: calc(14px + 0.12rem); line-height: calc(22px + 0.14rem);}
}


@media screen and (max-width:1440px){
.slide .navs .nav{  padding: 20px 10px;}
.slide .navs .nav .p1{ font-size: calc(14px + 0.08rem); line-height: calc(22px + 0.1rem);margin-right:8px;}
}
@media screen and (max-width:1024px) {
.slide .navs{ border-radius:6px;}	
.slide .navs .nav:hover{ border-radius: 6px;}
.slide .navs .nav.on{ border-radius: 6px;}
.slide .navs .nav{ padding:10px 12px;}
.slide .navs .nav .p1{ font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.03rem);  margin-right:6px;}
}
@media screen and (max-width:768px) {
.slide .navs{ overflow-x: auto;}	
.slide .navs .nav{ width: 50%; min-width: 50%;}
}


/* 分页 */
.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:#0f58d5; 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:#fff;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#0f58d5;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


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


._list1{ display:block; width: 100%; padding-bottom: 0.1rem;}
._list1 .ul{ display: flex; flex-wrap: wrap; width: calc( 100% + 0.6rem); margin:0 -0.3rem;}
._list1 .ul .box{ display: flex; flex-wrap: wrap; width:33.33%; padding: 0.5rem 0.3rem;}
._list1 .ul .box:last-child{ margin-right: 0;}
._list1 .ul .pb{ padding-bottom: 56%; border-radius: 10px;}
._list1 .ul .box .tit1{ font-size: calc(14px + 0.12rem); line-height: calc(22px + 0.1rem); height: calc(44px + 0.2rem); color: #535353;  height:calc(44px + 0.2rem); margin-bottom:0.57rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._list1 .ul .box:hover .tit1 { color: #fff;}
._list1 .ul .box .p1{ font-size: 14px; line-height: 22px; height:66px; color: #ddd; margin-bottom:0.29rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
._list1 .ul .box ._img img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
._list1 .ul .box:hover ._img img{ transform: scale(1.1); -ms-transform: scale(1.1);}



@media screen and (max-width:1440px) {
._list1 .ul .box .tit1{ font-size: calc(14px + 0.08rem); line-height: calc(22px + 0.06rem); height:calc(44px + 0.12rem);}
}
@media screen and (max-width:1024px) {
._list1{ padding:18px 0;}	
._list1 .ul{ width: calc( 100% + 14px); margin:0 -7px;}
._list1 .ul .box{ padding:12px 7px;}	
._list1 .ul .box .tit1{ font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.02rem); height:calc(44px + 0.04rem); margin-bottom:10px;}
._list1 .ul .box .p1{ margin-bottom: 15px;}
}
@media screen and (max-width:768px) {
._list1 .ul .box{ width: 100%;}	
._list1 .ul .box .tit1{ height:auto; max-height:calc(44px + 0.04rem); }
}


._list2{ display: block; width: 100%; padding:0.53rem 0 0.27rem 0;}
._list2-ph{ display: none;}
._list2 .ul{ display: flex; flex-wrap: wrap;display: flex; flex-wrap: wrap; width: calc( 100% + 0.6rem); margin:0 -0.3rem;}
._list2 .ul .box{ display: flex; flex-wrap: wrap; text-align: center; width: 16.6%; padding:0.27rem 0.3rem;}
._list2 .ul .box a{ display: flex; flex-wrap: wrap; width: 100%; padding:0 9px;}
._list2 .ul .box .pic{ display: block; width: 100%; line-height: 0; padding-bottom:100%; position: relative; overflow: hidden;}
._list2 .ul .box .pic img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: contain;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
._list2 .ul .box a:hover .pic img{ transform: scale(0.9); -ms-transform: scale(0.9);}
._list2 .ul .box .p2{ width: 100%; font-size: calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); color: #fff; margin-top: 7px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._list2 .ul .box a:hover .p2{ color: #0f58d5;}

@media screen and (max-width:1440px) {
._list2 .ul .box .p2{ font-size: calc(14px + 0.04rem); line-height: calc(22px + 0.06rem);}
}
@media screen and (max-width:1024px) {
._list2{ padding:25px 0 10px 0;}	
._list2 .ul{ width: calc( 100% + 14px); margin:0 -7px;}
._list2 .ul .box{ padding:12px 7px;}	
}
@media screen and (max-width:768px) {
._list2 .ul .box{ width: 50%;}	
._list2 .ul ._flex{ display: flex; flex-wrap: wrap; width: 100%;}
._list2-pc{display: none;}
._list2-ph{ display: block;}
}


.pordDet{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; padding:0.6rem 0;}
.pordDet .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.pordDet .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.pordDet .pic{ display:block; position: relative; overflow: hidden; border-radius: 8px; width:49.38%;}
.pordDet .pic ._img{ overflow: hidden; padding-bottom: 67.5%;}
.pordDet ._btn{ position: absolute; position: absolute; right: 0.3rem; bottom: 0.3rem; z-index: 8;} 
.pordDet .right{ display:block; width:47.53%; overflow:hidden; overflow-y:auto;padding-right:0.7rem;
 scrollbar-width:thin;scrollbar-color: #555555 #dddddd;
 max-height:calc(280px + 2.26rem);}
.pordDet .tit40{ color: #333;}
.pordDet .tit30{display: block; width:100%; color: #333;font-size: calc(14px + 0.16rem); line-height: calc(22px + 0.16rem); margin-top: 0.76rem;}
.pordDet .cont{display: block; width:100%; color: #333;font-size: calc(14px + 0.06rem); line-height: calc(22px + 0.06rem);}
.pordDet .info{ display: block; width: 100%; color: #333;}
.pordDet .mt12{ margin-top: 0.12rem;}
.pordDet .mt22{ margin-top: 0.22rem;}

@media screen and (max-width:1600px) {
.pordDet .right{ max-height:calc(258px + 2rem);padding-right:0.5rem;}	
.pordDet .tit30{ margin-top: 0.56rem;}	
}
@media screen and (max-width:1440px) {
.pordDet .right{ max-height:calc(258px + 1.5rem);padding-right:0.4rem;}	
.pordDet .tit30{ margin-top: 0.46rem;}	
.pordDet .cont{ font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.pordDet{ padding:30px 0 0 0;}	
.pordDet .pic{ width:100%;}
.pordDet ._btn{ right:15px; bottom:15px; } 
.pordDet .right{ width:100%; margin-top: 20px; max-height:380px;padding-right:0;}
.pordDet .tit30{ font-size:16px; line-height:26px; margin-top:20px;}	
.pordDet .cont{ line-height:22px;}
.pordDet .mt12{ margin-top: 6px;}
.pordDet .mt22{ margin-top: 12px;}
}


.gcjs{ display: block; width: 100%; position: relative; overflow: hidden;}
.gcjs .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.gcjs .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.gcjs .pic{ display:block; position: relative; overflow: hidden; line-height:0; width:100%;}
.gcjs .down{display: block; width:100%; position: absolute; left: 0; bottom: 0; z-index: 6; background:rgba(0,0,0,0.5);}
.gcjs .tit40{ height:2rem; display:flex; flex-wrap: wrap; align-items: center;}
.gcjs ._btn{ align-items: center; position: absolute; position: absolute; right:50%; margin-right:-810px; bottom: 0; z-index: 8; height:2rem;} 

@media screen and (max-width:1780px) {
.gcjs ._btn{ right:0.8rem; margin-right:0; height:2rem;} 
}
@media screen and (max-width:1024px) {
.gcjs .tit40{ height:50px;}	
.gcjs ._btn{ height:50px;} 
}
@media screen and (max-width:768px) {
.gcjs ._btn{ right:0.6rem; margin-right:0; height:2rem;} 
}











.in-banner{ position: relative; overflow: hidden; }
.banText{ width:100%; position: absolute; left: 0; top:50%; z-index: 10; display: block;}
.banText .box{ width:100%; display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between;}
.banText .tit40{ font-weight: bold;}
.banText .tit50{ font-weight: bold;}
.mbx{ display: block; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:10px;}
.mbx a{ color: #fff;}
.mbx a:hover{ text-decoration: underline;}
@media screen and (max-width:1024px) {
.banText .box{ transform: translateY(-50%); -ms-transform: translateY(-50%); }	
.banText .left{ width:100%; text-align:center;}	
.banText .right{ width:100%; text-align:center; margin-top: 10px;}	
}	


.bga3{ background: #a3a7aa;}
.white{ color: #fff !important;}
.pt95{ padding-top:0.95rem;}
.pt100{ padding-top:1rem;}

.pd50{ padding-bottom: 0.5rem;}
.pd60{ padding-bottom: 0.6rem;}
.pd90{ padding-bottom: 0.9rem;}
.pd120{ padding-bottom: 1.2rem;}
.pd140{ padding-bottom: 1.4rem;}

.tit40{ display: block; color: #fff; font-size:0.4rem; line-height:0.5rem;}
.tit50{ display: block; color: #fff; font-size:0.5rem; line-height:0.6rem;}

@media screen and (max-width:1440px) {
.mbx{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}	
}
@media screen and (max-width:1024px) {
.tit40{ font-size:18px; line-height:28px;}	
.tit50{ font-size:20px; line-height:30px;}
.mbx{ display:none;}
.pt95{ padding-top:30px;}
.pt100{ padding-top:30px;}

.pd50{ padding-bottom:30px;}
.pd60{ padding-bottom:35px;}
.pd90{ padding-bottom:35px;}
.pd120{ padding-bottom:35px;}
.pd140{ padding-bottom:35px;}



}


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


/*250217start*/
.contact .list ul{ display: flex; flex-wrap: wrap; width: 100%;}
.contact .li.on .tit{ color:#0f58d5;}

.wyb_s.act .t_navs .nav-icon, .wyb_s.act .t_navs .lang{ width: 110px;}
.t_navs .nav-icon .tit, .t_navs .lang .tit{ font-size: 14px;}
.t_navs .menu .ul .nli span a{font-size: 16px;}
.t_navs .menu .sub .l2 a{font-size: 14px;}
.slide .navs .nav{padding: 20px 15px;}
.slide .navs .nav .p1{ font-size: calc(14px + 0.08rem);}
.main4 .cont .right .box .p1 {font-size: calc(14px + 0.12rem);}


@media screen and (max-width: 1800px) {
.t_navs .menu .ul .lianxi .tel { margin-left: 6px;}
}
@media screen and (max-width: 1600px) {
.slide .navs .nav .p1{ font-size: calc(14px + 0.04rem);margin-right: 6px;}
}
@media screen and (max-width:1440px){
.t_navs .nav-icon .tit, .t_navs .lang .tit{ font-size: 12px;}
.t_navs .menu .ul .nli span a{font-size: 14px;}
.t_navs .menu .sub .l2 a{font-size: 12px;}
.t_navs .menu .ul .lianxi .call {width: 44px; height: 44px;}
.t_navs .menu .ul .lianxi .tel .p1{font-size: 20px; line-height: 25px;}
.t_navs .menu .ul .lianxi .tel .p2{font-size: 14px;line-height: 19px;}
.slide .navs .nav{padding: 20px 10px;}
.slide .navs .nav .p1{ font-size: calc(14px + 0.02rem);margin-right: 6px;}
.main4 .cont .right .box .p1{font-size: calc(14px + 0.08rem)}
}
@media screen and (max-width:1024px){
.slide .navs .nav{padding:10px 8px;}
.slide .navs .nav .p1{ font-size: calc(14px + 0.02rem);}
.main4 .cont .right .box .p1{font-size: calc(14px + 0.08rem)}
}
@media screen and (max-width:768px){
.main4 .cont .right .box .p1{font-size: calc(14px + 0.06rem)}
}