/* common */
.wp{width:85.8%;max-width:1400px;margin:0 auto;position:relative;}
/* 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: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;}
/*瀛椾綋*/
@font-face { font-family: 'MiSans'; src: url("../fonts/MiSans-Regular.ttf"); }
@font-face { font-family: 'mib'; src: url("../fonts/MiSans-Demibold.ttf"); } 
@font-face { font-family: 'misb'; src: url("../fonts/MiSans-Semibold.ttf"); } 
.fb,.mib{font-family: 'mib';} 
.misb{font-family: 'misb';} 
/*缃戠珯榛樿婊氬姩鏉＄殑鏍峰紡*/
::-webkit-scrollbar {width:5px;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: 99999;transition: all .3s;}

header .wp{border-bottom:1px solid rgba(255,255,255,0.2);}
header.tm{background-color: transparent;}
header .wp{ display: flex;justify-content: space-between;align-items: center;}
header .logo{width: 8vw;}
header .logo img{max-width: 100%;}
header .logo2{display: none;}
header .nav{display: flex;align-items: center;justify-content: space-between;}
header .nav ul{margin-right:4vw;display: flex;}
header .nav ul li{margin-right: 2.4vw;height: 78px;line-height: 78px;position: relative;transition: all 0.3s;}
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::before{content: "";position: absolute;left: 50%;bottom: 25px;margin-left: -6px;border: 6px solid transparent;transition: all 0.5s;}
header .nav ul li:hover::before,header .nav ul li.on::before{border-bottom: 6px solid #E50112;bottom:0;}
header .nav ul li:hover a,header .nav ul li.on a{color:#E50112!important}
header .nav ul li .down{position: absolute;width: 140px;left:50%;transform: translateX(-50%);top:80px; display: none;text-align: center;}
header .nav ul li .down  p{padding: 0 16px;background:#fff;border-bottom:1px solid #F6F6F6;}
header .nav ul li .down a{display: block;font-size: 14px;color: #333!important;position: relative;line-height:36px;transition: background-color .4s, color .4s;}
body.en header .nav ul li .down a{font-size:12px;}
header .nav ul li .down a:hover {color: #E50112!important;background:#F6F6F6;}
header .nav ul li:nth-child(3) .dd{text-align:left;}
header .nav ul li:nth-child(3) .dd i{width:20px;height:36px;line-height:20px;float:left;margin:0 10px 0 8px;background-position:center;background-size:19px ;background-repeat:no-repeat}
body.en header .nav ul li:nth-child(3) .dd i{margin:0 3px 0 3px}
header .nav ul li:nth-child(3) .dd:nth-child(1) i{background-image:url(../img/i_cp1.png)}
header .nav ul li:nth-child(3) .dd:nth-child(2) i{background-image:url(../img/i_cp2.png)}
header .nav ul li:nth-child(3) .dd:nth-child(3) i{background-image:url(../img/i_cp3.png)}
header .nav ul li:nth-child(3) .dd:nth-child(4) i{background-image:url(../img/i_cp4.png)}
header .nav ul li:nth-child(3) .dd:nth-child(5) i{background-image:url(../img/i_cp5.png)}
header .nav ul li:nth-child(3) .dd:hover a.v2{background:#F6F6F6}

header .nav ul li:nth-child(3) .dd:nth-child(1):hover i{background-image:url(../img/i_cp01.png)}
header .nav ul li:nth-child(3) .dd:nth-child(2):hover i{background-image:url(../img/i_cp02.png)}
header .nav ul li:nth-child(3) .dd:nth-child(3):hover i{background-image:url(../img/i_cp03.png)}
header .nav ul li:nth-child(3) .dd:nth-child(4):hover i{background-image:url(../img/i_cp04.png)}
header .nav ul li:nth-child(3) .dd:nth-child(5):hover i{background-image:url(../img/i_cp05.png)}
header .nav ul li .dd{position:relative}
header .nav ul li .dd .down2{position: absolute;width:320px;left:130px;display: none;text-align:left;top:0;max-height:450px;overflow-y:auto;}
header .nav ul li .dd .down2 a{background:rgba(255,255,255,.9)}
header .nav ul li .dd .down2 p{padding:0 10px;}
header .nav ul li .dd:hover .down2{display:block;}
header .nav .lang{position: relative;margin-left:30px;transition: all .3s;padding-right:15px;}
header .nav .lang i{color:#fff;font-size:22px;}
header .nav .lang a{color: #666;font-size: 14px;transition: all .3s;}
header .nav .lang:hover a{color:#E50112;}
header .nav .lang a i{margin-right:12px;}
header .nav .lang .down{position: absolute;width: 100px;left:46%;transform: translateX(-65%);top:50px;display: none;text-align: center;}
header .nav .lang .down a{display: block;font-size: 14px;padding: 0 16px;color: #666;background-color:rgba(255,255,255,.5);position: relative;line-height: 40px;transition: background-color .4s, color .4s;}
header .nav .lang .down a::before {content: "";display: block;width: 100%;height: 1px;background-color: #f6f6f6;}
header .nav .lang .down a:hover{background:#F6F6F6;color: #333;}
.mlang{display:none;}
header.ny{border-bottom: 1px solid #E2E2E2;}
header .m_nav,header .m_nav.show{display: none!important;}
header .search{width: 149px; height: 25px; border: 1px solid #fff; border-radius: 12px;}
header .search button{width:30px;height:23px;background:none;border:0;outline:0;margin-right:5px}
header .search button i{font-size:16px;color:#fff;;}
header .search input{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,header.fix2{background-color: #fff;border-bottom:1px solid #E50112;}
header.fix .nav ul li a,header.fix2 .nav ul li a{color: #333;}
header.fix .logo2,header.fix2 .logo2{display:block;}
header.fix .logo1,header.fix2 .logo1{display:none;}
header.fix .search,header.fix2 .search{border-color:#B5B5B5;}
header.fix .search button i,header.fix2 .search button i{color:#666;}
header.fix .search input,header.fix2 .search input{color:#666;}
header.fix .search input::-webkit-input-placeholder,header.fix2 .search input::-webkit-input-placeholder{color:#B5B5B5;}
header.fix .search input::-moz-placeholder,header.fix2 .search input::-moz-placeholder{	color:#B5B5B5;}
header.fix .search input::-ms-input-placeholder,header.fix2 .search input::-ms-input-placeholder{color:#B5B5B5;}
header.fix .nav .lang i,header.fix2 .nav .lang i{color:#666;}
header.fix .nav ul li .down,header.fix2 .nav ul li .down,header.fix .nav .lang .down,header.fix2 .nav .lang .down{background:#fff;box-shadow: 0 5px 10px rgba(0,0,0,.115)!important;}
header.fix .nav ul li .down a,header.fix2 .nav ul li .down a{border-bottom-color:#F6F6F6}
header.fix .nav ul li .down2 a,header.fix2 .nav ul li .down2 a{background:#fff}
/* footer */
.footer{background:#353535;color:#fff;}
.footer .ft1{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.footer .ft1 .ft_link a{padding:0 30px;border:1px solid rgba(255,255,255,.3);border-radius:35px;display:inline-block;margin-left:15px;height:42px;line-height:42px;color:#fff;transition:all ease .3s;}
.footer .ft1 .ft_link a i{vertical-align:middle;margin-right:8px;font-size:20px;}
.footer .ft1 .ft_link a:hover{background:#fff;color:#333}

.footer .ft2{padding:35px 0;}
.footer .footer_nav li{width:88px}
.footer .footer_nav .title{color:#fff;font-size:16px;}
.footer .footer_nav a{color:#DFDFDF}
.footer .footer_nav a:hover{color:rgba(255,255,255,.8)}
.footer .footer_nav ul{padding:10px 0}
.footer .footer_nav .dd{margin-top:10px}
.footer .footer_nav .dd li{height:28px;line-height:28px;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_nav .dd a{color:#DFDFDF}
.footer .footer_nav .dd a:hover{color:#fff!important}
.footer .footer_nav .dd li:hover a{color:#fff!important}
.footer .qrcode{text-align:center;}
.footer .qrcode .ewm{margin-bottom:10px}
.footer .qrcode .ewm img{border-radius:10px;}
.footer .lxfs{color:#fff;font-size:15px}
.footer .lxfs li{margin-bottom:20px;}
.footer .lxfs li .icon{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #fff;border-radius:50%;text-align:center;flex-shrink:0;margin-right:15px;}
.footer .lxfs li .icon i{font-size:18px}
.footer .lxfs li .info{line-height:26px;}
.bottom{padding:25px 0;border-top:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);font-size:13px;}
.bottom a{color:rgba(255,255,255,.8)}
.bottom a:hover{color:#fff;}

#gotop{position:fixed;bottom:5%;right:2%;z-index:22;transition: all .36s;opacity: 0;transform: scale(.1);}
#gotop.show {opacity: 1;transform: scale(1);}
@media (min-width:1921px) {
header .nav ul li{margin-right:30px;}	
}
@media (max-width:980px) {
img{max-width:100%;height:auto;}
header .wp{padding:8px 15px;}
header .nav ul,header .nav .lang,header .nav .user,header .nav .ser{display: none;}
header .mlang{color:#fff;}
header .logo{width: 100px;}
header .logo img{max-width: 100%;}
header .btn{display: block;position: absolute;right:15px;top:4px;}
header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 14px;}
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: 110%;top: 0; width: 72vw;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 100vh;transition: all 0.5s ease-out;}
header .m_nav.show{left:28vw;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.fix .mlang,header.fix2 .mlang{color:#333;}
header.fix .btn span,header.fix2 .btn span{background-color:#333;}
header .search2{width:96%;height:35px;line-height:35px;border-radius:18px;border:1px solid #ddd;border-radius:35px;padding:0 5px 0  15px;}
header .search2 input{line-height:33px;height:33px;}
header .search2 .input{position: relative;}
header .search2 button{position: absolute;right:2px;top:50%;transform: translateY(-50%);background:none;border:0;outline:0;}
header .search2 button i{font-size:18px;}
.mlang{display:block;margin-right:12vw;font-size:16px;margin-top:2px;}
/* menu */
.m_center{padding: 80px 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);}
.m_center .li:nth-child(1)::after{display:none;}
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;}

/* footer */
.footer .ft1{text-align:center;justify-content:center;}
.footer .ft1 .ft_logo img{max-width:45vw;}
.footer .ft1 .ft_link{padding-top:25px}
.footer .ft2{padding:30px 0 10px;}
.footer .qrcode{text-align:left;padding-bottom:25px;display:none;}
.footer .lxfs li{margin-bottom:15px;font-size:13px}
.footer .lxfs li .icon{margin-right:10px;width:32px;height:32px;line-height:32px;}
.footer .bottom{text-align:center;line-height:25px;padding:15px 0;}
.footer .bottom .fr{float:unset!important;margin-left:10px;}
}
@media screen and (max-width:1380px) {
.wp{width:100%;padding:0 30px}
}
@media screen and (max-width:980px) {
.wp{padding:0 15px}
}