@charset "utf-8";
@import url('animate.css');
@import url('lib.css');
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;z-index: 999;}



.xuelist ul,.xb-list ul,.list ul,.newswpxxw ul,.wkzy ul{padding:0}

html{font-size: 100px}
*{box-sizing:border-box;margin:0}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
.pagenum{width:35px;    margin: 0 0.1rem;}
/*
body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;
   font-family:-apple-system,PingFang SC,BlinkMacSystemFont,Microsoft YaHei,Helvetica Neue,"Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;color: #333}
*/
body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem!important;
   font-family:微软雅黑!important;color: #333}
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:#333;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:  #0F70B5}
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]{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}
select::-ms-expand { display: none; }
.none{display: none}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
  height: 0px;
  visibility: hidden; }



::-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:"."}



.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;}

@media screen and (min-width: 1025px){
.trans-mask:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}	
.bg-mask:hover .pic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

}


.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;transform:scale(1.01)}
.pore{position: relative;}

.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);}
.wp1{margin:0 auto;max-width:16rem;width: 94%}
.wp{margin:0 auto;max-width:14rem;width: 94%}
.m-show{display:none}

@media screen and (max-width:980px){.pc-show{display:none}
.m-show{display:block}
}

.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}
.l1{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}


@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);}
}


.headerm{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top:0;
  z-index: 99;
  padding-right: 4%;
  padding-left: 4%;

  height: .65rem;
  box-shadow: 0 0 .15rem rgba(0,0,0,.15)
  }
.headerm .logo{}
.headerm .logo img{height:.6rem}
.headerm .navbtnm{
  width:.86rem;
  height: .65rem;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  color: #ffffff;
  text-align: center;
  line-height: .65rem;
  padding-left: .1rem
  }
.headerm .navbtnm i{font-size: .38rem;transition: .1s}

.header{padding: 0.26rem 0;
    background: url(../js/1308.png) no-repeat center top;}
.top::after{    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 50px;
    background-size: cover;
    z-index: -1;background: url(../img/headbg.png) no-repeat center top ;}

.header .logo{transition: .3s;/* padding-top: 0.15rem; */}
.header .wp1{position: relative;}
.rr{position: absolute;right: 0;top: 0;}

.header .logo img{
    height: 1.16rem; 
    transition: .3s;
    /* width: 3.3rem; */
}


