@charset "utf-8";
@font-face {
  font-family: "Barlow-Medium";
  src:url("../font/Barlow-Medium.woff") format("woff"),
       url("../font/Barlow-Medium.ttf") format("truetype"),
       url("../font/Barlow-Medium.eot") format("embedded-opentype"),
       url("../font/Barlow-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {font-size: 187.5% !important; }
body{padding: 0;margin: 0;font-family:'PingFangSC-Regular','Microsoft YaHei';font-size:0.55rem ;color: #313131;background: #fff;-webkit-font-smoothing: antialiased;overflow-x: hidden;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #313131;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family:'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #313131;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family:'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #313131;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family:'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #313131;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #fff;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
.after::after,.before::before{content: '';position: absolute;transition: 0.5s ease-in-out;}
/*动画*/
.ani400{-transition: all 0.4s linear;	-webkit-transition: all 0.4s linear; }
.ani300{transition: all 0.3s linear;	-webkit-transition: all 0.3s linear; }
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.blue{color: #015dac;}
.blue97{color: #083C97;}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.TXTovehid-six{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.block{display: block;}
.poHiiden{position: relative;overflow: hidden;}
::-webkit-input-placeholder {color: #999;  }
.alignInherit{align-items: inherit !important;}
/*搜索弹窗*/
.sear{cursor: pointer;}
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 90%;transform: translate(-50%,-50%);z-index: 2;display: none;}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;box-sizing: border-box;font-size: 0.5rem;border-radius: 30px;}
.popup-search-wrap .sub-btn{border: none; position: absolute;right: 0;top: 0;width: 40px;height: 40px;background:url(../images/searIco.svg) center no-repeat;background-size: 20px 20px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;filter: brightness(0) invert(0);}
.fontBLM{font-family: "Barlow-Medium";}

.padding120{padding: 4rem 0;}
.padding100{padding: 3.33rem 0;}
.padding80{padding: 2.66rem 0;}
.padding90{padding: 3rem 0;}
.padding60{padding: 2rem 0;}
.padding70{padding: 2.33rem 0;}
.padding50{padding: 1.66rem 0;}
.padding40{padding: 1.33rem 0;}
.padding30{padding: 1rem 0;}
.padding20{padding: 0.66rem 0;}
.margin50{margin: 1.66rem 0;}
.margin80{margin: 2.66rem 0;}
.paddbottom0{padding-bottom: 0 !important;}
/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
.flexwrap{flex-wrap: wrap;}
/* 字号公用 */
.fz12{font-size:0.4rem ;}
.fz14{font-size: 0.466rem;}
.fz16{font-size: 0.533rem;}
.fz18{font-size: 0.6rem;}
.fz20{font-size: 0.66rem;}
.fz22{font-size:0.733rem ;}
.fz24{font-size: 0.8rem;}
.fz26{font-size: 0.866rem;}
.fz28{font-size: 0.933rem;}
.fz30{font-size: 1rem;}
.fz32{font-size: 1.06rem;}
.fz34{font-size: 1.13rem;}
.fz36{font-size: 1.2rem;}
.fz38{font-size: 1.26rem;}
.fz39{font-size: 1.3rem;}
.fz40{font-size: 1.33rem;}
.fz44{font-size: 1.46rem;}
.fz48{font-size: 1.6rem;}
.fz50{font-size: 1.66rem;}
.fz180{font-size: 6rem;}
.fz45{font-size: 1.5rem;}
.fz60{font-size:2rem ;}
.fz100{font-size: 3.33rem;}
/* 基础样式 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.fwb500{font-weight: 500;}
.textAll{line-height: 2;}
.textCenter{text-align: center;}
.white{color: #fff;}
.poRe{position: relative;}
.zindex2{z-index: 2;}
.w90{max-width: 1500px;margin: auto;width: 96%;}
.minheight300{min-height: 300px;}
.whiteBg{background: #fff;}
.color67{color: #676767;}
.color222{color: #222;}
.color37{color: #373737;}
.color3D{color: #3D3D3D;}
.color999{color: #999;}
.red{color: #a67e58;}
.marginTop80{margin-top: 2.66rem;}
.marginTop40{margin-top: 1.33rem;}
.marginTop30{margin-top: 1rem;}
.marginTop50{margin-top: 1.66rem;}
.marginTop60{margin-top:2rem;}
.green{color: #027231;}
.yellow{color: #C89E30;}
.blue{color: #2465A5;}
.color666{color: #666;}
.color333{color: #333;}
.color111{color: #111;}
.color1A{color: #1A1A1A}
.color97{color: #979797;	}
.color777{color: #777;}
.color70{color: #707070}

.obCover{object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.obCoverIco{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.dmui-select{z-index: 1;position: relative;width:6.66rem;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 1.33rem;padding: 0 0 0 0.66rem; line-height: 1.33rem;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:rgba(255,255,255,0.6);font-size: 0.533rem;border:1px solid #fff;}
.dmui-select .name:after{content: "";position: absolute;border-bottom: 1px solid rgba(255,255,255,0.6);border-right: 1px solid rgba(255,255,255,0.6); right:20px;top: 42%;width: 0.3rem;height: 0.3rem;display: inline-block;transform: rotate(45deg) translate(-5px,0);}
.dmui-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;box-shadow: 0 0 6px rgba(0,0,0,.2);overscroll-behavior: contain;}
.dmui-select .list li a{display: block;padding: 10px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;transition: 0.3s;}
.dmui-select .list li a:hover{background-color:#2465A5;color: #fff;}
/* 滚动条美化 */
.overscroll{overflow-y: auto;}
.overscroll::-webkit-scrollbar{width: 4px;    }
.overscroll::-webkit-scrollbar-track{ background-color:#E2E2E2;      }
.overscroll::-webkit-scrollbar-thumb{ background-color: #085CB2;     }
/* 翻页 */
.page{padding-bottom: 3rem;gap: 0.25rem;}
.page .numer{display: inline-flex;align-items: center;}
.page a{border: 1px solid #ddd;width: 1.6rem;line-height: 1.6rem;height: 1.6rem; box-sizing: border-box; color: #666666;position: relative;text-align: center;font-size: 0.6rem;border-radius: 2px;}
.page a.on,.page a:hover{color: #fff;background: #2465A5;border-color: #2465A5;}
.page .btn{border: 1px solid #ddd;width: 2.5rem;height: 1.6rem;box-sizing: border-box;cursor: pointer;}
.page .btn{position: relative;}
.page .btn img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert(0.5);}
.page .btn:hover img{filter: brightness(0) invert(1);}
.page .btn:hover{background:#2465A5 ;border-color: #2465A5;}
/* header */

/* 弹窗 */
.popup-top-search{position: relative;margin: 30px;}
.popup-top-search .text-input{box-sizing: border-box;width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;}
.popup-top-search .sub-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: #CCAB68 url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') center no-repeat;background-size: 20px 20px;}
/*header*/
header{width: 100%;position: fixed;left:0;top: 0;z-index: 3;padding: .5rem 0;transition: 0.5s;z-index: 9;background:linear-gradient(to bottom,rgba(8,92,178,0.9),rgba(8,92,178,0)) ;}
header h1 img{height: 2.36rem;}
header.headerFix{background: #085CB2;box-shadow: 0 0 15px rgba(0,0,0,.4);}
header .headSear form{width: 5rem;border: 1px solid #fff;border-radius: 1rem;display: flex;align-items: center;overflow: hidden;}
header .headSear form input[type=text]{width: calc(100% - 1.2rem);background: none;line-height: 1.3rem;text-indent: 0.5rem;}
header .headSear form input[type=submit]{background: url(../images/searIco.svg) center no-repeat;width: 1.2rem;height: 1.3rem;border-radius: 1rem;cursor: pointer;}
header .searIco{display: none;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
/*导航*/
.nav-1st > li{position: relative;float: left;margin: 0 0.6rem 0 0;}
.nav-1st > li > a{position: relative;display: block;font-size: 0.6rem;line-height: 2.5rem;color:#fff;transition: 0.5s;font-weight: 500;}
.nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom:0;height: 4px;background:#fff;transform: scaleX(0);transform-origin: right bottom;transition: transform .3s ease-in-out;}
.nav-1st > li:hover > a:after{transform: scaleX(1);transform-origin: left bottom;}
.nav-1st > li.on > a{color: #fff;font-weight: bold;}
/* .nav-1st > li.on > a:after{transform: scaleX(1);} */
.nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 200px;padding: 8px 0;background-color: rgba(0,0,0,.5);border-radius: 4px;transform: translateX(-50%);}
.nav-2nd > li{position: relative;}
.nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #fff;}
.nav-2nd > li > a:before{content: '';position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav-2nd > li > a:hover{background: #2465A5;}
.nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.menuLine{display: none;width: 28px;height: 20px;z-index: 2;cursor: pointer;margin-left: 0.5rem;}
.menuLine span{display: block;width: 100%;height: 3px;background: #fff;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuLine span:nth-child(2){margin: 5px 0;animation-delay: 0.5s;}
.menuLine span:nth-child(3){animation-delay: 1.0s;}

@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
footer{background: #333333;}
footer .footOne{padding: 1.66rem 0 1.3rem;border-bottom: 1px solid #414141;}
footer .footOne h6{background: #085CB2;width: 16.5%;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
footer .footOne h6 span{background: url(../images/link.svg) left center no-repeat;padding-left: 1.5rem;}
footer .footOne .wrap{width: calc(100% - 16.5%);box-sizing: border-box;padding: 0.85rem 2rem;display: inline-flex;background: rgba(255,255,255,.05);flex-wrap: wrap;}
footer .footOne .wrap a{line-height: 1rem; color: #fff;flex: 0 0 33%;}
footer .footOne .wrap a:hover{text-decoration: underline;}
footer .footTwo .wrapLeft{width: 84%;}
footer .footTwo .wrapLeft .intel{padding: 1.3rem 0;border-bottom: 1px solid #414141;}
footer .footTwo .wrapLeft .footNav{display: flex;flex-wrap: wrap;}
footer .footTwo .wrapLeft .footNav a{color: #fff;width: 25%;margin-top: 0.4rem;}
footer .footTwo .wrapLeft .footNav{width: 45%;line-height: 0.8rem;}
footer .footTwo .wrapLeft .footNav a::before{content: '|';margin: 0 0.5rem;font-size: 0.4rem;color: #666;}
footer .footTwo .wrapLeft .footNav a:nth-child(4n+1)::before{opacity: 0;}
footer .footTwo .wrapLeft .footNav a:hover{color: #0369D1;}
footer .footTwo .wrapLeft .intel h4 img{height: 2.36rem;}
footer .footTwo .wrapLeft .copyright{padding: 1rem 0;}
footer .footTwo .wrapLeft .copyright *{color: #929292;line-height: 0.7rem;}
footer .footTwo .wrapLeft .copyright p{margin-top: 0.4rem;}
footer .footTwo .wrapLeft .copyright p:first-child{margin-top: 0;}
footer .footTwo .wrapLeft .copyright p > *::before{content: '|';font-size: 0.4rem;color: #666; margin-right: 0.4rem;}
footer .footTwo .wrapLeft .copyright a:hover{color: #fff;}
footer .footTwo .wrapLeft .copyright p > *:first-child::before{display: none;}
footer .footTwo .wrapRight p{line-height: 0.8rem; margin-top: 0.4rem;}
footer .footTwo .wrapRight img{width: 5.33rem;}

.float{width: 40px;position: fixed;right: 0;top: 45%;z-index: 99;}
.float li{width: 40px;height: 40px;margin-bottom: 2px;position: relative;}
.float li i{display: block;width: 100%;height: 100%;cursor: pointer;position: relative;z-index: 2;}
.float li.li1 i{background: #0060a9 url(../images/float1.png) no-repeat center;}
.float li.li2 i{background: #0060a9 url(../images/float2.png) no-repeat center;}
.float li.li3 i{background: #0060a9 url(../images/float3.png) no-repeat center;}
.float li.li4 i{background: #0060a9 url(../images/float4.png) no-repeat center;}
.float li.li1 .popTel{width: 140px;height: 40px;background: #0060a9;font-size: 14px;color: #fff;line-height: 40px;box-sizing: border-box;
padding: 0 10px 0 16px;position: absolute;top: 0;right: -140px;}
.float li.li1:hover .popTel{right: 40px;}
.float li.li2 .codeImg{width: 138px;height: 138px;padding: 2px 6px 2px 2px;text-align: center;line-height: 138px;position: absolute;left: -148px;top: 0;
z-index: 9;background: url(../images/fCodeBg.png) no-repeat center;font-size: 0;display: none;}
.float li.li1 .codeImg img{width: 96%;height: 96%;}
.float li.li3 i a{display: block;width: 100%;height: 40px;}
@media screen and (max-width:1600px){
.nav-1st > li{margin-right: 0.7rem;}
 html {font-size: 150% !important;   }
}
@media screen and (max-width:1400px){
	

}

@media screen and (max-width:1280px){
	.nav-1st > li{margin-right: 0.5rem;}
	
}
@media screen and (max-width:1080px){
	.nav-1st{display: none;}
	.menuLine{display: block;}
	.page a{display: block;width: 1rem;height: 1rem;line-height: 1rem;}
	.page .btn{width: 2rem;height: 1rem;}
	.headSear{display: inline-flex;align-items: center;}
	header .headSear form{display: none;}
	.headSear .searIco{display: block;}
	footer .footTwo .wrapLeft .footNav{display: none;}
}
@media screen and (max-width:760px){
	html { font-size: 150% !important;  }
	.padding120{padding: 2rem 0;}
	.padding100{padding: 1.9rem 0;}
	.padding90{padding: 1.5rem 0;}
	.padding80{padding: 1.3rem 0;}
	.padding60,.padding70{padding: 1rem 0;}
	.padding50,.padding40{padding: 0.7rem 0;}
	.disflex,.flexCenter,.flexbetween{flex-wrap: wrap;}
	.margin80{margin: 1rem 0;}
	.marginTop80{margin-top: 1rem;}
	.padding30{padding: 0.5rem 0;}
	.marginTop60{margin-top: 0.9rem;}
	.marginTop40{margin-top: 0.7rem;}
	.marginTop50{margin-top: 0.8rem;}
	.page{margin-top: 0rem;}
	.dmui-select{float: left;}
	.page .btn img{width: 14px;}
	.page a{margin: 0 2px;font-size: 0.4rem;}
	.w90{width: 90%;}
	.fz40{font-size: 1rem;}
	footer .footOne h6{line-height: 2rem;}
	footer .footOne h6,footer .footOne .wrap,footer .footTwo .wrapLeft{width: 100%;}
	footer .footOne .wrap{padding: 1rem;}
	.footTwo{flex-direction: column-reverse;}
	footer .footTwo .wrapRight{padding-top: 0.8rem;}
	footer .footTwo .wrapLeft .intel h4 {width: 100%;}
	footer .footTwo .wrapLeft .intel h4 img{margin: auto;}
	footer .footTwo .wrapLeft .intel{padding: 0.6rem 0;}
}