@charset "utf-8";
/*html{font-size:100px}*/
ul{margin: 0;padding: 0;}
.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}
.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}
.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;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.01);-ms-transform:scale(1.01);transform:scale(1.01)}
.bg-mask .pic{overflow:hidden}
.dslide .bg-mask .pic .a{background-repeat:no-repeat;background-position:center top;height:100%;display:block;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background-size:100% 100%;background-color:#000}
.bg-mask .pic .a{background-repeat:no-repeat;background-position:center center;background-size:cover;height:100%;display:block;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.bg-mask:hover .pic .a{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.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{width:90%;margin:0 auto;max-width:1600px}
.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co{color:#e60d12}
.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}
}
@keyframes go5{0%{transform:translateX(0)}
50%{transform:translateX(5px)}
100%{transform:translateX(0)}
}
@keyframes aniBlink{from{margin-left:-50%}
to{margin-left:120%}
}
@-webkit-keyframes aniBlink{from{margin-left:-50%}
to{margin-left:120%}
}
@keyframes go{0%{transform:translateX(0)}
50%{transform:translateX(10px)}
100%{transform:translateX(0)}
}
@keyframes roted{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes roted1{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@keyframes sca{0%{transform:scale(1.1)}
50%{transform:scale(1)}
100%{transform:scale(1.1)}
}
@keyframes go5{0%{transform:translateX(0)}
50%{transform:translateX(5px)}
100%{transform:translateX(0)}
}
@keyframes aniBlink{from{margin-left:-50%}
to{margin-left:120%}
}
@-webkit-keyframes aniBlink{from{margin-left:-50%}
to{margin-left:120%}
}
@keyframes go{0%{transform:translateX(0)}
50%{transform:translateX(10px)}
100%{transform:translateX(0)}
}
@keyframes roted{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes roted1{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@keyframes sca{0%{transform:scale(1.1)}
50%{transform:scale(1)}
100%{transform:scale(1.1)}
}
.header{position:fixed;top:0;left:0;z-index:99;width:100%;height:4.8vw;transition:.3s;background: rgba(255,255,255,0.5);padding: 0px 18%;}
.header .wps{/*width:94%;*/margin:0 auto;max-width:1860px;height:100%;position:relative;z-index:3}
.header .mian-nav-m{display:none;float:right}
.header .mian-nav-h{width:100%}
.header .logo img{height:auto;width:100%}
/*.headerR { margin-right: -20vw; }*/
.header .login{height: 1.4vw; border-left: 1px solid #eeeeee; line-height: 1.4vw;margin: 1.7vw 0;padding-left: 1vw;}
.header .login a{color: #eeeeee;float: left;margin: 0 1.1vw;}

    
.header .mian-nav ul li .menux{position:absolute;border-bottom:3px solid #333194;left:-1px;width:0;top:-1px;bottom:-3px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.header .mian-nav ul li :hover .menux{width:100%;width:calc(100% + 2px);border-bottom:3px solid #333194}

.title-cn:before{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#e60012;border-radius:1px 0 1px 0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.title-cn:before{width:90px}
.title-cn:hover:before{width:120px}

.scrolling .header {background: #fff;}



header .navbar ul.nav>li >a::after { font-size: 16px; font-family: "iconfont" !important; position: absolute; top: 50%; right: -20px; transform: translateY(-48%); visibility: hidden; content: "\e7b2"; }
header .navbar nav#hw-navbar .navbar-nav li.menu-list a.btn-next .icon-arrow-right { float: right; font-size: 20px; }

.header .mian-nav .active a{border-bottom: 3px solid #333194;}
.header .mian-nav ul li:hover .dropdown-toggle:after{transform:rotate(180deg);vertical-align:2px}
.header .mian-nav{width:100%;padding: 1.6vw 0;}
.header .mian-nav ul li.topser:before{display:none}
.header .mian-nav ul li.topser:after{display:none}
.header .mian-nav ul li.topser a{color:#fff;background:url(../img/ser.svg) no-repeat center;background-size:.22rem .22rem;width:.22rem;height:.3rem;display:block}
.header .mian-nav ul li{position:relative;transition:.3s;text-align:center;/*line-height:.3rem;*/margin:0 2vw;}
.header .mian-nav ul li:first-child{margin-left:0}
.header .mian-nav ul li>a{position:relative;color:#000000;font-size:0.9vw;padding: 1.9vw 0;}
/*.nav>li>a{position:relative;display:block;padding:10px 15px}*/
.header .mian-nav ul li>a span{display:block;font-size:.14rem;text-align:center;color:#999;margin-top:.05rem}
.header .mian-nav ul li .shop img{float: left;vertical-align: middle;display: inline-block;margin-top: 0.3vw;margin-right: 0.2vw;}
/*.header .mian-nav ul li:hover{background: none;}*/
.header .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:3.7rem;width:13.7rem;transform:translateX(-50%);opacity:0;visibility:hidden;transition:.3s;line-height: 1.6vw;}
.header .sub-nav .sub-nav-h{text-align:center;position:relative;background:#f5f5f5;padding:0vw 0.5vw;box-shadow:0 0 10px rgba(0,0,0,.3)}
.header .sub-nav .sub-nav-h a{display:block;font-size:0.8vw;padding:0.2rem;margin-bottom:1px;/*background:#fff;*/transition:.3s;color: #000000;border-bottom: 1px solid #d9d9d9;}
.header .sub-nav .sub-nav-h a:last-child{border-bottom: none;}
.header .sub-nav .sub-nav-h a:hover{color:#313294}
.header .sub-nav .sub-nav-h:before{content:'';position:absolute;left:50%;transform:translateX(-50%);border:.08rem solid transparent;border-bottom-color:#000;top:-.16rem}
.header .mian-nav ul li:hover .sub-nav{opacity:1;visibility:inherit}
.menu-btn{z-index:999;overflow:hidden;margin-left:35px;width:32px;height:36px;background:0 0;text-indent:-5260px;opacity:1;position:relative;z-index:999}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;right:0;width:32px;height:2px;background:#000;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.menu-btn .line-1{margin-top:-10px;width:28px}
.menu-btn .line-3{margin-top:10px;width:28px}
.drawerMenu-open .menu-btn .line-1{visibility:hidden}
.drawerMenu-open .menu-btn .line-2{margin-top:0!important;width:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawerMenu-open .menu-btn .line-3{margin-top:0!important;width:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.searchbtn{width:30px;text-align:center;line-height:40px}
.searchbtn img{width:20px;height:20px}
.searchbtn i{color:#c80d17;font-size:18px}
.mobNav .shop img{float: left;vertical-align: middle;display: inline-block;margin-top: 1.4vw;margin-right: 1.2vw;}
.mobNav{position:fixed;top:50px;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);z-index:98;padding-top:53px;padding:40px 5% 30px;display:none}
.mobNav ul{height:70vh;overflow:auto;padding: 0;}
.mobNav ul::-webkit-scrollbar{display:none}
.mobNav ul li{padding:15px 0;border-bottom:1px solid #ddd}
.mobNav ul li:last-child{border-bottom:0}
.mobNav ul li .navp a{font-size:15px;color:#000000;}
/*.mobNav ul li .menua a{border-bottom: 1px solid #b81c22;}*/
.mobNav ul li .navp i{display:block;width:16px;transition:.3s;transform-origin:center;margin-right:5px;height:16px;background:url(../img/more.svg) no-repeat center;background-size:16px 16px}
.mobNav ul li.on .navp i{transform:rotate(90deg)}
.mobNav ul li .subNavm{margin-top:10px;padding-left:10px;display:none}
.mobNav ul li .subNavm a{display:block;line-height:30px;font-size:14px}
.mobNav .toplink{margin-bottom:20px}
.mobNav .toplink a i{vertical-align:-1px;margin-right:3px}
/*.mobNav .toplink a{height:30px;line-height:30px;text-align:center;border:1px solid #2c06a0;width:23%;transition:.3s;font-size:14px;color:#2c06a0}*/
/*.mobNav .toplink a:nth-child(1){height:30px;line-height:30px;text-align:center;border:1px solid #2c06a0;background:linear-gradient(92deg,#000000 0,#b81c22 100%);width:23%;transition:.3s;color:#fff;font-size:14px}*/
.mobNav .toplink a{height:30px;line-height:23px;width:10%;transition:.3s;font-size:14px;}
.mobNav .toplink a:nth-child(2){width:90%;}

.headerm{display:none;position:fixed;left:0;right:0;top:0;z-index:99;background:#fff;height:60px;padding-right:4%;padding-left:4%}
.headerm .logo img{height:32.5px}
@media screen and (max-width:1700px){.header .logo img{height:auto;width:100%}
.header .mian-nav ul li{margin-left:.22rem}
}
@media screen and (max-width:1600px){.header .logo img{height:auto;width:100%}
/*.header .wps{width:96%}*/
.header .mian-nav ul li{margin:0 1.4vw}
}
@media screen and (max-width:1440px){.header .logo img{height:auto;width:100%}
/*.header .wps{width:96%}*/
.header .mian-nav{padding: 1.4vw 0;}
/*.headerR { margin-right: -15vw; }*/
.header .mian-nav ul li{margin-left:.12rem}
}
@media screen and (max-width:1366px){.header .logo img{height:auto;width:100%}
.header .wps{width:96%}
.header .mian-nav ul li{margin-left:.1rem}
.zoom125 .header .mian-nav ul li{margin-left:.4rem}
.zoom150 .header .mian-nav ul li{margin-left:.4rem}
}
@media screen and (max-width:1200px){body{padding-top:59px}
.header{display:none}
.headerm{display:flex}
/*html{font-size:90px!important}*/
}
@media screen and (max-width:640px){body{padding-top:54px}
.menu-btn{margin-left:15px}
.headerm{height:55px}
/*html{font-size:80px!important}*/
}
@media screen and (max-width:360px){.headerm .logo img{height:28px}
}
.loader{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;z-index:999;display:none}
.topser .serpc{display:none;position:absolute;width:300px;height:.5rem;padding:.05rem;top:.31rem;right:0;z-index:66;background:#fff}
.topser .inp{width:calc(100% - .3rem);height:.4rem;line-height:.4rem;padding:0 .4rem 0 10px;font-size:.14rem;color:#444;background:0 0;border:1px solid #eee}
.topser .sub{display:block;cursor:pointer;position:absolute;right:.35rem;top:.05rem;height:.4rem;width:.4rem;border:none;border-radius:50%;overflow:hidden;font-size:.14rem;color:#8f0e16;background:0 0;background:url(../img/serbtn.svg) no-repeat center;background-size:.2rem .2rem}
.topser .close{position:absolute;right:.05rem;top:50%;transform:translateY(-50%);width:.2rem;height:.3rem;line-height:.3rem;-webkit-transition:.5s;transition:.5s;font-size:.2rem;color:#888;cursor:pointer}
.topser .close:hover{color:#2c06a0}
.sermob{position:fixed;width:100%;padding:10px;top:60px;right:0;z-index:66;background:#fff;display:none}
.sermob .inp{width:calc(100% - 30px);height:40px;line-height:40px;padding:0 40px 0 10px;font-size:14px;color:#444;background:0 0;border:1px solid #eee}
.sermob .sub{display:block;cursor:pointer;position:absolute;right:30px;top:0;height:40px;width:40px;border:none;border-radius:50%;overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background:url(../img/serbtn.svg) no-repeat center;background-size:20px 20px}
.sermob .close{position:absolute;right:10px;top:10px;width:20px;height:40px;-webkit-transition:.5s;transition:.5s;font-size:20px;color:#888;cursor:pointer;line-height:42px}
.topser .close:hover{color:#2c06a0}
@media screen and (max-width:640px){.sermob{top:55px}
}
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.line8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}



.col-item .textbox .info .time{background: url(../images/data.png)no-repeat left;padding-left:1vw;}
.paddiv{padding: 1vw 1vw;height: 610px;overflow: scroll;}
.col-item.news-item .type{width: 93.9%;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.paddiv::-webkit-scrollbar { width: 0.2rem; height: 0.75rem; background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
.paddiv::-webkit-scrollbar-track { box-shadow: inset 0 0 0.375rem #f9f7f7; border-radius: 0.625rem; background-color: #F5F5F5; }
/*定义滑块 内阴影+圆角*/
.paddiv::-webkit-scrollbar-thumb { border-radius: 0.625rem; box-shadow: inset 0 0 0.375rem #999; background-color: #cecece; }



.hwic_sina-weibo{background: url(../images/wb.png)no-repeat center;display: block;width: 38px;height: 38px;}
.hwic_sharing_wechat{background: url(../images/wx.png)no-repeat center;display: block;width: 38px;height: 38px;}
.hwic_linkedin{background: url(../images/lj.png)no-repeat center;display: block;width: 38px;height: 38px;}
.hwic_toutiao{background: url(../images/dy.png)no-repeat center;display: block;width: 38px;height: 38px;}

.list-unstyled li{position: relative;}
.list-unstyled li .htop{top: -5vw;left: -1.5vw;}
#wx{display: none;position: absolute;}
#wb{display: none;position: absolute;}
#lj{display: none;position: absolute;}
#dy{display: none;position: absolute;}



@media only screen and (min-width:768px) {
	.list-unstyled li .htop{top: -13vw; left: -3.2vw;}
}

@media only screen and (max-width:1024px) {
	.list-unstyled li .htop{top: -10vw; left: -2.5vw;}
	.paddiv{height: 430px;}
}
@media only screen and (min-width:1200px) {
	.list-unstyled li .htop{top: -8vw;}
}
@media only screen and (max-width:1360px) {
	.paddiv{height: 450px;}
}
@media only screen and (min-width:1366px) {
	.paddiv{height: 420px;}
}
@media only screen and (min-width:1400px) {
	.paddiv{height: 440px;}
}
@media only screen and (min-width:1440px) {
	.list-unstyled li .htop{top: -7vw;left: -1.5vw;}
	.paddiv{height: 456px;}
}
@media only screen and (min-width:1660px) {
	.paddiv{height: 478px;}
}
@media only screen and (min-width:1680px) {
	.list-unstyled li .htop{top: -6vw;}
	.paddiv{height: 488px;}
}
@media only screen and (min-width:1920px) {
	.list-unstyled li .htop{top: -5vw;left: -1.2vw;}
	.paddiv{height: 610px;}
}
@media only screen and (max-width:700px ) {
	.paddiv{    height: 400px; overflow: scroll;}
	footer .copy,footer .copy a{color: #ffffff;}
	.list-unstyled li .htop{top: -27vw; left: -6.5vw;}
	.col-item.news-item .type{width: 92%;}
	footer .footer-other-link{text-align: center;}
	/*.headerm .logo img{height: 23px;}*/
	.loginm{margin: 2vw 0;}
	.loginm a{color: #ffffff;float: left;margin:0 0.5vw;}
	.w{font-size: 5.5vw;}
}