.navwrap{width: 100%;/* border-top: 1px solid #820001; */background: #0F70B5;}
.navwrap .hd-nav  li{/* line-height: .4rem; */position: relative;/* width: 11%; */padding: 0.1rem 0;}
.navwrap .hd-nav li>a{display: block;line-height: .4rem;position: relative;color: #FFFFFF;text-align: center;font-size: .20rem;font-weight: bold;}
.navwrap .hd-nav li>a.has-child:after{content: "\eabd";font-family: "swiper-icons";margin-left: 5px;font-size: .18rem}
.navwrap .hd-nav li:hover>a.has-child:after{display: inline-block;transform: rotate(180deg);position: relative;top: -1px}



.navwrap .hd-nav  li .sub-nav{
  position:absolute;
  top: 100%;
  left:50%;
  z-index:99;
  min-width: 1.6rem;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  }
.navwrap .hd-nav  li .sub-nav .sub-nav-h{
  text-align:center;
  position: relative;
  background: #0F70B5;
  padding: 0;
  /* box-shadow: 0 0 10px rgba(0,0,0,.3); */
  padding-bottom: 0.15rem;
  overflow: hidden;
  }
 
.navwrap .hd-nav  li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;color:  #ffffff;padding:0 .13rem 0;margin:0 0.13rem;border-bottom: 1px solid #fff;margin-bottom: 1px;white-space: nowrap;line-height: .45rem}
.navwrap .hd-nav  li:hover .sub-nav{opacity: 1;visibility: inherit; }
.navwrap .hd-nav  li:hover>a{ }


.header .topser a{display: flex;align-items: center;width: 40px;height: 40px;border: 1px solid #ffffff;text-align: center;line-height: 30px;margin-top: 30px;border-radius: 50%;}
.header .topser a i{font-size: .3rem;/* margin-right: .1rem; */text-align: center;width: 100%;color: #ffffff;}

.ser-layer{background:rgba(0,0,0,0.6);position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(5px)}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose{font-size:.3rem;position:absolute;right:.3rem;top:.25rem;width:.3rem;height:.3rem;text-align: center;line-height:.3rem;cursor:pointer;color:#ccc;}
.ser-layer .serform{width: 90%;margin: 0 auto;margin: 0\0;transform: translateY(1.5rem);transition: .2s .1s}
.ser-layer.showdiv .serform{transform: translateY(0);transition: .5s .3s}
.ser-layer .serform .input-group{max-width:5.5rem;margin:0 auto }
.ser-layer .serform .input-group .sub{position:absolute;right:0;top:0;width:.9rem;height:.5rem;overflow:hidden;background:0 0;cursor: pointer;}
.ser-layer .serform .input-group .sub:before{content:'';background:#820001;transform:skewX(-12deg);position:absolute;top:0;bottom:-1px;left:0;z-index:0;right:-6px;transform-origin:left bottom}
.ser-layer .serform .input-group .sub:after{content:'';background:url(../img/ser.svg) no-repeat .35rem center;background-size:.26rem .26rem;position:absolute;top:0;bottom:0;left:0;z-index:0;right:0}
.ser-layer .serform .input-group .inp{height:.5rem;border:0;border-right:0;padding-right:.9rem;width:100%;padding-left:.15rem;background: #fff;}

@media (max-width: 640px){
.ser-layer .serclose{right: 4%;top: .2rem}
}











.big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background-size: cover;opacity: 0;visibility: hidden;transition: .3s}
.big-nav .scroll{position:absolute;z-index:1;left:0;right:0;top:1.04rem;bottom:0;overflow-y:auto}
.big-nav .scroll ul{max-width:16.8rem;margin:0 auto}
.big-nav .scroll li{width:10%;text-align:center;padding-top:.45rem}
.big-nav .scroll li h2{font-size:.2rem;}
.big-nav .scroll li a{color: #333333;}
.big-nav .scroll li a:hover{color:#DB2B17}

.big-nav .scroll li .list{padding:.2rem 0}
.big-nav .scroll li .list h3{font-weight:400;font-size:.16rem;line-height:1.3em;padding: .1rem 0}
.big-nav .scroll li .list dl{padding-bottom:.2rem}
.big-nav .scroll li .list dd{font-size:.14rem;line-height:.3rem;opacity:.65}
body.navShow {overflow: hidden;position: fixed;width: 100%;height: 100%}
body.navShow .big-nav {opacity: 1;visibility: visible;}
body.navShow .header .hd-nav {opacity: 0;visibility: hidden;position: absolute}
body.navShow .header .hdr-t {padding-top: .2rem}
body.navShow .header .navbtn i:before {content: "\eca0";}
body.navShow .headerm .navbtnm i:before {content: "\eca0";}
body.navShow .header .logo{top: -.4rem}
body.navShow .header .hd-a{transform: translateY(.2rem);}

.big-nav  .btn-list1{display: none}





@media screen and (min-width: 1025px){

}

@media screen and (max-width: 1024px){
body{padding-top: .65rem}
.navwrap{display: none;}
.big-nav  .btn-list1{display: block;}
.big-nav {background: #f7f7f7;overflow-y: auto;padding-bottom: .3rem}
.big-nav .scroll {position: static;padding-top: .8rem;}
.big-nav .scroll li{width: 100%;text-align: left;padding-top: 0;border-bottom: rgba(255, 255, 255, 0.13) solid 1px;} 
.big-nav .scroll li h2{font-size:.2rem;line-height:.65rem;padding-left:6%;position:relative}
.big-nav .scroll li h2.h2:after{content:"";display:block;position:absolute;top:0;right:6%;font-size:.2rem;font-family: "swiper-icons" !important;content: "\e600";color: #333333;transition: .3s}
.big-nav .scroll li .list{padding:0 0 0 6%;display:none}
.big-nav .scroll li .list h3{font-size:.17rem;border-top:rgba(255,255,255,.13) solid 1px;padding: .16rem 0;line-height: 1.4em}
.big-nav .scroll li .list h3:nth-child(1){border:0}
.big-nav .scroll li .list dl{margin-left:-6%;padding:0 .2rem .2rem 0;margin-top:-.05rem;display: flex;flex-wrap: wrap;}
.big-nav .scroll li .list dd{font-size:.16rem;line-height:.4rem;min-width:33%;padding-left:6%}
.big-nav .scroll li .list dd a{display:block;height:.4rem}
.big-nav .scroll li.on h2.h2:after {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.big-nav .search{position:relative;padding:.3rem 6% .4rem;width: 100%}
.big-nav .search form{display: block!important;position: relative;}
.big-nav .search form .serinp{position: static;top: 0;right: 0;width: 100%}
.big-nav .search form .serbtn{width: .55rem;height: .55rem;position: absolute;text-align: center;line-height: .55rem;font-size: .22rem;color: #fff;top: 0;right: 0}
.big-nav .search form .serbtn i{font-size: .2rem;display: block;width: .55rem;height: .55rem;border: none;border-radius: 50%;text-align: center;line-height: .55rem;color: #132c90;font-size: .25rem}
.big-nav .search form .serbtn input{position: absolute;top: 0;left: 0;width: .55rem;height: .55rem;z-index: 3;background: rgba(255,255,255,0);border: 0;color: #333333;}
.big-nav .search form .serinp input{width: 100%;height: .55rem;line-height: .55rem;background: #fff;border: 0;font-size: .18rem;border-radius: 5px;color: #333;padding: 0 .55rem 0 .15rem;opacity: 1;}

.big-nav .links{line-height:.35rem;color: #fff;font-size: .18rem;padding: .2rem 5%;transition: .3s;width: 100%;
  border-bottom: rgba(255, 255, 255, 0.13) solid 1px;}
.big-nav .links  a{color: #333333;}
.big-nav .links  a i{font-size: .26rem;margin-right: 3px;vertical-align: -2px}
.big-nav .links{}

.big-nav .icolinks{line-height:.35rem;color: #fff;font-size: .18rem;padding: .2rem 5%;transition: .3s;width: 100%;
  border-bottom: rgba(255, 255, 255, 0.13) solid 1px;}
.big-nav .icolinks  a{;color: #fff;margin: 0 .15rem}
.big-nav .icolinks  a i{font-size: .26rem;margin-right: 3px;vertical-align: -2px}
.big-nav .icolinks{text-align: center}
}

.footer{padding: 0.3rem 0;background: url(../img/footerbg.png) no-repeat center top;margin-top: 0.5rem;color: #FFFFFF;}
.footer .wp>div>h2{font-size: 0.18rem;font-weight: bold;color: #FFFFFF;margin-bottom: 0.2rem;margin-top: 0.15rem;}
.footer .yqlj{width: 60%;}
.footer .yqlj ul li{margin-bottom: 0.1rem;}
.footer .yqlj ul li a{color: #FFFFFF;font-size: 0.16rem;}
.footer .lxwm p{font-size: 0.16rem;color: #FFFFFF;line-height: 0.3rem;}
.footer .ewm img{width: 1.2rem;}
 .copy{font-size: 0.16rem;background: #9c0001;padding: 0.1rem 0; text-align: center;color: #FFFFFF;line-height: 0.3rem;border-top: 1px solid #ca2324;}
 



@media screen and (max-width: 1680px){

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width:1024px){
	.news .pgba{bottom: 0;}
.header{display: none}
.headerm{display: flex;background: #fff;}
html{font-size: 90px!important;}
.footer{background: #9c0001;}
}

@media screen and (max-width:900px){
	 
.wp{width: 90%}
.wpa{width: 90%}	
html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
body{font-size: .18rem}
.top::after{display: none;}
.footer .yqlj,.lxwm,.footer .yqlj ul {width: 100%;}
.headerm .logo img{height: auto;}
}
@media screen and (max-width:480px){
html{font-size: 80px!important;}


}
@media screen and (max-width:375px){
html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
html{font-size: 70px!important;}
}



@media (max-width: 1200px){

}
@media (max-width:800px){
	
body{min-width: 320px;}
.headerm .logo{width: 90%;}
}
@media (max-width:480px){
}
@media (max-width:360px){

}
/*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) { 

}