@charset "utf-8";
@import url('animate.css');
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;z-index: 999;}
html{font-size: 100px; }
@font-face{font-family:'georgia';font-style:normal;font-weight:normal;src:url(../fonts/georgia.woff) format("woff")}
@font-face{font-family:'georgia';font-style:normal;font-weight:bold;src:url(../fonts/georgiab.woff) format("woff")}
.sptime{font-family:'georgia';}
@font-face{font-family:'din';font-style:normal;font-weight:normal;src:url(../fonts/DIN-Medium.woff) format("woff")}
@font-face{font-family:'din';font-style:normal;font-weight:bold;src:url(../fonts/DIN-Bold.woff) format("woff")}
.spnum{font-family:'din';}
*{box-sizing:border-box;margin:0;padding:0;  }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;position: relative;overflow-x:hidden;font-size: .937vw;
  font-family:"Microsoft YaHei","Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color: #126897}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;border: none; border-top: 2px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*,:after,:before{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
	height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
	border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}

::-webkit-input-placeholder{color:#999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
:-ms-input-placeholder {color:#999 }  
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;/* margin:0 auto; */}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}

.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.wp{width:95%;margin:0 auto;}
.wp1{width:95%;margin:0 auto;max-width:1220px}
.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co{color:#bd2323}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none}
.m-show{display:block}
}

.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_w:hover .titline_w{background-size:100% 1px}
.titline_w:hover{background-size:100% 1px}

