/* common */
.wp{width:85.8%;max-width:1440px;margin:0 auto;position:relative;}
.radius,.radius img{border-radius:10px;}
@font-face {
    font-family:'century';
    src: url(../fonts/Century751.ttf);
}
.cty{font-family:'century';}
/* trans */
.fb{font-weight:bold}
.transy{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.transy:hover{transform:translateY(-5px)}
.pic,.bimg{overflow:hidden}
.biao img,.pic img{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;cursor:pointer}
.pic img,.bimg img{width:100%;height:100%;display:block}
.biao:hover img{transform:scale(1.09)!important}
.pic:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.bimg img,.bimg2 img{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;cursor:pointer}
.bimg:hover img,.bimg2:hover img{transform:scale(1.09)!important}
.pimg:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.pimg{height:100%;width:100%;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
/*网站默认滚动条的样式*/
body::-webkit-scrollbar {width:5px;height:5px;}
body::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
body::-webkit-scrollbar-thumb {background:#333;}
body::-webkit-scrollbar-thumb:window-inactive {background:#333;}
body::-webkit-scrollbar-thumb:vertical:hover {background:#333;}
.clear{clear:both;width:100%;float:left;}
/* pc头部 */
header{width: 100%;position: fixed;top:0;left:0;z-index: 99999;transition: all .3s;transition:all ease .3s;}
header .top{position: absolute;top:18px;right:0;z-index:2;color:#fff;font-size:14px;}
header .top a{color:#fff;padding:0 18px}
header .top a:hover{color:rgba(255,255,255,.7)}
header::before{content:"";width:100%;height:4px;background:#B01C2F;position: absolute;left:0;top:0;z-index:1;}
header .wp{max-width:1600px;padding:35px 0 8px 0;position: relative;}
header .wp{ display: flex;justify-content: space-between;align-items: center;}
header .nav{width: 100%;float: right;margin-left: 24vw;}
header .nav ul{display: flex;justify-content: space-between;}
header .nav ul li{height: 78px;line-height: 78px;position: relative;transition: all 0.3s;}
header .nav ul li:nth-child(5){}
header .nav ul li:nth-child(6){}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;font-size: 16px;color: #fff;}
header .nav ul li:hover a,header .nav ul li.on a{color:rgba(255,255,255,.7)!important}
header .nav ul li .down{position: absolute;width: 180px;left:50%;transform: translateX(-50%);top:86px; display: none;text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,.175)!important;}
header .nav ul li .down a{display: block;font-size: 14px;padding: 0 16px;color: #333!important;background:rgba(255,255,255,.8);position: relative;line-height:36px;transition: background-color .4s, color .4s;}
header .nav ul li .down a:hover {color: #B01C2F!important;}
header .m_nav,header .m_nav.show{display: none!important;}
header .search{width:168px; height: 26px; border: 1px solid rgba(255,255,255,.2);}
header .search button{width:30px;height:23px;background:none;border:0;outline:0;margin-right:5px}
header .search button i{font-size:14px;color:rgba(255,255,255,.6);}
header .search button:hover i{color:#fff;}
header .search input.txt{width:calc(100% - 30px);background:none;color:#fff;padding:0 15px;}

header .search input::-webkit-input-placeholder{color:#fff;}
header .search input::-moz-placeholder{	color:#fff;}
header .search input::-ms-input-placeholder{color:#fff;}
/* fix */
header.fix{background:#B01C2F;}
header.fix  .nav ul li .down a{background:rgba(255,255,255,1);}
.lightbox{width:100%;height:100%;position: fixed;left:0;top:0;background: rgba(0,0,0,.6);z-index:22;display:none;}
/* footer */
.footer{clear:both;background: url(../img/bg_ft.jpg) no-repeat top center;background-size: cover;color: #fff;}
.footer .ft1{padding: 48px 0;}
.footer .ft1 .qrcode{text-align: center;}
.footer .ft1 .qrcode li{margin-left: 23px;}
.footer .ft1 .qrcode .ewm{width: 111px;height: 111px;background: #fff;border-radius: 10px;padding: 10px;margin-bottom: 10px;}
.footer .ft1 .qrcode .ewm img{display: block;max-width: 92px;}
.footer .bottom{border-top: 1px solid rgba(255, 255, 255, 0.13);padding: 28px 0;text-align: center;color: #fff;}
.footer .bottom a, .footer .bottom span{margin-left: 32px;color: #fff;}
.footer .bottom a:hover{color: rgba(255, 255, 255, 0.8);}

.footer .footer_logo{padding:0 30px}
.footer .ft1 .links{width:100%;max-width: 316px;flex-shrink:0;}
/* select */
.filter-disabled{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.filter-box{position: relative;}
.filter-box select{display: none;}
.filter-text{height: 100%;overflow: hidden;position: relative;cursor: pointer;padding: 0 30px 0 10px;background:rgba(111, 91, 93, .11);
border: 1px solid rgba(255,255,255,.11);border-radius: 4px;}
.filter-text input{font-size: 14px;}
.filter-text .filter-title{width: 100%;height: 53px;line-height: 53px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;cursor: pointer;color:#fff;}
.filter-list{display: none;width: 100%;max-height: 300px;background-color: #f6f6f6;font-size: 14px;position: absolute;bottom: 58px;left: 0;z-index: 9999;border: 1px solid rgba(255,255,255,.11);overflow: auto;border-radius:2px;}
.filter-list li.filter-null a{color: #fff;}
.filter-list li a{display: block;padding: 0 15px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;color: #333;}
.filter-list li.filter-selected a{display: block;color: #fff;}
.filter-list li.filter-disabled{background-color: #fff;}
.filter-list li.filter-disabled a{display: block;color: #d2d2d2;}
.filter-list li.filter-disabled:hover a{cursor: not-allowed!important;background-color: #fff;}
.filter-list li:hover a{color:#b01c2f;}
.select i{position: absolute;}
.select i{width:12px;height: 6px;background-repeat: no-repeat;background-image: url(../img/icon_xjt.png);background-size: 100%;right: 15px;top:50%;transform:translateY(-50%);transition: all .2s;}
.select i.filter-show{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar{width: 4px;height: 4px;}
.filter-list::-webkit-scrollbar-track{background: #fff;}
.filter-list::-webkit-scrollbar-thumb{background: #CBCBCB;}
@media (min-width:981px) {
header .logo{position: absolute;left: 7vw;transform: translateX(-50%);max-width:22vw;text-align:center;top: 26px;}
header .logo img{max-width:100%;}
header.fix,header:hover{background:#B01C2F;}
}
@media (max-width:980px) {
img{max-width:100%;height: auto !important;}
header{padding:0;}
header::before{height:2px;}
header .top{display:none;}
header .wp{padding:10px 15px;}
header .nav ul,header .nav .lang,header .nav .user,header .nav .ser{display: none;}
header .mlang{color:#fff;}
header .btn{display: block;position: absolute;right:15px;top:36%;transform:translateY(-50%);}
header .btn{margin-right: 0;cursor: pointer;}
header .btn.hide{opacity: 0;}
header .btn span{display: block;width: 24px;height: 1px;background-color: #fff;border-radius: 1px;transition: all 0.3s;}
header .btn span:nth-child(1){transform: translate(0,0);}
header .btn span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn span:nth-child(3){transform: translate(0,16px);}
header .btn:hover span:nth-child(1){transform: translate(0,0px);}
header .btn:hover span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .m_nav{display: block!important;position: absolute;left: 100%;top: 0;width: 100%;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 100vh;transition: all 0.5s ease-out;overflow-y: auto;}
header .m_nav.show{left: 0;display: block!important;}
header .m_nav .close{position: absolute;top: 16px;right:15px; width:25px;height:25px;background: url(../img/h_out.png)no-repeat center;background-size: 100% 100%;z-index: 10;}
header .search2{width:96%;height:35px;line-height:35px;border:1px solid #ddd;padding:0 5px 0  15px;}
header .search2 input.int1{line-height:33px;height:33px;}
header .search2 .input.int1{position: relative;}
header .search2 .icon-search{position: absolute;right:2px;top:50%;transform: translateY(-50%);background:none;border:0;outline:0;}
header .search2 .icon-search{font-size:18px;}
header .top2{padding:15px 0 20px;margin:0 -12px}
header .top2 a{color:#333;padding:0 12px}
/* menu */
.m_center{padding:50px 5px 30px 16px;text-align: left;}
.m_center .li{margin-bottom:10px;}
.m_center .li>a{font-size: 15px;line-height: 30px;position: relative;color: #333;}
.m_center .li>a.on{color:#E50112;}
.m_center .li.on>a{color: #E50112;}
.m_center .li.on>a:after{background-color: #E50112;}
.m_center .li ul{text-indent:1em;display: none;padding:10px 0 3px 0;}
.m_center .li ul a{line-height: 32px;font-size: 14px;display: block;}
.m_center .li ul a:hover{color: #E50112;}
.m_center .li{position: relative;}
.m_center .li:after{content: "";position: absolute;top:0;right:5px;width: 30px;height: 30px;background: url(../img/pr_jt.png)no-repeat center;transition: all 0.3s;cursor: pointer;}
.m_center .li.on:after{transform: rotate(90deg);}
header.on{height: auto;}
.m_center .right{display: flex;align-items: center;}
.m_center .right .solid{width: 1px;height: 20px;background-color: #333333;margin-right: 10px;}
.m_center .right a{display: flex;justify-content: center;align-items: center; margin-right: 10px;}
.m_center .right a img{width: 13px;}
.main .mainbox .crumbs .cat{margin-top:8px;}
}
@media screen and (min-width:981px) and (max-width:1600px) {
header .wp{padding:26px 20px 6px 20px;}
header .top{right:20px;top: 9px;}
}
@media screen and (max-width:1380px) {
.wp{width:100%;padding:0 30px}
header .nav ul li a{font-size:14px}
}

@media screen and (max-width:980px) {
.wp{padding:0 15px}
body{font-size:13px}
.footer .ft1{padding:30px 0}
.footer .ft1 .footer_logo img{max-width:72vw;}
.footer .bottom{line-height:25px;padding:10px 0}
.footer .bottom a, .footer .bottom span{margin-left:5px!important}
}
@media screen and (max-width:850px) {
.footer .ft1{flex-wrap: wrap;justify-content:center;}
.footer .ft1 .footer_logo{width:100%;text-align:center;padding:25px 0;position:relative;z-index:0;}
.filter-text .filter-title{height:45px;line-height:45px;}
.filter-list{bottom: 50px;}
}