@charset "utf-8";
@import url('/yuanshiguan/css/animate.css');
@import url('/yuanshiguan/css/lib.css');
@font-face{font-family:'sys';font-style:normal;font-weight:normal;src:url(/yuanshiguan/fonts/SourceHanSerifCN-Bold.woff) format("woff")}
.sys{font-family:'sys';}
.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;  }
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: .16rem;
   font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,"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.4em;}
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:#444;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color: #9f2f32}
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 }  
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.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}
.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;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;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.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);}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.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:14.4rem;width: 92%}
.wp1{width:90%;margin:0 auto;max-width:1380px}
.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,.7),rgba(255,255,255,.7));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_b1{position:relative;background-image:linear-gradient(#004fa1,#004fa1);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b1:hover .titline_b1{background-size:100% 2px}
.titline_b1:hover{background-size:100% 2px}
.titline_b{position:relative;background-image:linear-gradient(#004fa1,#004fa1);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b:hover .titline_b{background-size:100% 1px}
.titline_b:hover{background-size:100% 1px}
.titline_r{position:relative;background-image:linear-gradient(#c31821,#c31821);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}
.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}

@keyframes go{0%{transform: translateX(0);}50%{transform: translateX(10px);}100%{transform: translateX(0);}}
@keyframes roted{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}

.overhide{overflow: hidden}
#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 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}
body{padding-top: 1.1rem}


.header{position: fixed;top: 0;left: 0;right: 0;z-index: 30;height: 1.15rem;background: #fff;box-shadow: 0 0 .15rem rgba(0,0,0,.15)}
.header .logo a{display: flex; align-items: center; position: relative; height: 99%;}
.header .logo hr{height: 100%; border-left: 1px solid #f2f2f2; background: none; margin: 0 0.1rem;}
.header .logo img:first-child{height: .63rem;transition: .3s;width: 3rem}
.header .logo img:nth-child(3){height: .48rem;transition: .3s;width: 1.33rem}
.header .wp{height: 100%; align-items: center;}
.header .hdr-top{line-height: .35rem;padding-top: .15rem}
.header .hdr-top .links{margin-right: .2rem}
.header .hdr-top .links a {margin: 0 .1rem}
.header .hdr-top .links a i{color: #868689;margin-right: 5px;font-size: .22rem;vertical-align: -2px}
.header .hdr-top .links a:hover i{color: #9f2f32;}
.header .hdr-top .search form{display: flex;justify-content: center; position: relative;}
.header .hdr-top .search .inp{width: 2rem;line-height: .35rem;height: .35rem;background: #fff;border: 1px solid #ddd;border-radius:5px 0 0 5px;padding: 0 .1rem;border-right:0;}
.header .hdr-top .search .sub{width:.4rem ;height: .35rem;background: url(/yuanshiguan/images/ser.svg) #9f2f32 no-repeat center;background-size: .2rem .2rem;border: none;border-radius:0 5px 5px 0;}

.header .hd-nav { display: none;}
.header .hd-nav  li{position: relative;line-height: .6rem;font-size: .18rem;text-align: center;margin-left: .3rem}
.header .hd-nav  li>a{}
.header .hd-nav li.active a{color: #9f2f32;}
.header .hd-nav  li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.04rem;min-width: 2.25rem;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .3s;}
.header .hd-nav  li .sub-nav .sub-nav-h{text-align:center;position: relative;background: url(/yuanshiguan/images/navbg.png)#fff no-repeat bottom center;background-size: 100% auto; padding: .15rem ;border-top: 1px solid #d81e06;border-radius: 0  0 .2rem 0 }
.header .hd-nav  li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:0 .1rem ;white-space: nowrap;line-height: .4rem;border-bottom: 1px dashed #ddd}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover{color: #d81e06}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover:after{content: '进入';background: #d81e06;color: #fff;border-radius: 5px;padding: 0 .05rem;font-size: .14rem;margin-left: .1rem}
.header .hd-nav  li .sub-nav .sub-nav-h a:hover:before{display: none}
.header .hd-nav  li .sub-nav .sub-nav-h a:before{content: "\e627";font-family: "iconfont" !important;color:  #d81e06;margin-right: 5px;font-size: .2rem}
.header .hd-nav  li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);border: 10px solid transparent;border-bottom-color: #d81e06;top:-20px;}
.header .hd-nav  li:hover .sub-nav{opacity: 1;visibility: inherit; }


.headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 99;padding-right: 4%;padding-left: 4%;
  background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.15);height: .65rem }
.headerm .logo{}
.headerm .logo img{height:.5rem}
.headerm .navbtnm{width:.86rem;height: .65rem;background: url(/yuanshiguan/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: .35rem;transition: .3s}

.big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background: #956729;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:17.85rem;margin:0 auto}
.big-nav .scroll li{width:11.111%;text-align:center;padding-top:.45rem}
.big-nav .scroll li h2{font-size:.2rem;}
.big-nav .scroll li a{color:#fff}
.big-nav .scroll li .list{padding:.2rem 0}
.big-nav .scroll li .list h3{font-weight:400;font-size:.17rem;line-height:.36rem}
.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;}
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";}

.big-nav  .btn-list1{display: none}
@media screen and (min-width: 1200px){
.big-nav{display: none}

}

@media screen and (max-width: 1200px){
body{padding-top: .65rem}
.pageMain .hdr-t{display: none}
.big-nav  .btn-list1{display: block;}
.big-nav {background: #9f2f32; 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:#fff;transition: .3s}
.big-nav .scroll li .list{padding:0 0 0 6%;display:none}
.big-nav .scroll li .list h3{font-size:.18rem;line-height:.56rem;border-top:rgba(255,255,255,.13) solid 1px}
.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:.2rem 6% .4rem;width: 100%}
.big-nav .search form{display: flex;justify-content: center; position: relative;background: #fff;border-radius: 5px ;overflow: hidden;}
.big-nav .search .inp{width: calc(100% - .5rem);line-height: .55rem;height: .55rem;background: #fff;border:0;padding: 0 .1rem;border-right:0;font-size: .18rem}
.big-nav .search .sub{width:.5rem;height: .55rem;background: url(/yuanshiguan/images/serbtn.svg) #ffffff no-repeat center;background-size: .23rem .23rem;border: none;}

.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;margin: 0 .1rem}
.big-nav .links  a i{font-size: .26rem;margin-right: 3px;vertical-align: -2px}
.big-nav .links{justify-content: center}

}



.iconfont{font-size: inherit;}
.publine{background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}

@media screen and (max-width:1200px){
.header{display: none}
.headerm{display: flex;}
html{font-size: 92px!important}
.wp{width: 90%}

}
@media screen and (max-width:980px){
.rightFixs{display: none}


html{font-size: 90px!important}
}
@media screen and (max-width:640px){
/*body{font-size: .18rem}*/
html{font-size: 80px!important}
body{font-size: .18rem}
}
@media screen and (max-width:480px){
.eclips{overflow:inherit;text-overflow:inherit;white-space:inherit;}
}
@media screen and (max-width:375px){
html{font-size: 75px!important}
}
@media screen and (max-width:360px){

html{font-size: 70px!important}
}


.footer{background: url(/yuanshiguan/images/ftbg.jpg) no-repeat center;background-size: cover;color: #fff}
.footer a{color: #fff}
.footer .fta{padding: .75rem 0 .2rem}
.footer .fta .aleft .codes{margin-bottom: .3rem}
.footer .fta .aleft .codes div{margin-right: .2rem}
.footer .fta .aleft .codes div img{background: rgba(255,255,255,.15);border-radius: 5px;padding: .06rem;max-width: 1.36rem}
.footer .fta .aleft .codes div p{font-size: .14rem;text-align: center;color: rgba(255,255,255,.8);margin-top: .06rem}
.footer .fta .aleft .txt{font-size: .14rem;}
.footer .fta .aleft .txt p{padding: .05rem 0}
.footer .fta .aleft .txt span{margin-right: .4rem}
.footer .fta .aright .h4{font-size: .24rem;margin-bottom: 5px}
.footer .fta .aright .listBox{margin-top: .2rem}
.footer .fta .aright .listBox ul li{width: 2.4rem;height: .5rem;border: 1px solid rgba(255,255,255,.3);border-radius: .15rem 0 .15rem 0;line-height: .48rem;background: rgba(0,0,0,.2);padding: 0 0 0 .2rem;display: flex;position: relative;}
.footer .fta .aright .listBox ul li:after{content: "\ed20";font-family: "iconfont" !important;position: absolute;right: .2rem;top:50%;transform: translateY(-50%);z-index: 2}
.footer .fta .aright .listBox ul li select{background: transparent;border: none;width: calc(100% - .55rem);padding-right: .3rem;cursor: pointer;}
.footer .fta .aright .listBox ul li select option{color: #333}
.footer .fta .aright .listBox ul li:nth-child(2){border-radius:0 .15rem 0 .15rem ;margin-left: .1rem}

.footer .fta .aright .listBox #viewUrl{border-radius:0 .15rem 0 .15rem ;width: 2.4rem;height: .5rem;background: #a23739;color: #fff;display: block;text-align: center;line-height: .5rem;margin-top: .1rem}
.footer .ftsina{}
.footer .ftsina .h4{padding-right: 13%}
.footer .ftsina .h4 i{font-size: .32rem;color: #c53537;vertical-align: -.05rem;margin-right: 5px}
.footer .ftsina .h4:before{}
.footer .ftsina .h4:after{content: '';position: absolute;top:50%;right: 0;height: 1px;background: rgba(255,255,255,.3);width: 12%}
.footer .ftsina .h4:before{content: '';position: absolute;top:50%;left: 0;height: 1px;background: rgba(255,255,255,.3);width: calc(88% - 2.5rem)}

.footer .ftb{padding: .15rem 0 .3rem}
.footer .ftb .aleft{color: rgba(255,255,255,.8);font-size: .15rem}
.footer .ftb .aleft a{color: rgba(255,255,255,.8);}
.footer .ftb .aleft span{margin-right: .4rem}
.footer .ftb p{padding: 3px 0;line-height: 1.6em}

.footer .ftb .links a{padding: 0 .15rem;position: relative;}
.footer .ftb .links a:before{content: '';width: 1px;height: .14rem;background: rgba(255,255,255,.5);position: absolute;left: 0;top:2px;}
.footer .ftb .links a:first-child{padding-left: 0}
.footer .ftb .links a:first-child:before{display: none}
.footer .ftb .aright{}


.footer .ftb .aright .ftlink{width: 100%}
.footer .ftb .aright .ftlink dt{cursor: pointer;border: 1px solid rgba(255,255,255,.3);width: 100%;height: .45rem;
  line-height: .43rem;padding:0 .55rem 0 .35rem;position: relative;font-size: .14rem;color: #e0e0e0}
.footer .ftb .aright .ftlink dt:after{ width: .15rem;height: .45rem;content: "\ed1f";font-family: "iconfont" !important;;position: absolute;right: .15rem;top:0;}
.footer .ftb .aright .ftlink dd{position: absolute;bottom: 100%;width: 100%;overflow-y:auto;max-height: 2.6rem;left: 0;
  background: #fff;display: none;z-index: 5 ;padding:.1rem .15rem;box-shadow: 0 0 10px rgba(0,0,0,.2)}
.footer .ftb .aright .ftlink dd a{color: #555;display: block;padding: 5px 0;font-size: .14rem}
.footer .ftb .aright .ftlink dd a:hover{color: #0e72b2}
.footer .ftb .aright .ftlink dl:hover dd{display: block;}


.footer .fta .aright .ftlink{width: 100%}
.footer .fta .aright .ftlink dl{width: 2.4rem}
.footer .fta .aright .ftlink dt{cursor: pointer;border: 1px solid rgba(255,255,255,.3);width: 100%;height: .5rem;
  line-height: .48rem;padding:0 .55rem 0 .35rem;position: relative;color: #e0e0e0;border-radius: .15rem 0 .15rem 0;width: 100%}
.footer .fta .aright .ftlink dt:after{ width: .15rem;height: .45rem;content: "\ed20";font-family: "iconfont" !important;;position: absolute;right: .15rem;top:0;}
.footer .fta .aright .ftlink dd{position: absolute;top: 100%;width: 100%;overflow-y:auto;max-height: 2.2rem;left: 0;
  background: #fff;display: none;z-index: 5 ;padding:.1rem 0;box-shadow: 0 0 10px rgba(0,0,0,.2)}
  .footer .fta .aright .ftlink dd span{display: block;color: #555;padding: .08rem .15rem;cursor: pointer;}
    .footer .fta .aright .ftlink dd span:hover{background: #eee}
.footer .fta .aright .ftlink dd a{color: #555;display: block;padding: 5px 0;font-size: .14rem}
.footer .fta .aright .ftlink dd a:hover{color: #0e72b2}
/*.footer .fta .aright .ftlink dl:hover dd{display: block;}*/
.footer .fta .aright .ftlink dl:nth-child(2){border-radius:0 .15rem 0 .15rem ;margin-left: .1rem}



@media screen and (max-width: 1200px){
.footer .fta .aleft{width: 100%;margin-bottom: .25rem}
.footer .fta .aright{width: 100%;text-align: center}
.footer .fta .aleft .codes{justify-content: center}
.footer .fta .aleft .codes div{margin: 0 .15rem}
.footer .fta .aleft .txt{font-size: .16rem;text-align: center}
.footer .fta .aleft .txt span{margin: 0 .2rem}
.footer .fta .aright .listBox{display: flex;justify-content: center}
.footer .ftb .aleft{width: 100%;order: 2;text-align: center;font-size: .16rem;padding-top: .2rem}
.footer .ftb .aright{width: 100%;order: 1;justify-content: center;flex-direction: inherit;}
.footer .ftb .aleft span{margin: 0 .2rem}
.footer .ftb .aright .ftlink{width: 100%;max-width: 4rem}
}
@media screen and (max-width: 540px){
.footer .fta .aright .listBox ul li,.footer .fta .aright .listBox #viewUrl{width: 48%}
.footer .fta .aright .listBox{display: block;}
.footer .fta .aleft .txt span,.footer .ftb .aleft span{margin: 0 .1rem}
.footer .ftb .links a{padding: 0 .1rem}
.footer .ftb .aright .ftlink{max-width: inherit;}
.footer .fta .aright .ftlink dl{width: 48%}
.footer .fta .aright .ftlink dl:nth-child(2){margin-left: 0}
.footer .fta .aright .ftlink dt{padding: 0 .4rem 0 .15rem}
}
@media screen and (max-width:360px){
	.footer .fta .aright .ftlink dl{margin-bottom: .15rem}
.footer .fta .aright .ftlink dl,.footer .fta .aright .listBox #viewUrl{width: 100%}
.footer .fta .aright .listBox ul li:nth-child(2){margin-left: 0;margin-top: .1rem}
.footer .fta .aright .listBox ul li select{width: calc(100% - .6rem)}

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

@media print{

}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}



/* 新增导航 */
.xz-nav{
  background: #fff;
  box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.1);
  margin-top: -0.87rem;
  position: relative;
  z-index: 1;
  margin-bottom: 0.7rem;
}
.xz-nav ul li{
  float: left;
  width: 20%;
}
.xz-nav ul li a{
  display: block;
  padding: .25rem;
  text-align: center;
  transition: all 0.3s;
  position: relative;
}
.xz-nav ul li a::after{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #e5e5ee;
  transition: all 0.3s;
}
.xz-nav ul li:first-child a::after{
  display: none;
}
.xz-nav ul li a:hover::after{
  background: #9f2f32;
}
.xz-nav ul li a h3{
  font-family: 'sys';
  font-size: .48rem;
  font-weight: bold;
  color: #9f2f32;
  background: url(/yuanshiguan/images/tit1.png) no-repeat center;
  background-size: contain;
  height: .81rem;
  transition: all 0.3s;
}
.xz-nav ul li a h4{
  font-family: 'sys';
  font-size: .2rem;
  margin-top: .15rem;
  transition: all 0.3s;
}
.xz-nav ul li a:hover{
  background: #9f2f32;
}
.xz-nav ul li a:hover h3,
.xz-nav ul li a:hover h4{
  color: #fff;
}
.xz-nav ul li a:hover h3{
  background-image: url(/yuanshiguan/images/tit2.png);
}
.xz-nav ul li.on a{
  background: #9f2f32;
}
.xz-nav ul li.on a h3{
  color: #fff;
  background-image: url(/yuanshiguan/images/tit2.png);
}
.xz-nav ul li.on a h4{
  color: #fff;
}

@media screen and (max-width: 1100px) {
  .xz-nav{
    margin-top: -0.67rem;
  }
  .xz-nav ul li a{
    padding: .1rem;
  }
}
@media screen and (max-width: 1024px) {
  .xz-nav{
    display: none;
  }
}