/* trans */
@font-face {
    font-family: NeueHaasDisplayBlack;
    src: url(../fonts/neuehaasdisplayblack.ttf);
}
@font-face {
    font-family: NeueHaasDisplayBold;
    src: url(../fonts/neuehaasdisplaybold.ttf);
}
@font-face {
    font-family: NeueHaasDisplayLight;
    src: url(../fonts/neuehaasdisplaylight.ttf);
}
@font-face {
    font-family: NeueHaasDisplayMediu;
    src: url(../fonts/neuehaasdisplaymediu.ttf);
}
@font-face {
    font-family: NeueHaasDisplayRoman;
    src: url(../fonts/neuehaasdisplayroman.ttf);
}
@font-face {
    font-family: NeueHaasDisplayThin;
    src: url(../fonts/neuehaasdisplaythin.ttf);
}
@font-face {
    font-family: NeueHaasDisplayXThin;
    src: url(../fonts/neuehaasdisplayxthin.ttf);
}
@font-face {
    font-family: NHaasGroteskTXPro-55Rg;
    src: url(../fonts/nhaasgrotesktxpro-55rg.ttf);
}
@font-face {
    font-family:Hero;
    src: url(../fonts/Hero.otf);
}
.nhdR{font-family: NeueHaasDisplayRoman;}
.nhdM{font-family: NeueHaasDisplayMediu;}
.nhdT{font-family: NeueHaasDisplayThin;}
.nhdX{font-family: NeueHaasDisplayXThin;}
.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:all 2.6s ease-in 0s}
.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{padding-top:48px;font-family:'NeueHaasDisplayLight','Myriad Pro';background:rgba(255, 255, 255, .96);}
/*网站默认滚动条的样式*/
::-webkit-scrollbar {width:8px;height:5px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:#333;}
::-webkit-scrollbar-thumb:window-inactive {background:#333;}
::-webkit-scrollbar-thumb:vertical:hover {background:#333;}
/* pc头部 */
header{width: 100%;position: fixed;top:0;left:0;z-index:22;background: #303030;
    color: #fff;font-family: NeueHaasDisplayRoman;}
header a{color:#fff;}
header .logo img{margin-top:4px;height:22px;}
header a:hover{color:rgba(255, 255, 255, .6);}
header .nav{display: flex;align-items: center;justify-content: space-between;padding-left:129px;}
header .nav ul{display: flex;}
header .nav ul li{margin-right:75px;height:48px;line-height:48px;position: relative;transition: all 0.3s;font-size: 16px;}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;}
header .nav ul li:hover a,header .nav ul li.on a.v1{color:#fff}
header .down{position:fixed;width:100%;left:0;top:48px;display: none;background:#f7f7f7;display: none;max-height:100vh;font-family:'NeueHaasDisplayRoman';padding:65px 0;height:520px;z-index:22;    box-shadow: 0 5px 10px rgba(0,0,0,.175)!important;}
.nav > ul > li:nth-child(1) > .down{display: none !important;}
header li:nth-child(2) .down{height:350px;}
header .pro_subcat{background:rgba(0,0,0,.6);}
header .down .wp{height:100%;width:100%}
header .nav .down .dl{flex-direction: column;height:100%;justify-content:center;text-transform:uppercase;}
header .nav .down .dl  a{color:#323232;transition:all ease .3s;font-size:15px;}

header .nav .down .dl p:hover a{color:#ff0000;font-weight: bold;font-size:20px;}
header .hdr{text-align:right;}
header .hdr i{font-size:20px;color:#fff;}
header .hdr  a{margin-right:25px;}
header .lang{position: relative;transition: all .1s;margin:0 25px;}
header .lang a{color: #fff;font-size: 14px;transition: all .3s;height:48px;line-height:48px;margin-right:0;}
header .lang:hover a{color:rgba(255, 255, 255, 0.6)}
header .lang .down{position: absolute;width: 100px;left:35%;transform: translateX(-50%);top:48px;text-align: center;z-index:22;padding:0!important;height:auto;}
header .lang .down a{display: block;font-size: 14px;padding: 0 16px;color:#949494;background-color:#f7f7f7;position: relative;line-height:28px;height:28px;}
header .lang .down a:last-child::after{display:none;}
header .lang .down a:hover{color:#333}
header .user{cursor: pointer;}
.mlang{display:none;}
header .search{margin-left:0;position:relative;cursor: pointer;}
header .search i{font-size:18px;opacity:.75;}
header .search:hover i{color:#fff}
.m_nav{display:none;}
.searchbox{width:85%;max-width:564px;border-bottom:1px solid #424241;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);padding:12px 0 8px;}
.searchbox input{width:calc(100% - 50px);float:left;height:40px;line-height:40px;background:none;border:0;outline:0;color:#323232;font-size:18px;font-family: NeueHaasDisplay;}
.searchbox button{width:45px;background:none;float:right;text-align:right;border:0;outline:0;}
.searchbox button i{font-size:24px;color:#323232;transition:all ease .3s;}
.searchbox button:hover i{color:#323232;}
/* regbox */
.user_down.down{padding:65px 0 120px;background:#f5f5f5;}
.user_down form{width:100%}
.regbox{width:100%;max-width:432px;margin:0 auto;font-family:'NeueHaasDisplayLight';}
.regbox li{margin:33px 0;border-bottom:1px solid #323232;padding:15px 0;position: relative;}
.regbox li .label{font-size:18px;color:#323232;height:35px;line-height:35px;text-transform:uppercase;font-family:'hero';}
.regbox li input{border:0;outline:0;height:35px;line-height:35px;background:none;color:#323232;font-size:18px;font-family:'NeueHaasDisplayLight';}
.regbox li .dz{position: absolute;right:0;top:50%;transform: translateY(-50%);}
.regbox .btn1{width:170px;margin:0 auto;padding:15px 0;background:#323232;font-size:25px;border-radius:5px;font-family:'hero';margin-top:25px;border:0;font-weight: bold;color:#fff;}
.regbox .btn1:hover{background:rgba(50, 50, 50, .9);}
/*footer*/
.footer{background:#323232;padding:4.3vw 0 3.5vw;color:#fff;}
.footer .logo img{max-width:108px;}
.footer .footer_nav .tit{font-size:15px;margin-bottom:8px;}
.footer .footer_nav li{max-width:205px;}
.footer .footer_nav .dd p{height:22px;line-height:22px;overflow: hidden;font-size:12px;}
.footer .footer_nav .dd a{color:#979797}
.footer .footer_nav .dd p:hover a{color:#fff;}
.footer .share{max-width:70px;margin:22px 0 26px;}
.footer .share a{margin:0 2px 2px 0;}
.footer .share a img{width:18px;}
.footer .share a:hover{opacity:.88;}
.footer .lxfs{color:#979797;line-height:20px;max-width:110px;font-size:12px;}
.footer .lxfs p b{padding:5px 0;}
.footer .lxfs p{margin-bottom:4px;}
.footer .order{margin-top:45px;font-size:15px;}
.footer .order h3{font-size:15px;font-weight: normal;}
.footer .order p{margin-top:7px;}
.footer .order .int{background:#fff;padding:0 5px;margin-left:25px;width:100%;max-width:317px;}
.footer .order .int button{width:40px;height:34px;background:none;float:right;border:0;}
.footer .order .int button i{font-size:24px;}
.footer .order .int input{width:calc(100% - 50px);float:left;height:34px;line-height:34px;background:none;border:0;outline:0;}
.footer .contact{background:none!important;}
.lightbox{width:100%;height:100%;position: fixed;left:0;top:0;background:rgba(0,0,0,.9);z-index:1;display:none;}
/* 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;
border: 1px solid #E2E2E2;border-radius:8px;}
.filter-text input{font-size: 14px;outline:0;border:0;}
.filter-text .filter-title{width: 100%;height: 49px;line-height:49px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;cursor: pointer;color:#000;text-transform:uppercase;}
.filter-list{display: none;width: 100%;max-height: 300px;background-color:#E2E2E2;font-size: 14px;position: absolute;top:52px;left: 0;z-index: 99;border: 1px solid #E2E2E2;overflow: auto;border-radius:6px;}
.filter-list li.filter-null a{color: #000;}
.filter-list li a{display: block;padding: 0 15px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;color:#000;}
.filter-list li.filter-selected a{display: block;color: #000;}
.filter-list li.filter-disabled{background-color: #000;}
.filter-list li.filter-disabled a{display: block;color: #d2d2d2;}
.filter-list li.filter-disabled:hover a{cursor: not-allowed!important;background-color: #000;}
.filter-list li:hover{background:#000;color:#fff;}
.filter-list li:hover a{color:#fff;} 
.select i{position: absolute;}
.select i{width:12px;height: 6px;background-repeat: no-repeat;background-image: url(../images/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 .m_nav,.lightbox{display: none!important;;}
}
@media (max-width:980px) {
body{padding-top:45px;}
header .wp{padding:10px 15px;}
header .nav ul{display: none;}
header .btn{display: block;position:relative;right:15px;cursor: pointer;transition:all ease .3s;height:25px;top:2px;}
header .btn.hide{opacity: 0;}
header .btn span{display: block;width:26px;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: 26px;}
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: 26px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .btn.open{top:12px;}
header .btn.open span{display:none;}
header .btn.open span:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
header .btn.open span:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

header .m_nav{display:none;position: absolute;top:47px; width: 100%;background-color:#000;box-shadow: 0 0 10px rgba(0,0,0,0.08);left:0;z-index:22;height:100vh;border-top:1px solid #444}
header .m_nav.show{display: block!important;}
header .m_nav .close{position: absolute;top: 16px;right:10px; width:25px;height:25px;background: url(../images/h_out.png)no-repeat center;background-size: 100% 100%;z-index: 10;}
header .search{margin-left:0;}
header .lang{margin:0 15px;}
header .lang a{height:30px;line-height:30px;}
header .user{margin-right:16px;}
header .lang .down{top:42px;}
.searchbox input{font-size:16px;}
header .logo{width:80px;}
header .logo img{height:auto;}
/* menu */
.m_center{padding:25px 16px 30px 16px;text-align: left;}
.m_center .li{margin-bottom:15px;}
.m_center .li>a{font-size: 16px;line-height: 30px;position: relative;color: #fff;}
.m_center .li ul{text-indent:1em;display: none;padding-top:6px!important;}
.m_center .li ul a{line-height: 30px;font-size: 14px;display: block;}
.m_center .li ul a:hover{color: #CC2127;}
.m_center .li{position: relative;}
.m_center .li a{display: block;}
/*
.m_center .li.v1:after{content: "";position: absolute;top:6px;right:5px;width:8px;height:15px;background: url(../images/pr_jt.png)no-repeat center;transition: all 0.3s;background-size:100% 100%;}
.m_center .li.on:after{transform: rotate(90deg);}
*/

.m_center .li.v1 .arrow {
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    width: 8px;
    height: 15px;
    background: url(../images/pr_jt.png) no-repeat center;
    transition: all 0.3s;
    background-size: 100% 100%;
    pointer-events: auto; /* 确保能响应点击 */
    cursor: pointer;
	z-index: 2;
}

.m_center .li.on .arrow {
    transform: rotate(90deg);
}

.menu-title {
    display: inline-block;
    width: calc(100% - 100px); /* 给 .arrow 留出空间 */
    vertical-align: middle;
}

header .search .btn{left:25px;}
.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;}
/* footer */
.footer{padding:25px 0;}
.footer .footer_nav{display:none;}
.footer .order .int input,.footer .order .int button{height:30px;line-height:30px;}
.footer .lxfs,.footer .share{max-width:100%;}
.footer .share{margin:15px 0;}
.footer .share a img{width:22px;}
.ny_slide .pro_subcat,.prob1{position: absolute!important;}
}
@media (max-width:750px) {
.footer .order .int{margin:15px 0;}
.regbox li{margin:10px 0;font-size:16px;}
.regbox .btn1{padding:15px 0;font-size:15px;width:130px;}
.regbox li input,.regbox li button,.regbox li .label{font-size:14px;}
header .down{padding:35px 0;}
.user_down{height:75%;padding-top:35px;}
.search_down{height:25%;}
}
@media (min-width:2200px) {
.user_down.down{padding: 13vw 0;}
}