@charset "utf-8";
/* header&foot */
body,html{font-size: 14px;line-height: 1.6;font-weight: 400; font-family: Arial,serif;font-family: MyCustomFont,sans-serif; position: relative;}
.box{width: 1500px; margin: 0 auto; max-width: 92%;}
.dianji{ cursor: pointer; transition: 0.3s;}
a,img{color: #000; transition: 0.3s;}
.img{ max-width: 100%;}
.a:hover a{color: #007aff;}
.pad75{padding: 0.75rem 0;}
.padlr{ padding: 0 1.25rem; box-sizing: border-box;}
.padtb{ padding: 1.25rem 0; box-sizing: border-box;}
.pad{ padding:1.25rem; box-sizing: border-box;}
.tu h1{ position: relative; width: 100%; overflow: hidden;}
.tu h1::before{ content: ""; display: block; padding-top: 88%;}
.tu h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; display: block;transition: 0.3s;}
.tu1 h1{ position: relative; width: 100%; overflow: hidden;}
.tu1 h1::before{ content: ""; display: block; padding-top: 100%;}
.tu1 h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; display: block;transition: 0.3s;}
.fdjg:hover img{ transform: scale(1.08);}

header{position: fixed; left: 0; top: 0;width: 100%; z-index: 102; background-color: #fff;box-shadow: 0 10px 25px 0 rgb(43 52 74 / 12%);}
.top{ background-color: #3383ff; font-size: 12px; color: #fff;line-height: 16px;}
.top>div.box{ height: 40px;}
.tficon img{ width: 16px; margin-left: 20px; display: block;}
.top1{ position: relative; height: 100%; min-width: 100px;}
.top1 img.yybiao{ width: 20px; margin-right:6px;}
.top2 a:hover{ text-decoration: none; opacity: 0.5;}
.top1 img.xia{ margin-left: 5px;}
.top2 p{ margin: 0 5px; line-height: 1.1;}
.top2 p.f14{ font-size:12px;}
.top3 .xingbox{ margin: 0 10px;}
.xingbox span{ display: flex; justify-content: center; align-items: center; background-color: #dcdce6; width: 18px; height: 18px; margin: 1px; position: relative;z-index: 2;}
.xingbox span i{ position: absolute; left: 0; display: block; top: 0; height: 100%; background-color: #00b67a; z-index: -1; transition: 0.3s;}
.xingbox span img{ width: 60%; display: block;}
.top3{ font-size: 18px; color: #000;}
.top3xing img{ width: 18px; margin-right: 6px;}
.top3xing{ font-size: 14px;}
.top3:hover .xingbox i{ background-color: #007a52;}
.top3 p{text-decoration: underline;}
.top3:hover p{ text-decoration: none;}
.top2 a{ color: #fff; text-decoration: underline;}
.yybox{ position: absolute;left: -10px; top: 50px; width: 110px; background-color:  #fff;box-shadow: 0 4px 10px 3px rgb(0 0 0 / 15%); box-sizing: border-box; padding:0 5px;transition: .4s;z-index: 122;visibility: hidden; opacity: 0;}
.yylist{ border: 1px solid #e5e7eb;word-break: break-all; width: 100%; box-sizing: border-box; padding: 8px 12px; margin: 5px 0; font-size: 12px; line-height: 16px; color:#1677ff;}
.yybox:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: var(--white);
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
    top: -5px;
	background-color: #fff;
    z-index: -1;
}
.yylist:hover{ background-color: #85b5ff; color: #000; border: 1px solid #000;}
.yybox.open{ opacity: 1;visibility: visible; top: 40px; }
.baojia{ color: #fff; background: #0071e3;box-shadow: 0 2px 0 rgb(5 175 255 / 10%); width: 130px; transition: 0.3s; height: 40px;line-height: 1.1; position: relative; box-sizing: border-box; padding: 0 20px; font-size: 16px; border-radius: 40px;padding-right: 40px;}
.baojia img{width: 16px; display: block; position: absolute; right: 20px; top: 12px;}
.baojia:hover img{ right: 15px;}
.baojia:hover{ background-color: #3383ff;}
.head{ width: 100%;}
.headbox{ height: 65px;} 
.headbox .baojia{ width: auto!important;}
.logo img{ width: 50px;}
nav{ height: 100%; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; /* width: 550px; */max-width: 100%;} 
.nav-item{position: relative;height: 100%;font-weight: 600; font-size: 14px;padding: 0 0.8rem;box-sizing: border-box;}
.nav-box{display: flex;align-items: center; justify-content: space-between; width: 100%; height: 100%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s;}
.first-nav a i{display: none; margin-left: 10px; transition: 0.3s;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav>a::after{ position: absolute;content: ""; display: block;width: 0; height: 2px; background-color: #000; left: 0;  bottom: 10px; transition: 0.3s;}
.first-nav.on>a::after,.nav-item:hover .first-nav>a::after{ width: 100%;}
.nav-item:hover .first-nav>a{color: #69b1ff;}
.second-nav{position: absolute; left: 50%; background: #fff;  box-sizing: border-box;z-index:103; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; min-width: 100%; transform: translateX(-50%); background-color: rgba(255,255,255,1);box-shadow: 0px 2px 4px rgba(0,0,0,0.1); box-sizing: border-box; padding:0 15px;}
.second-nav>a{transition: 0.3s; white-space: nowrap; padding: 10px 0; width: 100%; box-sizing: border-box; display: block; position: relative;}
.second-nav a:hover{color: #0071e3;}
.second-nav>a::after{position: absolute;content: ""; display: block;width: 0; height: 1px; background-color: #000; left: 0;  bottom: 10px; transition: 0.3s;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;}
.second-nav a:hover::after{ width: 100%;}
.second-nav.fu_nav{ left: 0; width: 100%; position: fixed; top: 105px!important; z-index: 103;transform: translateX(0); border-top:1px solid #d1d5db;}
.fu_nav>div{ align-items: flex-start; padding: 10px 0; line-height: 2.2;}
.funav_list>div{ display:flex; flex-direction: column;}
.funav_list h2{ font-weight: 600; margin-bottom: 10px;}
.funav_list h2 a{ position: relative; padding-bottom: 10px;}
.funav_list h2 a::after{position: absolute;content: ""; display: block;width: 100%; height: 1px; background-color: #9ca3af; left: 0;  bottom: 0; transition: 0.3s;}
.funav_list>div a{ font-weight: normal;}
.funav_list{ margin: 10px;}

.mBtn{ width: 30px; height: 30px;cursor: pointer; box-sizing: border-box;display: none; position: relative;}
.mBtn span{ display: block;  width: 22px; position: absolute; z-index: 121; left: 2px; top: 7px;}
.mBtn span i{width: 100%; height: 2px; background: #333; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn.active span i{background-color: #000;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color:transparent;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 0px;}

#toTop{ background-color:#fff; right: 2rem; bottom: 2rem; width: 48px; height:48px; border-radius: 100%; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 30; box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
#toTop:hover img{ margin-top: -8px;}
#toTop img{ width: 11px;}
footer{ background-color: #000; color: #fff;}
footer a{ color: #fff;}
.xian{width: 100%; height: 1px; background-color: #374151;}
.foot_di{ padding: 2rem 0; color: #9ca3af;}
.foot_di a{text-decoration-line: underline;color: #9ca3af;}
.foot{ padding-bottom: 2rem; padding-top: 3rem;}
footer h2{ font-weight: 700;}
.ftlogo{ width: 52px;}
.ft2p p{ padding: 0.24rem 0;}
footer a:hover{ color: #69b1ff; text-decoration: none;}
.foot>div{width: 23%;}
.ftbd{ width: 100%; height: 40px; background-color: #fff; border-radius: 5px; overflow: hidden;}
.ftbd .kuang{ width: calc(100% - 70px); box-sizing: border-box; padding: 0 15px; border: none;font-size: 16px;}
.ftbd .an{ width: 70px; height: 100%; background-color: #0071e3; color: #fff; border: none; transition: 0.3s;font-size: 16px;}
.ftbd .an:hover{ background-color: #2692f0;}
.ftbd:hover{ position: relative; z-index: 41;}

.title{ text-align: center; font-size: 2.25rem; font-weight: 700;}
.title1{ text-align: center; font-size: 3rem; font-weight: 700; line-height: 1.5;}
.titles{ opacity: 0.8; text-align: center; max-width: 900px; margin: 0 auto;margin-top: 1.5rem;  margin-bottom: 1.25rem;}
section{position: relative;width: 100%; padding: 3.5rem 0;}
main{width:1500px; margin: 0 auto; max-width: 92%;}
@keyframes daxiao {
  0%   { transform: scale(0.8);}
  50% {transform: scale(1);}
  100%   {transform: scale(0.8);}
  }
.xk_nav{ cursor: pointer;}
.xk_con{ display: none;}
.xk_con.active{ display: block;}
.index_banner{ background: url(../img/banner.png) center center no-repeat; width: 100%; background-size: 100% 100%; margin-top: 108px; padding: 5rem 0;}
.banner_le{ width: calc(50% - 10px); background-color: #fff; box-shadow: 0 4px 6px 0px rgba(0,0,0,0.1); border-radius: 5px; padding-bottom: 1.25rem;}
.banner_le .anniu{ width: 194px;}
.suo{ margin-right: 0.5rem;}
.banner_ri{ width: calc(50% - 10px); box-sizing: border-box; padding:0; border: 2px dashed #5a5e75; border-radius: 10px;}
.banner_xk img{ width: 20px; height: 20px;object-fit: contain;margin: 0 auto; display: block;}
.banner_xk img:nth-child(2){ display: none;}
.banner_xk span.on img:nth-child(2){ display: block;}
.banner_xk span.on img:nth-child(1){ display: none;}
.banner_xk span p{ margin-top: 0.25rem;}
.bannerk3{ padding: 1.5rem 0;}
.bannerk3 span img{ width: 30px; margin-right: 0.25rem;}
.bannerk3 span{ padding-left: 0.5rem; box-sizing: border-box;}
.banner_ri img{object-fit: contain; max-width:100%; max-height: 100%; display: block;}
.banner_xk span{ width: 33.33%; text-align: center; font-weight: 700; color: #6b7280; display: flex; align-items: center; justify-content: center; height: 100%;border-bottom: 1px solid #d1d5db; box-sizing: border-box;}
.banner_xk span.on{ background-color: #f6f9ff;border-bottom: 1px solid #0071e3; color: #0071e3;}
.banner_xk span:hover{background-color: #f6f9ff; cursor: pointer;}
.banner_xk{ border-bottom: 1px solid #d1d5db; height: 85px;}
.banner_ti{font-weight: 700; font-size: 1.875rem;line-height: 2.25rem;padding-top: 0.75rem;padding-bottom: 0.75rem;}
.banner_le .danye{ font-size: 15px; color: #395870; line-height: 1.6;}
.banner_ti1{font-size: 1.25rem;line-height: 1.75rem; padding-bottom: 1.25rem; text-align: center;}
.banner_tex{ background-color: #f6f9ff; border:1px dashed #2298d3; width: calc(100% - 2.5rem); margin: 0 auto;}
.banner_tex:hover{ background-color: #e6f0fd;}
.anniu{color: #fff;background: #0071e3;box-shadow: 0 2px 0 rgb(5 175 255 / 10%);margin: 0 auto; box-sizing: border-box; padding: 0 15px;width: 100%; min-height: 40px; /* width: 194px; */ border-radius: 5px; justify-content: center; font-size: 16px; display: flex; align-items: center; line-height: 1.1;}
.anniu img{ margin-right: 10px;}
.anniu:hover{ background-color: #1a5ade; cursor: pointer;}
.text-xl{ font-size: 1.5rem; line-height: 1.75rem;}
.banner_ri h1{ max-height: 530px;}
.daohang{text-align: center; width: 100%; height: 100%; box-sizing: border-box; border-bottom:1px solid #f0f0f0; font-weight: 700; max-width: 100%; overflow-x: auto; display: flex; justify-content: center;}
.daohang::-webkit-scrollbar{width:0px; height:0;}
.daohang a,.daohang span{  margin: 0 16px; position: relative;white-space: nowrap; }
.fu_daohang{ width: 100%; height: 46px; background-color: #fff; line-height: 45px;}
.daohang a:hover,.daohang span:hover{ color: #3a9cf1; cursor: pointer;}
.daohang a.on::after,.daohang span.on::after{ width: 50%; opacity: 1;}
.daohang a::after,.daohang span::after{ position: absolute; content: ""; left: 50%; width: 0;opacity: 0; height: 2px; background-color: #0071e3; bottom:0; transform: translateX(-50%);}
.daohang a.on,.daohang span.on{ color: #0373e3;}
.cp_list{ background-color: #f5f5f5; border-radius: 0.75rem; box-sizing: border-box;margin-top: 20px;font-size: 14px; overflow: hidden;}
.cp_list.tu h1{ width: 100%;}
.cp_list h2{ font-size: 1.5rem; font-weight: 700;}
.cp_list p{ margin: 0.75rem 0;line-height: 1.5; color: #374151;}
.cp_list span div{ color: #4a94fd; font-weight: 600;}
.cp_list span div i{ padding-left: 1.5rem;}
.cp_list span{ display: block; padding: 2rem; padding-top: 0.5rem;}
.cp_list:hover span div{opacity: 0.8;}
.con1{ margin-top: 3rem;}
.con2bj{ background-color: #f3f4f6; margin-top: 1rem; padding-bottom: 300px;}
.con2list{ width: 20%; margin-top: 2rem;}
.con2list>img{ display: block; width: 7rem; max-width: 60%; margin:0 auto; margin-bottom: 1rem; transition: 0.5s;}
.con2list span{ display: block; width: 100%; box-sizing: border-box; border-top: 1px dashed #d5d8dd; position: relative; padding: 0 1.5rem; padding-top: 1rem;}
.con2list span h2{font-size: 1.125rem;  line-height: 1.75rem; font-weight: 700; margin-bottom: 0.25rem;}
.con2list span p{ font-size: 15px; color: #374151;}
.con2list span::after{ position: absolute; content: ""; display: block; width: 0.75rem; height: 0.75rem; border-radius: 100%; background-color: #6b7280; left: 50%;top:0; z-index: 4;transform: translate(-50%,-50%);}
.con2list:hover>img{ transform: translateY(-6px);}
.baojia.bjzhong{ margin: 2.5rem auto;}
.con3bj{ background-color: #191919; position: relative;}
.con3list img{ display: block; width: 6rem;}
.con3list h2{ font-size: 1.125rem;line-height: 1.75rem; margin-bottom: 0.5rem; font-weight: 600; margin-top: 1rem;}
.con3list{ background-color: #fff; border-radius: 0.5rem; padding: 1.5rem; box-sizing: border-box; font-size: 14px; line-height: 1.8; margin-top: 1.5rem;}
.con3list p{ opacity: 0.8;}
.con3list:hover img{ transform: rotate(45deg);}
.con3_sp{ width: 100%; height: 570px; background-color: #000; position: relative; margin-top: 2.5rem;}
video{ display: block;width: 100%; height: 100%;}
.con3_sp span{ display: block; width: 100%; height: 100%; cursor: pointer; position: absolute;left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.con3_fu{ position: relative;overflow: hidden; margin-top: -350px; z-index: 4;}
.fu_daohang.navFix{ position: fixed;top: 105px; z-index: 101; left: 0; background-color: #fff; width: 100%;border-bottom: 1px solid #f0f0f0;}
.fu_daohang.navFix .daohang{ border-bottom: none;}
.con4le{ width: 200px; text-align: center;}
.con4ri{ width: calc(100% - 200px); box-sizing: border-box; padding: 0 50px; position: relative;}
.con4le h2{font-size: 24px;}
.con4le .xingbox span{ width: 30px; height: 30px;}
.con4le .xingbox{ margin: 0 auto; justify-content: center;}
.con4le .top3xing img{ width: 26px;}
.con4le .top3xing b{ font-size: 16px;}
.con4le .top3xing{justify-content: center;}
.con4le p{ font-size: 13px; color: #666; margin-top: 5px;}
.con4le p i{ text-decoration: underline;}
.swiper-button-next, .swiper-button-prev{ width: 36px; height:36px; border-radius: 100%; display: flex; justify-content: center; align-items: center; transition: 0.3s;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 14px; color:  #000;width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid #000;}
.swiper-button-next:hover{ background-color: #c2d5f7;}
.swiper-button-prev{left: 0;}
.swiper-button-next{right: 0;}
.con4list p{ font-size: 13px; line-height: 16px;}
.con4list h2{ margin-top: 12px; margin-bottom: 6px;}
.con4{ margin-top: 2.5rem;}
.con5{ padding:0 20px; position: relative; margin-top: 2rem;}
.con5list{ position: relative; display: block; width: 100%;height: 500px; border: 1px solid #f3f3f3; border-radius: 0.5rem; overflow: hidden;}
.con5list img{display: block; object-fit: cover; width: 100%; height: 100%;}
.con5_fu{ position: absolute; left: 0; bottom:0; height: 60px; padding: 20px; box-sizing: border-box; width: 100%; background-color: rgba(255,255,255,0.9); transition: 0.5s; overflow: hidden;}
.con5_ti img{ width: 14px;}
.con5_fu.on{ height: 440px;}
.con5_fu.on .con5_ti img{ transform: rotateX(180deg);}
.con5_tex p{ font-size: 14px; color: #6b717f; margin-top: 1rem;}
.con5_tex p b{ color: #000;}
.con5_di{ width: 100%; margin-top: 3rem;}
.con5_di p{ max-width: calc(100% - 210px);font-weight: bold; font-size: 15px;}
.con5 .swiper-pagination{margin-top:4rem;}
.swiper-pagination{ display: block;position: relative; width: 100%; left: 0; bottom: auto; display: flex; justify-content: center;margin-top:2rem;}
.swiper-pagination span{ width: 18px; height: 18px; box-sizing: border-box;border: 1px solid transparent;  display: flex; align-items:  center; justify-content: center; border-radius: 100%; background-color: transparent; transition: 0.3s; opacity: 1!important;}
.swiper-pagination span::after{ width: 8px; height: 8px; content: ""; display: block; box-sizing: border-box; border: 1px solid #000; border-radius: 100%;transition: 0.3s;background-color: #fff;}
.swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #000;}
.swiper-pagination .swiper-pagination-bullet-active::after{ background-color: #000;}
.con8list{ display:block; width: 100%;box-shadow: 0 3px 8px rgba(0,0,0,0.1); margin-bottom: 10px; border-radius: 0.5rem; overflow: hidden; background-color: #fff; transition: 0.3s; cursor: pointer;}
.con8{ margin-top: 2rem;}
.con8tex{ box-sizing: border-box; padding: 1rem;}
.con8di span{font-size: 1rem; display: flex; align-items: center;font-family: MyCustomFont,sans-serif;}
.con8di span:nth-child(1) img{ width: 30px; margin-right: 0.5rem;}
.con8di span:nth-child(2) img{ width: 16px; margin-right: 0.5rem;}
.bq1{ display: flex; flex-wrap: wrap; width: 100%;}
.bq1 span{ font-size: 12px; border-radius: 2px; height: 22px; line-height: 22px;border: 1px solid #d9d9d9; padding: 0 7px; margin-right: 8px;}
.con8tex h2{ font-weight: 700; margin:0.5rem 0;}
.con8tex p{font-size: .875rem;line-height: 1.25rem; margin: 0.5rem 0;color: #667e90;}
.con8di{ margin-top: 1.25rem;color: #667e90;}
.con8list:hover{ transform: translateY(-8px);}
.con8 .swiper-wrapper{ padding-top: 10px;}
.con8 .swiper{ padding: 0 2px;}
.con6bj{ background-color: #f5f5f5;}
.con6 .daohang{ line-height: 45px; height: 45px; margin: 10px 0;}
.con6list{ background-color: #fff; display: block; position: relative; margin-top: 10px;}
.fu_fd{ width: 24px; position: absolute; right: 10px; bottom: 10px; z-index: 6;}
.con6list.tu h1 img{object-fit: contain;}
.con7le{ width: 50%; box-sizing: border-box; padding: 2rem;}
.con7ri{ width: 50%; box-sizing: border-box; padding: 1rem; }
.con7{ box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); border-radius: 1rem; padding: 3rem 0;}
.con7ribox{box-shadow: 0 3px 5px 0 rgba(0,0,0,.1); border-radius: 0.75rem; width: 100%;padding: 3.5rem 0; box-sizing: border-box; padding: 1rem;}
.bd_list.w50{ width: calc(50% - 14px);}
.bd_box{ width: 100%; margin-top: 1.5rem; flex-wrap: wrap;}
.bd_ti{ font-weight: bold;}
.bd_ti i{color: #ff4d4f; padding-right: 4px;}
.con7ri_list{ background-color: #fafafa; border-bottom: 1px solid #d9d9d9;padding: 12px 16px; width: 100%; box-sizing: border-box; cursor: pointer;}
.con7ri_list:last-child{ border-bottom: none;}
.con7ri_list h2{font-weight: 700;font-size: 16px; width: calc(100% - 30px);}
.con7ri_list img{ width: 12px;}
.con7ri_list p{color: #717171;font-size: 14px; height: 0; overflow: hidden; transition: 0.3s;}
.con7ri_list.on img{ transform: rotate(90deg);}
.con7ri_list.on p{ height: auto; min-height: 22px; margin-top: 10px;}
.con7le .title,.con7le .titles{ text-align: left;}
.con7bj{ padding-bottom: 1rem;}
.inpk{ border: 1px solid #d9d9d9; height: 30px; width: 100%; display: block; box-sizing: border-box; padding: 5px 12px; margin-top: 10px;}
.bd_dx{ margin-top: 10px;}
.bd_dx label{ display: flex; align-items: center; width: 33.33%; margin: 0.5rem 0; cursor: pointer;}
.bd_dx input{ width: 16px; height: 16px; border-radius: 100%; border: 1px solid #d9d9d9; margin-right: 8px;}
.intl-tel-input{ width: 100%; margin-top: 10px;}
textarea.inpk{ height: 98px;}
.con7le .anniu,.bd_tan .anniu{ width: 100%;}
.sc_box{ width: 100%; box-sizing: border-box; position: relative; border: 1px dashed #d9d9d9; background-color: #fafafa; text-align: center; padding: 1.5rem; margin-top: 10px; transition: 0.3s;}
.texs{ color: rgba(0,0,0,0.5); font-size: 14px;}
.sc_box h2{ font-size: 16px; margin-bottom: 5px;}
.sc_box:hover{ border: 1px dashed #0071e3; cursor: pointer;}
.tanbox{ display: none; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.7); position: fixed; z-index: 602; left: 0; top:0; opacity: 0; transition: 0.3s;}
.tanbox.on{ display: flex; align-items: center; justify-content: center;opacity: 1;}
.tancon{ width: 800px;overflow-y: auto!important; max-width:100%; background-color: #fff; min-height: 300px; max-height: 90vh; border-radius: 2rem; box-sizing: border-box; padding: 1rem; position: relative;}
.bd_tan{ box-sizing: border-box; padding:2rem; padding-top: 1rem;}
.layui-upload-file {display: none!important;opacity: .01}
.tan_gb{ position: absolute; right: 2rem; top: 2rem; border-radius: 100%; padding: 5px; transition: 0.3s;}
.tan_gb img{ width: 20px; height: 20px; cursor: pointer; display: block;}
.tan_gb:hover,.xs_tu span:hover{ background-color: #f0f0f0;}
.xs_tu h1{ width: 48px;}
.xs_tu{ border: 1px solid #d9d9d9; box-sizing: border-box; width: 100%; padding: 12px 8px; margin-top: 10px;}
.xs_tu span img{ width: 16px;}
.xs_tu span{display: flex; padding: 5px 10px; border-radius: 3px;}
.tit{font-size: 1.125rem;line-height: 1.75rem; font-weight: 700;}
.tit1{font-size: 1.5rem;line-height: 2rem; font-weight: 700;}
.tex{opacity: 0.8;font-size: 14px;line-height: 1.6;font-family: MyCustomFont,sans-serif;}



/* 二级分页 */
.pages{ margin-top: 1rem;}
ul.yiiPager{ display: flex; flex-wrap: wrap;}  
ul.yiiPager li{display:block; margin:0 3px;}  
ul.yiiPager li a{ width: 30px; height: 30px; border-radius:3px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#fff solid 1px;color: #000; transition: 0.3s;}  
ul.yiiPager li a:hover{border:#f0f0f0 solid 1px; background-color: #f0f0f0;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a{ transition: 0s;}
ul.yiiPager li.last a::before{content: "》";display: none;}
ul.yiiPager li.last a:hover{ font-size: 0; background-color: transparent; border: 1px solid #fff;}
ul.yiiPager li.last a:hover::before{ display: block; font-size: 14px; color:#0087ea; opacity: 1;}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px; /* color: #c7c7c7; */}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{border:#0087ea solid 1px;color:#0087ea;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 36px;}
.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #2f5596; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}

.show_title{text-align: center;  border-bottom: 1px #e1e1e1 solid; padding-bottom: 30px;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}
.danye{line-height: 2.2;font-size: 16px; width: 100%;}
.danye img{max-width: 100%!important;}

/* 服务 */
.fuwu1>div{ width: 50%; box-sizing: border-box;}
.fuwu1>div img{ width: 100%; display: block; height: auto;}
.fuwu1_le{ padding:2rem 5rem; background: #f5f5f5;}
.fuwu1_le p{ max-width: 450px; width: 100%;font-size: 14px;line-height: 1.6;font-family: MyCustomFont,sans-serif; opacity: 0.8;}
.fuwu1_le h2{font-size: 2.25rem;font-weight: 700;padding-bottom: 0.75rem;padding-top: 4rem;}
.fuwu2 .con8list{ background-color: #f5f5f5;}
.fuwu2 .con8list:hover{transform: translateY(0);}
.fuwu2 .con8list h3{ color: #0071e3;font-weight: 700;}
.fuwu2 .con8tex{ padding: 2rem; padding-top: 0.5rem; box-sizing: border-box;}
.fuwu2 .con8tex p{ margin: 0.75rem 0;font-size: .875rem;line-height: 1.25rem; color: #374151;}
.fuwu3_list{ width: 50%; border-bottom: 1px solid #e5e7eb; padding: 1.25rem; box-sizing: border-box; color: #6b7280;}
.fuwu3_list b{ color: #333;}
.fuwu3_list:nth-child(2n){ background-color: #f5f5f5;}
/* .fuwu3_list:nth-child(2){ background-color: transparent!important;} */
.fuwu4bj{ background-color: #f5f5f5;}
.fuwu5{ border: 1px solid #4b5563; box-sizing: border-box; width: 100%;}
.fuwu5list{ box-sizing: border-box; width: 25%; border: 1px solid #4b5563; padding: 1.25rem;}
.fuwu5list h1{ background-color: #eeeeee;}
.fuwu5list p{ padding: 0.75rem 0;}
.con4bj{ background-color: #f5f5f5;}
.con3bj .con5_di p{ color: #fff;}
.fuwu6 .con3list{ height: 320px;}
.fuwu6 .con3list img{ width: 8rem;}
.fuwu6 .swiper-pagination .swiper-pagination-bullet-active::after{ background-color: #0e6aed;border: 1px solid #0e6aed;}
.fuwu6 .swiper-pagination span::after{ background-color: #fff;border: none;}
.fuwu6 .swiper-pagination span{ background-color: #191919; border: 1px solid #191919;}
.fuwu7bj{ background-color: #f5f5f5;}
.fuwu7>div{ width: 50%; box-sizing: border-box;}
.fuwu7_ri img{ display: block;width: 100%;}
.fuwu7_le{ padding-right: 2rem;}
.fuwu7_le .title,.fuwu7_le .titles{ text-align: left;}
.fuwu7list{ display: flex; align-items: flex-start;margin-top: 1.5rem;}
.fuwu7list img{ width: 21px; display: block; margin-top: 3px;}
.fuwu7list span{ display: block; width: calc(100% - 21px); box-sizing: border-box; padding-left: 0.75rem;}
.fuwu4_le{ height: 500px; width: calc(100%/3*1); box-sizing: border-box;}
.fuwu4_le span{ display: block; text-align: center;padding: 0.75rem;cursor: pointer;}
.fuwu4_le span.on{ background-color: #ededed; color: #0071e3;}
.fuwu4>div{ width: 50%;}
.fuwu4box{ width: 100%;}
.fuwu7ti{ box-sizing: border-box; padding: 1.25rem;}
.fuwu4box .xk_con{ width: calc(100%/3*2);}
.fuwu4box .xk_con img{ width: 100%; display: block; height: 350px;object-fit: cover; background-color: #fff;}
.fuwu4box .xk_con p{ background-color: #000000; color: #fff; font-weight: 600;padding: 1.25rem; box-sizing: border-box; height: 150px;}

/* 质量保证 */
.erbanner{ width: 100%; height: 500px; color: #fff; background-color: #000; position: relative; z-index: -1;margin-top: 108px;}
.erbanner>main{ display: flex; height: 100%; align-items: center; position: relative;z-index: 2;}
.erbanner p.texr{font-size: .875rem;line-height: 1.25rem;}
.erbanner h3{ font-weight: 600;  margin-bottom: 1rem;}
.erbanner>main>div{ max-width: 42rem;}
.erbanner .title{ text-align: left;}
.erbanner .p1{margin: 2rem 0; opacity: 0.8;}
.bannerceng{ position: absolute; left: 0; top: 0; background-image: linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0)); z-index: 0; width: 100%; height: 100%;}
.zl1bj{ background-color: #f3f4f6;}
.zl_btla{display: flex;flex-direction: column;  min-height: 100%;justify-content: space-between;}
.zl2_le{ width: 30%;}
.zl2_ri{ width: 500px; max-width: 100%;}
.zl2_ri img{ width: 100%; display: block;}
.zl2_le p{opacity: 0.8;font-size: 14px;line-height: 1.6;font-family: MyCustomFont,sans-serif;}
.zl2_le .title{ text-align: left;}
.zl4bj{ width: 100%; background: url(../img/bg.jpeg) center center no-repeat; background-size: cover; height: 600px; color: #fff;display: flex; align-items: center; justify-content: center;}
.zl4{ justify-content: center; width: 758px; margin: 0 auto; max-width: 80%;}
.zl4 div{ width: calc(100% / 6);}
.zl4 div img{width: 100%; display: block; box-sizing: border-box; padding: 0.5rem;}
.zl2con p{ position: relative; padding-left: 20px; margin-bottom: 5px;}
.zl2con p::after{ content:""; display: block; background-color: #6b7280; width: 5px; height: 5px; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.lb_tu img{ width: 100%; display: block;}
.zl1 .swiper-pagination{position: absolute;}
.zl3>div{ display: flex; flex-direction: column; border-radius: 0.5rem; overflow: hidden;}
.zl3list{ position: relative; color: #fff;}
.zl3list .fu{ position: absolute; left: 0; height: 100%; width: 100%; bottom: 0; box-sizing: border-box; padding: 1rem;background-color: rgba(0,0,0,0.3);flex-direction: column; display: flex; justify-content: flex-end; transition: 0.3s;}
.zl3list .fu h2{margin-bottom: 1.25rem;font-size: 1.7rem;line-height: 2.25rem; font-weight: 600;}
.zl3list:hover .fu{ background-color: rgba(0,0,0,0.7);}
.zl3list:hover .fu p{ margin-bottom: 2rem;}
.zl3list .fu p{ transition-duration: .5s;}
.zl3list img{ width: 100%; height: 100%;object-fit: cover;}
.zl3{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));}
.gap-1{gap: 1rem;}
.zl3con1>div{height: 50%;}
.zl3con2>div:nth-child(1){ height: 40%;}
.zl3con2>div:nth-child(2){ height: 60%;}
.zl3con4>div{ height: 100%;}

/* 行业 */
.er_mb{ color: #8c8c8c;}
.er_mb span{ color: #000;}
.er_mb i{ padding: 0 1rem;}
.erbanner2{ height: 450px; margin-top: 108px; background-color: #000; color: #fff; position: relative;}
.erbanner2>div{ width: 50%;}
.erbannerle{height: 100%;}
.erbannerle img{ width: 100%; height: 100%; display: block;object-fit: cover;}
.erbannerri{ height: 100%; display: flex; align-items: center; box-sizing: border-box; padding-left: 2rem;}
.erbannerri .title{ text-align: left;}
.erbannerri p{ width: 52%;}
.hy1bj{ background-color: #f5f5f5;}
.hy1list{ background-color: #fff; border-radius: 0.5rem; padding: 1.5rem; box-sizing: border-box;}
.hy1top img{ width: 50px;}
.hy1list>div.tex{ margin: 1.25rem 0;}
.hy1con>img{ width: 45px; height: 45px;object-fit: cover; border-radius: 100%; overflow: hidden;margin-right: 1rem;}
.hy1con p img{ width: 20px; height: 20px; }

/* 关于 */
.erbanner3{margin-top: 108px; background-color: #000; color: #fff; position: relative;}
.erbanner3>div{ width: 50%;}
.erbanner3 .erbannerle img{ width: 100%;object-fit: cover;}
.erbanner3 .erbannerri{ height: auto; padding: 2rem; padding-left: 5rem;}
.erbanner3 .erbannerri p{ width: 100%;}
.gy4bj{ background-color: #f5f5f5;}
.gy4{ background-color: #fff;border-radius: 0.75rem; box-sizing: border-box;padding: 2rem;}
.gy4 .anniu{ width: 100%;}
.gy1{padding: 0.75rem 0;}
.gy1>div{ width: calc(50% - 0.65rem);}
.gy1_le img{width: 100%; display: block;}
.gy1 .danye{ font-size: 17px;}
.gy1k4{ padding: 2rem 0;}
.gy1k4 h2{ font-weight: bold; color:#0071e3;font-size: 2.25rem;line-height: 2.5rem;margin-bottom: 0.5rem;}
.gy1k4 h2 i{top: -0.5em;font-size: 75%;line-height: 0;  position: relative;  vertical-align: baseline;}
.gy1k4 span{ border-right: 1px solid #d1d5db; box-sizing: border-box;width: 25%; text-align: center;}
.gy1k4 span:last-child{ border-right: none; text-align: right;}
.gy1k4 span:nth-child(1){ text-align: left;}
.gy1_diri img{ width: 100%; object-fit: cover; height: 250px;}
.gy1_dile{ width: 280px;}
.gy1_diri{ width: calc(100% - 280px); padding-left: 1.3rem; box-sizing: border-box;}
.gy1_dile .title{ position: relative;}
.gy1_dile .title i{ height: 3px; width: 80px; background-color: #0071e3; position: absolute; left: 0; bottom: -10px;}
.gy1_di{ padding: 2.5rem 0;}
.gy1_dile p{ margin-bottom: 0.75rem;}
.gy3list{ margin: 2rem 0;}
.gy3list>div{width: calc(50% - 0.65rem);}
.gy3ri img{ width: 100%; display: block;border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1);}
.gy3le p span{ color: #0071e3;}
.gy3le h3{ color: #0071e3;font-weight: 700; position: relative; padding-left: 12px;}
.gy3le h3::after{ position: absolute;left: 0; content: ""; display: block; top: 50%; transform: translateY(-50%); width: 7px; height: 7px;border-radius: 100%; background-color: #0071e3;}
.gy3list:nth-child(2n){flex-direction: row-reverse;}
.gy2bj{ background: url(../img/gybj.png) center center no-repeat; background-size: cover; height: 800px; color: #fff; display: flex; align-items: center;}
.gy2bj .title,.gy2bj h2{ text-align: left; position: relative;}
.gy2list{ width: 24%; position: relative; cursor: pointer; transition: 0.3s;margin: 0.5rem 0;}
.gy2dian img{ display: block; width: 36px;cursor: pointer;}
.gy2dian{ margin-top: 2.5rem; }
.gy2list.tu h1::before{padding-top: 52%;}
.gy2list span{ display: none;}
.gy2list.on span{ display: block; opacity: 1; width: 100%; height: 100%; background-color: rgba(1,113,227,0.6); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.25rem; top: 0; left: 0; z-index: 6; position: absolute;}
.gy2bj .title i{ height: 3px; width: 80px; background-color: #fff; position: absolute; left: 0; bottom: -10px;}
.gy2bj h2{ margin-top: 4rem;     font-size: 1.125rem;  line-height: 1.75rem;}

/* 接触 */
.jc1{background-color: #fff;border-radius: 0.75rem; box-sizing: border-box;box-shadow: 0 0px 28px 4px rgba(0,0,0,.1); padding: 1.25rem 16px;}
.jc1 .title,.jc1 .titles{ text-align: left;}
.jc1>div{ width: 50%; box-sizing: border-box;}
.jc1_le{ border-right: 1px solid #d1d5db; padding: 1.25rem; display: flex; flex-direction: column; justify-content: space-between;}
.jc1_ri{ padding: 2rem; padding-left: 3.25rem;}
.jc1list img{ display: block;margin-right: 0.75rem; width: 36px;}
.jc1list p{ width: calc(100% - 36px - 0.75rem);}
.jc1list{ margin-top: 1rem;}
.jc1con{font-size: 1.125rem;line-height: 1.75rem;}
.jc1con p{ position: relative; padding-left: 15px; margin-top: 0.5rem;}
.jc1con p::after{ position: absolute;left: 0; content: ""; display: block; top: 50%; transform: translateY(-50%); width: 7px; height: 7px;border-radius: 100%; background-color: #0071e3;}
.jc2bj{ background-color: #f5f5f5;}
.ditu{ width: 100%; height: 384px; background-color: #ddd;}
.jcbanner{ height: 550px!important;}

/* 隐私政策 */
.erbox{ margin-top: 108px;padding: 5rem 0;}
.erbox1{ margin-top: 108px;padding: 3rem 0;}
.yinsi{ width: 830px; margin: 0 auto; max-width: 100%; font-size: 1.125rem;line-height: 1.625;}
.wtcon .title{ text-align: left; padding: 2.5rem 0; font-size: 2.25rem;line-height: 2.5rem;}
.wtcon .con7ribox{ margin: 3rem 0;}
/* 案例 */
.al1 .con8list{ margin-bottom: 20px;}
.con8list.allist{ background-color: #3383ff; display: flex; align-items: center; justify-content: center; color: #fff;  text-align: center; min-height: 390px;}
.allist h5{ font-size: 1.5rem;line-height: 2rem; font-weight: 700; margin-bottom: 0.5rem;}
.allist h6{ margin: 0 auto; background-color: #fff; width: 132px; border-radius: 0.5rem; height: 46px;  display: flex; justify-content: center; align-items: center; color: #2765eb; font-weight:bold; margin-top: 0.5rem;}
/* 消息 */
.ertitle{ text-align: center;}
.ertitle .er_mb{ margin: 0 auto;}
.ertitle h2{font-size: 44px;line-height: 50px;font-weight: 600;text-transform: capitalize; margin-bottom: 0.75rem;}
.ertitle i{ padding: 0 0.1rem;}
.ercon_le{ width: 75%; box-sizing: border-box; padding-right: 0.5rem;}
.ercon_ri{ width: 25%; box-sizing: border-box; padding-left: 50px;}
.erbox .con8list{ margin-bottom: 20px;}
.ercon{ padding-top: 5rem;}
.ri_box1{ max-height: 500px;}
.ri_box1list{margin-top: 0.75rem; width: 100%; box-sizing: border-box;padding-right: 0.75rem;font-size: 14px; color: #666;}
.ri_box1list:hover{ color: #000;}
.sousou{ width: 100%; height: 50px; box-sizing: border-box; border: 2px solid #2563eb;border-radius: 0.5rem; padding: 0 1rem;}
.souk{ width: calc(100% - 22px); border: none; background: transparent; font-size: 16px;}
.sous img{ display: block; width: 18px;}
.ri_box{ margin-top: 1.5rem; padding-bottom: 2rem; border-bottom: 1px solid #e5e7eb;}
/* .ri_box:last-child{ border-bottom: none;} */
.ri_box h2{font-size: 20px;line-height: 28px;font-weight: 600;}
.ri_box2{max-height: 500px; align-items: flex-start; justify-content: flex-start;}
.ri_box2 a{ font-size: 14px;line-height: 20px;font-weight: 600; padding: 0.375rem 0.75rem; border: 1px solid #e5e7eb;margin-top: 1rem; margin-right: 0.75rem; border-radius: 9999px; color: #4b5563;}
.ri_box2 a:hover{ background-color: #000; color: #fff;}
/* 白皮书 */
.bps1{font-size: 18px;}
.bps_top{ font-size: 18px;}
.bps_top h2{font-weight: 700;line-height: 1.5;font-size: 3rem;}
.bps_top a{ font-size: 20px; color: #000; }
.bps_top a i{ width: 26px; display: block; line-height: 19px; height: 26px; border-radius: 100%; border: 2px solid #000; text-align: center; font-weight: bold; font-size: 20px; margin-left: 1rem; box-sizing: border-box; transition: 0.3s;}
.bps_top a:hover{ color: #0e6aed;}
.bps_top a:hover i{border: 2px solid #0e6aed; }
.bps_top>div>div{ overflow: hidden;}
.bps_top h3{color: #4b5563;}
.bps1 a{ margin: 1rem 0; margin-right: 2rem;}
.bps2{ display: flex; margin-top: 1rem;flex-direction: column;gap: 36px;}
.bps2k2{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 36px;}
.bps2k2list>img{  width: 100%;object-fit: cover; height: 100%;}
.bps2k2list{ display: block; position: relative; color: #fff; border-radius:6px; overflow: hidden;height: 355px;}
.bps2k2 .fu{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 2rem;line-height: 2rem; display: flex;align-items: flex-end; background-color: rgba(0,0,0,.5); left: 0; top: 0; font-size: 16px;}
.bps2k2 .fu h2{font-size: 25px;line-height: 30px;font-weight: 700;}
.bps2 .fu img{ margin-right: 5px;}
.bps2k2list:hover{ transform: translateY(-5px);}
.bps2k4{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 36px;}
.bps2k4list>div{ width: 100%; position: relative; height: 255px; border-radius: 6px; overflow: hidden;}
.bps2k4list>div .fu{ position: absolute; left: 0; top: 0; box-sizing: border-box;font-size: 16px; padding: 1rem; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.5); }
.bps2k4list>div img{ width: 100%; height: 100%; object-fit: cover;}
.bps2k4list h2{ font-size: 18px;height: 58px;line-height: 1.5; font-weight: 700; margin-top: 0.75rem;}
.bps2k4list p{ font-size: 12px;}
.bps2k4list:hover{ color: #0071e3;}
.bps2k4list>div .fu img{ width: 17px; height: 15px;}
/* 产品 */
.cp_box .ercon_ri{ padding: 0; padding-right: 50px;}
.more.anniu{ margin: 0 auto; width: 106px; height: 40px; text-align: center; line-height: 40px; border-radius: 9999px; padding: 0; font-size: 14px; margin-top: 1.25rem;}
.cp_box .cp_list{ box-sizing: border-box;box-shadow: 0 3px 8px rgba(0,0,0,0.1); border: 1px solid #e5e7eb; margin-top: 0; margin-bottom: 20px;}
.cp_box .cp_list.tu h1{ background-color: #fff;}
.cp_box .cp_list span{padding-top: 2rem;}
.cp_box  .sousou{ border: 2px solid #d4d4d4; height: 40px;font-size: .875rem;}
.cp_box  .sousou:hover{border: 2px solid #000;}
/* 资源 */
.zymore .more.anniu{ width: 180px;}
.zymore .more.anniu img{ width: 14px; margin-left: 0.8rem; margin-right: 0;}
.zy1 img{width: 77px; max-width: 100%; display: block; margin: 0 auto;}
.zy1 p{ text-align: center; font-size: 1.2rem; line-height: 1.5rem; font-weight: 700;margin-top: 1rem;}
.zy1 a{ width: 20%;}
.zy1bj{ padding-bottom: 0;}
.zy3bj{ background-color: #f5f5f5;}
.zy2le{ width: 100px; box-sizing: border-box;border: 1px solid #c1c1c1; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center;}
.zy2le h3{ font-size: 12px; font-weight: bold;}
.zy2le h2{font-size: 35px; line-height: 1.5; font-weight: bold;}
.zy2ri{ width: calc(100% - 100px - 1.5rem);}
.zy2listbox{grid-template-columns: repeat(2,minmax(0,1fr));gap: 35px;}
.zy2ri h2{ height: 3.5rem;line-height: 1.75rem; font-size: 1.25rem; font-weight: 700;}
.zy2ri p{ margin-top: 0.5rem; margin-bottom: 0.5rem;}
.zy2list:hover .zy2ri h2{ color: #0071e3;}
.zy3{ gap: 20px;}
.zy3 .zy3list:nth-child(1){ display: flex; flex: 3;}
.zy3 .zy3list:nth-child(2){ display: flex; flex: 2;}
.zy3 .zy3list:nth-child(3){ display: flex; flex: 2;}
.zy3list{ position: relative; overflow: hidden;}
.zy3list:nth-child(1){ height: 450px;}
.zy3list>img,.zy3list h1>img{width: 100%; height: 100%; display: block; object-fit: cover;transition: 0.6s;}
.zy3list:hover>img,.zy3list:hover h1>img{transform: scale(1.2);}
.zy3list h1{ overflow: hidden; height: 180px;}
.zy3list{ flex-direction: column; background-color: #000; color: #fff;}
.zy3 .zy3list .fu{ position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.1); box-sizing: border-box; width: 100%; height: 100%; padding: 2rem; color: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.zy3list span h3{ font-size: 12px; font-weight: bold;}
.zy3list span h2{font-size: 35px; line-height: 1.5; font-weight: bold;}
.zy3 .zy3list .fu>div{ display: flex; justify-content: flex-end; text-align: right;}
.zy3 .zy3list h4{ font-size: 25px; font-weight: 700;}
.zy3con{ box-sizing: border-box; padding: 22px;}
.zy3con>h2{ font-size: 20px; line-height: 32px; font-weight: 700; padding-bottom: 1rem; border-bottom: 1px solid #fff;}
.zy3con p{ margin: 0.5rem 0; padding-top: 0.5rem;}
.zy3con div img{ width: 18px;}
.zy3list:hover .zy3con div img{ margin-right: 1rem;}
.zy4le{ width: calc(100% - 290px - 5rem); margin-right: 5rem;}
.zy4ri{ width: 290px; border-radius: 15px; overflow: hidden;}
.zy4ri img{ width: 100%;  display: block; height: 100%; object-fit: cover;}
.zy4le .one h2{ font-size: 40px; font-weight: 700;}
.zy4le .one h4{font-size: 32px; font-weight: 700;}
.zy4le .one p{ font-size: 12px;}
.zy4le .one span{ margin-left: 0.75rem;}
.zy4le{ padding-bottom: 46px; border-bottom: 1px solid #c1c1c1;}
.zy4le .tow{ width: calc(100% - 140px);}
.zy4le .tow h3{font-weight: 700; font-size: 1.25rem; margin: 0.5rem 0;}
.zy4list{ margin-bottom: 35px; flex-wrap: wrap;}
.zy4list:last-child{ margin-bottom: 0;}
.zy4list:hover .zy4le .tow h3{ color: #0071e3;}
/* 详情 */
.xqtopri{ width: 400px; max-width: 100%;}
.xqtopri img{ height: 100%; width: 100%; object-fit: cover; border-radius: 0.75rem;}
.xqtople{ width: calc(100% - 400px - 32px); flex-direction: column; justify-content: space-between; display: flex;}
.xqtople h2.title{ margin: 2.5rem 0; text-align: left;}
.xqtop1 .k1>img{ width: 40px; height: 40px; border-radius: 100%; margin-right: 0.5rem;}
.xqtop1 .k3{font-size: .75rem; line-height: 1rem; color: #000; height: 24px; display: flex; align-items: center; padding: 0 0.5rem; background-color: #e3eeff; border-radius: 999px; font-weight: 700;}
.xqtop1 .k2 img{ margin-right: 4px;}
.xqtop1{ color: #6b7280;line-height: 1.75rem;}
.xqtop1 h3{ font-weight: 600;font-size: 1.125rem; }
.xqtop1>div{ margin-right: 1.25rem;}
.xqtop2{ display: flex; justify-content: flex-end;}
.xqconle{ width: calc(100% - 450px - 2rem);}
.xqconri{ width: 450px;}
.xq_con{ padding-top: 2rem; margin-top: 3rem; border-top: 1px solid #e5e7eb;  padding-bottom: 2rem;}
.xqconle{ max-height: 1200px;}
.xqconri1{ box-sizing: border-box; background-color: #f9f9f9; border: 1px solid #e5e7eb;max-height: 500px;padding: 1rem;border-radius: 0.25rem;margin-top: 1rem;
    margin-bottom: 1rem;}
.xqconri1con p{ margin-top: 0.5rem;box-sizing: border-box; padding-left: 16px;}
.xqconri1con a{ color: #5f77fe; padding:0 5px;}
.xqconri1con a:hover{ text-decoration: underline;}
.xqconri1con p.er{ padding-left: 32px;}
.xqconri .sousou{ border: 1px solid #6b7280;}
.xqconri2list{ display: block; border-bottom: 1px solid #6b7280;}
.xqconri2list h2{ margin: 0.5rem 0;font-size: 1.125rem!important;font-weight: 700;line-height: 1.75rem!important;}
.xqconri2list p{ margin: 0.5rem 0; color: #0071e3;} 
.xqconri2 .tit{ font-weight:normal; padding: 1.5rem 0; font-size: 1.4rem;border-bottom: 1px solid #6b7280;}
.xq5 .k1{ font-weight: 700;font-size: 1.5rem; line-height: 2rem;}
.xq5 .k1 img{margin-right: 1rem; width: 4rem;}
.xq5con{ position: relative; height: 400px;}
.xq5con textarea{ display: block;width: 100%; box-sizing: border-box;padding: 1rem;padding-right: 85px;width: 100%; height: 100%; border: 1px solid #000; border-radius: 0.5rem;}
.xq2 img{ width: 78px; height: 78px; border-radius: 100%; margin-right: 1.25rem;}
.xq2 span{ width: calc(100% - 78px - 1.25rem);}
.xq2{ padding: 1.25rem 0;}
.xq3 .k2 a{margin-left: 0.5rem;}
.xq3 .k2 p{ margin-right: 1rem;}
.xq3{ margin-top: 2rem; margin-bottom: 2.5rem;}
.xq3 .biaoq{ background-color: #e5e7eb; height: 32px; line-height: 32px; padding:0 1rem; border-radius: 999px; font-weight: bold; transition: 0.3s;}
.xq3 .biaoq:hover{ cursor: pointer; background-color: #000; color: #fff;}
.xq4 h2{ font-size: 2.25rem;line-height: 2.5rem; font-weight: 700;}
.xq4{ border-top: 1px solid #9ca3af; border-bottom: 1px solid #e5e7eb; padding: 2.5rem 0;}
.xq5con .fu{position: absolute;right: 1rem; bottom: 1rem; border-left: 1px solid #9ca3af;padding-left: 1rem;}
.xq5con .fu img{width: 48px; cursor: pointer;}
.xq5con .fu img:hover{ opacity: 0.8;}
.xq6 a{ background-color: #f0f5ff; color: #000; box-sizing: border-box; padding: 0.5rem 1rem; border-radius: 0.5rem; margin: 0.5rem 0;}
.xq6{ padding: 2rem 0;}
.xq6 span{ padding-left: 0.5rem;}
.xq6 a:hover h2{ color: #0071e3!important;}
/* 产品详情 */
.cpxq2box{ position: relative;}
.cpxq2list{ border: 1px solid #e5e7eb; box-sizing: border-box; padding: 1rem; border-radius:0.75rem; display: block; text-align: center;}
.cpxq2list p{ margin-top: 1.25rem;}
.cpxq2list:hover{ box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);}
.cpxq2list:hover img{ transform: scale(1.05);}
.cpxq2Swiper{ padding: 0.5rem;}
.cpxq2 .swiper-button-next{ right: -10px;}
.cpxq2 .swiper-button-prev{ left: -10px;}
.cpxq2 .swiper-button-prev,.cpxq2 .swiper-button-next{background-color: #fff;box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);}
.cpxq2 .swiper-button-next:after,.cpxq2 .swiper-button-prev:after{ border: none; font-weight: 700;}
.cpxq2 .title,.cpxq4 .title{ text-align: left;font-size: 1.5rem;line-height: 2rem;}
.cpxq2box{ margin-top: 2rem;}
.cpxq2{ padding: 5rem 0;}
.cpxq4 .cpxq2list{ margin-bottom: 18px;}
.cpxq3{ align-items: flex-start;}
.cpxq3_le{ width: 75%;}
.cpxq3_ri{ width: calc(25% - 2rem); border: 1px solid #f4f4f4; border-radius: 0.5rem; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.cpxq3 .con7{ padding: 2rem; box-sizing: border-box; margin-top: 5rem;}
.cpxq3box{ width: 100%; box-sizing: border-box;border: 1px solid #ebebeb;}
.cpxq3con{box-sizing: border-box; width: 100%; padding: 1rem;}
.cpxq3con .danye{ font-size: 14px;}
.cpxq3_nav{ border-bottom: 1px solid #ebebeb; box-sizing: border-box;padding:0 1rem;}
.cpxq3_nav span{ position: relative; display: block; padding-top: 2rem; padding-bottom: 1rem; margin-right: 2rem;}
.cpxq3_nav span.on::after{ content: ""; position: absolute; width: 100%; height: 2px; background-color: #000; left: 0; bottom: 0; display: block;}
.cpxq3_ri .k1{ padding: 0.75rem 19px; box-sizing: border-box;background-image: linear-gradient(90deg, #eaeff5 0%, #fbfcfd 100%); font-weight: bold; font-size: 16px;}
.cpxq3_ri .k1 img{ width: 50px; margin-right: 1rem;}
.cpxq3_ri .k2{ box-sizing: border-box; padding: 0.75rem;}
.cpxq3_ri .k2 p{ background-color: #f9fafb; color:#000; border-radius: 0.5rem; margin-bottom: 0.5rem; padding: 0.5rem 1rem;}
.cpxq3_ri .k2 p img{ margin-right: 1rem; width: 20px;}
.cpxq4{ margin-top: 5rem;}
.ql_box{ box-sizing: border-box; padding: 1rem; align-items: flex-start;}
.ql_box>div{ width: calc(50% - 1rem); box-sizing: border-box;}
.pl_le{background-color: #f9fafb; border-radius: 0.5rem; padding:3rem 1rem; text-align: center;}
.pl_le img{ margin: 0 auto; display: block;width: 5rem; height: 5rem; border-radius: 100%; background-color: #f3f4f6; margin-bottom: 1.5rem;}
.pl_le p{ margin-top: 0.75rem;}
.pl_inp{ width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #000; border-radius: 0.5rem; padding:0.5rem 0.75rem;}
.pl_list{ margin-top: 1rem;}
.pl_list p{ margin-bottom: 0.25rem;}
.pl_list{ width: 100%;}
.pl_list:nth-child(3),.pl_list:nth-child(4){ width: calc(50% - 1rem);}
.pl_ri{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); padding: 1.5rem;}
.sctu_list{padding: 8px; position: relative;display: flex;align-items: center;justify-content: center; border: 1px solid #d9d9d9; border-radius: 2px; width: 100px; height: 100px; box-sizing: border-box;margin: 4px 0; margin-right: 8px;}
.sctu_list img{ display: block; object-fit: contain; width: 100%; height: 100%;}
.sctu_list.scon{ border: 1px dashed #d9d9d9; background-color: #fafafa;text-align: center; line-height: 1.8em;}
.sctu_list.scon b{ font-size: 18px; color: #393939;}
.sctu_list.scon .fu{ display: block; width: 100%; height: 100%; display: block; box-sizing: border-box; position: absolute; left: 0; top: 0; border: none; opacity: 0;}
.sctu_list.scon:hover{ cursor: pointer; border: 1px dashed #0071e3; }
.fsc{ display: none;}
.sctu_list:hover .fsc{ background-color: rgba(0,0,0,.5); color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
.cpxq1_le{ width: calc(62.5% - 1.125rem);}
.cpxq1_ri{ width: calc(37.5% - 1.125rem);}
.cpxq1_ri .tit{font-size: 1.25rem;}
.cpxqtab table{ width: 100%;border: 1px solid #d1d5db;}
.cpxqtab table td,.cpxqtab table th{ padding: 0.5rem 1rem; text-align: left; box-sizing: border-box;}
.cpxqtab table th{ border-bottom: none;}
.cpxqtab table tr:nth-child(2n){ background-color: #f3f4f6;}
.cpxqtab table tr td:nth-child(1),.cpxqtab table tr th:nth-child(1){ width: 6.1em; font-weight: bold;}
.cpxq1_ri .k1{ color: #0071e3; margin: 1.5rem 0;}
.cpxq1{ /* align-items: flex-start; */ margin-top: 4rem;}
.cpxq1_lecon1{ position: relative;background-color: #f5f5f5; border-radius: 0.75rem; width: 100%; box-sizing: border-box;}
.cpxq1tu{ background-color: #fff; margin: 0 auto; width: calc(100% - 100px); max-width: 612px;}
.cpxq1tu img{ display: block;width: 100%; height: 100%; object-fit: cover;vertical-align: middle;}
.cpxq1tulist{width: 116px;margin-right: 8px; border: 3px solid #e4e4e7; border-radius: 0.5rem; display: flex; transition: 0.3s; box-sizing: border-box; padding:0.5rem; background-color: #fff; max-width: calc(33.33% - 10px);}
.cpxq1tulist.on{ border: 3px solid #000}
.cpxq1tulist:hover{ cursor: pointer;border: 3px solid #000}
.cpxq1 .swiper-button-next{ right: 1rem;}
.cpxq1 .swiper-button-prev{ left: 1rem;}
.cpxq1 .swiper-button-prev,.cpxq1 .swiper-button-next{background-color: #fff;box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);}
.cpxq1 .swiper-button-next:after,.cpxq1 .swiper-button-prev:after{ border: none; font-weight: 700;}
/* 白皮书详情 */
.bpsxqbj{  background: linear-gradient(to bottom, #f5f7f8 50%, transparent 50%)}
.bpsxq_ri{ width: 484px; max-width: 100%; background-color: #fff; box-sizing: border-box; padding: 32px 40px; box-shadow: 0 0 25px #092c4715; border-radius: 0.5rem;}
.bpsxq_ri .anniu{ width: 64px; border-radius: 0; margin: 0; height: 32px; font-size: 14px;}
.bpsxq_ri form>p{ font-size: 12px; margin-bottom: 24px;}
.bpsxqlist p{font-weight: bold; margin-bottom: 0.5rem;}
.bpsxqlist p i{color: #ff4d4f; padding-right: 4px;}
.bpsxqlist{ margin-bottom: 24px; width: calc(50% - 6px);}
.bpsxqlist:last-child{ width: 100%;}
.bps_tu img{ width: 100%; display: block; height: 240px; object-fit: cover;}
.bpsxqinp{ border: 1px solid #d9d9d9; width: 100%; box-sizing: border-box; padding:0 10px; height: 30px;}
.bpsxq_ri input::placeholder{ color: #d9d9d9;}
.bpsxq_le .er_mb{ color: #476175;}
.bpsxq_le .wenzi{ font-size: 3.2rem;line-height: 1.5;margin-bottom: 1rem;}
.bpsxq_le{ width: calc(100% - 484px - 3rem);}


.cu{ font-weight: bold;}
.sj{ display: none;}
textarea{resize:none;} 
select::-ms-expand { display: none;} 
select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input::placeholder,textarea::placeholder{color:#666;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.confl{ display: flex; flex-wrap: wrap;}
.cong{ display: grid;}
.dianji{ cursor: pointer;}
.mtop60{ margin-top: 60px;}
.mtop50{ margin-top: 50px;}
.mtop40{ margin-top: 40px;}
.mtop30{ margin-top: 30px;}
.mtop20{ margin-top: 20px;}
.mtop10{ margin-top: 10px;}
.mtop8{ margin-top: 8px;}
.mtop2{margin-top: 2rem;}
.mtop1{margin-top: 1rem;}
.mtop125{ margin-top: 1.25rem;}
.f11{ font-size: 11px;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.b7{ font-weight: 700;}
.texc{text-align: center;}
.texr{text-align: right;}
.color3{ color: #0071e3;}
.color1{ color: #667e90;}
.color2{color: #9ca3af;}
.color6{color: #666;}
.kuai3{ width: calc(33.33% - 14px); margin-right: 21px;}
.kuai3:nth-child(3n){ margin-right: 0;}
.kuai4{width: calc(25% - 7.5px); margin-right: 10px;}
.kuai4:nth-child(4n){ margin-right: 0;}
.kuai5{width: calc(20% - 16px); margin-right: 20px;}
.kuai5:nth-child(5n){ margin-right: 0;}
.overflow-y-auto{overflow-y: auto;}
html{scroll-padding-top: 151px}
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov3{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 3; /* 限制最大行数为3行 */
        -webkit-line-clamp: 3; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
		
.qingchu img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /* Webkit (Safari/Chrome) */
	image-rendering: pixelated; /* Standards */
	}
	{ display: none; flex-wrap: wrap; justify-content: space-between;}