@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.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: #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.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.3s;}
/*动画*/
.ani400{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.ani300{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.blue{color: #0B4DA2;}
/*文字截断*/
.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;}
.color000{color: #000;}
.color333{color: #333;}
/* 头部 */
header{position: fixed;top: 0;width: 100%;left: 0;padding:1rem 3%;box-sizing: border-box;z-index: 5;transition: 0.7s cubic-bezier(0.5,0,0.2,1) 0s;background: rgba(255,255,255,0);}
header h1 img{width: 300px;height: 47px;filter: brightness(0) invert(1);}

header .headNav a{color: #fff;margin-right: 1.2rem;position: relative;font-weight: bold;}
header .headNav li > a{line-height:47px;}
header .headNav a:after{content: '';position: absolute;width: 32px;margin-left: -16px;left: 50%;bottom: -8px;background: #fff;height: 2px;transform: scaleX(0);transition: 0.3s ease-in-out;}
header .headNav a:hover::after{transform: scaleX(1);}
header.headerFix,.boxfixed header{background: #fff;padding: 0.5rem 5%;}
header.headerFix .language a,.boxfixed header .language a{filter: brightness(0) invert(0.5);}
header.headerFix .headNav a,.boxfixed header .headNav a{color: #333;}
header.headerFix .menuLine span,header.headerFix .pcMenuIco span,.boxfixed header .menuLine span,.boxfixed header .pcMenuIco span{background: #333;}
header.headerFix h1 img,.boxfixed header h1 img{filter: none;}
header.headerFix .serIco img,.boxfixed header .serIco img{filter: none;}
.serIco img{filter: brightness(0) invert(1);display: block;margin-top: 3px;cursor: pointer;}
/*搜索弹窗*/
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.popup-search-wrap .text-input{width: 100%;height: 52px;padding: 0 50px 0 20px;border: 1px solid #eee;box-sizing: border-box;font-size: 0.5rem;border-radius: 30px;padding-left:70px;box-sizing:border-box}
.popup-search-wrap select{width:60px;text-align:center;font-size:14px;line-height:50px;height:50px;border:none;background:#fff;position:absolute;top:1px;left:1px;border-top-left-radius:30px;border-bottom-left-radius:30px;}
.popup-search-wrap .sub-btn{border: none; position: absolute;right: 0;top: 0;width: 52px;height: 52px;background:url(../images/searico.svg) center no-repeat;background-size: 20px 20px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.language{margin-left: 1.3rem;}
.language a{color: #fff;background: url(../images/lang.svg) left center no-repeat;padding-left: 30px;position: relative;display: block;line-height: 22px;}
/* 手机导航按钮 */
.menuLine,.pcMenuIco{display: none;width: 28px;height: 20px;z-index: 2;margin-left: 1.3rem;cursor: pointer;}
.menuLine span,.pcMenuIco span{display: block;width: 100%;height: 3px;background: #fff;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menuLine span:nth-child(2),.pcMenuIco span:nth-child(2){margin: 5px 0;animation-delay: 0.5s;}
.menuLine span:nth-child(3),.pcMenuIco span:nth-child(2){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
.pcMenuIco{display: block;}
.pcNavContainer{position: fixed;left: 0;top: 0;z-index: 6;width: 100%;padding: 0 3% 2rem; box-sizing: border-box;background:rgba(243,250,255,0.9);backdrop-filter: blur(8px);display: none;}
.pcNavContainer::after{width: 100%;height: 4px;background-image:-webkit-linear-gradient(-45deg,#0273C0,#4BAEF1); background-image:-moz-linear-gradient(-45deg,#0273C0,#4BAEF1);bottom: 0;left: 0;}
.pcNavContainer .pcTop{justify-content: flex-end;}
.pcTop .search{border: 1px solid #B6B6B6;background: rgba(255,255,255,0.9);border-radius: 26px;overflow: hidden;}
.pcTop .search input[type=text]{color: #919191;line-height: 52px;text-indent: 0.7rem;float: left;width: 11rem;}
.pcTop .search input[type=submit]{float: right;width: 66px;background: url(../images/searico.svg) center no-repeat;cursor: pointer;height: 52px;}
.pcTop .language{filter: brightness(0) invert(0.3);margin: 0 1.4rem;}
.pcTop .language a{line-height: 54px;}
.pcTop .close{margin-top: 15px;cursor: pointer;}
.pcTop .close:hover img{transform: rotate(180deg);}
.pcTwo .logo{margin-right: 5%;}
.pcTwo{justify-content: space-between;padding-top: 0.7rem;}
.pcTwo ul:nth-child(3){width: 326px;}
.pcTwo ul:nth-child(3) li{float: left;}
.pcTwo ul:nth-child(3) li:nth-child(even){width: 60%;}
.pcTwo ul:nth-child(3) li:first-child{width: 100%;}
.pcTwo ul li h5{border-bottom: 1px solid rgba(38,145,118,0.2);padding-bottom:0.733rem ;margin-bottom: 0.5rem;}
.pcTwo ul li > a{font-size: 0.533rem;color: #323232;line-height: 2.5;}
.blue,.pcTwo ul li a:hover{color: #0072BF;}
.pcThree ul{justify-content: flex-end;padding-top: 2.3rem;}
.pcThree ul img{margin: 1.33rem auto 0.66rem;}
.pcThree ul li{margin-left: 1.4rem;}
.pcThree ul li a{width: 142px;height: 142px;border: 1px solid #CDCDCD;background-color: rgba(247,247,247,0.44);position: relative;}
.pcThree ul li a::after{content: '';position: absolute;background-image:-webkit-linear-gradient(-45deg,#0273C0,#4BAEF1); background-image:-moz-linear-gradient(-45deg,#0273C0,#4BAEF1);transition: 0.3s ease-in-out;opacity: 0;width: 100%;height: 100%;left: 0;top: 0;}
.pcThree ul li a:hover::after{opacity: 1;}
.pcThree ul li a:hover{border-color: rgba(255,255,255,0);}
.pcThree ul li a:hover *{filter: brightness(0) invert(1);}
.pcThree ul li a *{position: relative;z-index: 2;}
/* 切换按钮 */
.qhbtn::after{background: #0072BF;width: 100%;height: 100%;transform: scale(0);border-radius: 50%;left: 0;top: 0;content: '';z-index: -1;position: absolute;transition: 0.4s;}
.qhbtn {position: absolute;top: 50%;transform: translateY(-50%);width: 63px;height: 63px;border: 1px solid #FFFFFF;background-position: center;background-repeat:no-repeat;z-index: 2;border-radius: 50%;background-color: rgba(255,255,255,0);cursor: pointer;}
.qhbtn::before{position: absolute;width: 10px;height: 15px;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.qhbtn.prev{left: 5%;}
.qhbtn.next{right: 5%;}
.qhbtn.prev::before{background-image: url(../images/prev.svg) ;}
.qhbtn.next::before{background-image: url(../images/next.svg) ;}
.qhbtn:hover{border-color: #0072BF;}
.qhbtn:hover::after{transform: scale(1);}
.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;}
.paddbottom0{padding-bottom: 0;}
/* 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;}
.fz68{font-size:2.26rem ;}
.fz100{font-size: 3.33rem;}
/* 反白和加粗 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.textAll{line-height: 2;color: #666;}
.textCenter{text-align: center;}
.white{color: #fff;}
.poRe{position: relative;}
.zindex2{z-index: 2;}
.w90{padding: 0 8%;margin: auto;}
.minheight300{min-height: 300px;}
.whiteBg{background: #fff;}

/*  footer  */
.dmui-select{z-index: 1;position: relative;width: 290px;}
.dmui-select:first-child{margin-left: 50px;}
.dmui-select .name{position: relative;box-sizing: border-box;height: 50px;padding: 0 50px 0 20px;border: 1px solid rgba(255,255,255,0.54); line-height: 50px;cursor: pointer;user-select: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;font-size: 0.533rem;background: rgba(255,255,255,0.18);}
.dmui-select .name:after{content: "";position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff; right:17px;top: 42%;}
.dmui-select .name::before{width: 50px;height: 50px;background: rgba(255,255,255,0.5);position: absolute;right: 0;top: 0;content: '';}
.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: #f5f5f5;       border-radius:5px;}
.overscroll::-webkit-scrollbar-thumb{        background-color: #ddd;        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%);}
}
/*内容从上至下剪裁显示动效*/
.showingTTB{animation: clipTTB 1.5s ease-in-out;-webkit-animation: clipTTB 1.5s ease-in-out;}
@keyframes clipTTB{
	0%{clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
@-webkit-keyframes clipTTB{
	0%{-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
/* 切换按钮 */

.marginTop40{margin-top: 1.33rem;}
.marginTop60{margin-top:2rem;}
.marginBottom70{margin-bottom:2.33rem ;}
/* 翻页 */
.page{}
.page .disflex{align-items: center;}
.page input[type=text]{border: 1px solid rgba(0,0,0,0.15);width: 67px;height: 45px;line-height: 45px;text-align: center;margin: 0 .33rem; box-sizing: border-box;font-size: 0.5rem;}
.page a,.page .btn{border: 1px solid rgba(0,0,0,0.15);background: #fff; width: 45px;line-height: 45px;height: 45px; box-sizing: border-box; margin-right: 0.5rem;color: #666666;position: relative;}
.page span{color: #494949;opacity: 0.65;}
.page a.on,.page a:hover{color: #fff;background: #0072BF;border-color: #0072BF;}
.page .btn img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: brightness(0) invert(0.7);width: 10px;}
.color1d{color: #1d1d1d;}
.color86{color: #B6B6B6;}
.color222{color: #222;}
.color666{color: #666;}
.color999{color: #999;}
/* 首页标题 */
/* 查看更多 */

/* footer */
footer{background: url(../images/footbg.jpg) center no-repeat;background-size: cover;}
footer h2 img{height: 58px;}
.copyright{background: #0B192E;padding: 1rem 0;line-height: 20px;}
.copyright *{color: #fff;wh}
.copyright i{color: #5E6A7B;}
.copyright i:first-child{display: none !important;}


/* 下拉 */
.headNav li{float: left;position: relative;}
.nav-2nd{background: #F3FAFF url(../images/logoDown.svg) right bottom no-repeat;padding: 1.66rem;position: absolute;left: 0;top: 100%;width: 820px;box-sizing: border-box;display: none;}
.nav-2nd::after{width: 100%;background: linear-gradient(to right,#0273C0,#4BAEF1);height: 4px;position: absolute;left: 0;bottom: 0;content: '';}
.nav-2nd dt a{width: 100%; padding-bottom: 240px;}
.nav-2nd dt{width:378px ;float: left;}
.nav-2nd dd{width: 300px;float: right;}
.nav-2nd dd a{color: #323232;display: inline-block;margin: 0;margin-left: 1.33rem;line-height: 27px;margin-bottom: 0.66rem;}
.nav-2nd dd a:hover{color: #0273C0;}
/*header .headNav li > a{line-height: 47px;}*/
.headNav li:nth-child(1) .nav-2nd{left: -350px;}
.headNav li:nth-child(2) .nav-2nd{left: -350px;}
.headNav li:nth-child(3) .nav-2nd{left: -550px;}
.headNav li:nth-child(4) .nav-2nd{left: -650px;}
.headNav li:nth-child(5) .nav-2nd{left: -750px;}
.headNav li:nth-child(6) .nav-2nd{left: -750px;}
.serIco,.language,.pcMenuIco{position: relative;    top: 50%;    transform: translateY(50%)}


@media screen and (max-width:1440px){
	.pcThree ul li a{width: 100px;height: 100px;}
	.pcThree ul img{margin-top: 0.88rem;}
	.copyright *{font-size:0.46rem ;}
	header .headNav a{margin-right: 0.5rem;}
	.language,.pcMenuIco{margin-left:0.5rem;}
}
@media screen and (max-width:1280px){
	 html {font-size: 160% !important;}
	.pcNavContainer > .w90{padding: 0;}
	.pcThree ul li{margin-left: 0.88rem;}
	.pcTwo .logo img{width: 150px;}
	header .headNav a{margin-right: 0.5rem;}
	.menuLine, .pcMenuIco,.language{margin-left: 0.5rem;}
	.qhbtn{width: 30px;height: 30px;}
	footer h2 img{height: auto;}
	.w90{padding: 0 5%;}
	
}
@media screen and (max-width:991px){
	 html {font-size: 140% !important;   }
	.pcTwo .logo{display: none;}
	.page a{display: none;}
	.page a.btn,.page a.on{display: inline-block;}
	.headNav{display: none;}
}
@media screen and (max-width:760px){
	
	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;}
	.fz45{font-size: 0.9rem;}
	.margin80{margin: 1rem 0;}
	.padding30{padding: 0.5rem 0;}
	.fz68{font-size: 1.26rem;}
	.page a, .page .btn,.page input[type=text]{width: 30px;height: 30px;line-height: 30px;}
	.pcThree ul li{margin-left: 0;}
	.pcThree ul{justify-content: space-between;}
	.pcThree ul li a{width: 80px;height: 80px;}
	.pcThree ul img{width: 18px;margin-top: 0.7rem;}
	.pcTwo ul:nth-child(3){width: 230px;}
	.headNav{display: none;}
	footer .w90 div{padding: 10px 0;}
	.dmui-select{margin: auto;}
	.copyright i{display: none;}
	.copyright .w90{justify-content: center;}
	footer h2 img{height: 35px;}
	footer h2,footer .w90 div{margin: auto;}
	footer .w90 div img{height: 20px;}
	.page .btn img{width: 7px;}
	.serIco,.language,.pcMenuIco{ top: 0;    transform: translateY(0)}
}
@media screen and (max-width:650px){
	.pcMenuIco{display: none;}
	.menuLine{display: block;}
	header h1 img{height: 30px;width: auto;}
}