.titline_y{position:relative;background-image:linear-gradient(#eb8e08,#eb8e08);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_y:hover .titline_y{background-size:100% 1px}
.titline_y:hover{background-size:100% 1px}
@keyframes go5{
  0%{transform: translateX(0);}
  50%{transform: translateX(-5px);}
  100%{transform: translateX(0);}
}
.zi6{position: relative;z-index: 6}
.zi5{position: relative;z-index: 5}
.zi4{position: relative;z-index: 4}
.zi3{position: relative;z-index: 3}
.zi2{position: relative;z-index: 2}
.zi1{position: relative;z-index: 1}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}

@keyframes go{
  0%{transform: translateX(0);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
@keyframes roted1{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}
@keyframes roteda{
  0%{transform: rotate(0deg);}
  50%{transform: rotate(10deg);}
  100%{transform: rotate(0deg);}
}
.overhide{overflow: hidden}
.menu-btn{z-index:999;overflow:hidden;margin-left:35px;margin-top: -10px;width:30px;height:30px;background:0 0;text-indent:-5260px;opacity:1;position: relative;z-index: 999;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;right: 0;
  width:26px;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.menu-btn.on .line-1,.menu-btn.on .line-2,.menu-btn.on .line-3{background:#fff;}
.menu-btn .line-1{margin-top:-9px;}
.menu-btn .line-3{margin-top:9px;}
/* .menu-btn.on {transform: rotate(-90deg);} */
.menu-btn.on .line-1{display: none}
.menu-btn.on .line-2{background:#fff;width: 25px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu-btn.on .line-3{margin-top: 0;background:#fff;width: 25px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.header2,.mobNav{position: fixed;top:0;left: 0;right: 0;bottom: 0;background: url(../images/nav_bg2.jpg) center no-repeat;;z-index: 98;padding: 120px 8% 30px;display: none}
.header2 ul,.mobNav ul{max-height: 70vh;overflow: auto;}
.header2 ul::-webkit-scrollbar,.mobNav ul::-webkit-scrollbar {display: none; }
.header2 ul li,.mobNav ul li{padding: 15px 0;border-bottom: 1px solid #ddd;}
.header2 ul li .navp a,.mobNav ul li .navp a{font-size: 1.145vw;font-weight: 700;color: #fff;font-weight: bold;background-size: auto 100%}
.header2 ul li .navp i,.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px;height: 16px;background: url(../images/more.png) no-repeat center;background-size: 16px 16px}
.header2 ul li.on .navp i,.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.header2 ul li .subNavm,.mobNav ul li .subNavm{margin-top: 10px;padding-left: 10px;display: none}
.header2 ul li .subNavm,.mobNav ul li .subNavm a{display: block;line-height: 30px;font-size:14px}
.headerm{display: none;position: fixed;left: 0;right: 0;top:0;z-index: 99;background: #063f96;height: 60px;padding-right: 4%;padding-left: 4%}
.headerm .logo img{height: 30px}
.headerm2,.mobNav{position: fixed;top:0;left: 0;right: 0;bottom: 0;background: url(../images/nav_bg2.jpg) center no-repeat;;z-index: 98;padding-top: 53px;padding: 100px 8% 30px;display: none}

.header2 ul{display: flex;justify-content: space-around;}
.header2 li{width:100px;}
.header2 .subNavm a{display: block;font-size: .885vw;line-height: 1.875vw;}
.header2 ul li{border-bottom:0}
.header2 ul li .subNavm{padding-left: 0;}
.subNavm a{color:#fff}

.hide{display: none;}
.scrolling .header:before{top:-1px;}
.header{position: fixed;top:0; left: 0;right: 0;z-index: 100;padding-top: .2rem;}
.header:before{content: "";display: block;position: absolute;left: 0;top:-0.75rem;right: 0;height: 0.75rem;
	transition: .3s;border-bottom: 1px solid #fff;}
.header.fixed {background: #063f96 ;}
.header .wp{position: relative;z-index: 3}
.header .hd-nav  li{line-height: .36rem;font-size: .22rem;margin:0 .2rem;position: relative;display: flex;flex-direction: column;
    justify-content: center;height: 40px;cursor: pointer;}
.header .hd-nav  li:before{position:absolute;bottom:-.08rem;left:50%;width:0;height:.02rem;background:#fff;content:"";transition:width .5s;opacity: 0;z-index: 1;}
.header .hd-nav  li:after{position:absolute;bottom:-.08rem;right:50%;width:0;height:.02rem;background:#fff;content:"";transition:width .5s;opacity: 0}
.header .hd-nav  li:hover:before{width:50%;opacity: 1;background-color:#0f4aac}
.header .hd-nav  li:hover:after{width:50%;opacity: 1;background-color:#0f4aac}
.header .hd-nav  li.on:before{width:50%;opacity: 1;background-color:#0f4aac}
.header .hd-nav  li.on:after{width:50%;opacity: 1;background-color:#0f4aac}
.header .hd-nav a{color: #fff;font-size:1.041vw;font-weight: 700;display: block;line-height: .36rem;position: relative;}
.header .hd-nav li:hover .sub {display: block;}

.slide-banner a{display: block;position: relative;}
.slide-banner .swiper-pagination{bottom: 1rem}
.slide-banner .swiper-pagination-bullet{width: .4rem;opacity: 1;border-radius: var(--swiper-pagination-bullet-border-radius, 20%);background: var(--swiper-pagination-bullet-inactive-color, #fff);}
.slide-banner .swiper-pagination-bullet-active{background:#0f4aac;width: .4rem;}

.footer{width:100%;background: url(../images/bgd.jpg)  no-repeat center;background-size: 100% 100%;}
.footer .link,.footer .contact{clear:both;border-bottom: 1px solid #fff;color:#fff;padding:0.25rem;text-align: center;}
.footer .link a{color:#fff}
.footer .link a:hover{font-weight:bold}
.footer .link .item{margin-right:0.2rem;}
.footer .contact{padding:0.6rem;border:0;line-height: 0.4rem;}
.footer .contact span{margin-left: 0.3rem;}


/*print*/
@media print{}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { *::-ms-backdrop, } 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }

/*二级导航*/
.navsol .subNav .item:nth-child(1) i{background: #087ad6}
.navsol .subNav .item:nth-child(2) i{background: #ff8134}
.navsol .subNav .item:nth-child(3) i{background: #5652ec}
.navsol .subNav .item:nth-child(4) i{background: #ee3e26}
.navsol .subNav .item:nth-child(5) i{background: #2d29c1}
.navsol .subNav .item{padding: .1rem 0;border-bottom: 1px solid #bac1c8;width:100%;}
.navabo .subNav .item{padding: .1rem 0;border-bottom: 1px dashed #bac1c8}
.navabo .subNav .item:nth-child(1) i{background: #087ad6}
.navabo .subNav .item:nth-child(2) i{background: #ff8134}
.navabo .subNav .item:nth-child(3) i{background: #11c99a}
.navabo .subNav .item:nth-child(4) i{background: #5652ec}
.subNavp{position: absolute;z-index: 10;padding-top: 0.08rem ;display: none;width: 1.6rem;top:100%;left: 50%;transform: translateX(-50%); }
.subNavp .item a{color: #444;display: flex}
.subNavp .item:last-child{border-bottom: 0}
.subNavp .item a i{display: block;width: .28rem;height: .28rem;border-radius: 50%;text-align: center;line-height: .28rem;color: #fff;margin-right: .1rem;font-size: .16rem}
.subNavp .item a span{display: block;font-size: .833vw;margin: 0 auto;line-height: .28rem;}
.subNavp .item:hover{background-color: #ededed;}
.subNavp .item a:hover{color: #087ad6;}
.subNav{position: relative;width: 100%;min-height: 1rem;background: rgba(255,255,255,.95);justify-content: center;}
/* .subNav:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);border: 8px solid transparent;border-bottom-color: rgba(255,255,255,.95);top:-.16rem;} */
.subNav{width: 100%;min-height: 1rem;background: rgba(255,255,255,.95);}
.hd-nav li:hover .subNavp{display: block;}

@media screen and (max-width:1680px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){}
@media screen and (max-width:1199px){
	html{font-size: 80px!important;}
	body{padding-top: 60px}
	.header,.header2{display: none}
	.headerm{display: flex;}
	.header2 ul li .navp a, .mobNav ul li .navp a {font-size: 16px;}
    .footer .link, .footer .contact{font-size:14px;padding:0.1rem;line-height: 0.3rem;}
	.footer .contact{padding:0.3rem 0;}
	.footer .link{height:80px;}
	.footer .link .linktitle{height: 100%;display: block;float: left;}
	.footer .link .item{display:block;float:left;width:auto;text-align: left;margin-right:20px} 
}