@import url('/lib/css/animate.css');
@import url('/lib/css/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(/lib/images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(/lib/images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(/lib/images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(/lib/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;}
@font-face{font-family:'bel';font-style:normal;src:url(/lib/fonts/BellMT.woff)}
@font-face{font-family:'din';font-style:normal;src:url(/lib/fonts/DIN-Bold.otf)}

.bel{font-family:'bel';}
.din{font-family:'din';}

html{font-size: 100px; }
*{box-sizing:border-box;margin:0;padding: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:  #c02125}
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}
.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}

.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,#7410ab 0%,#3707a1 100%);;}

.banner, .swiper-container{ width: 100%}

.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}
.eclip2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.eclips{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}
.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);}

}
.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;transform:scale(1.01);height:100%;object-fit:cover;}

.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)}


.bgimg{display: block; background-repeat:no-repeat;width:100%;height:100%; 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{margin:0 auto;max-width:15.6rem;width:94%}
.wpa{width:94%;margin:0 auto;max-width:17.5rem}
.greybg{background:#f2f2f2}
.co{color:#0142ae}
.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}
}

.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;font-weight: bold;}
.aline_r:hover{background-size:100% 1px;}

.aline_r2{position:relative;background-image:linear-gradient(#d20b17,#d20b17);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r2:hover .aline_r2{background-size:100% 2px;color: #d20b17}
.aline_r2:hover{background-size:100% 2px}

.titline_r{position:relative;background-image:linear-gradient(#6510ad,#6510ad);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_r:hover .titline_r{background-size:100% 1px;color: #6510ad}
.titline_r:hover{background-size:100% 1px}

.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}
.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}
.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-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);}
}


.overhide{overflow: hidden}


.headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 99;padding-right: 4%;padding-left: 4%;
  background:#a71a1e; height: .65rem ;box-shadow: 0 0 .15rem rgba(0,0,0,.15)}
