@font-face{font-family: DengXian;src: url('../fonts/HYXiDengXianJ.ttf');}
@font-face{font-family: ZhongHei;src: url('../fonts/HYZhongHeiJ.ttf');}
@font-face{font-family: Metric;src: url('../fonts/Metric.ttf');}
@font-face{font-family: MetricLight;src: url('../fonts/MetricLight.ttf');}
/* ==========================================================================公共样式============================================================================ */
body{background: #020203;background: linear-gradient(to bottom,#0b0f10,#020203);font-size: 16px;font-family: MetricLight, DengXian;}
p{font-family: Metric,Zhonghei;}
.wrap{width:72%;margin: 0 auto; }
.fullpage{width: 100%;height: 100%;overflow: hidden;}
.font-dengxian{font-family: serif;}
.full-height{height: 100%;}
.color-red{color: #e77817;}
.color-white{color: #fff;}
.color-gray{color: #ccc;}
.color-filter{color: rgba(255,255,255,.5);}
.content-bg{background: #0e1314;background: linear-gradient(to bottom,#0b0f10 80%,#020203 100%);}
.font-dengxian{font-family: DengXian;}
.font-MetricL{font-family: MetricLight;}
.font64{font-size: 50px;line-height: 1.1;}
.font50{font-size: 48px;}
.font48{font-size: 44px;}
.font40{font-size: 36px;}
.font32{font-size: 28px;}
.font24{font-size: 22px;}
.font20{font-size: 18px;}
.mt120{margin-top: 80px;}
.mt100{margin-top: 80px;}
.mt80{margin-top: 80px;}
.mt70{margin-top: 70px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.pad120{padding: 120px 0;}
.pad80{padding: 80px 0;}
.pad60{padding: 60px 0;}
.pt40{padding-top: 40px;}
.pt60{padding-top: 60px;}
.pb80{padding-bottom: 80px;}
.pb120{padding-bottom: 120px;}
@media screen and (max-width: 1440px) {
    body{font-size: 13px;}
    .wrap{width: 100%;}
    .font64{font-size: 44px;}
    .font50{font-size: 40px;}
    .font48{font-size: 36px;}
    .font40{font-size: 32px;}
    .font32{font-size: 26px;}
    .font24{font-size: 24px;}
    .font20{font-size: 18px;}
    .mt80{margin-top: 60px;}
    .mt70{margin-top: 54px;}
    .mt60{margin-top: 48px;}
    .mt50{margin-top: 40px;}
    .mt40{margin-top: 32px;}
    .mt30{margin-top: 24px;}
    .mt20{margin-top: 18px;}
    .pad120{padding: 96px 0;}
    .pad80{padding: 64px 0;}
    .pad60{padding: 48px 0;}
    .pt40{padding-top: 32px;}
    .pt60{padding-top: 48px;}
    .pb80{padding-bottom: 64px;}
    .pb120{padding-bottom: 96px;}
}
@media screen and (max-width: 1024px) {
    .wrap{width:100%;}
    .font64{font-size: 40px;}
    .font50{font-size: 36px;}
    .font48{font-size: 32px;}
    .font40{font-size: 28px;}
    .font32{font-size: 24px;}
    .font24{font-size: 20px;}
    .mt80{margin-top: 56px;}
    .mt70{margin-top: 48px;}
    .mt60{margin-top: 44px;}
    .mt50{margin-top: 36px;}
    .mt40{margin-top: 28px;}
    .mt30{margin-top: 22px;}
    .pad120{padding: 80px 0;}
    .pad80{padding: 56px 0;}
    .pad60{padding: 44px 0;}
    .pt40{padding-top: 28px;}
    .pt60{padding-top: 44px;}
    .pb80{padding-bottom: 56px;}
    .pb120{padding-bottom: 80px;}
}
@media screen and (max-width: 768px) {
    .wrap{width:100%;}
    .font64{font-size: 28px;}
    .font50{font-size: 26px;}
    .font48{font-size: 24px;}
    .font40{font-size: 22px;}
    .font32{font-size: 20px;}
    .mt80{margin-top: 48px;}
    .mt70{margin-top: 40px;}
    .mt60{margin-top: 36px;}
    .mt50{margin-top: 30px;}
    .mt40{margin-top: 24px;}
    .pad120{padding: 64px 0;}
    .pad80{padding: 50px 0;}
    .pad60{padding: 36px 0;}
    .pt40{padding-top: 24px;}
    .pt60{padding-top: 36px;}
    .pb80{padding-bottom: 50px;}
    .pb120{padding-bottom: 64px;}
}
.btn-style1{display: inline-block;vertical-align: top;padding: 0 30px;height: 56px;border: 1px solid #e77817;text-align: center;position: relative;min-width: 160px;text-align: center;}
.btn-style1 span{display: inline-block;vertical-align: top;line-height: 54px;position: relative;z-index: 3;color: #fff;font-family: ZhongHei;}
.btn-style1::after{display: block;content: '';width: 0;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #e77817;transition: .8s;}
.btn-style1:hover::after{width: 100%;transition: .8s;}
.btn-style2{display: inline-block;vertical-align: top;line-height: 54px;padding: 0 30px;background: #0e1315;color: #fff;min-width: 160px;text-align: center;}
.btn-style2:hover{background-color: #333;}
.btn-style3{width: 160px;line-height: 54px;border: 1px solid #e77817;display: block;margin: 50px auto 0;text-align: center;color: #e77817;}
.more-btn{display: inline-block;vertical-align: top;line-height: 24px;border-bottom: 1px solid #e77817;color: #eee;font-family: ZhongHei;}
.video-btn{display: block;width: 72px;height: 72px;background: url(../images/play.png) no-repeat center center;background-size: cover;}
.icon-close:hover{transition: .4s;transform: rotate(180deg);}
.swiper-pagination-bullet{opacity: 1;background: #848686;vertical-align: top;}
.swiper-pagination-bullet-active{background: #e77817;}
.header{position: absolute;width: 100%;height: 100px;top: 0;left: 0;z-index: 99;}
.header .hd-logo{display: block;line-height: 100px;}
.header .hd-logo img{vertical-align: middle;}
.header .hd-btns li{padding: 0 10px;position: relative;}
.header .hd-btns li::after{display: block;content: '';width: 1px;height: 14px;background: rgba(255,255,255,.2);position: absolute;right: 0;top: 50%;margin-top: -7px;}
.header .hd-btns .btn-wrap-memu{display: none;}
.header .hd-btns .btn-wrap-search::after{display: none;}
.header .hd-btns a{display: block;width: 30px;height: 30px;font-size: 24px;color: #fff;text-align: center;line-height: 30px;}
.header .hd-btns a:hover{color: #e77817;transition: .4s;}
.header .hd-btns .user-login{width: auto;}
.header .hd-btns .user-login span{ width:30px; height:30px;background:url(../images/en.png) no-repeat; display: inline-block;vertical-align: top;font-family: ZhongHei;}
/* .header .wrap{position: relative;} */
.header .hd-line{position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background: rgba(255,255,255,.2);background: linear-gradient(to right,rgba(255,255,255,.01),rgba(255,255,255,.3),rgba(255,255,255,.01));}
.hd-space{height: 100px;}
.search-group{position: absolute;width: 100%;top: 100%;left: 0;background: #fff;z-index: 55;display: none;}
.search-group input{display: block;width: 100%;height: 80px;line-height: 80px;font-size: 24px;}
.nav .nav-close{display: none;}
.nav .nav-list{display: flex;align-items: center;}
.nav li{margin: 0 12px;font-family: ZhongHei;}
.nav h3 a{display: block;height: 100px;line-height: 100px;color: #ccc;}
.nav h3 a i{display: inline-block;vertical-align: middle;font-size: 10px;margin-left: 4px;transition: .4s;}
.nav h3 a:hover{color: #fff;}
.nav li.on h3 a{color: #fff;}
.nav li.on h3 a i{transition: .4s;transform: rotate(180deg);}
.footer{background: #0d1215;font-family: ZhongHei;}
.footer .ft-sec1{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;padding: 35px 0;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .ft-sec1 .ft-logo{display: block;}
.footer .ft-sec1 span{display: block;width: 1px;height: 30px;background: rgba(255,255,255,.1);margin: 0 40px;}
.footer .ft-sec1 h4{color: #777;}
.footer .ft-sec2{padding: 30px 0;}
.footer .menu-group{padding-left: 90px;position: relative;line-height: 24px;}
.footer .menu-group .group-tit{font-size: 18px;position: absolute;left: 0;top: 12px;color: #fff;}
.footer .menu-group .group-list{margin: 0 -28px;display: -webkit-box;display: flex;flex-wrap: wrap;}
.footer .menu-group .group-list li{padding: 12px 28px;position: relative;}
.footer .menu-group .group-list li::after{display: block;content: '';width: 1px;height: 16px;background: rgba(255,255,255,.1);position: absolute;left: 0;top: 50%;margin-top: -8px;}
.footer .menu-group .group-list li a{color: #ccc;display: block;width:100px;}
.footer .menu-group .group-list li a .iconfont{font-size: 20px;margin-right: 6px;display: inline-block;vertical-align: top;line-height: 24px;}
.footer .menu-group .group-list li a:hover{color: #fff;}
.footer .menu-group .group-list .wechat{position: relative;}
.footer .menu-group .group-list .erweima-box{position: absolute;width: 120px;bottom: 100%;left: 50%;margin-left: -60px;padding-bottom: 10px;transition: .4s;visibility: hidden;opacity: 0;transform: translateY(-10px);}
.footer .menu-group .group-list .erweima-box img{width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.footer .menu-group .group-list .wechat:hover .erweima-box{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.footer .ft-service{margin-top: 30px;}
.footer .ft-service h3{margin-bottom: 20px;}
.footer .service-wrap{display: -webkit-box;display: flex;}
.footer .service-item{padding-left: 36px;position: relative;margin-right: 50px;display: block;}
.footer .service-item i{display: block;width: 36px;line-height: 32px;position: absolute;left: 0;top: 0;font-size: 24px;color: #fff;}
.footer .service-item h4{line-height: 32px;font-family: MetricLight;}
.footer p{color: #777;line-height: 24px;}
.footer .copyright{padding: 40px 0;border-top: 1px solid rgba(255,255,255,.1);}
.backtop{display: block;width: 64px;height: 64px;border: 2px solid #e77817;border-radius: 100%;text-align: center;line-height: 60px;color: #e77817;position: fixed;right: -100px;bottom: 10%;z-index: 101;font-size: 20px;transition: .4s;opacity: 0;}
.backtop.backtop-show{transition: .4s;right: 5%;opacity: 1;}
.backtop:hover{background-color: #e77817;color: #fff;}
@media screen and (max-width: 1440px) {
    .btn-style1{padding: 0 24px;height: 44px;min-width: 144px;}
    .btn-style1 span{line-height: 42px;font-size: 14px;}
    .btn-style2{line-height: 42px;padding: 0 24px;min-width: 140px;}
    .btn-style2:hover{background-color: #333;}
    .btn-style3{width: 144px;line-height: 42px;margin: 40px auto 0;}
    .more-btn{font-size: 14px;}
    .header{height: 84px;}
    .header .hd-logo{line-height: 84px;}
    .header .hd-btns li{padding: 0 20px;}
    .header .hd-btns .user-login span{font-size: 14px;}
    .hd-space{height: 84px;}
    .search-group input{height: 60px;line-height: 60px;font-size: 20px;}
    .nav li{margin: 0 24px;}
    .nav h3 a{height: 84px;line-height: 84px;}
    .footer .ft-sec1{padding: 28px 0;}
    .footer .ft-sec1 span{height: 30px;margin: 0 36px;}
    .footer .ft-sec2{padding: 24px 0;}
    .footer .menu-group .group-tit{top: 8px;}
    .footer .menu-group .group-list{margin: 0 -24px;}
    .footer .menu-group .group-list li{padding: 8px 24px;font-size: 14px;}
    .footer .menu-group .group-list li::after{height: 14px;margin-top: -7px;}
    .footer .menu-group .group-list li a .iconfont{font-size: 18px;}
    .footer .menu-group .group-list li a{width: 86px;}
    .footer .copyright{padding: 32px 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;text-align: center;}
    .backtop{width: 50px;height: 50px;line-height: 48px;right: -80px;}
    .backtop.backtop-show{right: 3%;}
}
@media screen and (max-width: 1024px) {
    .header{height: 72px;animation: none !important;}
    .header .hd-logo{line-height: 72px;}
    .header .menu-btn{display: flex;flex-direction: column;justify-content: center;align-items: stretch;width: 30px;height: 30px;}
    .header .menu-btn span{display: block;width: 100%;height: 2px;background: #fff;border-radius: 2px;}
    .header .menu-btn span:nth-child(2){margin: 7px 0;}
    .header .hd-btns li:last-child{padding-right: 0;}
    .header .hd-btns li:first-child{padding-left: 0;}
    .hd-space{height: 72px;}
    .nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1111;background: #000;padding: 50px 0 20px;overflow-y: auto;transition: .4s;transform: translateX(100%);}
    .nav.nav-show{transition: .4s;transform: translateX(0);}
    .nav .nav-close{display: block;width: 30px;height: 30px;position: absolute;left: 18px;top: 10px;font-size: 24px;color: #fff;text-align: center;line-height: 30px;}
    .nav .nav-list{flex-direction: column;}
    .nav .nav-list li{width: 100%;margin: 0;}
    .nav .nav-list li h3{border-bottom: 1px solid #333;}
    .nav .nav-list li h3 a{height: 48px;line-height: 48px;padding: 0 5%;display: flex;justify-content: space-between;align-items: center;}
    .nav .nav-list li h3 a i{font-size: 16px;}
}
@media screen and (max-width: 767px) {
    .btn-style1{padding: 0 15px;height: 30px;min-width: 100px;}
    .btn-style1 span{line-height: 28px;}
    .btn-style2{line-height: 28px;padding: 0 15px;min-width: 100px;}
    .btn-style3{width: 100px;line-height: 28px;margin: 30px auto 0;}
    .video-btn{width: 60px;height: 60px;}
    .header{height: 60px;}
    .header .wrap{height: 100%;}
    .header .menu-btn{position: relative;z-index: 3;width: 26px;height: 26px;}
    .header .menu-btn span:nth-child(2){margin: 6px 0;}
    .header .hd-logo{line-height: 60px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;}
    .header .hd-logo img{height:40px; margin-top:10px;}
    .header .hd-btns{position: relative;z-index: 3;}
    .header .hd-btns li{padding: 0 12px;}
    .hd-space{height: 60px;}
    .footer .ft-sec1{padding: 20px 0;}
    .footer .ft-sec1 .ft-logo img{height: 24px;}
    .footer .ft-sec1 span{height: 24px;margin: 0 15px;}
    .footer .ft-sec2{padding: 24px 0;}
    .footer .menu-group{padding-left: 64px;}
    .footer .menu-group .group-tit{top: 5px;font-size: 16px;}
    .footer .menu-group .group-list{margin: 0 -18px;}
    .footer .menu-group .group-list li{padding: 5px 18px;}
    .footer .service-item{margin-right: 20px;padding-left: 30px;}
    .footer .service-item i{width: 30px;font-size: 20px;}
    .footer .copyright{padding: 15px 0;}
    .backtop{width: 40px;height: 40px;line-height: 38px;right: -60px;}
}
/* ==========================================================================主页============================================================================ */
/* .section{background: #0d1314;} */
.sec-wrapper{height: 100%;}
.text-group .text{margin-top: 20px;line-height: 28px;color: #a8a8a8;}
.text-group .line{margin: 30px 0;width: 45%;height: 1px;background: #3d3e40;background: linear-gradient(to right,rgba(255,255,255,.3),rgba(255,255,255,.01));}
.text-group .points{display: -webkit-box;display: flex;}
.text-group .points li{font-size: 20px;line-height: 30px;color: #ccc;position: relative;padding-left: 20px;margin-right: 40px;}
.text-group .points li::before{display: block;content: '';width: 6px;height: 6px;background: #e77817;border-radius: 100%;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.section .text-group .item-m-img{display: none;}
.section .sec-tit h1{display: inline;}
@media screen and (max-width: 1440px) {
    .text-group .text{line-height: 24px;}
    .text-group .points li{font-size: 18px;margin-right: 20px;padding-left: 14px;}
    .text-group .line{margin: 24px 0;}
}
@media screen and (max-width: 767px) {
    .text-group .text{margin-top: 10px;}
    .text-group .line{margin: 15px 0;}
    .text-group .points{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .text-group .points li{font-size: 14px;padding-left: 10px;margin-right: 0;white-space: nowrap;}
    .text-group .points li::before{width: 4px;height: 4px;margin-top: -2px;}
    .section .text-group .item-m-img{display: block;}
    .section .text-group .item-m-img img{width: 100%;}
    .section .text-group .font32{font-size: 18px;}
    .section .text-group .font64{font-size: 20px;margin-top: 16px;}
    .section .text-group .mt60{margin-top: 16px;}
    .section .text-group .btn-style1{margin-top: 36px;}
    .section .text-group .text{width: 60%;display: none;}
}
/* 第一屏 */
.index-banner{height: 100%;}
.index-banner .img{height: 100%;overflow: hidden;}
.index-banner .img img{width: 100%;height: 100%;object-fit: cover;-webkit-transform: scale(1.1);transform: scale(1.1);transition: 1s .7s ease-in-out}
.index-banner .swiper-slide-active .img img{-webkit-transform: scale(1);transform: scale(1);transition: 2s .5s ease-in-out;}
.index-banner .banner-dot{position: absolute;width: 100%;left:0;bottom: 5%;z-index: 11;}
.index-banner .swiper-pagination-bullet{opacity: 1;vertical-align: top;margin: 0 10px;background: #999;}
.index-banner .swiper-pagination-bullet-active{background: #e77817;}
.index-banner .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #fff;}
.index-banner .text h3{line-height: 1;margin-bottom: 30px;transform: translateX(30px);opacity: 0;transition: 1s 1s;}
.index-banner .text h2{transform: translateY(50px);opacity: 0;transition: 1s 1s;}
.index-banner .text .btn-style1{opacity: 0;transition: 1s 1s;}
.index-banner .swiper-slide-active h3{transform: translateX(0);opacity: 1;transition: 1s 1.4s;}
.index-banner .swiper-slide-active h2{transform: translateY(0);opacity: 1;transition: 1s 1.8s;}
.index-banner .swiper-slide-active .btn-style1{opacity: 1;transition: 1s 2s;}
/* 第二屏 */
.index-sec2{background: url(../img/c1.jpg) no-repeat 80% center;background-size: cover;background-attachment: fixed;}
/* 第三屏 */
.index-sec3{background: url(../img/c2.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
/* 第四屏 */
.index-sec4{position: relative;}
.index-sec4 .video-player{height: 680px;width: 100%;outline: none;}
.index-sec4 .video-player *{outline: none;}
.index-sec4 .video-player video{object-fit: cover;}
.index-sec4 .video-player .vjs-poster{background-size: cover;}
.index-sec4 .video-text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;}
.index-sec4 .video-text .video-btn{margin: 50px auto 0;}
.index-sec4 .video-img{height: 680px;background-position: center center;background-size: cover;}
@media screen and (max-width: 1440px) {
    .index-sec4 .video-player{height: 560px;}
    .index-sec4 .video-img{height: 560px;}
}
@media screen and (max-width: 1366px) {
    .index-sec4 .video-player{height: 500px;}
    .index-sec4 .video-img{height: 500px;}
}
@media screen and (max-width: 767px) {
    .index-banner{height:300px;margin-top: 60px;}
    .index-banner .text h3{font-size: 20px;margin-bottom: 10px;}
    .index-banner .text h2{font-size: 20px;}
    .index-banner .text .btn-style1{margin-top: 10px;}
    .index-banner .banner-dot{bottom: 0;text-align: right;}
    .index-banner .swiper-pagination-bullet{margin: 0 4px;}
    .index-sec4 .video-player{height: 360px;}
    .index-sec4 .video-img{height: 240px;background-size: cover;}
    .index-sec4 .video-text h2{font-size: 24px;}
    .index-sec4 .video-text h5{font-size: 16px;margin-top: 0;}
    .index-sec4 .video-text .video-btn{margin-top: 30px;width: 60px;height: 60px;}
    .index-sec2{ background-position: center;background-attachment: fixed;}
    .index-sec3{ background-position: center;background-attachment: fixed;}
    .index-sec2 {padding: 50px 0;}
    .index-sec3 {padding: 50px 0;}
    .index-sec2 .item-m-img{margin-top: 20px;}
    .index-sec3 .item-m-img{margin-top: 20px;}
}
/* 第六屏 */
.index-news .item-box{display: block;position: relative;}
.index-news .item-box .img{overflow: hidden;position: relative;height: 278px;}
.index-news .item-box .img img{width: 100%;transition: .4s;transform: scale(1);height: 100%;object-fit: cover;}
.index-news .item-box .img .line{position: absolute;width: 0;height: 4px;background: #e77817;transition: 1s;left: 0;bottom: 0;}
.index-news .item-box:hover .img img{transition: .4s;transform: scale(1.1);}
.index-news .item-box:hover .line{width: 100%;transition: 1s;}
.index-news .item-box .text{position: relative;padding-top: 30px;padding-bottom: 40px;}
.index-news .item-box .text h4{font-size: 22px;line-height: 36px;height: 72px;overflow: hidden;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-news .item-box .text p{font-family: ZhongHei;line-height: 28px;height: 56px;overflow: hidden;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 12px;display: none;}
.index-news .item-box .text .more-btn{position: absolute;left: 0;bottom: 0;}
.index-sec6 .sec-bar{position: relative;}
.index-sec6 .swiper-dot{position: absolute;height: 8px;right: 0;top: 50%;margin-top: -4px;z-index: 11;display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;}
.index-sec6 .swiper-dot .swiper-pagination-bullet{opacity: 1;background: #999;display: block;margin-left: 20px;outline: none;}
.index-sec6 .swiper-dot .swiper-pagination-bullet-active{background: #e77817;}
@media screen and (max-width: 1440px) {
    .index-news .item-box .text{padding-top: 20px;}
    .index-news .item-box .text h4{font-size: 20px;line-height: 28px;max-height: 56px;}
    .index-news .item-box .text p{font-size: 14px;line-height: 24px;height: 48px;margin-top: 8px;}
    .index-news .item-box .img {height: 240px;}
}
@media screen and (max-width: 1024px){
    .index-news .item-box .img {height: 200px;}
}
@media screen and (max-width: 767px) {
    .index-news{margin-top: 24px;}
    .index-news .item-box .text{padding-bottom: 36px;}
    .index-sec6 {padding-bottom: 40px;}
    .index-sec6 .sec-bar{margin-top: 40px;}
    .index-sec6 .swiper-dot{top: -20px;width: 100%;-webkit-box-pack: center;justify-content: center;}
    .index-sec6 .swiper-dot .swiper-pagination-bullet{margin-left: 8px;}
}


/*--end history--*/
/* ==========================================================================内页样坏死============================================================================ */
/* 内页公共 */
.page-banner{position: relative;}
.page-banner .img{min-height: 360px;}
.page-banner .img img{width: 100%;}
.page-banner .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;padding-top: 40px;}
.page-banner .text .icon{width: 80px;margin: 0 auto;}
.page-banner .text .icon img{width: 100%;}
.page-banner .text h2{margin: 30px 0 18px;}
.page-banner .text p{font-size: 20px;line-height: 1.8;color: #ddd;max-width: 968px;margin: 0 auto;margin-top: 10px;}
.banner-fixed .img{height: 760px;background-attachment: fixed;background-size: auto 100%;background-position: center top;}
.crumbs{padding: 40px 0;font-family: Zhonghei;}
.crumbs.crumbs-abs{position: absolute;width: 100%;top: 0;left: 0;z-index: 11;}
.crumbs.crumbs-top{top: 100px;}
.crumbs .wrap>*{display: inline-block;vertical-align: top;line-height: 30px;}
.crumbs a{color: #ccc;font-size: 18px;}
.crumbs a:hover{color: #fff;}
.crumbs i{color: #ccc;margin: 0 10px;font-size: 12px;}
.crumbs span{font-size: 18px;color: #fff;}
.public-con{background: #0e1615;}
@media screen and (max-width: 1440px) {
    .page-banner .text p{font-size: 18px;line-height: 1.6;}
    .banner-fixed .img{height: 600px;}
    .crumbs{padding: 32px 0;}
    .crumbs.crumbs-top{top: 84px;}
    .crumbs a{font-size: 16px;}
    .crumbs span{font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .page-banner .text p{font-size: 16px;}
    .page-banner .img{height: 480px;overflow: hidden;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
    .page-banner .img img{height: 100%;width: auto;}
    .banner-fixed .img{height: 500px;}
    .crumbs{padding: 24px 0;}
    .crumbs.crumbs-top{top: 72px;}
}
@media screen and (max-width: 767px) {
    .page-banner .text{padding-top: 100px;}
    .page-banner .text p{font-size: 14px;}
    .crumbs{padding: 15px 0;}
    .crumbs.crumbs-top{top: 60px;}
    .crumbs .wrap>*{line-height: 24px;}
    .crumbs a{font-size: 14px;}
    .crumbs span{font-size: 14px;}
    .page-banner .text .icon{width: 60px;}
    .page-banner .img{height: 360px;}
    .page-banner .img img{width: 100%;height: 100%;object-fit: cover;}
    .page-banner .text .font64{font-size: 24px;margin: 20px 0 6px;}
    .banner-fixed .img{height: 220px;background-size: 120% auto;background-repeat: no-repeat;background-attachment: inherit;}
}
/* 商品列表============================================================================ */
.list-bar{padding: 48px 0 24px;border-bottom: 1px solid #fff;}
.list-bar h2{color: #fff;}
.list-bar h2 small{color: #909291;}
.select-group{position: relative;cursor: pointer;margin-right: 20px;}
.select-group:last-child{margin-right: 0;}
.select-group .text{border: 1px solid #ce1330;width: 164px;line-height: 48px;color: #fff;position: relative;z-index: 5;}
.select-group .text i{font-size: 10px;margin-left: 6px;transition: .4s;display: block;width: 16px;height: 16px;line-height: 16px;text-align: center;}
.select-group .select-drop{position: absolute;width: 100%;top: 100%;left: 0;background: #000;text-align: center;visibility: hidden;opacity: 0;transform: translateY(10px);transition: .4s;z-index: 55;max-height: 220px;overflow-y: auto;}
.select-group .select-drop li,.select-group .select-drop li a{line-height: 24px;color: #fff;transition: .4s;padding: 10px;}
.select-group .select-drop li:hover{background-color: #e71233;transition: .4s;}
.select-group.select-on .text i{transition: .4s;transform: rotate(180deg);}
.select-group.select-on .select-drop{visibility: visible;opacity: 1;transform: translateY(0);transition: .4s;}

.product-list{padding: 50px 0;}
.product-list li{width: 33.33%;float: left;}
.product-list li a{display: block; margin:10%;overflow: hidden;}
.product-list li a:hover{background: #000;}
.product-list .img{ width:100%;}
.product-list .img img{object-fit: contain; width:100%;}
.product-list .infos{text-align: center;}
.product-list .infos h3{font-size: 18px;margin-top:10px;line-height: 32px;height: 32px;overflow: hidden;color: #fff;transition: .4s;/* white-space: nowrap;text-overflow: ellipsis;*/} 
.product-list .infos h4{font-size: 18px;margin-top: 20px;color: #c6122e;}
.product-list .line{margin: 40px 0;height: 1px;background: #fff;}
.product-list .point p{position: relative;padding: 4px 0 4px 24px;font-size: 18px;line-height: 28px;color: #fff;}
.product-list .point p i{display: block;width: 24px;line-height: 28px;font-size: 12px;color: #ce1330;position: absolute;left: 0;top: 4px;}
.product-list .compare-btn{margin-top: 30px;opacity: 0;transition: .4s;transform: translateY(200%);display: block;cursor: pointer;}
.product-list .compare-btn span{height: 100%;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.product-list .compare-btn i{display: block;}
.product-list li a:hover .compare-btn{opacity: 1;transition: .4s;transform: translateY(0);}
.product-list li a:hover .infos h3{color: #ce1330;}
.product-list .compare-btn input{display: none;}
.product-list .compare-btn .icon{margin-right: 10px;}
.product-list .compare-btn .iconfont{font-size: 18px;}
.product-list .compare-btn .icon-checkbox{color: #fff;}
.product-list .compare-btn .icon-checkbox-on{display: none;}
.product-list .compare-btn i{color: #fff;}
.product-list .compare-btn.selected .icon-checkbox{display: none;}
.product-list .compare-btn.selected .icon-checkbox-on{display: inline;}
.on-load{color: #fff;height: 56px;display: none;}
.on-load .load-icon{margin-right: 10px;}
.on-load .flex-center{height: 100%;}
.no-data{color: #fff;line-height: 56px;display: none;}
.dis_pic{ position: relative; text-align:center; width:100%; margin-bottom:30px;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url(../images/left.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/right.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ width:600px;border:1px solid #eee; float:left; margin-right:30px;}

.product_x{clear:both; margin-bottom:50px; margin-top:50px;}
.product_xx{height:35px; clear:both; background:#eee;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#ea5c06;}
#product_info{width:1300px; height:auto;overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left;}
.clear{ clear:both;}
.ccca{width:650px; text-align:left; float:right;}

@media screen and (max-width: 1440px) {
    .list-bar{padding: 40px 0 20px;}
    .product-list .infos h3{font-size: 17px;line-height: 30px;height: 30px;}
    .product-list .point p{font-size: 15px;}
    .product-list li a{padding: 32px 8% 48px;}
    .product-list .line{margin: 28px 0;}
    .product-list .compare-btn{height: 44px;}
}
@media screen and (max-width: 1024px) {
    .list-bar{padding: 36px 0 18px;}
    .product-list .img{}
    .product-list .img img{max-width:100%;max-height: 100%;}
    .product-list{padding: 30px 0;}
    .select-group .text{width: 144px;line-height: 40px;}
    .product-list .compare-btn{transform: translateY(0);opacity: 1;}
}
@media screen and (max-width: 767px) {
.dis_pic img{ width:100%;border:1px solid #eee; }
.ccca{width:100%; text-align:left;}
    .list-bar{padding: 28px 0 14px;}
    .product-list{padding: 20px 0;}
    .product-list li{width: 50%;}
    .product-list li a{padding: 18px 4% 20px;}
    .product-list .img{100%}
    .product-list .infos h3{font-size: 16px;line-height: 24px;margin-top: 20px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;}
    .product-list .infos h4{font-size: 14px;margin-top: 10px;}
    .product-list .line{margin: 16px 0;display: none;}
    .product-list .compare-btn{width: 120px;height: 36px;line-height: 34px;margin: 20px auto 0;}
    .select-group .text{width: 120px;line-height: 32px;}
    .product-list .point{margin-top: 10px;}
    .product-list .point p{padding-left: 14px;font-size: 14px;white-space: nowrap;}
    .product-list .point p i{left: -4px;}
}
.compare{position: fixed;width: 100%;height: 220px;background: rgba(255,255,255,1);left: 0;bottom: 0;z-index: 1111;visibility: hidden;transition: .4s;transform: translateY(100%);opacity: 0;}
.compare.compare-show{transition: .4s;visibility: visible;opacity: 1;transform: translateY(0);}
.compare .wrap{height: 100%;position: relative;}
.compare .compare-list{height: 100%;width: 76%;}
.compare .compare-list li{float: left;width: 33.33%;height: 100%;position: relative;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.compare .compare-list li::after{display: block;width: 1px;height: 66%;background: #e5e5e5;position: absolute;right: 0;top: 17%;content: '';}
.compare .compare-list .img{height: 120px;text-align: center;}
.compare .compare-list .img img{object-fit: contain;width: 100%;height: 100%;}
.compare .compare-list li p{text-align: center;}
.compare .compare-list .compare-item-close{position: absolute;top: 10%;right: 20%;color: #d21332;font-size: 20px;}
.compare .compare-bar{position: absolute;width: 40%;height: 100%;right: 0;top: 0;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
.compare .compare-bar>div{width: 50%;}
.compare .compare-bar p{color: #666;}
.compare .compare-bar.bar-full{width: 20%;}
.compare .compare-bar.bar-full .compare-add{display: none;}
.compare .compare-bar.bar-full .compare-start{width: 100%;}
.compare-add .add-icon{display: block;width: 52px;height: 52px;border: 2px solid #7a7a7a;position: relative;border-radius: 100%;cursor: pointer;margin-bottom: 20px;}
.compare-add .add-icon::before,
.compare-add .add-icon::after{display:block;content:'';background:#7a7a7a;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.compare-add .add-icon::before{width: 22px;height: 2px;}
.compare-add .add-icon::after{width: 2px;height: 22px;}
.compare .compare-start .btn-style2{margin-bottom: 14px;}
.compare-close{position: absolute;top: 10px;right: 10px;font-size: 28px;display: block;z-index: 91;}
@media screen and (max-width: 767px) {
    .compare{height: auto;}
    .compare .wrap{width: 100%;padding: 40px 0 120px;overflow-y: auto;}
    .compare .compare-close{font-size: 24px;}
    .compare .compare-list{width: 100%;}
    .compare .compare-list li{height: 200px;width: 33.33%;}
    .compare .compare-list .compare-item-close{right: 20px;top: 20px;}
    .compare .compare-list li:nth-child(even)::after{display: none;}
    .compare .compare-list .img img{width: 90%;}
    .compare .compare-bar{width: 100%;height: 120px;bottom: 0;left: 0;top: auto;}
    .compare .compare-bar.bar-full{width: 100%;}
    .compare-add .add-icon{margin-bottom: 4px;}
}
/* 商品对比
============================================================================ */
.table{position: relative;}
.table .row{position: relative;background: rgba(25,26,27,.5);position: relative;border-bottom: 1px solid rgba(255,255,255,.1);display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
.table .row .col{padding: 15px;width: 100%;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.table .row .col-16{width: 16%;}
.table .row .col-28{width: 28%;}
.table .row .col-11{width: 11%;}
.table .row .col-22{width: 22%;}
.table .row .col-56{width: 56%;}
.table .row .col.no-space{padding: 0;}
.table .row.diff .con-text{color:#ff1338!important;}
.table .table-tit{min-height: 200px;}
.table .row .tit-text{color: #fff;line-height: 24px;width: 138px;}
.table .row .con-text{color: #ccc;line-height: 24px;}
.table .row.no-border{border: none;}
.table .thead .row{background: #181a1b;}
.table-switch{position: absolute;width: 30px;height: 30px;right: 3%;top: 50%;margin-top: -15px;}
.table-switch::before,
.table-switch::after{display: block;content: '';background: #7a7a7a;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.table-switch::before{width: 20px;height: 2px;}
.table-switch::after{width: 2px;height: 20px;}
.table-on .table-switch::after{opacity: 0;}
.border-table{border-top: 1px solid rgba(255,255,255,.2);border-left: 1px solid rgba(255,255,255,.2);}
.border-table .col{border-right: 1px solid rgba(255,255,255,.1);}
.table .row-part{width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
.table .row-part:last-child{border-bottom: none;}
.table .col-part{width: 100%;padding: 5px;border-right: 1px solid rgba(255,255,255,.1);display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.table .col-part:last-child{border-right: none;}

.compare-box{position: relative;}
.compare-box::before,
.compare-box::after{display: block;content: '';width: 1px;height: 100%;position: absolute;top: 0;background: rgba(255,255,255,.4);background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,.1));z-index: 11;}
.compare-box::before{left: 0;}
.compare-box::after{right: 0;}
.compare-box .compare-control{position: absolute;width: 28%;height: 100%;right: 0;top: 0;}
.compare-box .compare-control .control-wrap{width: 100%;height: 100%;}
.compare-box .compare-control p{color: #ccc;}
.compare-add{cursor: pointer;}

.checkbox{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;color: #fff;cursor: pointer;}
.checkbox .icon{margin-right: 10px;}
.checkbox .icon .icon-checkbox-on{display: none;}
.checkbox.selected .icon .icon-checkbox{display: none;}
.checkbox.selected .icon .icon-checkbox-on{display: inline;}

.goods-item{position: relative;padding: 40px 0;width: 100%;}
.goods-item .item-close{position: absolute;top: 2%;right: 8%;font-size: 24px;color: #d21333;}
.goods-item .img{height: 200px;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.goods-item .img img{object-fit: contain;height:100%;}
.goods-item .text{text-align: center;color: #fff;}

@media screen and (max-width: 1024px) {
    .goods-item .img{height: 180px;}
    .goods-item .img img{max-width: 80%;max-height: 80%;}
    .goods-item .text{font-size: 16px;}
    .table .row .tit-text{width: auto;}
}

@media screen and (max-width: 767px) {
    .goods-item .img{height: 100px;}
    .goods-item .item-close{top: 6%;}
    .compare-add .add-icon{width: 36px;height: 36px;}
    .table .row .col{padding: 10px;}
}



/* 商品详情
============================================================================ */
.goods-banner .text-group{width: 46%;}
.goods-swiper{width: 52%;padding: 0 110px;position: relative;}
.goods-swiper .img{height: 320px;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.goods-swiper .img img{width: 100%;height: 100%;object-fit: contain;}
.swiper-btn{width: 64px;height: 64px;border: 1px solid #fff;border-radius: 100%;color: #fff;position: absolute;top: 50%;margin-top: -32px;z-index: 11;opacity: .3;}
.swiper-btn:hover{opacity: 1;}
.swiper-btn.icon-left{left: 0;}
.swiper-btn.icon-right{right: 0;}
.goods-swiper .goods-dots{position: absolute;width: 100%;left: 0;bottom: -80px;text-align: center;}
.goods-swiper .swiper-pagination-bullet{opacity: 1;background: #7a7a7a;margin: 0 10px;}
.goods-swiper .swiper-pagination-bullet-active{background: #e77817;}
.goods-banner .to-buy-btn{display: none;}

.top-bar{padding: 10px 0;}
.top-bar.barfixed{position: fixed;width: 100%;top: 0;left: 0;z-index: 109;background: rgba(0, 0, 0, .7);}
.detailed-menu{width: calc(100% - 180px);}
.detailed-menu .swiper-slide{color: #fff;width: auto;position: relative;line-height: 60px;cursor: pointer;}
.detailed-menu .swiper-slide-active::after{display: block;content: '';width: 100%;height: 1px;background: #e77817;}

.detail-tab{background: #000;}
.detail-tab .tab-con{display: none;}
.detail-tab .tab-con.active{display: block;}
.detail-video{position: relative;max-width: 1008px;margin: 0 auto;}
.detail-video .video-btn{position: absolute;top: 50%;left: 50%;margin: 0;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.detail-video .myVideo{height: 560px;}
.detail-video .video-img{height: 560px;background-size: 100% 100%;}
.detail-video .myVideo .video-js{width: 100%;height: 100%;background-size: cover;}
.detail-video .myVideo .vjs-poster{background-size: cover;}
.detail-video .myVideo video{object-fit: cover;}
.vjs-big-play-button{display: none !important;}

.detail-swiper .img img{width: 100%;}
.detail-swiper .text-group{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.detail-swiper .text-group .text{max-width: 528px;}
.detailed .controls{position: absolute;width: 100%;bottom: 24px;left: 0;z-index: 11;}
.detailed .controls .swiper-btn{position: static;margin-top: 0;}
.detailed .controls .swiper-dots{margin: 0 5%;}
.detailed .controls .swiper-dots .swiper-pagination-bullet{background: #7a7a7a;opacity: 1;margin: 0 10px;}
.detailed .controls .swiper-dots .swiper-pagination-bullet-active{background: #e77817;}

.cpgn-list{margin: 0 -20px;}
.cpgn-list li{float: left;padding: 20px;}
.cpgn-list li.col-50{width: 50%;}
.cpgn-list li.col-100{width: 100%;}
.cpgn-list .box-tit{border-bottom: 2px solid #fff;height: 72px;line-height: 70px;color: #fff;margin-bottom: 10px;}
.cpgn-list p{border-bottom: 1px solid rgba(255,255,255,.2);padding: 12px 0;line-height: 30px;font-size: 18px;color: #ccc;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;}
.cpgn-list .item-wrap{margin: 0 -20px;}
.cpgn-list .item-singal{float: left;width: 33.33%;padding: 0 20px;}

.installation{margin: 60px 0;display: -webkit-box;display: flex;-webkit-box-align: stretch;align-items: stretch;}
.installation .text{width: 372px;padding:  40px 0;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: justify;justify-content: space-between;}
.installation .text h5{position: relative;padding-left: 20px;color: #ccc;}
.installation .img{width: calc(100% - 372px);max-height: 400px;}
.installation .img img{max-width: 100%;max-height: 100%;}

.detail-yhsc .file-download a{margin: 0 15px;width: 280px;}
.detail-yhsc .file-download a i{font-size: 20px;margin-right: 10px;display: inline-block;vertical-align: top;}
.enclosure{padding-bottom: 160px;}
.enclosure .img{width: 52%;height: 400px;text-align: center;}
.enclosure .img img{width: 100%;height: 100%;object-fit: contain;vertical-align: middle;max-width: 360px;max-height: 360px;}
.enclosure .text-group{width: 42%;}

.repair .table{line-height: 24px;color: #fff;}
.repair .table .thead{color: #fff;}
.repair .table .tbody{color: #999;}
.repair .table p{width: 100%;}
.repair .tiaoli{line-height: 36px;font-family: Zhonghei;}
.repair .tiaoli p{color: #fff;}
.repair .tiaoli h5{color: #999;}


@media screen and (max-width: 1440px) {
	.goods-swiper .img{height: 280px;}
    .enclosure .img{height: 360px;}
    .enclosure .img img{max-width: 360px;}
}

@media screen and (max-width: 1024px) {
    .goods-swiper{padding: 0 70px;}
    .swiper-btn{width: 40px;height: 40px;margin-top: -20px;}
    .detail-video .myVideo{height: 480px;}
    .detail-video .video-img{height: 480px;}
    .cpgn-list .box-tit{height: 60px;line-height: 60px;}
    .cpgn-list p{padding: 10px 0;font-size: 16px;}
}

@media screen and (max-width: 767px) {
    .swiper-btn{width: 30px;height: 30px;margin-top: -15px;}

    .goods-banner{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;margin-top: 0;}
    .goods-banner .text-group{width: 100%;}
    .goods-banner .text-group{order: 2;margin-top: 72px;}
    .goods-banner .to-buy-btn{display: inline-block;}
    .goods-swiper{width: 100%;margin-top: 20px;order: 1;padding: 0;}
    .goods-swiper .goods-dots{bottom: -40px;}
    .goods-banner .swiper-btn{top: 100%;margin-top: 10px;}
    .goods-swiper .img{height: 280px;}
    .goods-swiper .img img{width: 90%;height: 90%;object-fit: contain;}

    .detailed{margin-top: 0px;}
    .top-bar .wrap{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: end;align-items: flex-end;}
    .top-bar .buy-btn{display: none;}
    .detailed-menu{width: 100%;margin-bottom: 10px;}
    .detailed-menu .swiper-slide{line-height: 40px;}
    .detail-video .myVideo{height: 360px;}
    .detail-video .video-img{height: 160px;background-size: cover;}
    .detail-swiper .img{height: auto;overflow: hidden;display: flex;justify-content: flex-end;align-items: center;}
    .detail-swiper .img img{height: 100%;width: 100%;}
    .detail-swiper .text-group{padding-bottom: 10%;}
    .detail-swiper .text-group .font40{font-size: 16px;}
    .detail-swiper .text-group .font64{font-size: 20px;}
    .detail-swiper .text-group .text p{font-size: 12px;line-height: 18px;}
    .detailed .controls{bottom: 10px;}

    .detail-video{padding: 24px 0;}

    .cpgn-list{margin: 0;}
    .cpgn-list .box-tit{height: auto;}
    .cpgn-list li{padding: 15px 0;}
    .cpgn-list li.col-50{width: 100%;padding: 0;}
    /* .cpgn-list li:nth-child(2) .box-tit{border: none;} */
    .cpgn-list .item-wrap{margin: 0;}
    .cpgn-list .item-singal{padding: 0;width: 100%;}
    .cpgn-list p{padding: 6px 0;font-size: 14px;}
    .cpgn-list .cpgn-item .item-wrap{margin: 0 -5px;}
    .cpgn-list .cpgn-item .item-singal{width: 50%;padding: 0 5px;}
    .cpgn-list .jbcs-list2 .box-tit{display: none;}

    .installation{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;margin-top: 0;}
    .installation .text{width: 100%;}
    .installation .img{width: 100%;}

    /*.detail-yhsc .file-download{-webkit-box-pack: justify;justify-content: space-between;}*/
    .detail-yhsc .file-download a{width: 48.5%;margin: 0 .75%;padding: 0 10px;}
    .detail-yhsc .file-download a span{line-height: 28px;}
    .detail-yhsc .file-download a span i{display: inline-block;vertical-align: top;}

    .enclosure {padding-bottom: 100px;}
    .enclosure .swiper-slide{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .enclosure .swiper-slide .img{width: 100%;height: 214px;}
    .enclosure .text-group{width: 100%;margin-top: 20px;}
}



/* 品牌故事 */
.brand-menu{position: absolute;width: 100%;left: 0;bottom: 30px;z-index: 15;}
.brand-menu a{display: block;margin: 0 30px;position: relative;font-size: 18px;line-height: 56px;color: #fff;font-family: Zhonghei;}
.brand-menu a.on::after{display: block;content: '';width: 100%;height: 1px;background: #e77817;}
.brand-banner{padding-top: 0;}
.brand-banner .text{line-height: 1.1;}
.brand-banner .img img{width: 100%;height: 100%;}
.brand-item{position: relative;background-size: cover;background-attachment: fixed;padding: 200px 0;}
.brand-item .img img{width: 100%;}
.brand-item .text{position: static;width: 100%;height: 100%;top: 0;left: 0;}
.brand-item .text .text-inner{max-width: 600px;}
.brand-item .wrap{position: relative;}
.brand-item:nth-child(odd){background-position: left center;}
.brand-item:nth-child(even){background-position: right center;}
.brand-item:nth-child(odd) .text .text-inner{float: right;}
.brand-item:nth-child(even) .text .text-inner{float: left;}
.brand-item .text h2{margin-bottom: 60px;}
.brand-item .text p{line-height: 28px;margin-bottom: 20px;}
.brand-reverse .brand-item:nth-child(odd) .text .text-inner{float: left;}
.brand-reverse .brand-item:nth-child(even) .text .text-inner{float: right;}
.brand-item .text .text-inner.widther{max-width: 720px;}
.history-list li{position: relative;margin-bottom: 16px;padding-left: 80px;line-height: 22px;color: #fff;}
.history-list li span{position: absolute;left: 0;top: 0;}
.brand-item .history-list li p{margin-bottom: 0;line-height: 22px;}
.brand-item .item-brief{position: absolute;left: 0;bottom: 6%;color: #ccc;}

@media screen and (max-width: 1440px) {
    .brand-banner .text img{width: 180px;}
    .brand-banner .text h2{margin: 24px 0 10px;}
    .brand-menu a{font-size: 16px;}
    .brand-item{padding: 150px 0;}
    .history-list li{margin-bottom: 8px;}
}

@media screen and (max-width: 1200px) {
    .brand-banner .img{height: 520px;}
    .brand-banner .img img{height: 100%;object-fit: cover;}
    .brand-item{padding: 100px 0;}
}

@media screen and  (max-width: 767px) {
    .brand-banner .img{height: 360px;}
    .brand-banner .img img{width: 100%;height: 100%;}
    .brand-banner .text img{width: 120px;}
    .brand-menu{bottom: 10px;}
    .brand-menu a{font-size: 14px;margin: 0 15px;white-space: nowrap;}
    .brand-item{padding: 80px 0 0;background-size: cover;background-repeat: no-repeat;background-position: right center;background-attachment: initial;}
    .brand-item .text{-webkit-box-pack: start;justify-content: flex-start;}
    .brand-item .text .font64{font-size: 24px;color: #fff;}
    .brand-item .text .font50{font-size: 20px;margin-bottom: 20px;color: #fff;}
    .brand-item .text h2{margin-bottom: 20px;}
    .brand-item .text p{font-size: 14px;line-height: 22px;margin-bottom: 4px;color: rgba(255,255,255,.8);}
    .history-list li{margin-bottom: 4px;line-height: 20px;}
    .history-list li span{font-size: 12px;}

    .brand-item.idea-bg1{background-image: url(../img/idea1_m.jpg) !important;}
    .brand-item.idea-bg2{background-image: url(../img/idea2_m.jpg) !important;}
    .brand-item.idea-bg3{background-image: url(../img/idea3_m.jpg) !important;}
    .brand-item.history-bg1{background-image: url(../img/history1_m.jpg) !important;}
    .brand-item.history-bg2{background-image: url(../img/history2_m.jpg) !important;}
    .brand-item.history-bg3{background-image: url(../IMAGES/history3_m.jpg) !important;}
    .brand-item.story-bg1{background-image: url(../img/story1_m.jpg) !important;}
    .brand-item.story-bg2{background-image: url(../img/story2_m.jpg) !important;}
}


/* 冷藏 */
.cold-item{padding-top: 136px;padding-bottom: 72px;background-repeat: no-repeat;background-size: 100% auto;background-position: center top;background-attachment: fixed;}
.cold-item .sec-text p{max-width: 720px;margin-left: auto;margin-right: auto;font-size: 18px;line-height: 30px;}
.list-style2 li{float: left;width: 33.33%;}
.list-style2 .item-box{width: 360px;max-width: 90%;margin: 0 auto;position: relative;overflow: hidden;}
.list-style2 .item-box .just{position: relative;z-index: 1;-webkit-transition: .4s;transition: .4s;}
.list-style2 .item-box .back{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background: #000;-webkit-transition: 1s;transition: 1s;opacity: 0;}
.list-style2 .item-box:hover .back{-webkit-transition: 1s;transition: 1s;opacity: 1;}
.list-style2 .item-box .just{padding: 14px 30px 56px;text-align: center;}
.list-style2 .item-box .just .img{height: 234px;}
.list-style2 .item-box .just .img img{object-fit: contain;width: 100%;height: 100%;}
.list-style2 .item-box .just h3{font-size: 24px;color: #fff;margin-bottom: 6px;}
.list-style2 .item-box .just p{padding: 24px 0;color: #fff;font-size: 18px;}
.list-style2 .item-box .back{padding: 0 15%;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: start;align-items: flex-start;}
.list-style2 .item-box .back h4{font-size: 24px;line-height: 1.6;color: #ccc;}
.list-style2 .item-box .back h5{font-size: 20px;color: #ce1330;font-family: Metric;letter-spacing: 2px;}
.list-style2 .item-box .back .points{margin: 32px 0 28px;}
.list-style2 .item-box .back .points p{position: relative;padding: 8px 0 8px 24px;line-height: 24px;color: #fff;font-size: 18px;}
.list-style2 .item-box .back .points p i{display: block;line-height: 24px;position: absolute;left: 0;top: 8px;color: #c9132f;font-size: 16px;}
.list-style2 .item-box .back .btn-style1{width: 100%;}

.cold-item1{padding-top: 236px;background: url(../img/cold_bg1.png) no-repeat;background-size: 100% auto;background-attachment: fixed;background-repeat: no-repeat;}
.cold-item2{background: url(../img/cold_bg2.png) no-repeat;background-size: 100% auto;background-attachment: fixed;background-repeat: no-repeat;}

.left-pages{position: fixed;left: 2%;z-index: 91;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.left-pages li{padding: 8px 0;position: relative;cursor: pointer;}
.left-pages li span{display: block;width: 8px;height: 8px;background: #878b8b;border-radius: 100%;}
.left-pages li .text{position: absolute;left: 18px;top: 50%;margin-top: -15px;height: 30px;padding: 0 20px;min-width: 90px;text-align: center;line-height: 30px;white-space: nowrap;background: #ce1330;border-radius: 15px;color: #fff;visibility: hidden;opacity: 1;font-size: 14px;}
.left-pages li.active span{background: #ce1330;}
.left-pages li.active .text{opacity: 1;visibility: visible;}

.list-style2.list2m-swiper{display: none;}


@media screen and (max-width: 1440px) {
    .cold-item{padding-top: 108px;padding-bottom: 60px;}
    .cold-item1{padding-top: 220px;}

    .list-style2 .item-box .just .img{height: 200px;margin-bottom: 10px;}
    .list-style2 .item-box .just .img img{max-width: 90%;max-height: 90%;}
    .list-style2 .item-box .just h3{font-size: 20px;}
    .list-style2 .item-box .just p{padding: 16px 0;}
    .list-style2 .item-box .back h4{font-size: 20px;}
}

@media screen and (max-width: 1024px) {
    .list-style2 .item-box .just{padding: 14px 15px 24px;}
    .list-style2 .item-box .just .img{height: 144px;}
    .list-style2 .item-box .just h3{font-size: 18px;}
    .list-style2 .item-box .just p{font-size: 14px;}
    .list-style2 .item-box .back{padding: 0 5%;}
    .list-style2 .item-box .back h4{font-size: 18px;}
    .list-style2 .item-box .back .points p{font-size: 14px;line-height: 22px;}
}


@media screen and (max-width: 767px) {
    .cold-item{padding-top: 60px;padding-bottom: 40px;background-size: 200% auto;background-position:  center 0;}
    .cold-item1{padding-top: 120px;}
    .cold-item .sec-text{margin-bottom: 50px;}
    .cold-item .sec-text p{font-size: 12px;line-height: 20px;}
    .cold-item .sec-text .icon img{width: 60px;}

    .list-style2{display: none;}
    .list-style2.list2m-swiper{display: block;}
    .list-style2 li{width: 100%;}
    .list-style2 .item-box .back .points{margin: 18px 0;}
    .list-style2 .item-box .back .points p{padding: 5px 0 5px 24px;}
    .list-style2 .item-box .back .points p i{top: 5px;}
    .list-style2 .item-box .back .btn-style1{width: 116px;margin: 0 auto;}

    .left-pages{display: none;}
}



/* 视频弹窗 */
.video-filter{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, .8);display: none;}
.video-filter .video-close{display: block;width: 36px;height: 36px;text-align: center;line-height: 36px;font-size: 24px;color: #fff;top: 10px;right: 10px;position: absolute;color: #fff;z-index: 999;}
.video-filter .inner-wrap{height: 100%;}
.video-filter .video-player{width: 100%;height: 100%;}



/* 分页 */
.pages{text-align: center;}
.pages a{display: inline-block;vertical-align: top;margin: 5px 15px;}
.pages .page-btn{width: auto;min-width: auto;height: 50px;width: 50px;padding: 0;}
.pages .page-btn span{line-height: 48px;}
.pages .num{height: 50px;line-height: 48px;border-bottom: 2px solid transparent;color: #fff;font-size: 20px;padding: 0 5px;}
.pages .num.on{border-bottom-color: #e77817;}
.pages .num:hover{color: #e77817;}
.pages-text{margin-top: 20px;color: #888;}

@media screen and (max-width: 1440px) {
    .pages a{display: inline-block;vertical-align: top;margin: 5px 12px;}
    .pages .page-btn{height: 44px;width: 44px;}
    .pages .page-btn span{line-height: 46px;}
    .pages .num{height: 44px;line-height: 42px;font-size: 18px;padding: 0 4px;}
}

@media screen and (max-width: 767px) {
    .pages a{display: inline-block;vertical-align: top;margin: 5px;}
    .pages .page-btn{height: 36px;width: 36px;}
    .pages .page-btn span{line-height: 34px;}
    .pages .num{height: 36px;line-height: 34px;font-size: 14px;}
}
/* 服务支持 */
.service{background: url(../img/service_bg.png) no-repeat center center;background-size: cover;}
.service-list{margin: 0 -15px;}
.service-list li{float: left;width: 33.33%;padding: 15px;}
.service-list a{display: block;text-align: center;padding: 40px;background: #000;}
.service-list a h4{font-size: 28px;color: #fff;margin: 20px 0;transition: .4s;}
.service-list a:hover h4{color: #e77817;}

@media screen and (max-width: 1024px) {
    .service-list{margin: 0 -10px;}
    .service-list li{padding: 10px;}
    .service-list a{padding: 30px;}
    .service-list a h4{font-size: 24px;margin: 12px 0;}
}

@media screen and (max-width: 767px) {
    .service-list{margin: 0 -5px;}
    .service-list li{padding: 5px;width: 50%;}
    .service-list a{padding: 20px 10px;}
    .service-list a h4{font-size: 16px;margin: 8px 0;}
    .service-list a img{width: 36px;}
}



/* 服务支持-支持手册 */
.manual-swiper{padding-bottom: 80px;}
.manual-swiper .img{width: 40%;}
.manual-swiper .img img{width: 100%;}
.manual-swiper .text{width: 50%;}
.manual-swiper .text h4{font-size: 32px;color: #fff;}
.manual-swiper .text p{font-size: 20px;color: #fff;line-height: 1.2;margin-top: 20px;font-family: DengXian;}
.manual-swiper .text .btn-style1{margin-top: 60px;width: 80%;}
.manual-swiper .text .btn-style1 i{display: inline-block;vertical-align: top;margin-right: 12px;}
.manual-file{width: 100%;}

/* .manual-list1{margin-left: -10px;margin-right: -10px;} */
/* .manual-list1 li{float: left;width: 20%;padding: 10px;} */
.manual-menu{padding: 0 50px;position: relative;}
.manual-menu .manual-menu-btn{display: block;width: 30px;height: 30px;position: absolute;z-index: 11;top: 50%;margin-top: -15px;text-align: center;line-height: 30px;color: #fff;font-size: 30px;}
.manual-menu .manual-menu-btn:hover{color: #e77817;transition: .4s;}
.manual-menu .manual-menu-prev{left: 0;}
.manual-menu .manual-menu-next{right: 0;}
.manual-list1 li a{display: block;background: #0d1215;padding: 28px 0;text-align: center;}
.manual-list1 li a img{max-width: 58px;}
.manual-list1 li a p{color: #fff;margin-top: 10px;}
.manual-list1 li.on a{background-color: #e77817;}

.manual-list2{margin-left: -10px;margin-right: -10px;}
.manual-list2 li{float: left;width: 25%;padding: 18px 10px;}
.manual-list2 li a{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;}
.manual-list2 li a .iconfont{width: 80px;height: 80px;border-radius: 100%;background: #e77817;text-align: center;line-height: 80px;color: #fff;font-size: 30px;}
.manual-list2 li a .text{width: calc(100% - 110px);}
.manual-list2 li a .text h4{color: #fff;font-size: 18px;transition: .4s;}
.manual-list2 li a .text p{color: rgba(255,255,255,.2);}
.manual-list2 li a:hover h4{color: #e77817;transition: .4s;}

.manual-tab .swiper-slide{display: none;}
.manual-tab .swiper-slide.active{display: -webkit-box;display: flex;}

@media screen and (max-width: 1440px) {
    .manual-swiper .text h4{font-size: 24px;}
    .manual-swiper .text p{font-size: 16px;margin-top: 10px;}
    .manual-swiper .text .btn-style1{margin-top: 40px;}
}

@media screen and (max-width: 1024px) {
    .manual-list2 li{width: 33.33%;}
    .manual-list2 li a .iconfont{width: 64px;height: 64px;font-size: 24px;line-height: 64px;}
    .manual-list2 li a .text{width: calc(100% - 80px);}
}

@media screen and (max-width: 767px) {
    .manual-swiper .img{width: 42%;}
    .manual-swiper .text{width: 52%;}
    .manual-swiper .text h4{font-size: 20px;}
    .manual-swiper .text p{font-size: 14px;}
    .manual-swiper{padding-bottom: 72px;}

    .manual-menu{padding: 0 30px;}
    .manual-menu .manual-menu-btn{width: 20px;height: 20px;line-height: 20px;font-size: 20px;margin-top: -10px;}
    .manual-list1{margin-left: -3px;margin-right: -3px;}
    .manual-list1 li{width: 33.33%;padding: 3px;}
    .manual-list1 li a{padding: 10px 0;}
    .manual-list1 li img{width: 30px;height: 30px;}
    .manual-list1 li p{font-size: 12px;}
    .manual-list2{margin-left: -3px;margin-right: -3px;}
    .manual-list2 li{padding: 10px 3px;width: 50%;}
    .manual-list2 li a .iconfont{width: 48px;height: 48px;line-height: 48px;font-size: 20px;}
    .manual-list2 li a .text{width: calc(100% - 60px);}
    .manual-list2 li a .text h4{font-size: 16px;}
}




/* 定制食谱 */
.pecipes{padding: 50px 0;margin: 0 -20px;}
.pecipes li{float: left;width: 33.33%;padding: 20px;}
.pecipes li a{display: block;}
.pecipes .img{position: relative;overflow: hidden;height: 278px;}
.pecipes .img img{width: 100%;transition: .4s;height: 100%;object-fit: cover;}
.pecipes .img .line{position: absolute;width: 0;height: 4px;background: #e77817;left: 0;bottom: 0;transition: 1s;}
.pecipes .text{padding: 20px 0;font-family: Zhonghei;}
.pecipes .text h4{color: #fff;font-size: 24px;transition: .4s;}
.pecipes-text{display: -webkit-box;display: flex;flex-wrap: wrap;margin: 8px 0 36px;}
.pecipes-text .text-item{margin-left: 20px;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.pecipes-text .text-item:first-child{margin-left: 0;}
.pecipes-text i{display: block;width: 16px;height: 16px;background-position: center center;background-size: cover;margin-right: 5px;}
.pecipes-text .icon-fire{background-image: url(../img/icon_fire.png);}
.pecipes-text .icon-hat1{background-image: url(../img/icon_hat1.png);}
.pecipes-text .icon-hat2{background-image: url(../img/icon_hat2.png);}
.pecipes-text span{display: block;color: #fff;font-size: 20px;padding-left: 4px;font-family: MetricLight,DengXian;}
.pecipes li a:hover .img img{transition: .4s;transform: scale(1.05);}
.pecipes li a:hover .img .line{transition: 1s;width: 100%;}
.pecipes li a:hover .text h4{color: #e77817;transition: .4s;}
.pecipes.pecipesm-swiper{display: none;}

@media screen and (max-width: 1440px) {
    .pecipes{padding: 40px 0;margin: 0 -12px;}
    .pecipes li{padding: 12px;}
    .pecipes .text{padding: 16px 0;}
    .pecipes .text h4{font-size: 22px;}
    .pecipes .pecipes-text{margin: 6px 0 24px;}
    .pecipes-text span{font-size: 18px;}
    .pecipes .img{height: 240px;}
}

@media screen and (max-width: 1024px) {
    .pecipes .img{height: 200px;}
}

@media screen and (max-width: 992px) {
    .pecipes li{width: 50%;}
}

@media screen and (max-width: 767px) {
    .pecipes.hide-mobile{display: none;}
    .pecipes.pecipesm-swiper{display: block;}
    .pecipes{padding: 20px 0;margin: 0;}
    .pecipes li{width: 100%;padding: 15px 0;}
    .pecipes .text{padding: 10px 0;}
    .pecipes .text h4{font-size: 20px;}
    .pecipes .pecipes-text{margin: 4px 0 16px;}
    .pecipes-text span{font-size: 16px;}
}



/* 定制食谱-详情 */
.pecipes-detail .infos{margin: 0 -32px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: start;align-items: flex-start;}
.pecipes-detail .infos .col{width: 50%;padding: 0 32px;}
.pecipes-detail .infos .innerwrap{margin: 0 -25px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: start;align-items: flex-start;}
.pecipes-detail .infos .half-item{width: 50%;padding: 0 25px;}
.pecipes-detail .infos h4{font-size: 24px;color: #fff;height: 80px;line-height: 78px;border-bottom: 2px solid #fff;}
.pecipes-detail .infos .half-item p{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;padding: 15px 0;line-height: 24px;color: #a6a6a6;border-bottom: 1px solid rgba(255,255,255,.2);}
.pecipes-detail .infos .text p{line-height: 24px;margin-top: 16px;color: #a6a6a6;}

@media screen and (max-width: 1440px) {
    .pecipes-detail .infos h4{font-size: 20px;height: 64px;line-height: 62px;}
    .pecipes-detail .infos .half-item p{padding: 10px 0;}
}

@media screen and (max-width: 992px) {
    .pecipes-detail .infos{margin: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .pecipes-detail .infos .col{width: 100%;padding: 0;}
}

@media screen and (max-width: 767px) {
    .pecipes-detail .infos .innerwrap{margin: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .pecipes-detail .infos .half-item{width: 100%;padding: 0;}
    .pecipes-detail .infos .half-item:last-child h4{display: none;}
}



/* 全球案例 */
.caselist{margin: 0 -30px;}
.caselist li{float: left;width: 50%;padding: 24px 30px;}
.caselist li a{display: block;position: relative;overflow: hidden;}
.caselist .img{height: 420px;overflow: hidden;}
.caselist .img img{width: 100%;height: 100%;object-fit: cover;}
.caselist .text{position: absolute;width: 100%;height: 100%;position: absolute;top: -90px;left: 0;z-index: 5;padding: 32px 50px;transition: .8s;transform: translateY(100%);display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: stretch;align-items: stretch;}
.caselist .text h4{color: #fff;font-size: 32px;line-height: 48px;}
.caselist .text .p{opacity: 0;transition: .4s;}
.caselist .text p{color: #fff;font-size: 18px;line-height: 30px;}
.caselist .filter{width: 100%;height: 60%;position: absolute;bottom: 0;left: 0;z-index: 1;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.3));}
.caselist .line{width: 100%;height: 4px;background: #e77817;position: absolute;left: 0;bottom: 0;z-index: 3;}
.caselist li a:hover .text{transition: .8s;transform: translateY(90px);background: #e77817;-webkit-box-pack: end;justify-content: flex-end;}
.caselist li a:hover .text .p{opacity: 1;transition: .4s;}


@media screen and (max-width: 1440px) {
    .caselist{margin: 0 -20px;}
    .caselist li{padding: 18px 20px;}
    .caselist .img{height: 360px;}
    .caselist .text{padding: 28px 44px;top: -78px;}
    .caselist .text h4{font-size: 24px;line-height: 36px;}
    .caselist .text p{font-size: 16px;line-height: 28px;}
    .caselist li a:hover .text{transform: translateY(78px);}
}

@media screen and (max-width: 992px) {
    .caselist{margin: 0 -10px;}
    .caselist li{padding: 15px 10px;}
    .caselist .img{height: 240px;}
    .caselist .text{padding: 16px 24px;top: -64px;}
    .caselist .text h4{font-size: 20px;line-height: 30px;}
    .caselist .text p{font-size: 14px;line-height: 24px;}
    .caselist li a:hover .text{transform: translateY(64px);}
}

@media screen and (max-width: 767px) {
    .caselist{margin: 0;}
    .caselist li{padding: 15px 0;width: 100%;}
    .caselist .img{height: 240px;}
    .caselist .text{-webkit-box-pack: start;justify-content: flex-start;}
}



/* 门店指引 */
.store-top{display: flex;justify-content: space-between;align-items: stretch;}
.store-top .img{width: 50%;}
.store-top .text{width: 50%;background: #000;padding: 4% 7%;}
.store-top .text h4{margin-bottom: 60px;}
.store-top .text p{position: relative;padding: 5px 0 5px 0px;color: #ccc;line-height: 30px;font-size: 18px;}
.store-top .text p i{display: block;height: 30px;line-height: 30px;left: 0;top: 5px;color: #b31029;position: absolute;}

.store-list{margin-left: -20px;margin-right: -20px;}
.store-list li{float: left;width: 33.33%;padding: 20px;}
.store-list .img{overflow: hidden;position: relative;height: 324px;}
.store-list .img img{width: 100%;transition: .6s;transform: scale(1);height: 100%;object-fit: cover;}
.store-list .img .line{width: 0;height: 4px;background: #e77817;position: absolute;left: 0;bottom: 0;transition: 1s;}
.store-list .text{padding: 20px 0;height: 200px;}
.store-list .text h4{font-size: 24px;color: #fff;transition: .4s;margin-bottom: 8px;}
.store-list .text p{position: relative;padding: 5px 0 5px 32px;color: #ccc;line-height: 30px;font-size: 18px;}
.store-list .text p i{display: block;height: 30px;line-height: 30px;left: 0;top: 5px;color: #b31029;position: absolute;}
.store-list li a:hover .img img{transition: .6s;transform: scale(1.05);}
.store-list li a:hover .img .line{width: 100%;transition: 1s;}
.store-list li a:hover .text h4{color: #b31029; transition: .4s;}


@media screen and (max-width: 1440px) {
    .store-top .text h4{margin-bottom: 36px;}
    .store-top .text p{padding: 4px 0 4px 28px;color: #ccc;line-height: 24px;font-size: 16px;}
    .store-top .text p i{display: block;height: 24px;line-height: 24px;top: 4px;}

    .store-list{margin-left: -10px;margin-right: -10px;}
    .store-list li{padding: 10px;}
    .store-list .text{padding: 15px 0;}
    .store-list .text h4{font-size: 20px;margin-bottom: 6px;}
    .store-list .text p{padding: 4px 0 4px 28px;line-height: 24px;font-size: 16px;}
    .store-list .text p i{height: 24px;line-height: 24px;top: 4px;}
}


@media screen and (max-width: 992px) {
    .store-top {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .store-top .img{width: 100%;}
    .store-top .text{width: 100%;}
    .store-list li{width: 50%;}
}


@media screen and (max-width: 767px) {
    .select-form .select-group{margin-right: 10px;}
    .select-form .select-group:last-child{margin-right: 0;}
    .select-form .select-group .text{width: 100px;}
    .store-top .text{padding: 20px 8%;height: auto;}
    .store-top .text h4{margin-bottom: 16px;}
    .store-list{margin-left: 0;margin-right: 0;}
    .store-list li{width: 100%;padding: 15px 0;}
}




/* 常见问题 */
.problem-banner .text{padding-top: 60px;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.problem-banner .banner-search{width: 100%;max-width: 980px;}
.problem-banner .banner-search .search-submit{display: block;min-width: auto;padding: 0;width: 60px;height: 60px;text-align: center;border: 1px solid #e77817;color: #fff;font-size: 20px;}
.problem-banner .banner-search .search-submit span{line-height: 58px;}
.problem-banner .banner-search input{display: block;width: calc(100% - 80px);border-bottom: 2px solid rgba(255,255,255,.5);height: 52px;line-height: 50px;font-size: 18px;color: #fff;}
.problem-banner .wrap{position: relative;height: 100%;} 
.problem-banner .search-hots{margin: 20px -10px 0;display: -webkit-box;display: flex;flex-wrap: wrap;}
.problem-banner .search-hots li{padding: 10px;}
.problem-banner .search-hots li a{display: block;line-height: 50px;padding: 0 20px;background: #0c1011;color: #fff;}
.problem-banner .search-hots li a:hover{background-color: #e77817;}
.problem-swiper{width: 100%;}
.problem-swiper .swiper-wrapper{-webkit-box-pack: center;justify-content: center;}
.problem-swiper .swiper-slide{width: auto;margin-right: 56px;}
.problem-swiper .swiper-slide:last-child{margin-right: 0;}
.problem-swiper .swiper-slide a{display: block;color: #fff;line-height: 58px;position: relative;padding: 0 6px;font-family: Zhonghei;}
.problem-swiper .swiper-slide a::after{display: block;content: '';width: 0;height: 1px;background: #e77817;position: absolute;left: 0;bottom: 0;transition: .4s;}
.problem-swiper .swiper-slide-active a::after{width: 100%;transition: .4s;}
.problem-swiper .swiper-slide a:hover{color: #e77817;}
.problem-swiper-box .problem-swiper-prev,
.problem-swiper-box .problem-swiper-next{display: none;}
.problem-swiper-box{position: absolute;width: 100%;left: 0;bottom: 10%;}

.problem-list li{padding: 10px 0;}
.problem-list li a{display: block;background: #000;padding: 25px 80px 25px 50px;position: relative;line-height: 30px;font-size: 18px;color: #fff;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;font-family: Zhonghei;}
.problem-list li a .icon-right{color: #e77817;position: absolute;width: 80px;height: 100%;top: 0;right: 0;transition: .4s;}
.problem-list li a.on .icon-right{transition: .4s;transform: rotate(90deg);}
.problem-list li .infos>*{display: block;}
.problem-list li .infos span{margin: 0 10px;white-space: nowrap;}
.problem-list li a:hover{background-color: #fff;color: #333;}
.problem-list li a:hover p{color: #e77817;}
.problem-list li a:hover .icon-eye{color: #e77817;}
.problem-list .list-drop{background: #000;padding: 30px 5%;margin-top: 1px;display: none;}
.problem-list .list-drop p{line-height: 28px;margin-bottom: 10px;color: rgba(255,255,255,.8) !important;}

.article-group{margin: 0 -20px;display: -webkit-box;display: flex;flex-wrap: wrap;}
.article-group .article-col{padding: 0 20px;width: 33.33%;}
.article-group .article-box{background: #000;padding: 10px 40px;}
.article-group .article-box h3{font-size: 24px;padding: 16px 0;border-bottom: 2px solid #fff;color: #fff;}
.article-group .article-box h3 a{color:#fff;}
.article-group .list-tit{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
.article-group .list-tit h4{line-height: 38px;color: #fff;height: 38px;width: calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: Zhonghei;}
.article-group .list-tit span{color: #ccc;font-family: Metric;}
.article-group ul li{border-bottom: 1px solid rgba(255,255,255,.1);}
.article-group ul li:last-child{border-bottom: none;}
.article-group ul li a{display: block;padding: 12px 0 12px 16px;position: relative;}
.article-group ul li a::before{display: block;content: '';width: 4px;height: 4px;background: #e77817;border-radius: 100%;position: absolute;left: 0;top: 29px;}
.article-group ul li a p{line-height: 28px;height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-height: 2;color: #ccc;font-family: Dengxian;}
.article-group ul li a .text{display: none;}
.article-group ul li a .text.active{display: block;}
.article-group.article-swiper{display: none;} 

@media screen and (max-width: 1440px) {
    .problem-banner .banner-search .search-submit{width: 48px;height: 48px;}
    .problem-banner .banner-search .search-submit span{line-height: 46px;}
    .problem-banner .banner-search input{height: 42px;line-height: 40px;font-size: 16px;}
    .problem-banner .search-hots{margin: 0 -5px;}
    .problem-banner .search-hots li{padding: 5px;}
    .problem-banner .search-hots li a{line-height: 40px;padding: 0 18px;}
    .problem-swiper .swiper-slide{margin-right: 44px;}
    .problem-list li a{padding: 20px 60px 20px 40px;font-size: 16px;}
    .problem-list li a .icon-right{width: 60px;}
    .article-group{margin: 0 -10px;}
    .article-group .article-col{padding: 0 10px;}
    .article-group .article-box{padding: 10px 24px;}
    .article-group .article-box h3{font-size: 20px;}
}

@media screen and (max-width: 1024px) {
    .problem-swiper .swiper-slide{margin-right: 20px;}
}

@media screen and (max-width: 767px) {
    .problem-page{padding-top: 0;}
    .problem-banner .wrap{height: auto;}
    .problem-banner .search-hots{margin-top: 10px;position: static;}
    .problem-banner .search-hots li a{font-size: 12px;line-height: 30px;padding: 0 10px;}
    .problem-banner .banner-search{margin-top: 0;}
    .problem-banner .text{padding-bottom: 10px;-webkit-box-pack: end;justify-content: flex-end;}
    .problem-banner .text .banner-block{display: none;}
    .problem-swiper{width: 90%;left: 5%;bottom: 20px;position: static;width: 100%;margin-top: 40px;}
    .problem-swiper .swiper-wrapper{-webkit-box-pack: start;justify-content: flex-start;overflow-x: auto;}
    .problem-swiper .swiper-wrapper::-webkit-scrollbar{display: none;}
    .problem-swiper .swiper-slide{margin-right: 20px;}
    .problem-swiper .swiper-slide a{line-height: 40px;}
    .problem-list li{padding: 5px 0;}
    .problem-list li a{padding: 5px 30px 5px 12px;font-size: 14px;position: relative;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .problem-list li a p{width: 100%;}
    .problem-list li a .infos{width: 100%;-webkit-box-pack: start;justify-content: flex-start;}
    .problem-list li a .icon-right{width: 30px;}
    .article-group{margin: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .article-group .article-col{padding: 10px 0;width: 100%;}
    .article-group{display: none;}
    .article-group.article-swiper{display: block;}
    .article-group.article-swiper .swiper-dots{margin-top: 10px;}
    .problem-swiper-box{position: relative;padding: 0 30px;width: 100%;margin-top: 40px;}
    .problem-swiper-box .problem-swiper-prev,
    .problem-swiper-box .problem-swiper-next{display: block;position: absolute;width: 30px;height: 40px;z-index: 11;bottom: 0;line-height: 40px;color: rgba(255,255,255,.6);outline: none;}
    .problem-swiper-box .problem-swiper-prev{left: 0;text-align: left;}
    .problem-swiper-box .problem-swiper-next{right: 0;text-align: right;}
    .problem-swiper-box .problem-swiper{position: relative;left: 0;overflow: hidden;margin-top: 0;bottom: 0;}
    .problem-swiper-box .problem-swiper .swiper-slide{margin-right: 0;}
    .problem-swiper-box .problem-swiper .swiper-wrapper{flex-wrap: nowrap;overflow: visible;}
    .problem-swiper-box .problem-swiper .swiper-slide a::after{left: 10%;}
    .problem-swiper-box .problem-swiper .swiper-slide-active a::after{width: 80%;}
}



/* 常见问题-详情 */
.problem-banner .banner-block{height: 80px;}
.problem-list.half{margin: 0 -10px;display: -webkit-box;display: flex;flex-wrap: wrap;}
.problem-list.half li{width: 50%;padding: 10px;}
.problem-list.half li a{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
.problem-list.half li a p{width: 100%;}
.problem-list.half li a .infos{width: 100%;-webkit-box-pack: start;justify-content: flex-start;}

.article .tit{font-family: Zhonghei;}
.article .infos{margin: 30px 0;font-family: Metric;}
.article .infos span{color: #fff;margin: 0 10px;line-height: 24px;}
.article .infos i{display: inline-block;vertical-align: top;margin-right: 6px;}
.article .article-text p{font-size: 18px;line-height: 30px;color: #ccc;font-family: Dengxian;margin-bottom: 16px;}
.article .article-text a{color: #ccc;}
.article img{max-width: 100%;}
.article .img{margin: 40px 0;text-align: center;}


@media screen and (max-width: 1440px) {
    .problem-banner .banner-block{height: 50px;}
    .article .infos{margin: 24px 0;}
    .article .article-text p{font-size: 16px;line-height: 28px;margin-bottom: 12px;}
    .article .img{margin: 30px 0;}
}

@media screen and (max-width: 767px) {
    .problem-banner .banner-block{height: 30px;}
    .problem-list.half{margin: 0;}
    .problem-list.half li{padding: 5px 0;width: 100%;}
    .article .infos{margin: 18px 0;}
    .article .article-text p{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
    .article .img{margin: 20px 0;}
}




/* 联系我们 */
.contact{position: relative;}
.contact::before{display: block;content: '';width: 100%;height: 60%;position: absolute;top: 0;left: 0;z-index: 2;background: linear-gradient(to bottom,rgba(10,10,10,.7),rgba(10,10,10,0));}
.contact .wrap{position: relative;z-index: 3;}
.contact-box{background: rgba(0,0,0,.95);width: 388px;padding: 0 30px;border-bottom: 3px solid #c4132f;position: relative;z-index: 3;}
.contact-box li{padding: 48px 0 48px 80px;position: relative;border-bottom: 1px solid rgba(255,255,255,.1);}
.contact-box li i{width: 40px;height: 40px;line-height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;color: #888;font-size: 40px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.contact-box li i.icon1{background-image: url(../img/contact_icon1.png);}
.contact-box li i.icon2{background-image: url(../img/contact_icon2.png);}
.contact-box li i.icon3{background-image: url(../img/contact_icon3.png);}
.contact-box li h4{font-size: 20px;color: #ccc;}
.contact-box li h3{font-size: 32px;color: #fff;}
.contact-box li p{font-size: 18px;color: #fff;font-family: MetricLight, DengXian;}
.mymap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.anchorBL{visibility: hidden;}
.BMap_Marker{background-size: contain !important;}

@media screen and (max-width: 1440px) {
    .contact-box{width: 360px;}
    .contact-box li{padding: 32px 0 32px 70px;}
    .contact-box li i{font-size: 32px;}
    .contact-box li h4{font-size: 18px;}
    .contact-box li h3{font-size: 24px;}
    .contact-box li p{font-size: 16px;}
}

@media screen and (max-width: 767px) {
    .contact{padding: 0;}
    .contact .wrap{width: 100%;}
    .contact-box{width: 100%;}
    .contact-box li{padding: 15px 0 15px 70px;}
    .mymap{position: static;height: 300px;position: relative;}
}




/* 品牌资讯 */
.news-list{margin: 0 -20px;}
.news-list li{float: left;width: 33.33%;padding: 20px;}
.news-list li a{display: block;}
.news-list .img{position: relative;overflow: hidden;height: 278px;}
.news-list .img img{width: 100%;transition: .6s;height: 100%;object-fit: cover;}
.news-list .img .line{width: 0;height: 4px;background: #e77817;position: absolute;left: 0;bottom: 0;transition: 1s;}
.news-list .text{padding: 28px 0;}
.news-list .text .infos{display: none;}
.news-list .text .infos>*{line-height: 28px;display: inline-block;vertical-align: top;color: #fff;}
.news-list .text .infos span{padding: 0 14px;background: #e77817;margin-right: 10px;}
.news-list .text h3{margin: 0 0 16px;font-size: 22px;line-height: 36px;height: 72px;transition: .4s;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #fff;}
.news-list .text p{line-height: 28px;height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #888;}
.news-list li a:hover .img img{transition: .6s;transform: scale(1.05);}
.news-list li a:hover .img .line{width: 100%;transition: 1s;}
.news-list li a:hover .text h4{color: #e77817;transition: .4s;}
.news-list.newsm-swiper{display: none;}


@media screen and (max-width: 1440px) {
    .news-list{margin: 0 -15px;}
    .news-list li{padding: 15px;}
    .news-list .img{height: 240px;}
    .news-list .text h3{margin: 0 0 12px;font-size: 20px;line-height: 30px;height: 60px;}
    .news-list .text p{line-height: 24px;height: 48px;}
}

@media screen and (max-width: 1024px) {
    .news-list .img{height: 200px;}
}

@media screen and (max-width: 992px) {
    .news-list li{width: 50%;}
}

@media screen and (max-width: 767px) {
    .news-list.hide-mobile{display: none;}
    .news-list.newsm-swiper{display: block;}
    .news-list{margin: 0;}
    .news-list li{padding: 10px 0;width: 100%;}
    .news-list .text{padding: 12px 0 20px;}
    .news-list .text h3{font-size: 18px;line-height: 28px;height: auto;max-height: 56px;margin: 0 0 8px;}
}




/* 会员中心 */
.user .user-left{width: 432px;padding: 60px 4%;background: #0d1314;}
.user .user-right{width: calc(100% - 472px);}
.user .user-basic{text-align: center;}
.user .user-basic .avatar{width: 132px;height: 132px;border-radius: 100%;overflow: hidden;margin: 0 auto 20px;}
.user .user-basic .avatar img{width: 100%;height: 100%;object-fit: cover;}
.user .user-basic h5{color: #fff;font-size: 18px;}
.user .third-party li{padding: 0 16px;}
.user .third-party a{display: block;width: 44px;height: 44px;background: #3d4243;border-radius: 100%;text-align: center;line-height: 44px;color: #000;font-size: 24px;position: relative;}
.user .third-party a i{position: absolute;font-size: 14px;color: #e77817;line-height: 1;bottom: 0;right: -4px;}
.user .third-party h4{color: #ccc;}
.user .user-info{border-top: 1px solid rgba(255,255,255,.2);padding-top: 24px;color: #fff;}
.user .user-info h4{margin-bottom: 18px;}
.user .user-info p{line-height: 24px;padding: 8px 0;}
.user .user-info p span{color: #6b6d6d;}
.user .user-link{margin: 0 -20px 40px;}
.user .user-link li{float: left;padding: 0 20px;width: 25%;}
.user .user-link a{display: block;padding: 20px 0;background: #0d1314;text-align: center;}
.user .user-link .icon{width: 40px;height: 40px;margin: 0 auto 20px;position: relative;}
.user .user-link .icon .num{display: block;width: 22px;height: 22px;background: #e77817;border-radius: 100%;line-height: 22px;text-align: center;font-size: 12px;color: #fff;position: absolute;right: -8px;top: -4px;}
.user .user-link .icon img{width: 100%;height: 100%;object-fit: contain;}
.user .user-link p{font-size: 18px;color: rgba(255,255,255,.5);}
.user .user-info p .btn-style1 span{color: #fff;}

.user-tab{background: #0d1314;padding: 30px 48px 48px;}
.user-tab .tab-menu{margin-bottom: 20px;}
.user-tab .tab-menu a{float: left;line-height: 56px;border-bottom: 2px solid transparent;font-size: 24px;color: #fff;margin-right: 50px;}
.user-tab .tab-menu a.on{border-color: #e77817;}
.user-tab .tab-wrap{position: relative;overflow: hidden;}
.user-tab .tab-con{display: none;}
.user-tab .tab-con.active{display: block;}
.public-table{width: 100%;text-align: left;}
.public-table th,td{padding: 12px 0;line-height: 24px;}
.public-table th{color: rgba(255,255,255,.5);}
.public-table td{color: #fff;word-break: break-all;}
.public-table td a{color: #e77817;}

@media screen and (max-width: 1440px) {
    .user .user-left{width: 30%;padding: 48px 4%;}
    .user .user-right{width: calc(70% - 30px);}
    .user .user-link{margin: 0 -15px 30px;}
    .user .user-link li{padding: 0 15px;}

    .user-tab{padding: 24px 40px 40px;}
    .user-tab .tab-menu{margin-bottom: 12px;}
    .user-tab .tab-menu a{font-size: 20px;line-height: 48px;}
}

@media screen and (max-width: 992px) {
    .user .user-left{width: 100%;padding: 36px 4%;margin-bottom: 20px;}
    .user .user-link{margin: 0 -10px 20px;}
    .user .user-right{width: 100%;}
    .user .user-link li{padding: 0 10px;}
}

@media screen and (max-width: 767px) {
    .user .user-left{margin-bottom: 10px;padding: 28px 4%;}
    .user .user-basic .avatar{width: 120px;height: 120px;}
    .user .user-basic h5{font-size: 16px;}
    .user .third-party a{width: 40px;height: 40px;line-height: 40px;}
    .user .user-link{margin: 0 -5px 10px;}
    .user .user-link li{padding: 0 5px;}
    .user .user-link .icon{width: 30px;height: 30px;margin-bottom: 10px;}
    .user .user-link p{font-size: 14px;}

    .user-tab{padding: 20px 2% 36px;}
    .public-table th,td{padding: 8px 3px;}
}

.popup .popup-tit{padding: 40px 0 32px;position: relative;}
.purchased{width: 90%;max-width: 470px;padding: 0 3%;}
.purchased .popup-tit::after{display: block;content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: linear-gradient(to right, rgba(255,255,255,.4), rgba(255,255,255,0));}
.purchased ul{padding: 40px 0 64px;}
.purchased ul li{padding: 6px 0;line-height: 28px;font-size: 18px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;}
.purchased ul li span{display: -webkit-box;display: flex;flex-shrink: 0;white-space: nowrap;color: rgba(255,255,255,.5);}
.purchased ul li p{width: calc(100% - 112px);color: #fff;}

.popup-form{width: 90%;max-width: 470px;padding: 0 3%;}
.popup-form .popup-tit{padding-bottom: 12px;}
.popup-form .select-group{width: 100%;}
.popup-form .select-group .text{width: 100%;border: none;line-height: 40px;}
.popup-form .select-group .icon-down{position: absolute;width: 40px;height: 100%;top: 0;right: 0;text-align: center;text-align: center;line-height: 40px;color: #ce1330;font-size: 16px;}
.popup-form .select-group .select-drop{background: rgba(17,17,17,.9);}
.popup-form .form-btns .btn-style1{width: 200px;}
.form-group.width-icon{position: relative;}
.form-group.width-icon input{padding-right: 40px;}
.form-group.width-icon .iconfont{display: block;width: 40px;height: 40px;position: absolute;right: 0;top: 0;text-align: center;line-height: 40px;font-size: 18px;color: #ce1330;}
.popup .textarea{border: 1px solid rgba(255,255,255,.1);}
.popup .textarea textarea{display: block;width: 100%;background: none;resize: none;outline: none;padding: 10px 16px;line-height: 24px;font-size: 16px;}

.appointment{width: 100%;max-width: 900px;padding: 0 4% 60px;}
.appointment .popup-con{-webkit-box-align: start;align-items: start;}
.appointment .apt-part{width: 45%;}
.appointment .apt-part .form-tips p{color: #ccc;}


@media screen and (max-width: 1440px) {
    .popup .popup-tit{padding: 32px 0 24px;}
    .purchased ul{padding: 32px 0 48px;}
    .purchased ul li{font-size: 16px;}
}

@media screen and (max-width: 767px) {
    .appointment{height: 100%;overflow-y: auto;padding: 0 5% 40px;}
    .appointment .popup-con{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .appointment .apt-part{width: 100%;}
    .purchased ul{padding: 24px 0 32px;}
    .popup .form-group{margin-top: 10px;}
    .popup-form .form-btns .btn-style1{width: 120px;}
}



/* 家电百科 */
.ency-swiper .swiper-pagination{margin-bottom: 86px;}
.ency-swiper .img img{width: 100%;}
.ency{margin-top: -86px;position: relative;z-index: 15;}
.ency-bar{background: #0d1314;box-shadow: 0 0 30px rgba(0, 0, 0, .5);height: 172px;padding: 0 60px;}
.ency-bar>div{display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;color: #fff;}
.ency-bar .bar-info{width: 40%;}
.ency-bar .bar-info .avatar{width: 100px;height: 100px;border-radius: 100%;overflow: hidden;}
.ency-bar .bar-info .avatar img{width: 100%;height: 100%;object-fit: cover;}
.ency-bar .bar-info .text{width: calc(100% - 140px);margin-left: 40px;font-family: Metric;}
.ency-bar .bar-info .text h3{font-size: 32px;}
.ency-bar .bar-info .text h5{font-size: 24px;}
.ency-bar .bar-item{position: relative;width: 30%;}
.ency-bar .bar-item::before{display: block;content: '';width: 1px;height: 70px;background: rgba(255,255,255,.1);position: absolute;left: 0;top: 50%;margin-top: -35px;}
.ency-bar .bar-item .icon{width: 40px;height: 40px;position: relative;margin-right: 30px;}
.ency-bar .bar-item .icon img{object-fit: contain;}
.ency-bar .bar-item .icon .num{display: block;width: 20px;height: 20px;border-radius: 100%;background: #e77817;line-height: 20px;text-align: center;position: absolute;right: -4px;top: -4px;font-size: 12px;}
.ency-bar .bar-item h3{font-size: 24px;font-family: Zhonghei;}
.ency-sec{padding-top: 10px;}
.ency-tit{margin: 30px 0;position: relative;padding-right: 36px;font-family: Zhonghei;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;}
.ency-tit h3{color: #fff;font-size: 24px;line-height: 36px;white-space: nowrap;margin-right: 30px;}
.ency-tit ul{display: -webkit-box;display: flex;}
.ency-tit ul li{margin-right: 30px;}
.ency-tit ul li a{display: block;line-height: 24px;position: relative;color: #fff;font-size: 16px;}
.ency-tit ul li.on a::after{display: block;content: '';width: 100%;height: 1px;background: #cd132e;position: absolute;left: 0;bottom: 0;}
.ency-tit .item-more{position: absolute;font-size: 18px;color: #fff;line-height: 24px;right: 0;top: 50%;margin-top: -12px;}
.ency-ad img{width: 100%;}
.ency-sec .row-2{margin: 0 -30px;}
.ency-sec .row-2 .col{width: 50%;padding: 0 30px;}
.ency-sec .row-3{margin: 0 -16px;}
.ency-sec .row-3 .col{width: 33.33%;padding: 0 16px;}

.ency-list{padding: 24px 10%;background: #000;}
.ency-list li{padding-top: 4px;border-bottom: 1px solid #1b1c1e;}
.ency-list li:last-child{border-bottom: none;}
.ency-list li a{display: block;padding: 24px 80px 24px 24px;position: relative;line-height: 24px;}
.ency-list li a p{color: #fff;transition: .4s;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ency-list li a span{display: block;right: 0;top: 24px;color: #ccc;font-family: Metric;position: absolute;}
.ency-list li a::before{display: block;content: '';width: 4px;height: 4px;background: #e77817;border-radius: 100%;position: absolute;left: 0;top: 24px;margin-top: 10px;}
.ency-list li a:hover p{color: #e77817;transition: .4s;}
.ency-list.no-date li a{padding-right: 0;}

.ency-box .swiper-slide{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
.ency-box .img{width: 50%;background-position: center center;background-size: cover;position: relative;}
.ency-box .img h4{position: absolute;width: 100%;left: 0;bottom: 20px;font-size: 20px;color: #fff;padding: 0 5%;z-index: 5;}
.ency-box .img::before{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0,0,0,.3);background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.4));}
.ency-box .text{width: 50%;}
.ency-box2 .img{display: block;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;overflow: hidden;}
.ency-box2 .img img{width: 100%;height: 100%;object-fit: cover;}


.ency-sec2{padding: 50px 0;}
.ency-sec5 .ency-box2 .img{height: 320px;}
.ency-sec6 .ency-box2 .img{height: 280px;}


@media screen and (max-width: 1440px) {
    .ency-swiper .swiper-pagination{margin-bottom: 70px;}
    .ency{margin-top: -70px;}
    .ency-bar{padding: 0 48px;height: 144px;}
    .ency-bar .bar-info .avatar{width: 90px;height: 90px;}
    .ency-bar .bar-info .text{width: calc(100% - 122px);margin-left: 32px;}
    .ency-bar .bar-info .text h3{font-size: 24px;}
    .ency-bar .bar-info .text h5{font-size: 20px;}
    .ency-bar .bar-item h3{font-size: 20px;}
    .ency-bar .bar-item .icon{width: 36px;height: 36px;margin-right: 24px;}

    .ency-tit{margin: 24px 0;}
    .ency-tit h3{font-size: 20px;margin-right: 20px;}
    .ency-tit ul li{margin-right: 20px;}
    .ency-tit ul li a{line-height: 20px;font-size: 14px;}
    .ency-tit .item-more{font-size: 16px;}

    .ency-box .img h4{font-size: 18px;}
    .ency-list{padding: 20px 8%;}
    .ency-list li a{padding: 16px 72px 16px 16px;}
    .ency-list li a span{top: 16px;}
    .ency-list li a::before{top: 16px;}
    .ency-sec5 .ency-box2 .img{height: 280px;}
    .ency-sec6 .ency-box2 .img{height: 240px;}
}


@media screen and (max-width: 992px) {
    .ency-swiper .swiper-pagination{margin-bottom: 0;}
    .ency{margin-top: 30px;}
    .ency-bar{height: auto;padding: 20px 0;}
    .ency-bar>div{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .ency-bar .bar-info .text{width: 100%;text-align: center;margin: 10px 0 0 0;}
    .ency-bar .bar-info .text{font-size: 20px;}
    .ency-bar .bar-info .text h5{font-size: 16px;}
    .ency-bar .bar-item .icon{margin-right: 0;margin-bottom: 20px;}
    .ency-bar .bar-item h3{font-size: 18px;}
    .ency-tit h3{font-size: 18px;}
    .ency-tit ul li{margin-right: 20px;}
    .ency-sec .row-2{margin: 0 -10px;}
    .ency-sec .row-2 .col{padding: 0 10px;}
    .ency-sec .row-3{margin: 0 -5px;}
    .ency-sec .row-3 .col{padding: 0 5px;}
}

@media screen and (max-width: 767px) {
    .ency-banner{margin-top: 60px;}
    .ency-swiper .img{height: auto;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
    .ency-swiper .img img{height: 100%;object-fit: cover;}
    /* .ency-bar{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .ency-bar>div{-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;}
    .ency-bar .bar-info .avatar{width: 80px;height: 80px;}
    .ency-bar .bar-info {} */
    .ency-bar{flex-wrap: wrap;}
    .ency-bar .bar-info{width: 90%;border-bottom: 1px solid rgba(255,255,255,.1);margin-left: 5%;padding-bottom: 20px;margin-bottom: 20px;}
    .ency-bar .bar-item{width: 50%;}
    .ency-bar .bar-item:nth-child(2)::before{display: none;}
    .ency-bar .bar-item h3{font-size: 16px;}
    .ency-tit{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: start;align-items: flex-start;padding-right: 0;}
    .ency-tit h3{line-height: 24px;}
    .ency-tit .item-more{line-height: 24px;font-size: 14px;top: 0;margin-top: 0;}
    .ency-tit ul{width: 100%;overflow-x: auto;margin-top: 14px;}
    .ency-tit ul:last-child{margin-right: 0;}
    .ency-tit ul li a{font-size: 14px;white-space: nowrap;line-height: 40px;}
    .ency-tit ul::-webkit-scrollbar{display: none;}
    .ency-box .swiper-slide{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .ency-box .img{width: 100%;height: 240px;}
    .ency-box .img h4{bottom: 10px;font-size: 14px;}
    .ency-box .text{width: 100%;}
    .ency-sec2{padding: 30px 0;}
    .ency-sec .row-2{margin: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .ency-sec .row-2 .col{padding: 10px 0;width: 100%;}
    .ency-sec .row-3{margin: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
    .ency-sec .row-3 .col{padding: 10px 0;width: 100%;}

    .ency-sec5 .ency-box2 .img{height: 220px;}
    .ency-sec6 .ency-box2 .img{height: 180px;}
}
/*搜索结果页*/
.search-banner{height: 386px;background: #222;}
.search-banner .text{display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 40px;}
.problem-banner-link{overflow-x: auto;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;}
.problem-banner-link::-webkit-scrollbar{display: none;}
.problem-banner-link li{margin-right: 40px;}
.problem-banner-link li:last-child{margin-right: 0;}
.problem-banner-link li a{display: block;line-height: 54px;position: relative;color: #fff;white-space: nowrap;}
.problem-banner-link li.on a::after{display: block;content: '';width: 80%;height: 1px;background: #ff1338;position: absolute;left: 10%;bottom: 0;}
.result-con{display: none;}
.result-con.active{display: block;}

@media screen and (max-width: 767px) {
    .search-banner{height: 440px;}
    .search-banner .text{padding-bottom: 20px;}
    .problem-banner-link{margin-top: 10px;}
    .problem-banner-link li{margin-right: 20px;}
    .problem-banner-link{justify-content: flex-start;overflow-x: auto;}
    .problem-banner-link::-webkit-scrollbar{display: none;}
}
.w_1400{ width: 1400px; margin: 0 auto;}
@media (max-width:1400px ) {.w_1400{ width: 1000px;}}
@media (max-width:1023px ) {.w_1400{ width: 96%;}}
.aboutCon3{ position: relative; overflow: hidden; margin-bottom: 94px;}
.aboutCon3 .dl{ width:100%; float:left; position:relative; padding-bottom:182px; padding-top:19px;}
.aboutCon3 .dl .dt{ width:100%; position:absolute; left:0; top:-52px; font-size:24px; color:#db0001; line-height:32px; font-weight:bold; text-align:center;}
.aboutCon3 .dl .dian{ width:12px; height:12px;position:absolute;left:50%; top:0; margin-left:-6px; background:#e67817; z-index:2;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
.aboutCon3 .dl .bian{ width:10px; height:100%; background:#e67817; position:absolute; left:49.8%; top:0;}
.aboutCon3 .dl .dd{ width:100%; float:left; margin-top:40px; position:relative;}
.aboutCon3 .dl .dd.z_dd{display:none;}
.aboutCon3 .dl .dd .zbox{ width:48.2%; float:left; border:solid 1px #e3e3e3; padding:31px 212px 22px 20px; position:relative; z-index:2;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.aboutCon3 .dl .dd .zbox .text{ width:100%; float:left;}
.aboutCon3 .dl .dd .zbox .text .time{ width:100%; float:left; font-size:24px; color:#666666; line-height:1;font-family: 'OPENSANS-BOLD';}
.aboutCon3 .dl .dd .zbox .text .p{ width:100%; float:left; font-size:16px; color:#666; line-height:26px; margin-top:7px; min-height:78px;}
.aboutCon3 .dl .dd .ico{ background:url(../images/About13.png) no-repeat center center; width:38px; height:24px; position:absolute; left:48.2%; top:28px;}
.aboutCon3 .dl .dd:hover .ico{ background-image:url(../images/About15.png);}
.aboutCon3 .dl .dd.d1 .zbox{ float:right;}
.aboutCon3 .dl .dd.d1 .ico{ background-image:url(../images/About12.png); left:auto; right:48.1%;}
.aboutCon3 .dl .dd.d1:hover .ico{ background-image:url(../images/About14.png);}
.aboutCon3 .dl .dd .zbox .img{ width:158px; position:absolute; right:24px; top:22px;}
.aboutCon3 .dl .dd.d2{ height:35px;}
.aboutCon3 .dl .dd.d1{ height:80px;}
.aboutCon3 .dl .dd:hover .zbox{ border:solid 2px #e67817;}
.aboutCon3 .dl .dd:hover .zbox .text .time{ color:#e67817;}
.aboutCon3 .dl .more{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.aboutCon3 .dl .more a{ display:inline-block; *zoom:1; *display:inline; width:152px; height:42px; background:#db0001; text-align:center; line-height:42px; color:white; font-size:16px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
.aboutCon3 .dl .more a:hover{ background:#e63f3f;}