@charset "utf-8";
#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;}
html{font-size: 100px}
*{box-sizing:border-box;margin:0;padding:0; -webkit-appearance:none;  }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x: hidden;}
body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;
   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;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  dl, dt, dd, ol, ul, li, tr, th, td, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, s, fieldset, form, label, legend, table, caption,  tfoot, thead,  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    
    word-break: break-word;
}
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:  #9d2829}
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}
.arc-con table{border-spacing:0;border-collapse:collapse}
.arc-con table td,.arc-con table th{padding:0}
select::-ms-expand { display: none; }
.none{display: none}
::-webkit-input-placeholder{color:#999;opacity:.54}
:-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;}
.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.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.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{margin:0 auto;max-width:1200px;width: 92%}
.wp1440{width:90%;margin:0 auto;max-width:1440px}

.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}
.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}
.overhide{overflow: hidden;}
#navbg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);left:0;top:0;display:none;z-index:999}
.navlist{position:fixed;right:-85%;top:0;background:#a40d0d;width:82%;height:100%;z-index:9999;overflow-y:auto;box-shadow:-5px 0 13px rgba(0,0,0,.43)}
.mob_link{width:100%;height:.5rem;padding:.1rem .15rem}
.mob_link .link_l{float:left;line-height:.3rem}
.mob_link .link_l a{display:inline-block;vertical-align:middle;color:#fff}
.mob_link .closebtn{float:right;cursor:pointer}
.mob_link .closebtn i{font-size:.3rem;color:#fff}
.js_mob{padding:10px 12px;background:#901616}
.search-input{border:1px solid #ca7e7e;height:.4rem}
.search-input:after{visibility:hidden;display:block;content:"";clear:both}
.search-input .inp{width:calc(100% - .62rem);float:left;font-size: 12px;background:0 0;outline:0;border:0;padding-left:.15rem;line-height:.38rem;color:#fff;height:.38rem}
.search-input .sub{width:.4rem;height:.38rem;float:right;background:0 0;outline:0;border:0;background:url(../images/ser.svg) no-repeat center;background-size:.2rem .2rem}
.mob_list li{position:relative;cursor:pointer;border-bottom:1px solid #b72a2a;}
.search-input input::-webkit-input-placeholder{color:#fff}
.search-input input:-moz-placeholder{color:#fff}
.search-input input::-moz-placeholder{color:#fff}
.search-input input:-ms-input-placeholder{color:#fff}
.mob_list li a{color:#fff;width:85%;display:block;padding: .15rem .2rem .15rem .2rem}
.mob_list li i{display:block;z-index:122;position:absolute;right:.1rem;top:0;width:.4rem;height: .45rem; text-align:center;color:#fff;line-height: .55rem}
.mob_list li i.icon:before{transform: rotate(180deg);}
.mob_list li i:before{content:"\eabd";font-family:swiper-icons!important;display: block;}
.mob_list li .ejnav{display:none}
.mob_list li .ejnav li{width:100%;border:0;font-size:.14rem;background:#901616;border-bottom:1px solid  #b72a2a}
.mob_list li .ejnav li:last-child{border-bottom:0}
.mob_list li .ejnav li a{width:100%}
.open{right:0}

.header{}
.header .hd-top {height: 1.1rem;background: #9d2829}
.header .hd-top .logo{padding-top:.15rem}
.header .hd-top .logo img{height: .83rem}
.header .hd-top .topser{padding-top: .35rem}
.header .hd-top .topser form{display: block!important;position: relative;}
.header .hd-top .topser form .inp{width:2.6rem;background:#fff;outline:0;border:0;padding:0 .4rem 0 .1rem;line-height:.4rem;;height:.4rem;border-radius: 5px;font-size: .14rem}
.header .hd-top .topser form .sub{width:.4rem;height:.38rem;outline:0;border:0;background:url(../images/serbtn.svg) no-repeat center;background-size:.2rem .2rem;position: absolute;right: 0;top: 0;}


.header .hd-nav{background: #fff}
.header .hd-nav .navs{width: calc(100% - .5rem)}
.header .hd-nav .navs>li{float: left;position: relative;}
.header .hd-nav .navs>li>a{display: block;padding: .1rem .16rem;font-size: .14rem }
.header .hd-nav .navs>li.on>a{background: #9d2829;color: #fff;border-radius: .4rem ;padding: .1rem .2rem}
.header .hd-nav .mumore{cursor: pointer;}
.header .hd-nav .mumore .icon-caidan {font-size: .3rem;line-height: .38rem}

.header .hd-nav .mumore:hover .more_nav{opacity: 1;visibility:inherit;transform: translateY(0);}
.header .hd-nav .mumore:hover .icon-caidan{color: #9d2829}

.more_nav{position:absolute;z-index:999;top:100%;height:auto;padding-top: .16rem;opacity: 0;visibility: hidden;transform: translateY(.2rem);transition: .3s}
.more_nav .more_ul{width:2.2rem; background:#a40d0d;  text-align:center;padding: .05rem 0 }
.more_nav .yiji_nav>li{width:100%;position: relative;font-size: .15rem}
.more_nav .yiji_nav>li>a{display:block;padding: .1rem ;;width:100%;cursor:pointer;color:#fff;}
.more_nav .yiji_nav a:hover{background:#bb1919; color:#fff;}
.more_nav .erji_nav{position: absolute;top:0;background: #a40d0d;width:2rem;display: none}
.more_nav .erji_nav li a{display:block;padding: .1rem ;width:100%;cursor:pointer;color:#fff;word-break: break-word;}
.more_nav .yiji_nav>li:hover .erji_nav {display: block;}
.more_nav .yiji_nav>li:hover>a{background:#bb1919;}

.mumore .more_nav{right: 0}
.mumore .more_nav .erji_nav{right:100%}
.header .hd-nav .navs li .more_nav{left: 50%;margin-left: -1.1rem;}
.header .hd-nav .navs li .more_nav .erji_nav{left:100%}
.header .hd-nav .navs li:last-child .more_nav .erji_nav{right:100%;left: auto}
.header .hd-nav .navs li:hover  .more_nav{opacity: 1;visibility:inherit;transform: translateY(0);}
.nav-icon{color: #fff;width: .55rem;height: .5rem;border: 1px solid #fff;text-align: center;line-height: .48rem;display: none;font-size: .26rem}


/*new*/

li.yiji_nav {float: left;  position: relative; left: 0px;top: 0px;height:45px; line-height:45px;}
a.yiji_nav {display:block; padding:0 20px; height:45px; line-height:45px; text-align:center; float:left; margin-left:0px; color:#333; font-size:14px;text-decoration:none;}
a.yiji_nav:hover {color:#a40d0d;  }
.select_box li.yiji_nav,.select_box .more_ul li a,.select_box a.yiji_nav{height:auto!important; padding:10px 10px; line-height:1.4em!important; font-size: 15px;}
.select_box li.yiji_nav{ padding:0;  }
.select_box li.yiji_nav a:hover{background:#bb1919;}
li.erji_nav:hover a.erji_nav, a.erji_nav:hover {color: #fff;background:#bb1919;}
.more_ul li.yiji_nav:hover:before,.more_ul li.yiji_nav:hover:after{ display: none;}
/* 这是控制菜单显示与隐藏的重点 */
a.yiji_nav:hover ul.erji_nav, li.yiji_nav:hover ul.erji_nav {visibility: visible;}
a.erji_nav {display: block; text-align: center;line-height:1.4em; padding: 10px; color: #fff;text-decoration:none;font-size:15px;}
#menu{width:calc(100% - 80px);float: left;padding: 15px 0;height: 75px }      
#menu ul {width:100%;}
ul.erji_nav {visibility: hidden;position: absolute;left: 0px;top:45px;width:100%!important; background:#a40d0d; z-index:999}
li.erji_nav {position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */left: 0px;top: 0px;}
.more_ul{width:200px;height:auto;position:absolute!important;position:absolute;z-index:999;top:75px;right:0px; background:#a40d0d;  text-align:center; }
.more_ul li{width:100%;}
.more_ul li a.yiji_nav{display:block;line-height:45px;width:100%;cursor:pointer;color:#fff;}
.more_ul li a.yiji_nav:hover{background:#bb1919; color:#fff;}
.select_box{position:relative; width:60px; height:75px; text-align:center; float:right}
.select_box i{display:block; line-height:70px;  width:80px; float:left; color:#3156a3; font-size:18px;}
.select_box span{width:60px;height:75px;color:#fff;cursor:pointer;font-size:18px;display: table-cell;vertical-align: middle;text-align: center;}
.select_box span img{width:.44rem;height:.34rem;cursor:pointer; display:block;}
.header .hd-nav{height: 75px;}
.header .hd-nav .yiji_nav.on>a{background: #9d2829;color: #fff;border-radius: .4rem ;font-size: 18px}
.yd{display: none;}
@media screen and (max-width: 1024px){
.topser{display: none}
.header .hd-nav{display: none}
.header .hd-top{height: auto;padding: .15rem 0}
.header .hd-top .logo{padding-top: 0}
.header .hd-top .logo img{height: .5rem}
.nav-icon{display: block;}
.yd{display: block;}
.pc{display: none;}
}
@media screen and (max-width: 980px){

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

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

.nav-icon{color: #fff;width: .5rem;height: .4rem;line-height: .38rem;font-size: .22rem}

}
@media screen and (max-width: 320px){
.header .hd-top .logo img{height: .4rem}
}



.footer{ width:100%;color: #fff; background:url(../images/ftbg.jpg) no-repeat center;background-size: cover; padding:.25rem 0;}
.footer .visit{margin-right: .4rem;margin-top: .3rem }
.footer .visit li{ display: inline-block; padding: 0 .15rem; border-right: 1px solid #fff; text-align: center; color: #fff; }
.footer .visit li span{font-size: .28rem; font-weight: bold;}
.footer .visit li:last-child{ border-right: 0;    margin-top: 20px;}
.footer .visit li p{  margin-top: .1rem;color: #fff; font-size: .14rem}
.footer .info{margin-top: .2rem;width: 46%}
.footer .info dt{margin-bottom: .1rem}
.footer .info dt span{font-size: .24rem; font-weight: bold;line-height: 1em;border-left: 5px solid #fff;padding-left: .1rem;display: inline-block;}
.footer .info dd{font-size: .14rem}
.footer .info dd p{padding: 6px 0}
.footer .info dd p span{margin-right: .15rem}
.footer .code{}
.footer .code p{margin-top: 10px;text-align: center;font-size: .14rem}
.footer .code img{max-width:1.08rem;margin: 0 auto }
@media screen and (max-width: 980px){
.footer{padding: .35rem 0}
.footer .visit{width: 100%;margin-right: 0;margin-top: 0;text-align: center;margin-bottom: .3rem}
.footer .info{margin-top: 0;width: 100%;text-align: center;margin-bottom: .3rem}
.footer .info dt{}
.footer .code{width: 100%}
}
@media screen and (max-width: 640px){
.footer .visit li span{font-size: .22rem; }
.footer .visit li{padding: 0 .1rem}
.footer .info dt span{font-size: .22rem}
}
@media screen and (max-width: 360px){
.footer .visit li span{font-size: .2rem; }

}
@media screen and (max-width: 980px){
  html{font-size: 90px!important}
}
@media screen and (max-width: 640px){
  html{font-size: 85px!important}
}
/*@media screen and (max-width: 480px){
  html{font-size: 80px!important}
}*/
@media screen and (max-width: 360px){
  html{font-size: 80px!important}
}
/*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) { 

}