@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.3s ease 0s; transition:all 0.3s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
/*动画*/
.ani400{-webkit-transition:all 0.4s ease 0.1s; transition:all 0.4s ease 0.1s;}
.ani300{-webkit-transition:all 0.3s ease 0.1s; transition:all 0.3s 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";}
/*文字截断*/
.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;  }
/* 手机导航按钮 */
.menuLine{display: none;width: 20px;height: 20px;}
.menuLine span{display: block;width: 100%;height: 2px;background: #7394ff;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;}
.padding70{padding: 2.33rem 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布局 */
.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;}
.fz15{font-size: 0.5rem;}
.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;}
.fz42{font-size: 1.4rem;}
.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 ;}
.paddingtop30{padding-top: 1rem;}
/* 反白和加粗 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.textAll{line-height: 1.6;color: #f3f3f3;}
.textCenter{text-align: center;}
.white{color: #fff;}
.poRe{position: relative;}
.zindex2{z-index: 2;}
.w90{margin: auto;max-width: 1400px;width: 94%;}
.minheight300{min-height: 300px;}
.whiteBg{background: #fff;}
/* 头部 */
header{padding:0.5rem 0;}
header h1 img,.footTop h2 img{max-width: 640px;}
header .search{width: 10rem;background: #F1F7FF;border-radius: 25px;overflow: hidden;}
header .search .text-input{background: none;padding-left: 24px;box-sizing: border-box;width: calc(100% - 60px);height: 40px;line-height: 40px;}
header .search .sub-btn{background: url(../images/serico1.svg) center no-repeat;line-height: 40px;height: 40px;width: 60px;text-transform: uppercase;}
.pcnav{background: #004EAD;}
.nav-1st{white-space: nowrap;z-index: 2;margin-top: 0.5rem;}
.nav-1st > li{position: relative;vertical-align: top;text-align: center;flex: 1;}
.nav-1st > li > a{position: relative;display: block;font-size: 0.66rem;line-height:48px ;font-weight: bold; color: #fff;transition: 0.3s;z-index: 2;text-align: center;}
.nav-1st > li > a::after{width: 22px;height: 3px;background: #FF9A00;content: '';position: absolute;left: 50%;margin-left: -11px;bottom: 0;transform: scaleX(0);}
.nav-1st > li.on > a:after,.nav-1st > li:hover > a:after{transform: scaleX(1);}
.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: #FF9A00;transition: 0.3s;}
.nav-2nd > li > a:hover{background-color: #fff;color: #FF9A00;}
.nav-2nd > li > a:hover:before{top: 0;height: 100%;}
/* 滚动条美化 */
.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;    }
/* 面包屑导航 */
.marginTop40{margin-top: 1.33rem;}
.marginTop20{margin-top: 0.66rem;}
.marginTop30{margin-top: 1rem;}
.after::after,.before::before{position: absolute;content: '';}
/* 翻页 */
.page a,.page .btn{border: 1px solid #DDDDDD;line-height: 50px;width: 50px;text-align: center; margin-right: 0.5rem;color: #666666;}
.page a.on,.page a:hover{color: #fff;background: #1057AE;border-color: #1057AE;}
.page .btn{width: 150px;}
.color222{color: #222;}
.color333{color: #333;}
.color666{color: #666;}
.color999{color: #999;}
/* footer */
footer{background-image: url(../images/footerbg.jpg);}
.footTop,.footbottom{border-bottom: 1px solid rgba(255,255,255,0.2);}

.footTop .w90{padding-top: 0.66rem;padding-bottom: 0.66rem;}
.footTop .w90 .title{line-height: 40px;}
.dmui-select{z-index: 1;position: relative;width: 10.6rem;margin-left: 0.5rem;}
.dmui-select:first-child{margin-left: 50px;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 40px;padding: 0 30px 0 20px; line-height: 40px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.533rem;background: #fff;border-radius: 20px;}
.dmui-select .name:after{content: "";position: absolute;width: 10px;height: 10px;border-right: 1px solid rgba(151,151,151,0.8);border-bottom: 1px solid rgba(151,151,151,0.8);  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;border-radius: 8px;}
.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: #004EAD;color: #fff;}
.footbottom{padding: 1rem 0 2rem;}
.footbottom .textAll{max-width: 390px;margin-top: 0.8rem;line-height: 2.2;opacity: 0.8;}
.footbottom .textAll i{display: inline-block;width: calc(100% - 56px);}
.copyright{opacity: 0.8;line-height: 24px;padding: 0.5rem 0;}
/* 标题 */
.flexwrap{flex-wrap: wrap;}
.flexend{align-items: flex-end;a}
.alignInherit{align-items: inherit;}
.idxtitle {padding-left:0.9rem ;border-left: 3px solid #004EAD;box-sizing: border-box;}
.idxtitle .en{text-transform: uppercase;opacity: 0.2;font-weight: 300;}
.idxtitle .more{padding-right: 30px;}
.idxtitle .more::after{background: url(../images/titmore.svg) center no-repeat;width: 9px;height: 20px;background-size: 100%;right: 0;top: 50%;margin-top: -10px;filter: brightness(0) invert(0.3);transition: 0.3s;}
.idxtitle .more:hover::after{filter: inherit;}
.idxtitle .more:hover{color: #004EAD;padding-right: 20px;}
.juidxtitle{border-left-color: #FF9A00;}
.juidxtitle .cn{line-height: 1;}
.nbanner{padding-bottom: 300px;}
.bgblue{background: #F5F8FC;}
.leftNav h5{background: url(../images/leftnavbg.jpg);padding-left: 1.3rem;line-height: 3rem;}
.leftNav{width: 325px;}
.leftNav ul li{border-bottom: 1px solid #D7D7D7;padding-left: 1.3rem;padding-right: 1.3rem;}
.leftNav ul li a{line-height: 2.33rem;}
.leftNav ul li a::after{background: url(../images/leftmore.svg) no-repeat center;width: 15px;height: 13px;background-size: 100%;right: 0;top: 50%;transform: translateY(-50%);filter: brightness(0) invert(0.8);transition: 0.3s;}
.leftNav ul li a span{position: relative;}
.leftNav ul li a span::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 15px;background: #004EAD;opacity: 0;transition: 0.3s;}
.leftNav ul li.active a span,.leftNav ul li:hover a span{color: #1057AE;padding-left: 0.5rem;}
.leftNav ul li.active a::after,.leftNav ul li:hover a::after{filter: inherit;}
.leftNav ul li.active a span::before,.leftNav ul li:hover a span::before{opacity: 1;}

.nyWrap{width: calc(100% - 325px - 1rem);padding: 0.66rem 1.33rem;box-sizing: border-box;}
.location{border-bottom: 1px solid #E5E5E5;}
.location h6{color: #1264C0;line-height: 2rem;}
.location h6::after{bottom: 0;left: 0;background: #FF9A00;height: 4px;width: 100%;}
.location div{background: url(../images/home.svg) left center no-repeat;padding-left: 20px;}

@media screen and (max-width:1440px){	
	}
@media screen and (max-width:1280px){
	 html {font-size: 160% !important;}
	.leftNav{width: 225px;}
	.nyWrap{width: calc(100% - 225px - 1rem);}
}
@media screen and (max-width:991px){
	 html {font-size: 140% !important;   }
	header h1 img{max-width: 440px;}
	 .fz32{font-size: 0.9rem;}
	 .fz24{font-size: 0.8rem;}
	.footTop h2 img{max-width: 350px;}
}
@media screen and (max-width:760px){
	html { font-size: 150% !important;  }
	.padding80,.padding60,.padding70{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;}
	.fz45{font-size: 0.9rem;}
	.margin80{margin: 1rem 0;}
	.padding30{padding: 0.5rem 0;}
	.fz68{font-size: 1.26rem;}
	.menuLine{display: block;right: 20px;}
	.nav-1st{display: none;}
	header{padding-top: 0.66rem;}
	header .search,.leftNav,.page a{display: none;}
	.footTop .w90{justify-content: center;}
	.footTop .w90 h2,.nyWrap{width: 100%;}
	.footTop .w90 h2 a img{margin: 0 auto 10px;}
	.footbottom,.copyright{text-align: center;}
	.footbottom .textAll{max-width: 100%;}
	.footbottom .textAll p{justify-content: center;}
	.footbottom .textAll i{width: auto;}
	.footbottom{padding: 1rem 0;}
	.nyWrap{padding-left: 0.8rem;padding-right: 0.8rem;}
	.page a.btn,.page a.on{display: inline-block;line-height: 40px;width: 40px;}
	.page a.btn{width: 80px;}
	.nbanner{padding-bottom: 35%;}
}
@media screen and (max-width:650px){
	header h1 img{max-width: 260px;}
	.marginTop40{margin-top: 0.8rem;}
}