@font-face {
  font-family: "DIN-Light";
  src: url("../fonts/DIN-Light.woff2") format("woff2"),
       url("../fonts/DIN-Light.woff") format("woff"),
       url("../fonts/DIN-Light.ttf") format("truetype"),
       url("../fonts/DIN-Light.eot") format("embedded-opentype"),
       url("../fonts/DIN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro-Medium";
  src: url("../fonts/DINPro-Medium.woff2") format("woff2"),
       url("../fonts/DINPro-Medium.woff") format("woff"),
       url("../fonts/DINPro-Medium.ttf") format("truetype"),
       url("../fonts/DINPro-Medium.eot") format("embedded-opentype"),
       url("../fonts/DINPro-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@charset "utf-8";
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;}
html,body{scroll-behavior:smooth;}
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.7s ease 0s; transition:all 0.7s 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: #999;}
/*滚动条*/
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.7s ease 0s; transition:all 0.7s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
/*动画*/
.ani400{-webkit-transition:all .6s ease 0.1s; transition:all .6s ease 0.1s;}
.ani300{-webkit-transition:all 0.5s ease 0.1s; transition:all 0.5s ease 0.1s;}
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.fontFL{font-family: "DIN-Light";}
.color111{color: #111;}
/*文字截断*/
.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;  }
.DINPro-Medium{font-family: 'DINPro-Medium';}
/* 手机导航按钮 */
.menuLine{display: none;width: 20px;height: 20px;z-index: 2;position: absolute;right: 30px;}
.menuLine span{display: block;width: 100%;height: 2px;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%;}
}
.padding80{padding: 2.66rem 0;}
.padding60{padding: 2rem 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;}
/* flex布局 */
.flexwrap{flex-wrap: wrap;}
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
/* 字号公用 */
.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;}
.fz68{font-size:2.26rem ;}
/* 反白和加粗 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.textAll{line-height: 2;color: #333;}
.textCenter{text-align: center;}
.white{color: #fff;}
.poRe{position: relative;}
.zindex2{z-index: 2;}
.w90{margin: auto;max-width: 1400px;width: 90%;}
.minheight300{min-height: 300px;}
.whiteBg{background: #fff;}
.idxWight{padding: 0 13.5%;}
/*搜索弹窗*/
.popup-search-wrap,.popup-search-wrap2,.popup-phone-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.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: #0B4DA2 url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05NDEuNiA4NzRMNzYzLjcgNjk2LjFjMjAuNi0yNi43IDM3LjYtNTUuOSA1MC44LTg3LjIgMjAuMy00OC4zIDMwLjYtOTkuNiAzMC42LTE1Mi40cy0xMC4zLTEwNC4xLTMwLjYtMTUyLjRjLTE5LjYtNDYuNi00Ny43LTg4LjUtODMuNS0xMjQuNXMtNzcuNS02NC4yLTEyMy45LTg0QzU1OSA3NS4zIDUwNy45IDY0LjkgNDU1LjMgNjQuOVMzNTEuNiA3NS4zIDMwMy41IDk1LjhjLTQ2LjQgMTkuNy04OC4xIDQ4LTEyMy45IDg0LTM1LjggMzYtNjMuOSA3Ny44LTgzLjUgMTI0LjUtMjAuMyA0OC4zLTMwLjYgOTkuNi0zMC42IDE1Mi40czEwLjMgMTA0LjEgMzAuNiAxNTIuNGMxOS42IDQ2LjYgNDcuNyA4OC41IDgzLjUgMTI0LjVzNzcuNSA2NC4yIDEyMy45IDg0YzQ4LjEgMjAuNSA5OS4yIDMwLjggMTUxLjggMzAuOFM1NTkgODM4IDYwNy4xIDgxNy42YzMxLjctMTMuNSA2MS4yLTMwLjkgODguMS01MmwxNzcuNiAxNzcuNmMxOC45IDE4LjkgNDkuOSAxOC45IDY4LjkgMCAxOC45LTE5LjMgMTguOS01MC4zLS4xLTY5LjJ6TTQ1NS4zIDc2OC4zYy0xNzAuOSAwLTMxMC0xMzkuOC0zMTAtMzExLjdzMTM5LTMxMS43IDMxMC0zMTEuN2MxNzAuOSAwIDMxMCAxMzkuOCAzMTAgMzExLjdzLTEzOS4xIDMxMS43LTMxMCAzMTEuN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") center no-repeat;background-size: 20px 20px;border-top-right-radius: 30px;border-bottom-right-radius: 30px}
/* 电话弹窗 */
.popup-phone-wrap{width: 80%;display: none;color: #16A3EA;}
.popup-wx-wrap{display: none;}
.popup-wx-wrap .footEwm {padding: 20px 0;}
.popup-wx-wrap .footEwm li:first-child::after{background: rgba(0,0,0,.1);}
.nav-1st{white-space: nowrap;z-index: 2;border-right: 1px solid rgba(255,255,255,0.3);}
.nav-1st > li{position: relative;vertical-align: top;margin-right: 1rem;float: left;}
.nav-1st > li:first-child{margin-left: 0;}
.nav-1st > li > a{position: relative;display: block;font-size: 0.66rem;line-height:20px ;padding:1.66rem 0 ; color: #fff;transition: 0.3s;z-index: 2;text-align: center;font-weight: bold;}
.nav-1st > li > a::after,.nav-1st > li > a::before{content: '';position: absolute;left: 50%;background: #fff;width: 1px;height: 0;transition: 0.4s;}
.nav-1st > li > a::after{bottom: 0;}
.nav-1st > li > a::before{top: 0;}
.nav-1st > li.on > a:after,.nav-1st > li.on > a::before,.nav-1st > li:hover > a:after,.nav-1st > li:hover > a::before{height: 0.66rem;}
.nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 100%;min-width: 120px;padding: 8px 0;background-color:#FFFFFF;box-shadow:0 5px 5px rgba(0,0,0,0.3); 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: #333;white-space: pre-wrap;font-weight: 500;font-size: 0.45rem;}
.nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #2E7CD3;transition: 0.3s;}
.nav-2nd > li > a:hover{background-color: #fff;color: #2E7CD3;}
.nav-2nd > li > a:hover:before{top: 0;height: 100%;}
header.headerFix .nav-1st > li > a{padding: 1rem 0;}
header.headerFix .topIco{margin-top: 1rem;}
header.headerFix h1 img{height: 55px;filter: inherit;}
header.headerFix .nav-1st > li > a{color: #333;}
header.headerFix .topIco > div > img{filter: brightness(0) invert(0.5);}
header.headerFix .nav-1st{border-right: 1px solid rgba(232,232,232,0.5);}
/* 头部 */
header{position: relative; padding: 0 6%;position: fixed;left: 0;top: 0;z-index: 7; width: 100%;box-sizing: border-box;background: rgba(0,0,0,0);border-bottom: 1px solid rgba(255,255,255,0.3);}
header.headerFix{background: #fff;border-bottom: 1px solid #fff;}
header h1 img{height: 70px;filter: brightness(0) invert(1);}
.topIco{margin-top: 1.7rem;}
.topIco > *{margin-left: 1.33rem;cursor: pointer;}
/*  footer  */
.dmui-select{z-index: 1;position: relative;width: 320px;}
.dmui-select:first-child{margin-left: 50px;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 50px;padding: 0 30px 0 20px; line-height: 50px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(255,255,255,0.5);font-size: 0.533rem;background: rgba(216,216,216,0.08);border-radius: 25px;}
.dmui-select .name:after{content: "";position: absolute;width: 10px;height: 10px;border-right: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);  transform: rotate(45deg);right: 0.66rem;top: 30%;}
.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: #00AA9E;color: #fff;}
/* 滚动条美化 */
.overscroll{overflow-y: auto;}
.overscroll::-webkit-scrollbar{width: 7px;    }
.overscroll::-webkit-scrollbar-track{        background-color: #fff;       border-radius:5px;}
.overscroll::-webkit-scrollbar-thumb{        background-color: #16A3EA;        border-radius: 5px;    }
/* 面包屑导航 */
/*内容从左至右剪裁显示动效*/
.showingLTR{animation: clipLTR 0.8s ease-in-out;-webkit-animation: clipLTR 0.8s ease-in-out;}
@keyframes clipLTR{
	0%{clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipLTR{
	0%{-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/*内容从右至左剪裁显示动效*/
.showingRTL{animation: clipRTL 0.8s ease-in-out;-webkit-animation: clipRTL 0.8s ease-in-out;}
@keyframes clipRTL{
	0%{clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipRTL{
	0%{-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/* 切换按钮 */

.marginTop40{margin-top: 1.33rem;}
.after::after,.before::before{position: absolute;content: '';transition: all 0.3s;}
/* 翻页 */
.page{}
.page .disflex{align-items: center;}

.page a,.page .btn{border: 1px solid #DDDDDD;line-height: 50px;width: 50px;text-align: center; margin-right: 0.5rem;color: #666666;}
.page .btn{width: 5rem;}
.page a.on{color: #fff;background: #16A3EA;border-color: #16A3EA;}
.color222{color: #222;}
.color333{color: #333;}
.color666{color: #666;}
.color999{color: #999;}
/* 查看更多 */
.moreAll{ border: 1px solid #16A3EA;width: 140px;height: 45px;line-height: 45px;text-align: center;display: block;border-radius: 35px;overflow: hidden;margin: auto;}
.moreAll span{background: url(../images/more.svg) right center no-repeat ;padding-right: 26px;color: #16A3EA;position: relative;z-index: 2;}
.moreAll::after{left: -100px;top: -100px;width: 300px;height: 300px;background: #16A3EA;border-radius: 50%;transform: scale(0);transition: 0.6s;}
.moreAll:hover::after{transform: scale(1);}
.moreAll:hover span{filter: brightness(0) invert(1);color: #fff;}

.blues{color: #1264C0;}
/* footer */
footer{background: url(../images/footbg.jpg) center no-repeat;background-size: cover;}
.foot_top{border-bottom: 1px solid rgba(216,216,216,0.09);padding: 1.86rem 0 1.26rem;}
.foot_top .phone{background: url(../images/footphone.svg) left center no-repeat;padding-left: 2rem;}
.foot_top .phone  .num a{color: #51C2FA;}
.foot_top .phone .title{color: #16A3EA;}
.foot_bottom{padding: 1.3rem 0 2rem;border-bottom: 1px solid rgba(216,216,216,0.09);}
.footNav a,.footEwm{color: #fff;}
.footNav h6{margin-bottom: 0.8rem;}
.footNav p a{opacity: 0.6;display: block;line-height: 2.28;}
.footNav p a:hover{opacity: 1;}
.footNav li{margin-left: 1.3rem;}
.footNav li:first-child{margin-left: 0;}
.footEwm li:first-child{position: relative;padding-right: 1.3rem;margin-right: 1.3rem;}
.footEwm li:first-child::after{content: '';position: absolute;right: 0;top: 0;width: 1px; height: 132px; background:rgba(255,255,255,0.13);}

/* 右侧悬浮 */
.fixRight{position: fixed !important;right: -200px;bottom:1rem;z-index: 3;}
.fixRightFix{right: 0;}
.fixRight::before{background: url(../images/wawa.svg) center no-repeat;width: 79px;height: 81px;left: 50%;margin-left: -40px;top: -81px;}
.fixRight ul{border-radius: 10px;box-shadow: 0 0 15px rgba(8,41,107,0.12);width: 110px;}
.fixRight ul li{height: 100px;border-top: 1px solid #EDEDED;padding-top: 0.7rem;box-sizing: border-box;cursor: pointer;}
.fixRight ul li:first-child{border-top: none;}
.fixRight ul li .ico{color: #666;}
.fixRight ul li .ico img{filter: brightness(0) invert(0.7);}
.fixRight ul li:hover .ico img{ filter: inherit;}
.fixRight ul li:hover .ico{color: #0472D7;}
/* 内页header */
.nBody{padding-top: 4rem;}
.nBody header{background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nBody header h1 img{filter: none;}
.nBody .nav-1st{border-right: 1px  solid rgba(232,232,232,0.5);}
.nBody .nav-1st > li > a{color: #333;}
.nBody .topIco  > div > img{filter: brightness(0) invert(0.5);}
.nBody .nav-1st > li > a::after, .nBody .nav-1st > li > a::before{background: #2E7CD3;}
.nBody .nav-1st > li.on > a,.nBody .nav-1st > li:hover > a{color: #2E7CD3;}
/* 内页banner */
.nbanner{padding-bottom: 450px;position: relative;}
.n_nav{position: absolute;bottom: -40px;left: 0;width: 100%;}
.n_nav .w90{background: #fff; margin-top: -1.67rem;}
.n_nav .title{background: url(../images/locationbg.png);width: 283px;height: 120px;padding-left: 1rem;box-sizing: border-box;padding-top: 1.16rem;margin-top: -1rem;}
.n_nav .title .en{text-transform: uppercase;opacity: 0.34;}
.n_nav ul li{margin-left: 1.16rem;position: relative;}
.n_nav ul li a{line-height: 3rem;color: #333;}
.n_nav ul li.on  a,.n_nav ul li:hover a{color: #2E7CD3;font-weight: bold;}
.n_nav ul li::after{width: 40px;height: 4px;background: #2E7CD3;left: 50%;margin-left: -20px;bottom:0;transform: scaleX(0);}
.n_nav ul li.on::after,.n_nav ul li:hover::after{transform: scaleX(1);}
.after,.before{position: relative;}
.n_nav .loca{margin-right: 1rem;color: #666;background: url(../images/home1.svg) left center no-repeat;padding-left: 0.7rem;}
.n_nav .loca a{color: #666;}
.paddingTop40{padding-top: 1.3rem;}

@media screen and (max-width:1700px){
	.nav-1st > li{margin-right: 1rem;}
	header{padding: 0 3%;}
	.topIco > *{margin-left: 0.5rem;}
	
}
@media screen and (max-width:1440px){
	header h1 img{height: 60px;}
	.nav-1st > li{margin-right: 0.5rem;}
	
	
}
@media screen and (max-width:1280px){
	 html {font-size: 160% !important;}
	header h1 img,header.headerFix h1 img{height: 40px;}
	.footNav li{margin-left: 0.5rem;}
}
@media screen and (max-width:1080px){
	.topIco{margin-top: 1rem;}
}
 
@media screen and (max-width:991px){
	 html {font-size: 140% !important;   }
	.nav-1st{display: none;}
	.menuLine{display: block;}
	 .fz32{font-size: 0.9rem;}
	 .fz24{font-size: 0.8rem;}
	.dmui-select{width: 30%;}
	.dmui-select .name{line-height: 35px;height: 35px;}
	.topIco{margin-top: 0;padding-right: 40px;}
	header{padding: 0.5rem 3%;}
	.footNav{display: none;}
	.footlogo img{height: 50px;}
	header.headerFix .topIco,.topIco{margin-top: 0;}
	.nBody .menuLine span{background: #2E7CD3;}
	.page a{display: none;}
	.page .btn,.page .on{display: inline-block;line-height: 40px;}
	
}
@media screen and (max-width:765px){
	html { font-size: 150% !important;  }
	.padding80,.padding60{padding: 1rem 0;}
	.padding50,.padding40{padding: 0.7rem 0;}
	.disflex,.flexCenter,.flexbetween{flex-wrap: wrap;}
	.fz36{font-size: 0.9rem;}
	.fz30,{font-size: 0.75rem;}
	.fz28{font-size: 0.7rem;}
	.fz50{font-size: 1rem;}
	.fz32{font-size: 0.76rem;}
	.fz44{font-size: 0.9rem;}
	.fz40{font-size: 0.8rem;}
	.fz45{font-size: 0.9rem;}
	.margin80{margin: 1rem 0;}
	.padding30{padding: 0.5rem 0;}
	.fz68{font-size: 1.26rem;}
	.menuLine{right: 20px;}
	.popup-wx-wrap .footEwm li:first-child{margin-right: 0;padding-right: 0;}
	.popup-wx-wrap .footEwm li:first-child::after{display: none;}
	.nbanner{padding-bottom: 65%;}
	
}
@media screen and (max-width:650px){
	.foot_top .phone{background-size: 30px;margin: auto;}
	.footlogo{display: block;margin: 0 auto 1rem;}
	.footEwm{width: 100%;display: flex;justify-content: center;}
	.copyright .text{width: 100%;text-align: center;}
	.dmui-select{margin: 1rem auto 0;width: 200px;}
	.foot_top{padding-top: 1rem;}
	.foot_bottom{padding-bottom: 1rem;}
	.fixRight ul{width: 80px;}
	.fixRight ul li {height: 80px;}
	.fixRight ul li .ico img{height: 20px;}
	
}