@charset "utf-8";
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;z-index: 999;}
* {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size: 100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;border: 0;}
:focus{outline:0}
a {text-decoration: none;color: #333333;}
a:hover{color: #1b59b0;}
button {user-select: none;}
img:not([src]),img[src=""] {opacity: 0;}
img{display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;vertical-align: middle;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, button, textarea {font-size: 100%; font: inherit;}
hr{height:0;border: none; border-top: 1px 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}
body{color: #333;position: relative;overflow-x:hidden;font-size: .16rem;
  font-family:Arial,Microsoft YaHei,-apple-system,PingFang SC,BlinkMacSystemFont,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;}
select::-ms-expand { display: none; }
i,em{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
textarea::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
select::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-webkit-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-ms-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: block\0;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display: block\0;}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;display: block\0;}
.line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;display: block\0;}
.line6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;display: block\0;}
.line8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;display: block\0;}
.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}
.none{display: none;}
.overhide{overflow: hidden}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.fl{float:left}
.fr{float:right}
.poab{position:absolute}
.pore{position:relative}
.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}
.bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.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}
.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;}
.scbox{overflow-y:auto }
.scbox::-webkit-scrollbar{width:4px}
.scbox::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}
.scbox::-webkit-scrollbar-thumb{border-radius:5px;background:linear-gradient(to right,#1b59b0 0%,#1b59b0 100%);}

.aline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_w:hover .aline_w{background-size:100% 1px;color: #fff}
.aline_w:hover{background-size:100% 1px}

.aline_r{position:relative;background-image:linear-gradient(#d20b17,#d20b17);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_r{background-size:100% 1px;color: #d20b17}
.aline_r:hover{background-size:100% 1px}

.imgBox{position: relative;overflow: hidden;}
.imgBox .img{padding-bottom: 60%;transition: .5s;background-size: cover;display: block;background-repeat: no-repeat;background-position: center;display: block;}
.imgBox img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.imgBox img{display: none\0;}

@keyframes sca{
  0%{transform: scale(1);}50%{transform:  scale(1.1)}100%{transform:  scale(1)}
}
@keyframes go{
  0%{transform: translateX(0);}50%{transform: translateX(10px);}100%{transform: translateX(0);}
}
@keyframes up{
  0%{transform: translateY(0);}50%{transform: translateY(-8px);}100%{transform: translateY(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
}

.wp{margin:0 auto;max-width:12.2rem;width: 94%}
.wpa{width:94%;margin:0 auto;max-width:17.5rem}

@media screen and (min-width: 1025px){
  .imgBox.trans:hover .img{ -webkit-transform: scale(1.05)}
  .imgBox.trans:hover img{ -webkit-transform: scale(1.05)}
}

@media (max-width:1024px){
  html{font-size: 95px!important;}
}
@media (max-width:900px){
  html{font-size: 90px!important;}
}
@media (max-width:750px){
  html{font-size: 85px!important;}
}
@media (max-width:540px){
  html{font-size: 80px!important;}
  body{font-size: .18rem;}
}
@media (max-width:360px){
  html{font-size: 75px!important;}
}
/* swiper */


.swiper-dots{position:absolute;z-index:5;text-align:center}
.swiper-dots span.active{opacity:1}
.swiper-btn a{position:absolute;top:50%;transform:translateY(-50%);z-index:5}
.swiper-btn a.prev{left:10px}
.swiper-btn a.next{right:10px}


.swiper-container{margin: 0;}
.popCode{position: relative;}
.popCode span{width: 1rem;position: absolute;left: 50%;top: calc(100% + .1rem);z-index: 5;background: #fff;transform: translateX(-50%);display: none;box-shadow: 0 0 8px rgba(0,0,0,.15)}
.popCode span:before{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;top: -18px;left: 50%;transform: translateX(-50%);}
.popCode:hover span{display: block;}





/* header */
.header{}
.header .hda .mShow{display: none}

.header .hda{background: #0251a2;position: relative;padding: .1rem 0;font-size: 14px}
.header .hda .topLink a{color: #96bbe0;margin-left: .2rem}
.header .hda .topLink a:hover{color:rgba(255,255,255,.8);}
.header .hda .mHide .topLink:nth-child(1) a:nth-child(1){margin-left: 0}
body.navShow .navbtnm i:before {content: "\eca0";}
.header .hda .mShow a{color: #fff;font-size: .22rem}
.header .hda .userModel{color: #fff}
.header .hda .userModel a{color: #fff}
.header .hda .gh{position: absolute;top: calc(100% + .15rem);left: 50%;margin-left:-.42rem;width: .85rem;height: .9rem;z-index: 3 }
.header .hdb{height: 4rem;background: url(../images/topbg.jpg) no-repeat center;background-size: cover;padding-top: .5rem}
.header .hdb .logo img{max-height: 1rem}
.header .hdc{position: relative;}
.header .hdc:after{content: '';width:calc((100% - 12.2rem ) / 2 + 1.15rem) ;position: absolute;top: 0;left: 0;bottom: 0;background: #024890;z-index: 1}
.header .hdc .search{width: 2.45rem;}
.header .hdc .search .form{display: flex!important;margin: 0 auto;position: relative;width: 100%}
.header .hdc .search .inp{width: 100%;height: 36px;background: #01458b;border-radius: 30px;padding: 0 38px 0 .15rem;font-size: 15px;border: 1px solid #025dba;color: #fff}
.header .hdc .search .sub{width: 30px;height: 30px;background: url(../images/ser.png) #0560be no-repeat center;border-radius:50%;position: absolute;top: 3px ;right: 2px;color: #fff;cursor: pointer;}
.header .hdc .search .inp::-webkit-input-placeholder{opacity:0.8;color: #fff}
.header .hdc .search .inp::-ms-input-placeholder{opacity:0.8;color: #fff}
.header .hdc{background:#0251a2}
.header .hdc ul.navs{line-height: .54rem;width: calc(100% - 3.3rem);position: relative;z-index: 5}
.header .hdc ul.navs li.home{background: url(../images/home.png) no-repeat left 12px;padding-left: 35px}
.header .hdc ul.navs li{text-align: center;font-size: .18rem;position: relative;}
/*.header .hdc ul.navs li:after{content: '';width: 2px;height: .16rem;background: rgba(255,255,255,.4);position: absolute;top: 50%;margin-top: -.08rem;right: -1px}
.header .hdc ul.navs li:last-child:after{display: none}*/
.header .hdc ul.navs li a{color: #fff;display:block;overflow:hidden;white-space:nowrap}
@media (max-width:1260px){
 .header .hdc:after{display: none}
}
@media (max-width:1024px){
 .header .hdb{height:auto;padding-top: 1.6rem;padding-bottom: .8rem}

}
@media (max-width:900px){
.header .hdc{padding-bottom: .2rem}
.header .hdc ul.navs{position: relative;line-height: .4rem;padding: .1rem .2rem;padding-left: 0;width: 100%}

.header .hdc .search{width: 90%;margin: 0 auto}
.header .hdc ul.navs li.home{padding-left: 0;background: transparent;}
.header .hdc .search .inp{height: 40px;padding: 0 45px 0 .15rem;font-size: 15px;}
.header .hdc .search .sub{width: 34px;height: 34px;top: 3px ;right: 2px;}
.header .hda .mHide{display: none;text-align: center;}
.header .hda .mShow{display: flex;}
.header .hda .mHide .topLinks{width: 100%;justify-content: center;margin-top: .1rem}
.header .hda .gh{top: 100%}
 .header .hdb{padding-top: 1.4rem;padding-bottom: .6rem}
}
@media (max-width:540px){
.header .hdc ul.navs li{width: 33.3333%;}
.header .hdc ul.navs{padding-right: 0}
.header .hdc ul.navs li{font-size: .2rem;}
.header .hdb .logo img{max-height: .8rem}
 .header .hdb{height: 54vw}
}
@media (max-width:360px){
.header .hdc .navs li{font-size: .18rem;}
.header .hdc ul li:after{display: none}
.header .hda .topLink a{margin-left: .1rem}
}
/*  */
.nyheader{height:auto ;background: transparent;padding-top: 0}
.nyheader .hdb{height:3.6rem ;background:  no-repeat center;background-size: cover;padding-top: .75rem}
.nyheader .hdc{  background-size: 100% 100%;}
.nyheader .hdc ul{background: transparent;}
@media (max-width: 1024px){
.nyheader .hdb{height: auto;padding: .4rem 0 .5rem} 
.nyheader .hdb .search{padding-bottom: 0}
}
@media (max-width: 540px){
.nyheader .hdb{padding: .3rem 0 .4rem} 
.nyheader .hdc {position: relative;top: 0;}
}
/* footer */
.footer{background: #f7f7f7;border-top: 3px solid #0251a2;padding: .25rem 0;}
.footer .ftTxt{font-size: .14rem;line-height: 1.6em;width: 100%;text-align: center;}
.footer .ftTxt a:hover{text-decoration: underline;}
.footer .ftTxt .links a:before{content: '|';display: inline-block;vertical-align: 2px;margin: 0 .15rem;}
.footer .ftTxt .links a:nth-child(1):before{display: none;}
.footer .ftTxt p{margin-top: 8px;}
.footer .ftTxt p span{display: inline-block;margin-right:.2rem;}
.footer .dzjg{position: absolute;top:15px;left: 0;}
.footer .wzjc{position: absolute;top: 15px;right: 0}

@media (max-width: 900px){
.footer  .ftTxt{margin-bottom: .2rem;text-align: center;}
.footer  .dzjg,.footer .wzjc{position: static;margin:  0 .1rem} 
.footer  .ftTxt p span{margin:0 .1rem;}
}
@media (max-width:540px){
.footer  .ftTxt{font-size: .16rem;}
}
@media (max-width:360px){

}

.isGrey .footer,
.isGrey .mainIndex,
.isGrey .header .hdc,
.isGrey .header .hdb .search{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  _filter:none;}img{filter:gray;}
.isGrey .header .hda{background: #464646}
.isGrey .header .hda .topLink a{color: #fff}
.isGrey .header .hda:after{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  _filter:none;}img{filter:gray;}
/* .isGrey .header .hdc{background: #555\0;}
.isGrey .header .hdb .search .sub{background-color: #555\0;} */