/*.headerm:before{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height:3px;background: linear-gradient(to right,#7410ab 0%,#3707a1 100%);z-index: 1 ;transition: .3s linear}*/
.headerm .logo{}
.headerm .logo img{height:.46rem}
.headerm .navbtnm{width:.86rem;height: .65rem;background: url(/lib/images/tx1.svg) no-repeat top left;background-size: cover;
  position: absolute;top: 0 ;right: 0;z-index: 5;color: #fff;text-align: center;line-height: .65rem;padding-left: .1rem }
.headerm .navbtnm i{font-size: .38rem;transition: .1s}

.header{position: fixed;top:0; left: 0;right: 0;z-index: 50;background: url(/lib/images/top_bg.png) no-repeat center top; background-size: 100% 100%;padding-top:3px}
.header.xg{background:none; background-color: rgba(255,255,255,1);box-shadow: 0 6px 6px rgba(0, 0, 0, .1);}
.header.xg .hd-b{background:none}
.header.xg .hd-nav li>a{color: #444444;}
.header.xg .navbtn{background: url(/lib/images/tx.png) no-repeat top right;background-size:100% 100%;}
.header.xg .hd-a{background-color: #a71a1e;}



.header:before{content: "";display: block;position: absolute;left: 0;top: -0.05rem;right: 0;height: 1.38rem;}
.scrollDown .header{top: -1.15rem}
.header:after{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height:3px;background: #ca0915;z-index: 1 ;transition: .3s linear}

.header .logo{}
.header .logo img{height:100%;transition: .3s;width: 3.31rem}

.header .wp{position: relative;z-index: 3;max-width: 19.2rem;width: calc(100% - 1rem);align-items: center;}
.header .hd-b{}
.header .hd-nav  {flex:1;padding:.25rem .8rem .25rem 3rem;display:flex; justify-content:space-between;}
.header .hd-nav  li{line-height: .36rem;font-size: .20rem;position: relative;}


.header .hd-nav li>a{display: block;line-height: .36rem;position: relative;color: #ffffff;text-align: center;font-weight: bold;}
.header .hd-nav li:hover>a{color: #ca0915}
.header .hd-nav li>a.has-child:after{content: "\eabd";font-family: "swiper-icons";margin-left: 5px;font-size: .16rem}
.header .hd-nav li:hover>a.has-child:after{display: inline-block;transform: rotate(180deg);position: relative;top: -1px}



.header .hd-nav  li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.25rem;min-width: 1.6rem;transform: translateX(-50%);
  opacity: 0;visibility: hidden;transition: .3s;}
.header .hd-nav  li .sub-nav .sub-nav-h{text-align:center;position: relative;background: #fff;padding: .1rem 0;
  box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;border-radius: 0 0 .1rem .1rem;overflow: hidden;}
  .header .hd-nav  li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#c02125;}
.header .hd-nav  li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:0 .13rem ;margin-bottom: 1px;
  background: #fff;;white-space: nowrap;line-height: .45rem}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover{background:#ffe6e6;color:  #c02125}
/*.header .hd-nav  li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);
border: 8px solid transparent;border-bottom-color: #fff;top:-.16rem;}*/
.header .hd-nav  li:hover .sub-nav{opacity: 1;visibility: inherit; }
.header .hd-nav  li:hover>a{ }


.header .hd-a{background-color:rgba(0,0,0,.1);color: #fff;font-size: .14rem;padding:.02rem 0 .05rem 0;}
.header .hd-a:hover{background-color:#a71a1e;}
.header .hd-a a{color: #fff;}
.header .hd-a .header-left span {
	display: inline-block;
}
.header .hd-a .pc-en{
	font-weight: bold;
}
.header .hd-a .pc-search,.header .hd-a .pc-en{
	color: #fff;
	font-size: .16rem;
}

.header .hd-a .header-left span img {
	width: .28rem;
}

.header .hd-a .header-left div {
	float: left;
	margin-right: .32rem;
}

.header .hd-a .header-left div:hover {
	color: #ff8484;
}

.header .hd-a .header-right {
	float: right;
}


.header .hd-a .line a {
	color: #fff;
	padding: 0 .10rem;
	font-size:.14rem;
}

.header .hd-a .line a:hover {
	color: #ff8484;
}

.header .hd-a .icon {
	float: right;
}
.header .hd-a .icon .menuBtn {
	height: .20rem;
	padding-top: .04rem;
	cursor: pointer;
	margin-left: .25rem;
}
.header .hd-a .icon .menuBtn b {
	width: 0.19rem;
	background-color: #fff;
	display: block;
	margin-bottom: .04rem;
	position: relative;
}
.header .hd-a .icon .menuBtn b::before {
	content: "";
	display: block;
	width: .02rem;
	height: .02rem;
	background-color: #fff;
	left: 0;
	transform: translateX(-.04rem);
}


.header .navbtn{width:1.1rem;height: .87rem;background-size:100% 100%;position: absolute;top: .29rem;right: 0;z-index: 5;color: #fff;text-align: center;line-height: .8rem;padding-left: .15rem }
.header .navbtn i{font-size: .38rem;transition: .3s}


.header  .search{position:relative;padding-left:  .2rem;min-width: .4rem}
/*.header  .search:before{content: '';width: 1px;height: .14rem;background: #bbb;position: absolute;left: .02rem;top:50%;margin-top: -.07rem}
*/.header  .search form{display: block!important;position: relative;}
.header  .search form .serinp{width:0;transition: .3s;opacity: 0;visibility: hidden;}
.header  .search form .serbtn{width: .3rem;height: .3rem;position: absolute;top:0;right: 0; text-align: center;line-height: .3rem;font-size: .18rem;color: #fff;}
.header  .search form .serbtn input{position: absolute;top: 0;left: 0;width: .3rem;height: .3rem;z-index: 3;background: rgba(255,255,255,0);border: 0;}
.header  .search form .serinp input{width: 100%;height: .3rem;line-height: .28rem;background: transparent;border: 0;font-size: .14rem;border-radius: .3rem;color: #fff;border: 1px solid #fff}
.header  .search form .serinp{width: 2rem;opacity: 1;visibility: inherit;}
.header  .search form .serinp input{padding: 0 .3rem 0 .1rem;background: rgba(255,255,255,.1);}
.header  .search form .serbtn{color: #fff }

.header  .search form .serinp input::-webkit-input-placeholder{color:#fff;opacity:.6}
.header  .search form .serinp input:-ms-input-placeholder {color:#fff;opacity:.6 } 

.big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background:url(/lib/images/navbg.jpg) no-repeat center;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;padding:.4rem;}
.big-nav .scroll ul{max-width:16.8rem;margin:0 auto}
.big-nav .scroll li{min-width:6%; text-align:center;}
.big-nav .scroll li h1{font-size:.2rem;padding-bottom:.1rem}
.big-nav .scroll li h1 a{font-weight: bold;color:#fff}
.big-nav .scroll li h2 {padding: .08rem 0}
.big-nav .scroll li h2 a{font-size: .17rem;font-weight: bold;color: #ffffff;}
.big-nav .scroll li a{color:#f0f0f0}
.big-nav .scroll li a:hover{color:#af0805}

.big-nav .scroll li .list{}
.big-nav .scroll li .list h3{font-size:.14rem;line-height:1.2em;padding: .08rem 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 .logo a{width: 3.31rem}
body.navShow .header .hd-nav {opacity: 0;visibility: hidden;position: absolute;}
body.navShow .header .navbtn{top:0}
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{padding:.2rem 0;}
body.navShow .header .hd-a{background-color: rgba(255,255,255,0) !important;display: none}
body.navShow .header{background-color: rgba(255,255,255,0) !important;box-shadow: none;}
.navShow video{ display: none}
.big-nav  .btn-list1{display: none}
@media screen and (min-width: 1025px){

}

@media screen and (max-width: 1024px){
body{padding-top: .65rem}

.big-nav  .btn-list1{display: block;}
.big-nav {background:#c02125; 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 .sub-nav{display: none;}
.big-nav .scroll li h1{font-size:.2rem;line-height:.65rem;position:relative;padding:0}
.big-nav .scroll li h1.h1:after{content:"";display:block;position:absolute;top:0;right:2%;font-size:.2rem;font-family: "swiper-icons" !important;content: "\e600";color:#fff;transition: .3s}
.big-nav .scroll li h2{font-size:.2rem;line-height:.65rem;padding:0 0 0 2%;position:relative;border-top:1px solid rgba(255,255,255,.13);}
.big-nav .scroll li h2.h2:after{content:"";display:block;position:absolute;top:0;right:2%;font-size:.2rem;font-family: "swiper-icons" !important;content: "\e600";color:#fff;transition: .3s}
.big-nav .scroll li .list{padding:0 0 0 6%;display:none}
.big-nav .scroll li .list h3{padding-left:4%;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.on h1.h1:after {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.big-nav .scroll h2.on: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: #a52214;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;}
.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}

.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: #fff;}
.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}
}





@media screen and (max-width: 1680px){
/*.header .hd-nav  li{margin-left: .35rem;}*/
}

@media screen and (max-width: 1200px){

}

@media screen and (max-width:1024px){
.header{display: none !important}
.headerm{display: flex;}
html{font-size: 90px!important;}
.goto-top{top:85%}
}


@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}
.Gsearch{width:100% !important;}
.Gsearch .Gsearch-nr{padding:0.3rem 0.2rem;}
}
@media screen and (max-width:480px){
html{font-size: 80px!important;}
.eclips{display:block;overflow:visible;text-overflow:inherit;white-space:normal;}
.Gsearch .Gsearch-nr li h3{width:20% !important;}
.Gsearch .Gsearch-nr li input{width:80%;}
.Gsearch .Gsearch-nr li.Stime input{    width: 38.5% !important;}
}
@media screen and (max-width:375px){
html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
html{font-size: 70px!important;}
}


.publine {background: linear-gradient(45deg,#0e53ba 0%,#ac0b5e 100%);}
.footer{background: url(/lib/images/footer.jpg) no-repeat center;background-size: cover;color: #fff}
.footer a{color: #fff}
.footer .ftb{text-align: center; padding: .08rem 0;font-size: .14rem;color: rgba(255,255,255,.8);background-color: #830a11;}
.footer .ftb span{margin: 0 .06rem;display: inline-block;line-height: 1.6em}
.footer .ftb p span:first-child{margin-left: 0}
.footer .ftb p span:last-child{margin-right: 0}
.footer .ftb a{color: rgba(255,255,255,.7);}
.footer .ftb a:hover{color: rgba(255,255,255,1);}
.footer .fta .logoft{padding: .55rem .55rem .55rem 0;}
.footer .fta .logoft img{/*height: .75rem;*/}
.footer .fta .linkft{padding: .12rem 0 .12rem 0rem;line-height: 2;font-size: .16rem;justify-content: center;}
.footer .fta .linkft .lxwm{margin-right:.8rem;position: relative;}
.footer .fta .linkft .jbfs{position: relative;}
.footer .fta .linkft .lxwm .title{font-size: .2rem;font-weight: bold;}
.footer .fta .linkft .jbfs .title{font-size: .2rem;font-weight: bold;}

.footer .lxwm::before, .footer .jbfs::before{
	width: 0.01rem;
	height: 1rem;
	left: -.4rem;
	top: calc(50% - .5rem);
	position: absolute;
	background-color: #b11b23;
	content: "";
}
.footer .lxwm::after, .footer .jbfs::after{
	width: 0.01rem;
    height: 1rem;
    left: -.41rem;
    top: calc(50% - .5rem);
    position: absolute;
    background-color: #7a0c1b;
    content: "";
}

@media (max-width: 1200px){
.footer .fta .logoft{padding: .4rem 0;flex-direction: inherit;width: 100%;border-right: 0}
.footer .fta .linkft{padding: 0 0 .4rem;min-width: 100%;}
.footer .ftb p{width: 100%;text-align: center;}
.footer .ftb p span:first-child{margin-left: .1rem}
.footer .ftb p span:last-child{margin-right: .1rem}
}
@media (max-width:980px){

}
@media (max-width:760px){
.footer .fta .linkft ul li{width: 20%;margin-bottom: .2rem}
.footer .fta .linkft .lxwm{min-width: 100%;margin-right:0}
.footer .fta .linkft .jbfs{min-width: 100%;}
}
@media (max-width:480px){
.footer .fta .linkft ul li p,.footer .ftb{font-size: .15rem}
}
@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) { 

}

.goto-top {
	position: fixed;
	top: 88%;
	right: -1rem;
	width: 1rem;
	border-radius: .5rem 0 0 .5rem;
	padding: .2rem 0;
	z-index: 5000;
	transition: .5s;
}
.goto-top a {
	font-size: .4rem;
}

.goto-top .icon-box {
	color: rgba(192,33,37,.5) !important;
	padding-left: .2rem;
	text-align: center;
	line-height: 1.2;
}
.goto-top .icon-box a{
	color: rgba(192,33,37,.5) !important;
}
.goto-top .icon-box:hover {
	color: rgba(192,33,37,1) !important;
}
.goto-top .icon-box:hover a{
	color: rgba(192,33,37,1) !important;
}
.goto-top p {
	margin-bottom: 0;
	font-size: 12px;
	
}

.goto-top.on {
	right: 0;
}

.search-dialog-box {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s ease 0s;
}

.search-dialog-box::before {
	content: "";
	position: absolute;
	top: 0px;
	height: 0px;
	background: #715ba9;
	transition: all 0.6s ease 0s;
	left: 0px;
	right: 0px;
	z-index: 1;
	opacity: 0.9;
}

.search-dialog-box.on::before {
	height: 100%;
	display: none;
}

.search-dialog-box .bubbles-bg {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.search-dialog-box .search-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 0px;
	margin: 0px;
	background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7);
	transform-origin: center center;
	transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.search-dialog-box .wrap-inner {
	transform: translateY(100%);
	transition: all 0.6s ease 0s;
}

.search-dialog {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.search-dialog .search-tit {
	font-size: 0.44rem;
	line-height: 0.56rem;
	color: rgb(255, 255, 255);
	text-align: center;
	overflow: hidden;
	display: none;
}

.search-dialog .search-inner {
	overflow: hidden;
	margin-top: 0px;
}

.search-dialog .search-input {
	width: 8rem;
	margin: 0px auto;
	background-color: rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
	max-width: 94%;
}

.search-dialog .search-input input[type="text"] {
	float: left;
	height: 0.7rem;
	width: calc(100% - 1rem);
	background-color: rgb(255, 255, 255);
	font-size: 0.2rem;
	line-height: 0.08rem;
	color: #666;
	transition: all 0.3s ease 0s;
	padding: 0px 0.2rem;
	border: none;
}

.search-dialog .search-input input[type="submit"],
.search-dialog .search-input .clear-btn {
	float: right;
	height: 0.7rem;
	width: 1rem;
	border: none;
}

.search-dialog .search-input input[type="submit"] {
	background-color: #a71a1e;
	/* background-repeat: no-repeat; */
	/* background-position: center center; */
	/* background-size: 0.24rem; */
	font-size: .2rem;
	color: #fff;
}


.search-dialog .search-input.on {
	background-color: rgb(255, 255, 255);
}

.search-dialog .hot-search {
	font-size: 0px;
	width: 0.49rem;
	margin: 0.096rem auto 0px;
	box-sizing: border-box;
	padding: 0px 0.096rem;
	overflow: hidden;
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
	font-size: 0.06rem;
	line-height: 0.08rem;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding-left: 0.096rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.08rem;
}

.search-dialog .hot-link {
	margin-left: 0.16rem;
}

.search-dialog .hot-link a {
	display: inline-block;
	zoom: 1;
	font-size: 0.06rem;
	line-height: 0.08rem;
	margin-right: 0.12rem;
	color: rgb(255, 255, 255);
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a::before {
	content: "";
	position: absolute;
	left: 0%;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background-color: rgb(255, 255, 255);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.3s ease 0s;
}

.search-dialog-box .bottom-box {
	position: absolute;
	left: 0px;
	bottom: 5.1%;
	width: 100%;
}

.search-dialog-box .bottom-box .share-box {
	overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
	font-size: 0.35rem;
	line-height: 0.5rem;
	color: rgb(255, 255, 255);
	font-family: gilroy-regular;
	margin-top: 0.5rem;
	overflow: hidden;
}
.search-dialog-box.on {
	opacity: 1;
	visibility: visible;
}

.search-dialog-box.on .search-bg {
	height: 100vh;
}

.search-dialog-box.on .bubbles-bg {
	opacity: 1;
	visibility: visible;
}

.search-dialog-box.on .wrap-inner {
	transform: translateY(0px);
}
.pub-close {
	position: absolute;
	width: 0.48rem;
	height: 0.48rem;
	line-height: 0.6rem;
	z-index: 10;
	right: 0.24rem;
	top: 0.216rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 100%;
	text-align: center;
	color: #fff;
	font-weight: 500;
	
}
.pub-close img{
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
}