/* 头部 */
.top{width: 100%; position: fixed; top: 0; left: 0; transition: all .3s; height: 80px; z-index: 100; min-width: 320px;}
.top .logo{padding: 17.5px 0; display: inline-block;}
.top img.on{display: none;}
.top .top-right{float: right; width: 80%;}
.top .top-nav{float: right;}
.top .top-nav .li{float: left; line-height: 80px; margin-right: 80px;}
.top .top-nav .li > a{color: #fff; transition: all .3s; position: relative; display: block;}
.top .top-nav .li > a::before{content: ''; width: 0; position: absolute; border: 10px solid transparent; border-top: 10px solid #fff; left: 50%; top: 100%; transform: translateX(-50%); opacity: 0; transition: all .3s;}
.top .top-nav .li > a.red::before,
.top .top-nav .li > a:hover::before{opacity: 1; z-index: 2;}
.top .search{width: 180px; line-height: 34px; border: 1px solid rgba(255, 255, 255, .2); height: 34px; float: right; position: relative; margin: 23px 0 0 0; transition: all .3s;}
.top input{width: 100%; line-height: 30px; color: #fff; border: none; height: 30px; padding: 0; padding-left: 40px; background: url(../images/search-icon.png) no-repeat 10px center; padding-right: 5px; transition: all .3s;}
.top .sbtn{position: absolute; height: 30px; width: 40px; z-index: 5; top: 0; left: 0; cursor: pointer;}
.top input::placeholder,
.top input::-webkit-input-placeholder{color: rgba(225,255,255,0.5)!important;}
.top.top-hover{background-color: #fff;}
.top.top-hover .top-nav .li > a{color: #333;}
.top.top-hover img.normal{display: none;}
.top.top-hover img.on{display: block;}
.top.top-hover .search{border-color: #e0e0e0;}
.top.top-hover input{background: url(../images/search-icon-on.png) no-repeat 10px center; color: #333;}
.top.top-hover input::placeholder,
.top.top-hover input::-webkit-input-placeholder{color: #333!important;}
.top.top-scroll{background-color: #fff;}
.top.top-scroll .top-nav .li > a{color: #333;}
.top.top-scroll img.normal{display: none;}
.top.top-scroll img.on{display: block;}
.top.top-scroll .search{border-color: #e0e0e0;}
.top.top-scroll input{background: url(../images/search-icon-on.png) no-repeat 10px center; color: #333;}
.top.top-scroll input::placeholder,
.top.top-scroll input::-webkit-input-placeholder{color: #333!important;}
.top.top-active{background-color: #fff;}
.top.top-active .top-nav .li > a{color: #333;}
.top.top-active img.normal{display: none;}
.top.top-active img.on{display: block;}
.top.top-active .search{border-color: #e0e0e0;}
.top.top-active input{background: url(../images/search-icon-on.png) no-repeat 10px center; color: #333;}
.top.top-active input::placeholder,
.top.top-active input::-webkit-input-placeholder{color: #333!important;}
.top .top-nav .li > a:hover,
.top .top-nav .li > a.red,
.top.top-hover .top-nav .li.aon > a,
.top.top-active .top-nav .li.aon > a,
.top.top-scroll .top-nav .li.aon > a{color: #ab1e21;}

.top .sub{background-color: #f5f5f5; padding: 55px 0 44px 0; position: absolute; width: 100%; top: 100%; left: 0; text-align: center; display: none; line-height: normal;}
.top .sub .left{float: left; width: 36%; margin-top: -24px; text-align: left;}
.top .tit{background: url(../images/more-icon.png) no-repeat right center; padding-right: 15px; display: inline-block; margin-bottom: .5%;}
.top .more-list li{float: left; width: 49%;}
.top .more-list li:first-child{margin-right: 2%;}
.top .sub .right{float: left; width: 64%;}
.top .pro-cate{text-align: right;}
.top .pro-cate li{float: left; margin-left: 9%;}
.top .pro-cate .pic{width: 100%; text-align: center;}
.top .pro-cate li img{transition: all .3s;}
.top .pro-cate li:hover img{max-height: 41px; filter: invert(26%) sepia(72%) saturate(2728%) hue-rotate(341deg) brightness(67%) contrast(102%);}
.top .item-tit{color: #999; font-family: 'Light'; margin-top: 15px; font-size: 14px; text-align: center; transition: all .3s;}
.top .pro-cate li:hover .item-tit{color: #ab1e21;}
.top .sub-list{display: inline-block;}
.top .sub-list li{float: left; margin-right: 100px;}
.top .sub-list li:last-child{margin-right: 0;}
.top .sub-list li a{position: relative; display: block;}
.top .sub-list li .qrcode{position: absolute; top: -5px; left: 50%; transform: translateX(-50%); background-color: #f5f5f5; width: 120px; height: auto; padding: 5px; border-radius: 5px; display: none; z-index: 10;}
.top .sub-list li .qrcode img{width: 50px; height: 50px;}
.top .sub-list li .qrcode .txt{text-align: center; padding-top: 10px; white-space: nowrap; color: #999; font-size: 14px;}
.top .sub-list li .qrcode::before{content: none; width: 0; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom: 8px solid #fff;}
.top .sub-list .pic{padding-top: 43px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.top .sub-list .subtit{font-size: 14px; padding-top: 15px; color: #999; font-family: 'Light'; transition: all .3s;}
.top .sub-list li:hover .subtit{color: #ab1e21;}
.top .sub .sub-list li:hover .pic{filter: invert(26%) sepia(72%) saturate(2728%) hue-rotate(341deg) brightness(67%) contrast(102%);}
.top .sub.type .sub-list li:hover .pic{filter: none;}
.top .sub.type{padding: 33px 0 0px 0;}
.top .sub.type li{width: 160px; margin-right: 40px;}
.top .sub.type li:last-child{margin-right: 0;}
.top .sub.type .pic{padding-top: 62.5%;}

.top .open-menu{display: none;}
.top .open-search{display: none;}

.top .wap{display: none;}

/* .top.top-active{position:  unset;} */
@media(max-width: 1600px){
    .top .pro-cate li{margin-left: 7%;}
    .top .sub-list li{margin-right: 80px;}
}
@media(max-width: 1300px){
    .top .sub-list li{margin-right: 70px;}
}
@media(max-width: 1200px){
    .top .top-nav .li{margin-right: 40px;}
    .top .pro-cate li{margin-left: 6%;}
    .top .sub-list li{margin-right: 60px;}
    .top .right .sub-list li{margin-right: 40px;}
}
@media(max-width: 1024px){
    .top{height: 110px;}
    .top.top-hover,
    .top.top-active,
    .top.top-scroll{box-shadow: 0 0 5px 5px rgba(0, 0, 0, .05);}
    .top .logo{padding: 32.5px 0;}

    .top .open-menu{display: block; float: right;}
    .top .open-menu{display: block; width: 40px; height: 50px; margin: 30px 0 30px 60px; border-radius: 50%; background-color: none; position: relative; cursor: pointer;}
    .top .open-menu i{position: absolute; width: 100%; height: 3px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 3px; transition: all .3s;}
    .top .open-menu::before,
    .top .open-menu::after{content: ''; background-color: #fff; width: 100%; height: 3px; position: absolute; left: 50%; transform: translateX(-50%); transition: all .3s;}
    .top .open-menu::before{top: 22%;}
    .top .open-menu::after{bottom: 22%;}
    .top .open-menu.active i{display: none;}
    .top .open-menu.active::before{top: 50%; bottom: 0; transform: translate(-50%, -50%) rotate(45deg);}
    .top .open-menu.active::after{top: 50%; bottom: 0; transform: translate(-50%, -50%) rotate(-45deg);}
    .top.top-hover .open-menu i,
    .top.top-hover .open-menu::before,
    .top.top-hover .open-menu::after{background-color: #000;}
    .top.top-scroll .open-menu i,
    .top.top-scroll .open-menu::before,
    .top.top-scroll .open-menu::after{background-color: #000;}
    .top.top-active .open-menu i,
    .top.top-active .open-menu::before,
    .top.top-active .open-menu::after{background-color: #000;}

    .top .sub-list li .qrcode{top: 110%; background-color: #fff; width: 140px; text-align: center;}
    .top .sub-list li .qrcode img{width: 120px; height: 120px;}
    .top .sub-list li .qrcode .txt{padding-top: 5px;}
    .top .sub-list li .qrcode::before{content: ''}

    .top .search{margin-top: 38px; border: none;}
    .top .open-search{width: 32px; height: 32px; padding-top: 1px; background: url(../images/search-icon-wap.png) no-repeat center; display: block; float: right; cursor: pointer;}
    .top.top-hover .open-search,
    .top.top-active .open-search,
    .top.top-scroll .open-search{background: url(../images/search-icon-wap-on.png) no-repeat center;}

    .top .top-nav{position: fixed; top: 110px; right: -190px; background-color: #fff; height: 100vh; width: 180px; transition: all .3s;box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .05);}
    .top .top-nav.on{right: 0;}
    .top .top-nav .li{float: none; margin-right: 0; line-height: 50px;}
    .top .top-nav .li > a{color: #000; padding-left: 10px;}
    .top .top-nav .li > a.aon{background-color: #ab1e21; color: #fff!important;}
    .top .top-nav .li > a::before{content: none;}

    .top .sub{position: relative; padding: 0;}
    .top .wap{display: block; text-align: left;}
    .top .pro-cate li img,
    .top .sub .left{display: none;}
    .top .sub .right{width: 100%;}
    .top .pro-cate li{float: none;}
    .top .item-tit{line-height: 40px; margin-top: 0; text-align: left;}
    .top .sub-list li{line-height: 40px; margin-right: 0; width: 100%; text-align: left; margin-left: 6%;}
    .top .sub-list .subtit,
    .top .sub.type{padding: 0;}
    .top .sub.type .pic,
    .top .sub-list .pic{padding-top: 0;}
}
@media(max-width: 960px){
    .top .top-right{width: 60%;}
}
@media(max-width: 640px){
    .top{height: 55px;}
    .top .top-nav{top: 55px;}
    .top .open-menu{margin-left: 30px; width: 30px; height: 40px; margin: 7.5px 0 7.5px 30px;}
    .top .logo{width: 100px; padding: 11px 0;}
    .top .search{position: relative; border: none; width: 32px; margin-top: 15px;}
    .top.top-hover .open-search,
    .top.top-active .open-search,
    .top.top-scroll .open-search,
    .top .open-search{width: 28px; height: 28px; background-size: cover;}
    .top input{position: absolute; top: 0%; right: 0; border: 1px solid #e0e0e0; width: 180px; background-color: #fff!important;}
    .top .top-right{width: 50%;}

    .top #TopBtn{display: none;}
}





/* bottom */
.bottom{background-color: #222;}
.bottom .auto-1400{padding-top: 3.645%;}
.bottom .left{width: 73.5%; float: left;}
.bottom dl{display: inline-block; vertical-align: top; font-family: 'Light'; font-size: 14px; width: 80px; margin-right: 4.96%;}
.bottom dl:last-child{margin-right: 0;}
.bottom dt{padding-bottom: 18px;}
.bottom dd{line-height: 40px; white-space: nowrap;}
.bottom dt a{color: #666; transition: all .3s;}
.bottom dd a{color: #999; transition: all .3s;}
.bottom .right{width: 26.5%; float: left; text-align: right; padding-left: 2%;}
.bottom .box{text-align: left; display: inline-block;}
.bottom .tit{color: #666; font-family: 'Light';}
.bottom .bs{position: relative; margin: 11% 0 22% 0;}
.bottom .bottom-search{width: 100%; min-width: 260px; background-color: transparent; line-height: 36px; color: #fff; border: 1px solid rgba(255, 255, 255, .15); padding: 0 15% 0 3%;}
.bottom .sbtn{position: absolute; width: 16px; height: 16px; background: url(../images/search-icon01.png)no-repeat center; top: 50%; right: 6%; transform: translateY(-50%); cursor: pointer;}
.bottom .phone{font-size: 28px; color: #fff; padding: 5% 0 18% 0;}
.bottom .right ul{margin: 0 -3.07%;}
.bottom .right li{width: 20%; float: left; padding: 0 3.07%; margin: 5% 0; position: relative;}
.bottom .right li a{width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); display: block; transition: all .8s;}
.bottom .right li a:hover{transform: rotateY(360deg);}
.bottom .right li.book a{background: url(../images/book.png) no-repeat center;}
.bottom .right li.weixin a{background: url(../images/weixin-icon.png) no-repeat center;}
.bottom .right li.Zhihu a{background: url(../images/zhihu.png) no-repeat center;}
.bottom .right li.douyin a{background: url(../images/douyin-icon.png) no-repeat center;}
.bottom .right li.link a{background: url(../images/link-icon.png) no-repeat center;}
.bottom .right .qrcode{position: absolute; width: 140px; height: 140px; padding: 10px; background-color: #fff; border-radius: 5px; bottom: calc(100% + 20px); left: 50%; transform: translateX(-50%); display: none;}
.bottom .right .qrcode::before{content: ''; position: absolute; width: 0; border: 8px solid transparent; border-top: 8px solid #fff; left: 50%; top: 100%; transform: translateX(-50%);}
.bottom .right img{width: 100%;}
.bottom .above .logo{display: none;}
.bottom .middle{padding-top: 3%; margin-bottom: 3%; border-top: 1px solid rgba(255, 255, 255, .05); font-size: 14px; font-family: 'Light'; color: #666; transition: all .3s;}
.bottom .middle p{padding: .3% 0;}
.bottom .below{line-height: 90px; border-top: 1px solid rgba(255, 255, 255, .05);}
.bottom .txt{font-size: 20px; display: inline-block; vertical-align: middle; color: #fff; position: relative; padding-left: 20px; margin-left: 20px;}
.bottom .txt::before{content: ''; background-color: rgba(255, 255, 255, .2); width: 1px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.bottom .logo{float: left; width: 30%;}
.bottom .copyright{float: right; width: 70%; text-align: right; font-size: 14px; color: #666; font-family: 'Light';}
.bottom .copyright a{font-size: 14px; color: #666; font-family: 'Light'; transition: all .3s;}
.bottom dt a:hover,
.bottom dd a:hover,
.bottom .copyright a:hover{color: #fff;}

.bottom .right li.weixin .qrcode{width: 250px;} 
.bottom .right li.weixin .qrcode div{width: 48%; padding: 0 1%;float: left;} 
.bottom .right li.weixin .qrcode div p{text-align: center;} 

.bottom .showmore{display: none;}

@media(max-width: 1600px){
    .bottom dl{margin-right: 2%;}
}
@media(max-width: 1400px){
    .bottom .below{line-height: 40px;}
    .bottom .logo,
    .bottom .copyright{width: 100%;}
}
@media(max-width: 1024px){
    .bottom .left{display: none;}
    .bottom .right{width: 100%; padding-left: 0; text-align: left;}
    .bottom .phone{padding: 3% 0 5%;}
    .bottom .bs{margin: 3% 0 5%;}
}
@media(max-width: 640px){
    .bottom .txt{margin-left: 10px; padding-left: 10px; font-size: 16px;}
    .bottom .auto-1400{padding-top: 0;}
    .bottom .above .logo{display: block; line-height: 80px; border-bottom: 1px solid rgba(255, 255, 255, .05);}
    .bottom .tag,
    .bottom .below .logo{display: none;}
    .bottom .logo{width: 100%;}
    .bottom .logo img{width: 110px;}
    .bottom .copyright{float: none; width: 100%; text-align: left; line-height: 1.8; padding: 4% 0;}
    .bottom .box{width: 100%;}
    .bottom .tit{float: left; width: 100px; line-height: 40px;}
    .bottom .right ul{width: calc(100% - 100px); float: left; margin: 0;}
    .bottom .right li{width: 20%; margin: 0}
    .bottom .right li a{border: none;width: 36px;height: 36px;}
    .bottom .right li a:hover{transform: rotateY(0);}
    .bottom .right .qrcode{width: 120px; height: auto;}
    .bottom .middle{font-size: 13px;}
    .bottom .middle p{padding: .9% 0; line-height: 1.3;}

    .bottom .showmore{display: block; text-align: center; margin-top: 2%; cursor: pointer; color: #fff; font-family: 'Light';}
}

/* sidebar */
.sidebar{position: fixed; right: 2.6%; bottom: 8%; z-index: 50;}
.sidebar li{width: 46px; height: 46px; border-radius: 50%; box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .05); margin-bottom: 15px; cursor: pointer; position: relative;}
.sidebar li:last-child{margin-top: 130px;}
.sidebar .kefu{background: url(../images/kefu-icon.png) no-repeat center #fff;}
.sidebar .phone{background: url(../images/phone-icon.png) no-repeat center #fff;}
.sidebar .wechat{background: url(../images/wechat-icon.png) no-repeat center #fff;}
.sidebar .liuziye{background: url(../images/kefu-icon.png) no-repeat center #fff;}
.sidebar .toTop{background: url(../images/totop-icon.png) no-repeat center #fff;}
.sidebar .box{position: absolute; top: 50%; right: calc(100% + 15px); transform: translateY(-50%); display: none; background-color: #fff; line-height: 46px; color: #333; font-family: 'Medium'; padding: 0 10px; border-radius: 5px; font-size: 20px; white-space: nowrap;}
.sidebar .box::before{content: ''; width: 0; border: 7px solid transparent; border-left: 7px solid #fff; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}
.sidebar .wechat .box{padding: 10px; width: 140px;}
.sidebar .wechat .box img{width: 120px; height: 120px;}

.sidebar .liuziye a {width: 46px; height: 46px; display: block;}
@media(max-width: 640px){
    .sidebar{display: none;}
}


/* slick-arrows */
.slick-arrow{position: absolute; top: 50%; width: 40px; height: 40px; font-size: 0; border: 1px solid rgba(255,255,255,0.5); transform: translateY(-50%); transition: all .3s; z-index: 5; background-color: transparent; cursor: pointer;}
.slick-prev{background: url(../images/prev-icon-on.png)no-repeat center;}
.slick-next{background: url(../images/more-icon01.png)no-repeat center;}
.slick-prev:hover{background: url(../images/prev-icon.png)no-repeat center; background-color: #fff;}
.slick-next:hover{background: url(../images/more-icon.png)no-repeat center; background-color: #fff;}


/* slick-dots */
.slick-dots{text-align: center; z-index: 5; position: absolute; left: 0; bottom: 5%; width: 100%;}
.slick-dots li{display: inline-block; margin-top: 40px;}
.slick-dots button{font-size: 0; padding: 0; margin: 0 5px; width: 40px; height: 3px; border: none; background-color: rgba(255, 255, 255, .3); cursor: pointer; position: relative;}
.slick-dots button::before{content: ''; width: 0; height: 3px; background-color: #fff; z-index: 2; position: absolute; top: 0; left: 0;}
.slick-dots .slick-active button::before{width: 100%; transition: all 3s linear;}

@media(max-width:640px){
    .slick-dots button {width: 23px;}
}


/* banner */
.banner .wap{display: none; width: 100%;}
.banner .slick-dots button::before{content: ''; width: 0; height: 3px; background-color: #fff; z-index: 2; position: absolute; top: 0; left: 0;}
.banner .slick-dots .slick-active button::before{width: 100%; transition: all 3s linear;}
.banner img{width: 100%;}
@media(max-width: 1024px){
    .banner .pc{display: none;}
    .banner .wap{display: block;}
}

/* 分页 */
.Pages{text-align: center;}
.Pages a{line-height: 55px; color: #666; font-style: normal; display: inline-block; transition: all .3s; background-color: #f6f6f6; vertical-align: top;}
.Pages a.a_cur,
.Pages a:hover{background-color: #ab1e21; color: #fff;}
.Pages .a_prev{width: 55px; font-size: 0; height: 55px; margin-right: 20px; background: url(../images/prev-icon01.png)no-repeat center #f6f6f6;}
.Pages .a_next{width: 55px; font-size: 0; height: 55px; margin-left: 20px; background: url(../images/next-icon01.png)no-repeat center #f6f6f6;}
.Pages .num a{width: 55px; text-align: center; margin-right: 20px;}
.Pages .num a:last-child{margin-right: 0;}
.Pages .a_prev:hover{background: url(../images/prev-icon01-on.png)no-repeat center #ab1e21;}
.Pages .a_next:hover{background: url(../images/next-icon01-on.png)no-repeat center #ab1e21;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .a_first,
.Pages .a_end,
.Pages .p_jump{display: none;}
@media(max-width: 640px){
    .Pages .num{display: none;}
}

/* menu */
.menu{background-color: #f9f9f9; line-height: 80px; font-family: 'Light'; color: #999;}
.menu i{font-style: normal;}
.menu a{color: #999;}
.menu .left{float: left;}
.menu .location{float: right; padding-left: 33px; background: url(../images/home-icon.png)no-repeat left center;}
.menu dd{display: inline-block; margin-right: 66px;}
.menu dd:last-child{margin-right: 0;}
.menu dd a{display: block; position: relative; transition: all .3s;}
.menu dd:hover a,
.menu dd.aon a{color: #ab1e21;}
.menu dd a::before{content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #ab1e21; transform: translateX(-50%); transition: all .3s;}
.menu dd:hover a::before,
.menu dd.aon a::before{width: 100%;}
.menu .location a{padding: 0 15px;}
.menu .location a:first-child{padding-left: 0;}
.menu .location span{padding-left: 15px; color: #ab1e21;}
@media(max-width: 1400px){
    .menu dd{margin-right: 30px;}
    .menu .location a{padding: 0 10px;}
    .menu .location span{padding-left: 10px;}
}
@media(max-width: 1024px){
    .menu{line-height: 60px;}
    .menu .location{display: none;}
    .menu .left{width: 100%; text-align: center;}
}

/* index */
.index .tit-box{margin-bottom: 2.85%; position: relative;}
.index .tit-box .title{font-size: 28px; display: inline-block;}
.index .tit-box .tmore{font-size: 14px; font-family: 'Light'; color: #333; display: inline-block; padding-right: 15px; background: url(../images/more-icon.png)no-repeat right center; cursor: pointer; position: absolute; right: 0; bottom: 5px;}
@media(max-width: 640px){
    .index .tit-box .title{font-size: 24px;}
}

.index-banner .wap{display: none;}
.index-banner .slick-dots{position: absolute; left: 0; bottom: 5%; text-align: center; width: 100%;}
.index-banner .slick-dots button{width: 35px; height: 3px; border: none; background-color: rgba(255, 255, 255, .3); border-radius: 0; margin: 0 5px; position: relative;}
.index-banner .slick-dots button::before{content: ''; width: 0; height: 3px; background-color: #fff; z-index: 2; position: absolute; top: 0; left: 0;}
.index-banner .slick-dots .slick-active button::before{width: 100%; transition: all 3s linear;}
.index-banner li img{width: 100%;}
@media(max-width: 640px) {
    .index-banner .pc{display: none;}
    .index-banner .wap{display: block; width: 100%;}
}


.index h1{opacity: 0; position: absolute;}
.index-find{padding: 5.2% 0 6.25% 0;}
.index-find .pic1{width: 100%; position: relative; position: relative;-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 30%, transparent 100%);}
/* 图片底部阴影 */
.index-find .pic1::before{content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 20px; background: url(../images/pic_bottom.png)no-repeat center; background-size: cover;}
/* 图片底部镜面反射 */
.index-find .pic1 i{ }
.index-find li:nth-child(5) .pic1 img,
.index-find li:nth-child(6) .pic1 img,
.index-find li:nth-child(7) .pic1 img{transform: scale(.8); transform-origin: bottom;}
.index-find li:nth-child(4) .pic1{-webkit-box-reflect: below -35% -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 60%, transparent 100%);}
.index-find li:nth-child(7) .pic1{-webkit-box-reflect: below -10% -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 50%, transparent 100%);}
.index-find li{float: left; text-align: center; position: relative; overflow: hidden;}
.index-find li:nth-child(1){background-color: #f9f9f9; width: 50%; padding: 4.8% 0;}
.index-find li:nth-child(2){background-color: #f1f1f1; width: 25%; padding: 2.21% 0;}
.index-find li:nth-child(3){background-color: #f9f9f9; width: 25%; padding: 2.10% 0;}
.index-find li:nth-child(4){background-color: #ececec; width: 50%; padding: 2.35% 0;}
.index-find li:nth-child(5){background-color: #ececec; width: 33.3%; padding: 0;}
.index-find li:nth-child(6){background-color: #f3f3f3; width: 33.3%; padding: 0;}
.index-find li:nth-child(7){background-color: #f9f9f9; width: 33.3%; padding: 0;}
.index-find .tmp{opacity: 0;}
.index-find .tit{position: absolute; display: inline-block; left: 30px; bottom: 30px;}
.index-find .cover{position: absolute; width: 100%; height: 100%; right: 100%; top: 0; overflow: hidden; opacity: 0; transition: all .5s ease-in-out;}
.index-find li:hover .cover{right: 0; opacity: 1;}
.index-find .pic{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom;}
.index-find .content{position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: left; color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(171,30,33,0.9) 40%, rgba(171,30,33,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(171,30,33,0.9) 40%,rgba(171,30,33,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(171,30,33,0.9) 40%,rgba(171,30,33,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.index-find .text{position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding-left: 15%;}
.index-find .tit1{font-size: 28px;}
.index-find .more{font-size: 14px; font-family: 'Light'; margin-top: 20px; padding-right: 15px; background: url(../images/more-icon01.png)no-repeat right center; display: inline-block;}
.index-find .wap{display: none; text-align: center; padding-top: 2%; outline: none;}
@media(min-width: 1921px){
    .index-find li:nth-child(1){padding: 4.76% 0;}
}
@media(max-width: 1024px){
    .index-find .tit{width: 100%; left: 0; bottom: 10px;} 
}
@media(max-width: 768px){
    .index-find .wap{display: block; cursor: pointer;}
    .index-find .pic1 img{transform: scale(1)!important;}
    .index-find li img{height: 120px;}
    .index-find li:nth-child(3){background-color: #ececec; width: 100%; padding: 10% 0;}
    .index-find li:nth-child(1){background-color: #f9f9f9; width: 50%; padding: 10% 0;}
    .index-find li:nth-child(2){background-color: #f1f1f1; width: 50%; padding: 10% 0;}
    .index-find li:nth-child(4){background-color: #f9f9f9; width: 50%; padding: 10% 0;}
    .index-find li:nth-child(5){background-color: #ececec; width: 50%; padding: 10% 0;}
    .index-find li:nth-child(6){background-color: #f3f3f3; width: 50%; padding: 10% 0;}
    .index-find li:nth-child(7){background-color: #f9f9f9; width: 50%; padding: 10% 0;}
    .index-find .text{padding-left: 5%;}
    .index-find .tit1{font-size: 20px;}
    .index-find .more{font-size: 12px; margin-top: 10px;}

    
    .index-find li:nth-child(3) .pic1{-webkit-box-reflect: below -35% -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 60%, transparent 100%);}
    .index-find li:nth-child(4) .pic1{-webkit-box-reflect: below 0 -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 30%, transparent 100%);}
}
@media(max-width: 640px){
    .index-find li img{height: 90px;}
    .index-find li{background-color: transparent !important;}
    .index-find .pic1 img{transform: scale(1.2)!important;}
    .index-find li{padding: 50px 0!important;margin: 0 5px;}
    .index-find li:nth-child(3) .pic1{-webkit-box-reflect: below 0% -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 60%, transparent 100%);}
    .index-find li:nth-child(5) .pic1{-webkit-box-reflect: below -35% -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 60%, transparent 100%);}
    .index-find li:nth-child(8) .pic1{-webkit-box-reflect: below -25% -webkit-linear-gradient(bottom, rgba(255,255,255,0.2) 0%, transparent 60%, transparent 100%);}
    .index-find .slick-prev{background-color: #ccc; left: 0;}
    .index-find .slick-next{right: 0; background-color: #ccc;}
    .index-find .pro-list{padding: 0 25%; }
    .index-find .pro-list .slick-list{overflow: visible !important; }
    .index-find li::before{content: '';width: 100%; height: 100%; background-color: #f3f3f3; position: absolute;left: 0; top: 0;}
}


.index-strength .list{position: relative; z-index: 1;}
.index-strength .slick-prev{left: 60px;}
.index-strength .slick-next{right: 60px;}
.index-strength .list li{position: relative;}
.index-strength .content{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; color: #fff;}
.index-strength .list .txt{font-size: 26px; padding-top: 3%;}
.index-strength .list .txt1{font-size: 30px;}
.index-strength .list .txt2{line-height: 2;}
.index-strength .content ul{padding: 2.85% 0 4%;}
.index-strength .content li{display: inline-block; padding-right: 40px; margin-right: 40px;}
.index-strength .content li::before{content: ''; width: 1px; height: 60px; right: 0; top: 50%; transform: rotate(15deg) translateY(-50%); position: absolute;}
.index-strength .content li:last-child{padding-right: 0; margin-right: 0;}
.index-strength .content li:last-child::before{content: none;}
.index-strength .big,
.index-strength .count{font-size: 40px; font-family: 'Oswald';}
.index-strength .itemtit{font-family: 'Light';}
.index-strength .count{padding-right: 5px;}
.index-strength .content .box{padding-left: 9.28%;}
.index-strength .wap{display: none;}
.index-strength .auto-1400.tr{text-align: right;}
.index-strength .box1{display: inline-block; text-align: left;}
.index-strength .box1 ul{padding: 8% 0 12%;}
.index-strength .list .star::after{content: '*'; position: absolute; left: -8px; top: 5px; font-size: 16px;}
.index-strength li .pic img{width: 100%;}

.index-strength .num-box{background-color: #f5f5f5; padding: 4.28% 0; margin-top: -50px; z-index: 5; position: relative;}
.index-strength .num-box li{width: 20%; float: left; text-align: center;}
.index-strength .num-box .box{display: inline-block; text-align: left;}
.index-strength .num-box .itemtit,
.index-strength .num-box span{font-family: 'Light'; color: #898989;}
.index-strength .num-box .big,
.index-strength .num-box .count{font-size: 40px; font-family: 'Oswald'; color: #333;}

.index-strength .aword{padding-top: 4px; margin: 0 -2px;}
.index-strength .aword li{width: 33.333%; float: left; padding: 0 2px; position: relative;}
.index-strength .aword .pic{padding-top: 43.1%; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.index-strength .content1{position: absolute; left: 40px; bottom: 40px; width: 100%;}
.index-strength .icon{position: relative; padding-bottom: 20px; margin-bottom: 18px;}
.index-strength .icon::before{content: ''; background-color: #ab1e21; width: 40px; height: 2px; position: absolute; left: 0; bottom: 0;}
.index-strength .tit{color: #fff; font-family: 'Light';}
@media(max-width: 1400px){
    .index-strength .content1{left: 20px; bottom: 20px;}
    .index-strength .icon{padding-bottom: 10px; margin-bottom: 8px;}
}
@media(max-width: 1200px){
    .index-strength .list .txt1{font-size: 24px;}
    .index-strength .content ul{padding: 2% 0;}
    .index-strength .list .txt2{line-height: 1.8;}
}
@media(max-width: 1024px){
    .index-strength .content{top: 40%;}
    .index-strength .itemtit,
    .index-strength .num-box .itemtit, .index-strength .num-box span{font-size: 12px;}
    .index-strength .count,
    .index-strength .num-box .big, .index-strength .num-box .count{font-size: 25px;}
    .index-strength .aword li{width: 50%; margin-bottom: 4px;}
}
@media(max-width: 640px){
    .index-strength .auto-1400.tr{text-align: left;}
    .index-strength .box1{display: block;}
    .index-strength .list .txt1{font-size: 18px;}
    .index-strength .list .txt2{font-size: 12px;}
    .index-strength .slick-prev{bottom: 13%; left: 4%; top: auto; transform: translateY(0);}
    .index-strength .slick-next{bottom: 13%; left: calc(4% + 50px); top: auto; transform: translateY(0);}
    .index-strength .num-box .big, .index-strength .num-box .count{font-size: 20px;}
    .index-strength .content .box{padding-left: 0;}
    .index-strength .content .box img{width: 50%;}
    .index-strength .list .txt{font-size: 14px;}
    .index-strength .content{top: auto; bottom: 25%; transform: translateY(0);}
    .index-strength .wap{display: block; opacity: 0.6;}
    .index-strength .pc{display: none;}
    .index-strength .aword li{width: 100%;}
    .index-strength .content ul{padding: 4% 0 6%;}
    .index-strength .content li{padding-right: 20px; margin-right: 20px;}
    .index-strength .content1{top: 50%; bottom: auto; left: 0; transform: translateY(-50%); padding-left: 40px;}
    .index-strength .icon{padding-bottom: 20px; margin-bottom: 18px;}
    .index-strength .num-box li{width: 33.333%; text-align: left; padding-left: 40px; margin-bottom: 20px;}
    .index-strength .num-box{padding-bottom: 0; padding-top: 20px;}
    .index-strength .list li .pic{background-color: #000;}
}
@media(max-width: 480px){
    .index-strength .icon {padding-bottom: 10px;margin-bottom: 8px;}
    .index-strength .num-box li,
    .index-strength .content1{padding-left: 20px;}
    .index-strength .content li{margin-right: 0; padding-right: 10px;}
}



.index-hot{padding: 5.2% 0 6.25% 0; overflow: hidden;}
.index-hot ul{margin: 0 -2px;}
.index-hot li{float: left; width: 16.6%; padding: 0 2px; height: 100%; transition: width .3s;}
.index-hot li a{display: block; position: relative;}
.index-hot li.active{width: 50%;}
.index-hot li .pic{padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; overflow: hidden; opacity: .9;}
/* .index-hot li.active .pic{padding-top: 74.2%; opacity: 1;} */
.index-hot li .cover{background-color: rgba(0, 0, 0, .5); opacity: 1; transition: all .3s; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.index-hot li.active .cover{opacity: 0;}
.index-hot .content{position: absolute; width: calc(100% - 80px); left: 0; bottom: 0; margin: 0 40px 40px 40px; color: #fff; overflow: hidden;}
.index-hot li .label{position: absolute; right: 0; bottom: 0; padding: 0 5px; line-height: 20px; background-color: #ab1e21; font-size: 10px; opacity: 0; transition: all .3s; text-transform: uppercase;}
.index-hot li.active .label{opacity: 1;}
.index-hot .tit{white-space: nowrap; font-size: 19px; font-family: 'Medium'; margin-bottom: 10px;color:black}
.index-hot .txt{white-space: nowrap; font-size: 14px; font-family: 'Light';color:black}
@media(max-width: 1024px){
    .index-hot .content{margin: 0 20px 20px 20px; width: calc(100% - 40px);}
    .index-hot li.active .pic{padding-top: 73.7%;}
    .index-hot .tit{font-size: 16px; margin-bottom: 5px;}
}
@media(max-width: 640px){
    .index-hot li{opacity: .5; transition: all .3s;}
    .index-hot li .pic{}
    .index-hot li .cover{display: none;}
    .index-hot .slick-list{overflow: visible;}
    .index-hot li .label{opacity: 1;}
    .index-hot li.slick-current{opacity: 1;}
}



.index-wash{position: relative; cursor: pointer;}
.index-wash .wap{display: none;}
.index-wash .content{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.index-wash .icon{transform: translateX(-74px); padding-bottom: 2.28%; display: block;}
.index-wash .tit1{font-family: 'Light';}
.index-wash .tit{font-size: 30px; font-family: 'Medium';}
.index-wash .more{font-size: 14px; font-family: 'Light'; padding-right: 15px; display: inline-block; background: url(../images/more-icon01.png)no-repeat right center; margin-top: 2.71%;}
.index .video{position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(0, 0, 0, .5); display: none; z-index: 200;}
.index .video video{position: absolute; width: 80%; max-width: 1200px; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index-wash .pic img{width: 100%;}
@media(max-width: 1400px){
    .index-wash .icon{padding-bottom: 4%;}
    .index-wash .more{margin-top: 1%;}
}
@media(max-width: 1024px){
    .index-wash .wap{display: block; width: 100%;}
    .index-wash .pc{display: none;}
    .index-wash .icon{padding-bottom: 9.28%;}
    .index-wash .more{margin-top: 2.71%;}
}
@media(max-width: 640px){
    .index-wash .icon{transform: translateX(-32px); max-width: 200px;}
    .index-wash .tit{font-size: 20px;}
    .index-wash .tit1{font-size: 14px;}
    .index-wash .icon img{width: 50%;}
}


.index-yazj{padding: 5.2% 0 6.25% 0;}
.index-yazj .wap{display: none;}
.index-yazj .box{position: relative;}
.index-yazj .cover{position: absolute; width: 50%; height: 100%; left: 0; top: 0; z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(156,115,87,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(156,115,87,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(156,115,87,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.index-yazj .slider-nav{position: absolute; width: 25%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/nav-bg.png)no-repeat -50% center; padding: 3% 0;}
.index-yazj .slider-nav li{padding: 15% 0; cursor: pointer; padding-left: 58px;}
.index-yazj .slider-nav li img{width: 0; height: 0; transition: all .3s;}
.index-yazj .icon{display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; vertical-align: middle;}
.index-yazj .tit{display: inline-block; vertical-align: middle; color: #fff; padding-left: 20px; font-size: 20px; font-weight: bold;}
.index-yazj .slider-nav .slick-active:nth-child(2),
.index-yazj .slider-nav .slick-active:nth-child(3){padding-left: 100px;}
.index-yazj .slider-nav .slick-current .icon{border: 1px solid rgba(255, 255, 255, .2); width: auto; height: auto; padding: 8px;}
.index-yazj .slider-nav .slick-current img{width: auto; height: auto;}
.index-yazj .slider-nav .slick-current{padding: 11% 0; padding-left: 40px;}
.index-yazj .slider-nav .slick-current .tit{color: #ab1e21;}
.index-yazj .slider-nav .slick-active.slick-current:nth-child(2),
.index-yazj .slider-nav .slick-active.slick-current:nth-child(3){padding-left: 80px;}
.index-yazj .wap{display: none;}

.index-yazj .slider-for li{position: relative;}
.index-yazj .content{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff; padding-left: 40%; z-index: 5;}
.index-yazj .slider-for li .content{opacity: 0;}
.index-yazj .content .tit1{font-size: 34px; font-family: 'Medium';}
.index-yazj .content .more{font-size: 14px; font-family: 'Light'; display: inline-block; padding-right: 15px; background: url(../images/more-icon01.png)no-repeat right center; margin-top: 5.71%;}
@media(max-width: 1300px){
    .index-yazj .slider-nav{background: url(../images/nav-bg.png)no-repeat -10% center; background-size: contain;}
    .index-yazj .slider-nav li{padding: 14% 0 14% 58px;}
}
@media(max-width: 1200px){
    .index-yazj .slider-nav{padding: 2.5% 0;}
    .index-yazj .slider-nav li{padding-left: 44px;}
}
@media(max-width: 1024px){
    .index-yazj .tit{font-size: 14px;}
    .index-yazj .pc{display: none;}
    .index-yazj .wap{display: block; width: 100%;}
    .index-yazj .slider-nav{position: initial;}
    .index-yazj .cover{display: none;}
    .index-yazj .slider-for li .content{opacity: 1; height: 100%; width: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left,  rgba(156,115,87,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(156,115,87,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(156,115,87,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    }
    .index-yazj .content .more{display: none;}
    .index-yazj .content .tit1{position: absolute; left: 30px; top: 50%; transform: translateY(-50%); font-size: 26px;}

    .index-yazj .slider-nav{width: 100%; padding: 0; background: url(../images/nav-bg01.png)no-repeat center top; background-size: contain; margin-top: 20px;}
    .index-yazj .tit{color: #333; padding-left: 0; padding-top: 15px;}
    .index-yazj .slider-nav li,
    .index-yazj .slider-nav .slick-current,
    .index-yazj .slider-nav .slick-active:nth-child(2),
    .index-yazj .slider-nav .slick-active.slick-current:nth-child(2),
    .index-yazj .slider-nav .slick-active.slick-current:nth-child(3),
    .index-yazj .slider-nav .slick-active:nth-child(3){padding: 0; text-align: center; padding-top: 30px;}

    .index-yazj .slider-nav .slick-active:nth-child(2),
    .index-yazj .slider-nav .slick-active:nth-child(3){padding-top: 65px;}

    .index-yazj .slider-nav .slick-active.slick-current:nth-child(1),
    .index-yazj .slider-nav .slick-active.slick-current:nth-child(4){padding-top: 2px;}

    .index-yazj .slider-nav .slick-active.slick-current:nth-child(2),
    .index-yazj .slider-nav .slick-active.slick-current:nth-child(3){padding-top: 40px;}


    .index-yazj .icon{border-color: #a8927b; display: block; margin: 0 auto; background-color: #fff;}
    .index-yazj .slider-nav .slick-current .icon{width: 64px; height: 64px; border-color: #f5f5f5; background-color: #fff;}
    .index-yazj .slider-nav .slick-current .icon .wap{display: block;}
}
@media(max-width: 640px){
    .index-yazj .slider-nav .slick-current .icon{width: 40px; height: 40px; padding: 5px;}
    .index-yazj .slider-nav li, .index-yazj .slider-nav .slick-current, .index-yazj .slider-nav .slick-active:nth-child(2), .index-yazj .slider-nav .slick-active.slick-current:nth-child(2), .index-yazj .slider-nav .slick-active.slick-current:nth-child(3), .index-yazj .slider-nav .slick-active:nth-child(3){padding-top: 16px;}
    .index-yazj .slider-nav .slick-active:nth-child(2),
    .index-yazj .slider-nav .slick-active:nth-child(3){padding-top: 39px;}
    .index-yazj .content .tit1{font-size: 16px; left: 15px;}
    .index-yazj .tit{font-size: 14px;}
    .index-yazj .icon{width: 10px; height: 10px;}
}
@media(max-width: 480px){
    .index-yazj .slider-nav .slick-active:nth-child(2), .index-yazj .slider-nav .slick-active:nth-child(3){padding-top: 27px;}
}



.index-enter ul{margin: 0 -2px;}
.index-enter li{width: 50%; float: left; padding: 0 2px; text-align: center; position: relative;}
.index-enter li .pic{padding-top: 75.15%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.index-enter li .content{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.index-enter .subtit{font-family: 'Light';}
.index-enter .tit{font-size: 30px; font-family: 'Medium';}
.index-enter .more{width: 150px; line-height: 50px; text-align: center; color: #fff; background-color: #ab1e21; font-size: 14px; font-family: 'Light'; display: block; margin: 4.6875% auto 0 auto;}
.index-enter .text{position: absolute; left: 0; bottom: 8.333%; color: #fff; width: 100%; font-size: 14px; font-family: 'Light';}
@media(max-width: 768px){
    .index-enter li{width: 100%;}
}
@media(max-width: 640px){
    .index-enter .more{width: 120px; line-height: 40px;}
    ..index-enter li .pic{padding-top: 60%;}
    .index-enter li .content{top: 42%;}
    .index-enter .text{bottom: 15.333%;}
}


.index-case{background-color: #f9f9f9; padding: 3.125% 0;}
.index-case ul{margin: 0 -2px;}
.index-case li{width: 33.333%; float: left; padding: 0 2px;}
.index-case a{display: block; background-color: #fff; padding: 14.22% 15.08%;}
.index-case .content{position: relative; padding-right: 90px;}
.index-case .icon{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.index-case .tit{font-size: 20px; font-family: 'Medium'; color: #000;}
.index-case .txt{font-size: 14px; color: #666; font-family: 'Light'; display: inline-block; padding-right: 15px; background: url(../images/more-icon.png)no-repeat right center; margin-top: 2%;}
@media(max-width: 1200px){
    .index-case .icon img{max-width: 75px;}
    .index-case .content{padding-right: 75px;}
}
@media(max-width: 1024px){
    .index-case li{width: 100%; margin-bottom: 10px;}
    .index-case a{padding: 40px;}
}
@media(max-width: 640px){
    .index-case .icon{text-align: right;}
    .index-case .icon img{width: 60%;}
    .index-case a{padding: 30px 20px;}
}




/* product-list */
.product-list{padding-bottom: 8.57%;}
.product-list h1{opacity: 0; position: absolute;}
.product-list .screen{padding: 5% 0 4%; position: relative; border-bottom: 1px solid #ededed;}
.product-list .screen dl{display: inline-block; vertical-align: top; width: calc(100% - 430px);}
.product-list .screen .tit{display: inline-block; vertical-align: top; margin-right: 90px; line-height: 40px;}
.product-list .screen dl{line-height: 40px;}
.product-list .screen dd{display: inline-block; margin-right: 6.07%;}
.product-list .screen dd:last-child{margin-right: 0;}
.product-list .screen .tit{font-family: 'Light'; color: #999;}
.product-list .screen dd a{font-family: 'Light'; color: #333; transition: all .3s;}
.product-list .screen dd:hover a,
.product-list .screen dd.aon a{color: #ab1e21;}
.product-list .screen-search{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 300px; height: 46px; background-color: #fff; border: 1px solid #ededed; padding-left: 16px;}
.product-list .screen-search .btn{width: 18px; height: 18px; background: url(../images/search-icon02.png)no-repeat center; margin-top: 13px; cursor: pointer; display: inline-block;}
.product-list .screen-search input{border: none; line-height: 43px; display: inline-block; vertical-align: top; padding: 0; width: calc(100% - 34px); padding-left: 5px; font-size: 14px; font-family: 'Light'; background-color: none;}
.product-list .screen-search input::placeholder,
.product-list .screen-search input::-webkit-input-placeholder{color: #999;}
@media(max-width: 1024px){
    .product-list .screen .tit{display: block;}
    .product-list .screen dl{width: 100%;}
    .product-list .screen-search{top: 23%; transform: translateY(0);}
}
@media(max-width: 640px){
    .product-list .screen-search{position: initial;}
}

.product-list .list{margin: 0 -14px; padding: 3.57% 0 5.14%;}
.product-list .list li{width: 25%; float: left; padding: 0 14px; margin-bottom: 28px;}
.product-list .pic{padding-top: 75.75%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.product-list .list li:hover .pic{background-size: 110%;}
.product-list .label{position: absolute; top: 0; left: 0; width: 72px; height: 72px;}
.product-list .brand{background: url(../images/brand-icon.png)no-repeat center;}
.product-list .new{background: url(../images/new-icon.png)no-repeat center;}
.product-list .star{background: url(../images/star-icon.png)no-repeat center;}
.product-list .content{border: 1px solid #ededed; padding: 20px;}
.product-list .tit{font-size: 18px; color: #333;}
.product-list .txt{font-size: 14px; color: #999; font-family: 'Light'; padding: 4.24% 0 7.27%;}
.product-list .buy{padding-left: 22px; color: #ab1e21; background: url(../images/buy-icon.png)no-repeat left center; font-size: 14px;}
@media(max-width: 1024px){
    .product-list .list li{width: 33.333%;}
    .product-list .content{padding: 15px;}
}
@media(max-width: 640px){
    .product-list .list li{width: 50%;}
    .product-list .tit{font-size: 16px; color: #333;}
    .product-list .txt{font-size: 13px; color: #999;padding: 4% 0 6%;}
}


/* product-detail */
.product-detail{padding-top: 80px;}
.product-detail h1{opacity: 0; position: absolute;}
.product-detail .nav-bar{background-color: #f9f9f9; line-height: 80px;}
.product-detail .pro-name{float: left; font-size: 18px; font-family: 'Medium'; color: #333;}
.product-detail .pro-nav{float: right;}
.product-detail .pro-nav dd{display: inline-block; margin-left: 35px;}
.product-detail .pro-nav dd:first-child{margin-left: 0;}
.product-detail .pro-nav dd a{display: block; font-family: 'Light'; color: #999; position: relative;}
.product-detail .pro-nav dd.on a{color: #ab1e21;}

.product-detail .jump{position: absolute; top: -80px; left: 0; opacity: 0;}
@media(max-width: 1024px){
    .product-detail .jump{top: -110px;}
}
@media(max-width: 640px){
    .product-detail .pro-name{display: none;}
    .product-detail .pro-nav{float: none; width: 100%; text-align: center;}
    .product-detail .pro-nav dd{margin-left: 18%;}
    .product-detail .pro-nav dd.on a::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #ab1e21;}
    .product-detail .jump{top: -55px;}
}

.product-detail .part1{margin: 2.85% 0 8.57%;}
.product-detail .part1 .left{width: 60%; float: left;}
.product-detail .part1 .box{width: 17.6%; float: left; padding-right: 4.6%; margin: 0px 0 -20px; position: relative; overflow: hidden; overflow-y: auto;}
.product-detail .part1 .slider-for{width: 82.4%; float: left; padding-left: 4.8%;}
.product-detail .part1 .slider-for img{width: 100%;}
.product-detail .part1 .slider-nav li{margin: 20px 0; cursor: pointer; transition: all .3s; overflow: hidden;}
.product-detail .part1 .slider-nav li:first-child{margin-top: 0;}
.product-detail .part1 .slider-nav li:last-child{margin-bottom: 0;}
.product-detail .part1 .slider-nav li.aon{border: 1px solid #ab1e21;}
.product-detail .part1 .slider-for .pic{padding-top: 75%; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
.product-detail .part1 .slider-nav .pic{padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
/* .product-detail .part1 .box::before,
.product-detail .part1 .box::before{background-color: #f0f0f0; z-index: 1; height: calc(100% - 20px);} */
.product-detail .part1 .box::-webkit-scrollbar{width: 1px; height: 100%; background-color: #f9f9f9;}
.product-detail .part1 .box::-webkit-scrollbar-button{display: none;}
.product-detail .part1 .box::-webkit-scrollbar-thumb{background-color: #ab1e21;}
.product-detail .wap{display: none;}

.product-detail .part1 .right{padding-left: 7%; width: 40%; float: left;}
.product-detail .part1 .txt{color: #999; line-height: 23px;}
.product-detail .part1 .label{display: inline-block; width: 42px; line-height: 23px; text-align: center; color: #fff; background-color: #ab1e21; margin-right: 20px; font-size: 12px; vertical-align: top;}
.product-detail .part1 .tit{font-size: 40px; padding: 5.35% 0;}
.product-detail .part1 .subtit{font-size: 20px; color: #6b6b6b;}
.product-detail .part1 .shop{padding-top: 17.5%; line-height: 80px;}
.product-detail .part1 .shop li{border-top: 1px solid #ededed; background: url(../images/next-icon01.png)no-repeat 95% center;}
.product-detail .part1 .shop li:last-child{border-bottom: 1px solid #ededed;}
.product-detail .part1 .shop .shop-name{padding-left: 66px; font-size: 14px; color: #999; background-repeat: no-repeat; background-position: left center;}
@media(max-width: 1024px){
    .product-detail .part1 .left{width: 100%; float: none;}
    .product-detail .part1 .right{width: 100%; float: none; padding-top: 30px; padding-left: 0;}
    .product-detail .part1 .tit{padding: 2% 0;}
    .product-detail .part1 .shop{padding-top: 3%;}
}
@media(max-width: 640px){
    .product-detail .part1 .left{display: none;}
    .product-detail .wap{display: block;}
    .product-detail .wap .pic{padding-top: 74.666%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
    .product-detail .wap .slick-dots button{width: 28px; background-color: #e0e0e0;}
    .product-detail .wap .slick-dots button::before{background-color: #ab1e21;}
}

/* .product-detail .long-pic img{width: 100%!important; height: auto!important; padding-bottom: 7.14%;} */

.product-detail .title{font-size: 40px; color: #333; text-align: center;}

.product-detail .part2 .subtit{font-size: 20px; color: #333; padding: 2.14% 0 4.64%; text-align: center;}
.product-detail .part2 ul{margin: 0 -2px;}
.product-detail .part2 li{width: 25%; float: left; padding: 0 2px; margin-bottom: 4px;}
.product-detail .part2 .pic{width: 100%; padding-top: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative;}
.product-detail .part2 .tit{position: absolute; width: calc(100% - 3px); height: 30%; left: 2px; bottom: 0; font-size: 24px; text-align: center; color: #fff; padding-top: 15%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
@media(max-width: 640px){
    .product-detail .part2 ul{margin: 0 -15px;}
    .product-detail .part2 li{width: 50%; padding: 0 15px; margin-bottom: 30px;}
}

.product-detail .part3{padding: 8.57% 0 5.71%;}
.product-detail .part3 .bg{background-size: cover; background-repeat: no-repeat; background-position: center;}
.product-detail .part3 .title{padding-top: 7.14%;}
.product-detail .part3 ul{padding: 4.28% 0 7%; margin: 0 20px;}
.product-detail .part3 li{width: 16.666%; float: left; padding: 10px;}
.product-detail .part3 .item{text-align: center; padding: 19.51% 0 24.39%; background-color: rgba(255, 255, 255, .3); border-radius: 6px;}
.product-detail .part3 .icon{width: 50%; padding-top: 50%; margin: 0 auto; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail .part3 .tit{font-size: 24px; color: #333; padding: 14.63% 2% 4.87% 2%;}
.product-detail .part3 .txt{padding: 0 2%; font-size: 12px; color: rgba(51, 15, 15, .5); text-transform: uppercase;}
@media(max-width: 768px){
    .product-detail .part3 li{width: 33.333%;}
}
@media(max-width: 640px){
    .product-detail .part3 li{width: 50%; padding: 5.79%;}
}

.product-detail .part4 ul{padding: 4.28% 0 7.85%; margin: 0 -5px;}
.product-detail .part4 li{width: 25%; float: left; padding: 0 5px;}
.product-detail .part4 .item{position: relative;}
.product-detail .part4 .pic{width: 100%; padding-top: 41.17%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail .part4 .content{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .2); text-align: center;}
.product-detail .part4 .tit{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color: #fff; font-size: 24px;}
@media(max-width: 640px){
    .product-detail .part4 ul{margin: 0 -2.17%;}
    .product-detail .part4 li{width: 50%; padding: 0 2.17%; margin-bottom: 4.34%;}
}

.product-detail .part5 .wap{display: none;}
.product-detail .part5 img{width: 100%;}
@media(max-width: 640px){
    .product-detail .part5 .wap{display: block;}
    .product-detail .part5 .pc{display: none;}
}

.product-detail .part6{padding: 7.14% 0; color: #333;}
.product-detail .part6 li{position: relative;}
.product-detail .part6 .content{width: 50%; position: absolute; top: 50%; transform: translateY(-50%); padding-right: 20%;}
.product-detail .part6 .pic{float: right; width: 50%;}
.product-detail .part6 li:nth-child(even) .pic{float: left;}
.product-detail .part6 li:nth-child(even) .content{right: 0; padding-left: 13%; padding-right: 0;}
.product-detail .part6 .tit{font-size: 40px; padding-bottom: 3%;}
.product-detail .part6 .txt{font-size: 20px; line-height: 1.8;}
@media(max-width: 640px){
    .product-detail .part6 .content{ padding-right: 10%;}
    .product-detail .part6 li:nth-child(even) .content{padding: 0 4% 0 6%;}
}

.product-detail .part7{background-color: #f9f9f9; padding: 0 0 6.25%;}
.product-detail .part7 .left{width: 30%; float: left; font-size: 30px; color: #333;}
.product-detail .part7 .right{width: 70%; float: right;}
.product-detail .part7 .data{padding: 5.71% 0; border-bottom: 1px solid #ebebeb; position: relative;}
.product-detail .part7 .ul1 li{width: 20%; float: left; margin-bottom: 3%; margin-right: 2%;}
.product-detail .part7 .ul1 .tit{min-height: 60px; margin-bottom: 30px; font-size: 20px;}
.product-detail .part7 .ul1 .pic{padding-top: 63.5%; background-size: contain; background-repeat: no-repeat; background-position: left;}
.product-detail .part7 .ul2 li{float: left; margin-right: 4%;}
.product-detail .part7 .ul2 li:last-child{margin-right: 0;}
.product-detail .part7 .ul2 .tit{font-size: 24px; margin-bottom: 30px;}
.product-detail .part7 .ul3 .tit{font-size: 24px;}
.product-detail .part7 .ul3 .txt{color: #666; padding-top: 5px; line-height: 30px;}
.product-detail .part7 .ul3 li{float: left; margin-right: 17%; margin-bottom: 2%;}
.product-detail .part7 .ul3 li:last-child{margin-right: 0;}
.product-detail .part7 .ul4 li{float: left; margin-right: 11%; margin-bottom: 2%;}
.product-detail .part7 .ul4 li:last-child{margin-right: 0;}
.product-detail .part7 .ul4 .pic{text-align: center;}
.product-detail .part7 .ul4 .tit{color: #ab1e21; font-size: 20px; padding-top: 10px; text-align: center;}
.product-detail .part7 .more{color: #ab1e21; font-size: 24px; display: inline-block; margin: 0 auto; display: inline-block; cursor: pointer; padding: 0 70px; line-height: 24px; position: relative;}
.product-detail .part7 .more::before{content: ''; background: url(../images/detail-left-icon.png)no-repeat center; position: absolute; width: 26px; height: 24px; left: 0; top: 0;}
.product-detail .part7 .more::after{content: ''; background: url(../images/detail-right-icon.png)no-repeat center; position: absolute; width: 26px; height: 24px; right: 0; top: 0;}
.product-detail .part7 .data07{text-align: center; padding-top: 5%;}
@media(max-width: 1024px){
    .product-detail .part7 .ul1 .tit{min-height: 48px;}
}
@media(max-width: 768px){
    .product-detail .part7 .left{width: 100%; float: none; padding-bottom: 3.57%;}
    .product-detail .part7 .right{width: 100%; float: none;}
}
@media(max-width: 640px){
    .product-detail .part7 .ul1 li{width: 33.333%; margin-bottom: 5%;}
    .product-detail .part7 .ul1 .tit{margin-bottom: 15px;}
    .product-detail .part7 .ul2 li{margin-right: 0;}
    .product-detail .part7 .ul2 li img{width: 50%;}
    .product-detail .part7 .ul3 li{width: 50%; margin-right: 0; margin-bottom: 15px;}
    .product-detail .part7 .ul4{margin: 0 -20px;}
    .product-detail .part7 .ul4 li{width: 33.333%; margin-right: 0; margin-bottom: 15px; padding: 0 20px;}
    .product-detail .part7 .more{font-size: 16px; padding: 0 50px;}
}

.product-detail .part8{padding: 5.2% 0 6.25%;}
.product-detail .part8 .subtit{text-align: center; font-size: 20px; color: #333; padding-bottom: 1.5%;}
.product-detail .part8 .ul{margin: 0 -14px; padding-top: 5.71%;}
.product-detail .part8 .ul .li{width: 33.333%; float: left; padding: 0 14px;}
.product-detail .part8 .pic{padding-top: 75.89%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail .part8 .content{padding: 30px; border: 1px solid #ededed;}
.product-detail .part8 .tit{font-size: 24px; color: #333;}
.product-detail .part8 .txt{color: #999; margin: 4.46% 0 6.69%;}
.product-detail .part8 .buy{color: #ab1e21; padding-left: 24px; background: url(../images/buy-icon.png)no-repeat left center; font-size: 14px;}
@media(max-width: 1024px){
    .product-detail .title{font-size: 30px;}
    .product-detail{padding-top: 110px;}
    .product-detail .part2 .tit,
    .product-detail .part3 .tit,
    .product-detail .part7 .ul1 .tit,
    .product-detail .part7 .ul2 .tit,
    .product-detail .part7 .ul3 .tit,
    .product-detail .part7 .ul4 .tit,
    .product-detail .part4 .tit{font-size: 16px;}
    .product-detail .part7 .left,
    .product-detail .part6 .tit{font-size: 20px;}
    .product-detail .part6 .txt{font-size: 14px;}
}
@media(max-width: 768px){
    .product-detail .part8 .content{padding: 15px;}
    .product-detail .part8 .tit{font-size: 16px;}
}
@media(max-width: 640px){
    .product-detail{padding-top: 55px;}
    .product-detail .part8 .ul .li{opacity: .3; transition: all .3s;}
    .product-detail .part8 .ul .li.slick-current{opacity: 1;}
    .product-detail .part8 .ul{padding-bottom: 60px;}
    .product-detail .part8 .slick-dots{bottom: 0;}
    .product-detail .part8 .slick-dots button{background-color: #e0e0e0;}
    .product-detail .part8 .slick-dots button::before{background-color: #ab1e21;}
}
@media(max-width: 480px){
    .product-detail .part1 .tit{font-size: 30px;}
    .product-detail .part1 .subtit{font-size: 18px;}
    .product-detail .part6 .content{padding-right: 5%;}
    .product-detail .part6 li:nth-child(even) .content{padding: 0 2% 0 3%;}
    .product-detail .part6 .tit{font-size: 16px;}
    .product-detail .part2 .tit{font-size: 12px; height: 37%;}
    .product-detail .part6 .txt{font-size: 12px;}
    .product-detail .pro-nav dd{margin-left: 8%;}
}


/* yazj-home */
.yazj-home{background-color: #f9f9f9;}
.yazj-home h1{opacity: 0; position: absolute;}
.yazj-home .tit-box{margin-bottom: 2.85%; position: relative;}
.yazj-home .tit-box .title{font-size: 30px; display: inline-block;}
.yazj-home .tit-box .more{font-size: 14px; font-family: 'Light'; color: #333; display: inline-block; padding-right: 15px; background: url(../images/more-icon.png)no-repeat right center; cursor: pointer; position: absolute; right: 0; bottom: 5px;}
@media(max-width: 640px){
    .yazj-home .tit-box .title{font-size: 24px;}
}

.yazj-home .part1{padding-top: 5.71%;}
.yazj-home .part4{padding-bottom: 8.57%;}
.yazj-home ul{margin: 0 -10px;}
.yazj-home li{width: 25%; float: left; padding: 0 10px; margin-bottom: 20px;}
.yazj-home .pic{padding-top: 74.62%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.yazj-home li:hover .pic{background-size: 110%;}
.yazj-home .content{background-color: #fff; padding: 8.95%;}
.yazj-home .tit{font-size: 18px; color: #333; min-height: 48px;}
.yazj-home .date{color: #999; font-family: 'Light'; padding-top: 2%;}
.yazj-home .part4 .play{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/play-icon.png)no-repeat center rgba(0, 0, 0, .5);}
@media(max-width: 960px){
    .yazj-home li{width: 33.333%;}
}
@media(max-width: 640px){
    .yazj-home li{width: 50%;}
}


/* yazj-list */
.yazj-list{padding-top: 80px; background-color: #f9f9f9;}
.yazj-list h1{opacity: 0; position: absolute;}
.yazj-list .auto-1400{padding-top: 3.64%; position: relative;}
.yazj-list .cate-list{margin-bottom: 3.21%;}
.yazj-list .cate-list li{line-height: 40px; margin-right: 4.28%; display: inline-block;}
.yazj-list .cate-list li a{color: #666; position: relative; display: block;}
.yazj-list .cate-list li.aon a{color: #ab1e21;}
.yazj-list .cate-list li.aon a::before{content: ''; background-color: #ab1e21; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0;}

.yazj-list .yazj{margin: 0 -15px; position: relative;}
.yazj-list .item{padding: 0 15px; margin-bottom: 30px; width: 20%; position: absolute;}
.yazj-list .item img{width: 100%; height: auto;}
.yazj-list .content{padding: 7.14%; background-color: #fff;}
.yazj-list .tit{color: #333;}
.yazj-list .date{color: #999; font-family: 'Light'; font-size: 14px; padding-top: 10px;}

.yazj-list .load{text-align: center; padding: 3.92% 0;}
.yazj-list .load img{animation: rotate infinite 2s linear;}
.yazj-list .load .txt{padding-top: 1%; font-family: 'Light'; color: #666;}
@keyframes rotate{
    100%{transform: rotate(360deg);}
}
@media(max-width: 1024px){
    .yazj-list{padding-top: 110px;}
    .yazj-list .item{width: 33.333%;}
}
@media(max-width: 640px){
    .yazj-list{padding-top: 55px;}
    .yazj-list .yazj{margin: 0 -10px;}
    .yazj-list .item{width: 50%; margin-bottom: 10px; padding: 0 5px;}
}


/* yazj-detail */
.yazj-menu{padding-top: 80px;}
.yazj-menu .menu{background-color: #fff;}
.yazj-menu .menu .left{display: none;}
.yazj-menu .menu .location{float: none;}
@media(max-width: 1024px){
    .yazj-menu{padding-top: 110px;}
    .yazj-menu .menu .location{display: block;}
}
@media(max-width: 640px){
    .yazj-menu{padding-top: 55px;}
}

.yazj-detail{padding-bottom: 5.2%; position: relative;}
.yazj-detail h1{opacity: 0; position: absolute;}
.yazj-detail .left{width: 74%; float: left; border-right: 1px solid #ededed; padding-right: 7.14%;}
.yazj-detail .right{width: 26%; float: right; padding-left: 4.28%;}
.yazj-detail .title{font-size: 36px; font-family: 'Medium'; color: #333;}
.yazj-detail .date{font-size: 18px; font-family: 'Light'; color: #666; padding: 3.84% 0 5.76% 0;}
.yazj-detail .content{padding-bottom: 5.76%; margin-bottom: 5.76%; border-bottom: 1px solid #ededed;}
.yazj-detail p{color: #666; line-height: 2; padding-bottom: 1.84%;}
.yazj-detail img{/*width: 100%!important;*/ height: auto!important;}
.yazj-detail .link-box{padding-bottom: 3.46%;}
.yazj-detail .np a{color: #666; line-height: 2; display: block;}
.yazj-detail .more li{padding-bottom: 16.666%;}
.yazj-detail video{width: 100%; margin-bottom: 2%;}
.yazj-detail .pic{width: 100%; padding-top: 66.666%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.yazj-detail .tit{color: #333; margin: 5.555% 0;}
.yazj-detail .date1{font-size: 14px; color: #999; font-family: 'Light';}
.yazj-detail .share-box{position: fixed; left: 8.3333%; bottom: 20%;}
.yazj-detail .share-box .txt{writing-mode: vertical-lr; color: #666; font-family: 'Light'; margin: auto;}
.yazj-detail .share-box ul{padding-top: 20px;}
.yazj-detail .share-box li{margin-bottom: 10px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dedede; display: block; background-color: #fff;}
.yazj-detail .share-box a{display: block; width: 100%; height: 100%;}
.yazj-detail .qq{background: url(../images/qq-icon01.png)no-repeat center;}
.yazj-detail .wx{background: url(../images/wx-icon.png)no-repeat center; position: relative;}
.yazj-detail .wx .qrcode{display: none; position: absolute; left: 120%; top: 50%; background-color: #fff; padding: 10px; width: 140px; height: 140px; z-index: 20; transform: translateY(-50%);}
.yazj-detail .wb{background: url(../images/wb-icon.png)no-repeat center;}
@media(max-width: 1600px){
    .yazj-detail .share-box{left: .5%;}
}
@media(max-width: 960px){
    .yazj-detail .title{font-size: 30px;}
    .yazj-detail .date{font-size: 15px;}
    .yazj-detail .share-box{position: initial;}
    .yazj-detail .share-box .txt{writing-mode: horizontal-tb; display: inline-block; vertical-align: middle; line-height: 40px;}
    .yazj-detail .share-box ul{display: inline-block; vertical-align: middle; padding-top: 15px; padding-left: 20px;}
    .yazj-detail .share-box li{display: inline-block; margin-right: 10px;}
    .yazj-detail .left{padding-right: 4.28%;}
    .yazj-detail .wx .qrcode{left: 50%; bottom: 120%; transform: translateY(-120%) translateX(-50%);}
}
@media(max-width: 640px){
    .yazj-detail .left{width: 100%; float: none; border-right: none; padding-right: 0;}
    .yazj-detail .right{width: 100%; float: none; padding-left: 0;}
    .yazj-detail .more{margin: 0 -10px;}
    .yazj-detail .more li{width: 50%; padding: 0 10px; float: left; margin-bottom: 20px;}
}


/* news */
.news{padding: 4.6875% 0 6.25%;}
.news h1{opacity: 0; position: absolute;}
.news .top-list{position: relative; margin-bottom: 3.57%;}
.news .li{background-color: #f9fafc;}
.news .left{width: 48.5%; float: left;}
.news .content{width: 51.5%; float: left; padding: 7.14% 5.38% 0 5.71%;}
.news .pic{width: 100%; padding-top: 69.41%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.news .li:hover .pic{background-size: 110%;}
.news .date{font-size: 18px; color: #666; font-family: 'Light';}
.news .title{font-size: 26px; color: #333; font-family: 'Medium'; padding: 7.07% 0;}
.news .txt{color: #666; line-height: 2; text-align: justify;}
.news .slick-dots{left: 48.5%; display: inline-block; width: 51.5%; padding-left: 5.71%; text-align: left; bottom: 10%;}
.news .slick-dots li button{background-color: #dedede; width: 80px;}
.news .slick-dots li button::before{background-color: #ab1e21;}

.news .list li{background-color: #f9fafc; margin-bottom: 2.14%;}
.news .list .left{width: 27%; float: left;}
.news .photo{width: 100%; padding-top: 69.21%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.news .list li:hover .photo{background-size: 110%;}
.news .list li:last-child{margin-bottom: 7.14%;}
.news .content1{width: 73%; float: left; padding: 5% 0 0 5.71%; position: relative;}
.news .text{float: left; width: 76.5%; padding-right: 8.94%; border-right: 1px solid #d1d2d4;}
.news .tit{font-size: 26px; color: #333; font-family: 'Medium';}
.news .txt1{color: #666; line-height: 2; margin-top: 4.72%;}
.news .date1{width: 23.5%; float: left; text-align: center; color: #333;}
.news .day{font-size: 60px;}
@media(max-width: 1400px){
    .news .content{padding-top: 4%;}
    .news .content1{padding-top: 3%;}
}
@media(max-width: 1024px){
    .news .title{padding: 3% 0; font-size: 22px;}
    .news .txt1{margin-top: 1%;}
    .news .tit{font-size: 20px;}
    .news .slick-dots li button{width: 60px;}
    .news .day{font-size: 48px;}
    .news .ym{font-size: 14px;}
    .news .content1{padding-left: 3%;}
    .news .text{padding-right: 4%;}
}
@media(max-width: 768px){
    .news .txt1,
    .news .txt{line-height: 1.5;}
    .news .slick-dots{bottom: 6%;}
}
@media(max-width: 640px){
    .news .top-list{margin-bottom: 70px;}
    .news .slick-dots{width: 100%; padding-left: 0; text-align: center; bottom: -30px; left: 0;}
    .news .content1,
    .news .list .left,
    .news .left,
    .news .content{width: 100%; float: none;}
    .news .content{padding: 4%;}
    .news .content1{padding: 5%;}
    .news .list li{margin-bottom: 20px;}
}
@media(max-width: 480px){
    .news .text{float: none; width: 100%; border-right: none;}
    .news .date1{position: absolute; right: 0; bottom: 100%; background-color: #f9fafc; width: 75px; height: 75px;}
    .news .day{font-size: 45px;}
}


/* news-detail */
.news-detail .news-title{margin-top: 80px; background-color: #f5f5f5; text-align: center; padding: 4.94% 0 3.8%;}
.news-detail .title{font-size: 34px; color: #333;}
.news-detail .date{color: #999; padding-top: 1.666%;}
.news-detail .content{padding: 5% 0 7%; border-bottom: 1px solid #ededed;}
.news-detail p{color: #333; line-height: 2; padding: 1% 0;}
.news-detail .box{padding-left: 24px; margin: 5% 0 3%; border-left: 5px solid #ab1e21;}
.news-detail .tit{font-size: 24px; color: #333;}
.news-detail .subtit{font-size: 18px; color: #999; letter-spacing: 10px; padding-top: 1%;}
.news-detail img{width: auto!important; height: auto!important;}
.news-detail .link-box{margin: 4.16% 0 10%; position: relative;}
.news-detail .np a{color: #666; line-height: 2; display: block;}
.news-detail .share-box{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.news-detail .share-box .txt{color: #666; font-family: 'Light'; margin: auto; display: inline-block; vertical-align: middle; margin-right: 16px;}
.news-detail .share-box ul{padding-top: 10px; display: inline-block; vertical-align: middle;}
.news-detail .share-box li{margin-bottom: 10px; width: 40px; height: 40px; margin-left: 16px; border-radius: 50%; display: inline-block; border: 1px solid #dedede; background-color: #fff; vertical-align: middle;}
.news-detail .share-box a{display: block; width: 100%; height: 100%;}
.news-detail .qq{background: url(../images/qq-icon01.png)no-repeat center;}
.news-detail .wx{background: url(../images/wx-icon.png)no-repeat center; position: relative;}
.news-detail .wx .qrcode{display: none; position: absolute; left: 50%; bottom: 120%; background-color: #fff; padding: 10px; width: 140px; height: 140px; z-index: 20; transform: translateX(-50%);}
.news-detail .wb{background: url(../images/wb-icon.png)no-repeat center;}
@media(max-width: 1024px){
    .news-detail .news-title{margin-top: 110px;}
    .news-detail .title{font-size: 28px;}
}
@media(max-width: 960px){
    .news-detail .share-box{position: initial; transform: translateY(0);}
}
@media(max-width: 640px){
    .news-detail .news-title{margin-top: 55px;}
}

/* brand */
.brand{padding: 7.14% 0 0 0;}
.brand .jump{position: absolute; top: -80px; left: 0; opacity: 0;}
.brand h1{opacity: 0; position: absolute;}
.brand .title{text-align: center; font-size: 40px; color: #333; font-family: 'Medium';}
.brand .part1{position: relative;}
.brand .part1 .box{background: url(../images/brand-bg01.jpg)no-repeat left bottom;}
.brand .part1 .title{padding-bottom: 6.42%;}
.brand .part1 .ul1{padding-bottom: 8.3%;}
.brand .part1 .li{position: relative;}
.brand .part1 .li:first-child .pic::before{content: ''; position: absolute; width: 50%; height: 100%; left: -40px; top: -40px; z-index: -1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(-45deg,  rgba(124,124,124,0.08) 0%, rgba(0,0,0,0) 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(124,124,124,0.08) 0%,rgba(0,0,0,0) 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(124,124,124,0.08) 0%,rgba(0,0,0,0) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.brand .part1 .pic{float: left; width: 50%;}
.brand .part1 .content{position: absolute; width: 50%; left: 50%; top: 50%; padding: 0 0 0 9%; transform: translateY(-50%);}
.brand .part1 .tit{font-size: 34px; color: #333; font-family: 'Medium';}
.brand .part1 .txt{color: #666; line-height: 2.2; padding-top: 5.71%; text-align: justify;}
.brand .part1 .li:nth-child(even) .pic{float: right;}
.brand .part1 .li:nth-child(even) .content{left: 0; padding: 0 8.57% 0 0;}
.brand .part1 .wap{display: none;}
.brand .part1 .intro{background: url(../images/brand-bg01.jpg); background-repeat: repeat-x; background-position: center; padding: 2.6%;}
.brand .part1 .left{width: 32.8%; float: left; font-size: 34px; font-family: 'Medium'; color: #333;}
.brand .part1 .right{width: 67.2%; float: left;}
.brand .part1 .right .txt1{font-family: 'Medium'; color: #666; line-height: 2;}
.brand .part1 .ul2{padding-top: 4%;}
.brand .part1 .ul2 li{display: inline-block; margin-right: 21%;}
.brand .part1 .ul2 li:last-child{margin-right: 0;}
.brand .part1 .count{font-size: 36px; font-family: 'Oswald'; color: #333;}
.brand .part1 .tit1{color: #999; font-family: 'Light';}
@media(max-width: 1200px){
    .brand .part1 .tit{font-size: 26px;}
    .brand .part1 .txt{padding-top: 3%; line-height: 1.9;}
    .brand .part1 .li:nth-child(even) .content{padding-right: 5%;}
    .brand .part1 .content{padding-left: 5%;}
}
@media(max-width: 1024px){
    .brand .part1 .li:first-child .pic::before{top: -20px; width: 100%;}
    .brand .part1 .li:nth-child(even) .pic,
    .brand .part1 .pic{float: none; width: 100%;}
    .brand .part1 .pic img{width: 100%;}
    .brand .part1 .content{position: initial; transform: translateY(0); width: 100%; padding: 8.69% 0!important;}
    .brand .part1 .box{background: none;}
    .brand .part1 .ul1{padding-bottom: 0;}
    .brand .title{font-size: 30px;}

    .brand .jump{top: -110px;}
}
@media(max-width: 960px){
    .brand .part1 .left{width: 100%; float: none; font-size: 26px;}
    .brand .part1 .right{width: 100%; float: none;}
    .brand .part1 .intro{padding: 2.6% 0;}
    .brand .part1 .ul2 li{margin-right: 10%;}
    .brand .part1 .count{font-size: 28px;}
}
@media(max-width: 640px){
    .brand .part1 .tit{font-size: 18px;}
    .brand .part1 .wap{display: block;}
    .brand .part1 .pc{display: none;}
    .brand .title{font-size: 20px;}
    .brand .part1 .txt{line-height: 1.8; font-size: 14px;}
    .brand .part1 .tit1,
    .brand .part1 .right .txt1{font-size: 14px;}
    .brand .part1 .count{font-size: 24px;}
    .brand .part1 .ul2 li:nth-child(1){ width: 98%; margin-right: 0}
    .brand .part1 .ul2 li{ min-width: 49%}

    .brand .jump{top: -55px;}
}
@media(max-width: 480px){
    .brand .part1 .ul2 li:nth-child(2){margin-right: 0;}
}

.brand .part2{padding: 5.2% 0 7.8125%; background: url(../images/brand-bg02.jpg)no-repeat center; position: relative;}
.brand .part2 .slider-for li{padding: 100px 0 120px;}
.brand .part2 .slider-for .pic{width: 50%; float: left; text-align: center;}
.brand .part2 .slider-for .content{width: 50%; float: left;}
.brand .part2 .slider-for .year{font-size: 80px; color: #ab1e21; position: relative;}
.brand .part2 .slider-for .year::before{content: ''; background: url(../images/yinhao-icon.png)no-repeat center; width: 94px; height: 75px; position: absolute; right: 25%; top: -20%;}
.brand .part2 .slider-for .txt{font-size: 28px; color: #333; font-family: 'Medium'; padding-top: 1%;}
.brand .part2 .slider-nav li{text-align: center; padding-top: 33px; background: url(../images/line.png)repeat-x top center; font-size: 18px; color: #666; font-family: 'Light'; cursor: pointer;}
.brand .part2 .slider-nav .slick-current{font-size: 22px; color: #ab1e21; font-family: 'Medium'; padding-top: 30px;}
.brand .part2 .slick-arrow{top: 10px; border: 1px solid #333; transition: all .3s;}
.brand .part2 .slick-prev{left: -80px; background: url(../images/prev-icon.png)no-repeat center #fff;}
.brand .part2 .slick-next{right: -80px; background: url(../images/more-icon.png)no-repeat center #fff;}
.brand .part2 .slick-prev:hover{background: url(../images/prev-icon-on.png)no-repeat center #333;}
.brand .part2 .slick-next:hover{background: url(../images/more-icon01.png)no-repeat center #333;}
@media(max-width: 1200px){
    .brand .part2 .slider-nav .slick-list{width: calc(100% - 100px); margin: auto;}
    .brand .part2 .slick-prev{left: 0;}
    .brand .part2 .slick-next{right: 0;}
}
@media(max-width: 960px){
    .brand .part2 .slider-for .year{font-size: 60px;}
    .brand .part2 .slider-for .year::before{right: 0;}
    .brand .part2 .slider-for .txt{font-size: 20px;}
    .brand .part2 .slider-for li{padding: 40px 0 30px;}
    .brand .part2 .slider-for .pic img{width: 80%;}
}
@media(max-width: 640px){
    .brand .part2 .slider-for .year{font-size: 32px;}
    .brand .part2 .slider-for .txt{ font-size: 18px}
    .brand .part2 .slider-nav .slick-current{font-size: 16px;}
    .brand .part2 .slider-for li{padding: 40px 0px;}
    .brand .part2 .slider-nav li{font-size: 14px;}
}

.brand .part3{padding-top: 5.2%; overflow: hidden; background-repeat: no-repeat; background-position: center; position: relative;}
.brand .part3 .title{padding-bottom: 5.468%;}
.brand .part3 li{width: 24.5%; vertical-align: bottom; display: inline-block; padding: 0; margin: 0; position: relative;}
.brand .part3 li:first-child img{width: 80%;}
.brand .part3 li:first-child{transform: translateX(25%); z-index: 1;}
.brand .part3 li:nth-child(2){z-index: 3; box-shadow: 20px 20px 15px 5px rgba(0, 0, 0, .1);}
.brand .part3 li:nth-child(3){z-index: 2; box-shadow: 20px 60px 15px 5px rgba(0, 0, 0, .1);}
.brand .part3 li:nth-child(4) img{width: 80%;}
.brand .part3 li:nth-child(4){z-index: 1; transform: translateX(-25%);}
@media(max-width: 768px){
    .brand .part3 .auto-1400{width: 100%;}
    .brand .part3 ul{white-space: nowrap; margin: 0 -9%; text-align: center;}
    .brand .part3 li{width: 25%;}
}

.brand .part4{padding-top: 5.2%; overflow: hidden; background-repeat: no-repeat; background-position: center;}
.brand .part4 .title{padding-bottom: 5.468%;}
.brand .part4 li{position: relative; width: 20%; float: left; text-align: center; margin-bottom: 25px;}
.brand .part4 aside{background: url(../images/line01.png)repeat-x; height: 162px; position: relative;}
.brand .part4 li:first-child aside::before{content: ''; background: url(../images/line-left.png)no-repeat center; width: 294px; height: 162px; right: 100%; top: 0; position: absolute;}
.brand .part4 li:last-child aside::before{content: ''; background: url(../images/line-right.png)no-repeat center; width: 91px; height: 162px; left: 100%; top: 0; position: absolute;}
.brand .part4 .tit{position: absolute; bottom: 80px; width: 100%; text-align: center; transform: translateY(50%); color: #666;}
/* .brand .part4 .slick-list{overflow: visible;} */
.brand .part4 .slick-arrow{top: 30%; border: 1px solid #333; transition: all .3s;}
.brand .part4 .slick-prev{left: -80px; background: url(../images/prev-icon.png)no-repeat center;}
.brand .part4 .slick-next{right: -80px; background: url(../images/more-icon.png)no-repeat center;}
.brand .part4 .slick-prev:hover{background: url(../images/prev-icon-on.png)no-repeat center #333;}
.brand .part4 .slick-next:hover{background: url(../images/more-icon01.png)no-repeat center #333;}
@media(max-width: 1200px){
    .brand .part4 .slick-prev{left: 0;}
    .brand .part4 .slick-next{right: 0;}
}
@media(max-width: 640px){
    .brand .part4 img{max-height: 180px;}
}

.brand .part5{padding: 5.2% 0; background-repeat: no-repeat; background-position: center;}
.brand .part5 .title{color: #fff; padding-bottom: 5.468%;}
.brand .part5 .flipster{padding-top: 100px; overflow: visible; position: relative; width: 100%!important}
.brand .part5 .flipto-prev, .flipto-next{display: block!important; font-size: 0; width: 40px; height: 40px; border: 1px solid #fff; transition: all .3s;}
.brand .part5 .flipto-prev{position: absolute; top: 30%; left: -80px; background: url(../images/prev-icon-on.png)no-repeat center;}
.brand .part5 .flipto-next{position: absolute; top: 30%; right: -80px; background: url(../images/more-icon01.png)no-repeat center;}
.brand .part5 .flipto-prev:hover{background: url(../images/prev-icon.png)no-repeat center #fff;}
.brand .part5 .flipto-next:hover{background: url(../images/more-icon.png)no-repeat center #fff;}

.brand .part5 .flipster-carousel .flip-next{transform: translateX(75%) translateY(-20%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
.brand .part5 .flipster-carousel .flip-prev{transform: translateX(-75%) translateY(-20%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
.brand .part5 .flipster-carousel .flip-past{transform: translateX(-125%) translateY(-35%) translateZ(0) rotateY(0deg) scale(0.7);}
.brand .part5 .flipster-carousel .flip-future{transform: translateX(125%) translateY(-35%) translateZ(0) rotateY(0deg) scale(0.7);}
.brand .part5 .tit{text-align: center; color: #fff; padding-top: 25px;}
.brand .part5 .flipster-carousel .flip-past .tit,
.brand .part5 .flipster-carousel .flip-future .tit{display: none;}
@media(min-width: 1024px){
.brand .part5 .flipster-carousel img{ min-width:430px;}
}
@media(max-width: 960px){
    .brand .part5 .flipster{padding-top: 0; padding-bottom: 80px;}
    .brand .part5 .flipster-carousel .flip-next{transform: translateX(75%) translateY(-2%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
    .brand .part5 .flipster-carousel .flip-prev{transform: translateX(-75%) translateY(-2%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
    .brand .part5 .flipster-carousel .flip-past{transform: translateX(-125%) translateY(-5%) translateZ(0) rotateY(0deg) scale(0.7);}
    .brand .part5 .flipster-carousel .flip-future{transform: translateX(125%) translateY(-5%) translateZ(0) rotateY(0deg) scale(0.7);}
    .brand .part5 .flipto-prev{bottom: 10px; top: auto; left: 50%; transform: translateX(-110%);}
    .brand .part5 .flipto-next{bottom: 10px; top: auto; right: 50%; transform: translateX(110%);}
    .brand .part5 .flipster-carousel .flip-past .tit,
    .brand .part5 .flipster-carousel .flip-future .tit{display: block;}
}
@media(max-width: 480px){
    .flipster-carousel .flip-items{width: 85%!important;}
}

.brand .part6{padding: 5.2% 0; position: relative;}
.brand .part6 .title{padding-bottom: 5%;}
.brand .part6 ul{margin: 0 -12px;}
.brand .part6 li{width: 33.333%; float: left; padding: 0 12px; margin-bottom: 24px; color: #fff;}
.brand .part6 .pic{width: 100%; padding-top: 71.111%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.brand .part6 li:first-child{width: 100%;}
.brand .part6 li:first-child .pic{padding-top: 35.71%;}
.brand .part6 .box{position: relative;}
.brand .part6 .txt{display: none; line-height: 2; padding-top: 2%;}
.brand .part6 .content{position: absolute; width: 100%; height: 45%; left: 0; bottom: 0; transition: all .3s; padding: 5% 50px 4% 50px;}
.brand .part6 .tit{font-size: 22px;}
.brand .part6 span{font-size: 34px; font-family: 'Medium';}
.brand .part6 .en{font-family: 'Light';}
.brand .part6 li:first-child .content{height: 40%; padding: 5% 50px 4% 50px;}
.brand .part6 li:hover .content{height: 100%!important; background-color: rgba(0, 0, 0, .5);}
.brand .part6 li:hover .pic{background-size: 110%;}
@media(max-width: 1200px){
    .brand .part6 .content,
    .brand .part6 li:first-child .content{padding: 5% 30px 4% 30px;}
    .brand .part6 span{font-size: 26px;}
    .brand .part6 .txt{line-height: 1.8;}
    .brand .part6 .en{font-size: 14px;}
}
@media(max-width: 1024px){
    .brand .part6 .content{position: initial; background-color: #f5f5f5;}
    .brand .part6 .txt{display: block; color: #666;}
    .brand .part6 .en{display: none;}
    .brand .part6 li:hover .content{background-color: #f5f5f5;}
    .brand .part6 .tit{font-size: 22px; color: #333;}
}
@media(max-width: 768px){
    .brand .part6 li{width: 100%; float: none;}
    .brand .part6 li:first-child .pic{padding-top: 71.111%; background-size: cover; background-position: right;}
    .brand .part6 .content,
    .brand .part6 li:first-child .content{padding: 5% 20px 4% 20px;}
}

.brand .part7{background-color: #F8F9FA; padding: 5.2% 0; position: relative;}
.brand .part7 .title{padding-bottom: 6.42%;}
.brand .part7 .left{width: 31.5%; float: left;}
.brand .part7 .tit{font-size: 34px; font-family: 'Medium'; padding-bottom: 13.63%;}
.brand .part7 .txt{line-height: 55px; color: #666;}
.brand .part7 span{font-size: 26px; color: #ab1e21;}
.brand .part7 .right{width: 68.5%; float: left;}
.brand .part7 ul{margin: 0 -12.5px;}
.brand .part7 li{width: 33.333%; float: left; padding: 0 12.5px; margin-bottom: 25px;}
.brand .part7 .pic{position: relative; padding-top: 71.11%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.brand .part7 .label{color: #fff; position: absolute; width: 100%; padding: 20px 30px; left: 0; bottom: 0; font-size: 14px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.brand .part7 .content{background-color: #fff; padding: 25px 30px;}
.brand .part7 .tit1{font-size: 20px; color: #333; margin-bottom: 1%;}
.brand .part7 .txt1{color: #666;}
.brand .part7 li:hover .pic{background-size: 110%;}
@media(max-width: 1024px){
    .brand .part7 .left{width: 100%; float: none; text-align: center;}
    .brand .part7 .right{width: 100%; float: none; padding-top: 2%;}
    .brand .part7 .tit{padding-bottom: 2%;}
    .brand .part7 .txt{line-height: 1.5;}
    .brand .part7 span{font-family: 'Medium';}
}
@media(max-width: 960px){
    .brand .part7 li{width: 50%;}
}
@media(max-width: 640px){
    .brand .part7{padding-bottom: 8%;}
    .brand .part7 li{width: 450px; display: inline-block; float: none;}
    .brand .part7 ul{white-space: nowrap; overflow: hidden; overflow-x: auto; padding-bottom: 20px;}
    .brand .part7 ul::-webkit-scrollbar{height: 8px; width: 100%; background-color: #eee; border-radius: 8px;}
    .brand .part7 ul::-webkit-scrollbar-button{display: none;}
    .brand .part7 ul::-webkit-scrollbar-thumb{background-color: #ab1e21; border-radius: 8px;}
}

.brand .part8{padding: 5.2% 0; position: relative;}
.brand .part8 li{position: relative;}
.brand .part8 .title{padding-bottom: 5.71%;}
.brand .part8 .pic{float: left; width: 50%;}
.brand .part8 .content{position: absolute; width: 50%; top: 50%; left: 50%; transform: translateY(-50%); padding-left: 5.71%;}
.brand .part8 li:nth-child(even) .pic{float: right;}
.brand .part8 li:nth-child(even) .content{left: 0; padding-left: 0; padding-right: 5.71%;}
.brand .part8 .tit{font-size: 30px; color: #333; font-family: 'Medium'; margin-bottom: 5%;}
.brand .part8 .txt{color: #666; line-height: 2;}
@media(max-width: 1200px){
    .brand .part8 .txt{line-height: 1.8;}
    .brand .part8 .content{padding-left: 3%}
    .brand .part8 li:nth-child(even) .content{padding-right: 3%;}
    .brand .part8 .tit{margin-bottom: 2%;}
}
@media(max-width: 1024px){
    .brand .part8 li:nth-child(even) .pic,
    .brand .part8 .pic{float: none; width: 100%;}
    .brand .part8 .pic img{width: 100%; height: auto}
    .brand .part8 .content{position: initial; width: 100%; transform: translateY(0); padding-left: 0; padding: 4.34% 0 5% 0;}
    .brand .part8 li:nth-child(even) .content{padding-right: 0;}
}
@media(max-width: 640px){
    .brand .part8 .tit{font-size: 20px;}
    .brand .part8 .txt{line-height: 1.5; font-family: 'Light'; font-size: 14px;}
}

.brand .part9{background-color: #f8f9fa; padding: 5.2% 0; position: relative;}
.brand .part9 .title{padding-bottom: 5.71%;}
.brand .part9 .chairman{background-color: #fff; position: relative; margin-bottom: 4.28%;}
.brand .part9 .pic{width: 37%; float: left;}
.brand .part9 .intro{width: 63%; position: absolute; top: 50%; left: 37%; transform: translateY(-50%); padding: 0 7.14%;}
.brand .part9 .tit{position: relative; font-size: 34px; color: #333; font-family: 'Medium'; margin-bottom: 7.5%;}
.brand .part9 .tit::before{content: ''; background: url(../images/yinhao-icon01.png)no-repeat center; width: 77px; height: 69px; position: absolute; left: -50px; top: -40px;}
.brand .part9 .txt{color: #666; line-height: 2;}
.brand .part9 .sign{position: absolute; right: 14.28%; top: 110%;}
.brand .part9 ul{margin: 0 -20px;}
.brand .part9 li{width: 50%; float: left; padding: 0 20px; margin-bottom: 40px;}
.brand .part9 .pic1{padding-top: 57.35%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.brand .part9 li:hover .pic1{background-size: 110%;}
.brand .part9 img{transition: all .3s;}
.brand .part9 .content{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff;}
.brand .part9 .icon{text-align: center;}
.brand .part9 .subtit{font-size: 18px; font-family: 'Light'; text-align: center; padding: 2.94% 0 5.88%;}
.brand .part9 .tit1{font-size: 24px; text-align: center;}
.brand .part9 li:hover img{transform: rotateY(180deg);}
.brand .part9 .wap{display: none;}
@media(max-width: 1400px){
    .brand .part9 .intro{padding: 0 5%; top: 40%;}
    .brand .part9 .tit{margin-bottom: 3%;}
    .brand .part9 .sign{top: 100%;}
}
@media(max-width: 1024px){
    .brand .part9 .pic{width: 100%; float: none; position: relative;}
    .brand .part9 .pic .person{width: 75.36%; z-index: 1; position: relative;}
    .brand .part9 .pic::before{content: ''; background-color: #fff; width: 100%; height: 60%; position: absolute; left: 0; bottom: 0; z-index: 0;}
    .brand .part9 .pic::after{content: ''; background: url(../images/yinhao-icon01.png)no-repeat center; width: 77px; height: 69px; position: absolute; top: 33%; left: 82%;}
    .brand .part9 .chairman{background-color: transparent;}
    .brand .part9 .intro{width: 100%; position: initial; transform: translateY(0); background-color: #fff; padding: 4.34%;}
    .brand .part9 .pc{display: none;}
    .brand .part9 .wap{display: block; bottom: 10px; top: auto; right: auto; left: 73%; z-index: 2;}
    .brand .part9 .tit1{font-size: 16px;}
    .brand .part9 .subtit{font-size: 14px;}
}
@media(max-width: 768px){
    .brand .part9 li{width: 100%; float: none; margin-bottom: 10px;}
    .brand .part9 .icon img{transform: scale(.7);}
    .brand .part9 li:hover img{transform: rotateY(180deg) scale(.7);}
}
@media(max-width: 640px){
    .brand .part9 .tit{font-size: 26px;}
    .brand .part9 .txt{font-size: 14px;}
}
@media(max-width: 480px){
    .brand .part9 .subtit{padding: 2% 0 4%;}
}


/* fullpage */
.fp-section,
.fp-tableCell{height: auto!important;}

/* hns */
.hns{position: relative; overflow: hidden;}
.hns h1{opacity: 0; position: absolute;}
.hns .wap{display: none;}
.hns .pic{position: relative; min-height: 960px;}
.hns .pic .aos-init{ }

.hns .pic .svgcon{position: relative; z-index: 20;}
.hns .pic .svgcon:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%;
height: 100%; background:rgba(0,0,0,0); z-index: 30}
.hns .pic .svgcon,
.hns .pic .svgcon iframe{ width: 100vw;height: 100vh; border:none;  }

.hns .pic .pc{height: 960px; width: 100%; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}


.hns .lrpic{position: absolute; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; transform: translateX(0)!important; z-index: 10;}
.hns .lrpic .leftpic{width: 53.125%; position: absolute; top: 10%; left: 0;}
.hns .lrpic .rightpic{width: 46.875%; position: absolute; bottom: 0; right: 0;}


.hns .side-dot{position: fixed; top: 50%; right: 30px; transform: translateY(-50%); z-index: 5;}
.hns .side-dot li{text-align: right; padding: 10px 0; cursor: pointer;}
.hns .side-dot li a{color: #fff;}
.hns .side-dot li .txt{opacity: 0; transition: all .3s; font-size: 14px; font-family: 'Light';}
.hns .side-dot li.active .txt{opacity: 1;}
.hns .side-dot .page_dot{width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; display: inline-block; margin-left: 10px; transition: all .3s;}
.hns .side-dot li.active .page_dot{background-color: #fff;}
.hns .side-dot.black li a{color: #333;}
.hns .side-dot.black .page_dot{border: 2px solid #333;}
.hns .side-dot.black li.active .page_dot{background-color: #333;}

.hns .title{font-size: 40px; font-family: 'Medium';}
.hns .subtit{font-family: 'Light'; font-size: 20px;}
.hns .title1{font-size: 86px; font-family: 'EXLight';}
.hns .regular{font-family: 'PRegular';}

.hns .part1{position: absolute; top: 33%; left: 0; transform: translateY(-50%); width: 100%;}
.hns .part1 .title{padding: 2.14% 0 4.28%; color: #333;}
.hns .part1 ul{width: 476px; margin: 0 -15px;}
.hns .part1 li{width: 20%; float: left; padding: 0 15px;}
.hns .part1 .icon{padding-top: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.hns .part1 .tit{text-align: center; padding-top: 15px; color: #333;}

.hns .part2{color: #fff; position: absolute; top: 20%; left: 0; width: 100%;}
.hns .part2 .up{position: relative; padding: 4.28% 0 2.14% 0; margin-bottom: 2.14%;}
.hns .part2 .up::before{content: ''; background-color: #fff; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px;}

.hns .part3{color: #000; position: absolute; top: 15%; left: 0; width: 100%; text-align: center;}
.hns .part3 .title{padding-top: 2.14%;}

.hns .part4{color: #fff; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.hns .part4 .title1{padding-bottom: 5.71%;}
.hns .part4 ul{padding-top: 4.28%;}
.hns .part4 .subtit{padding-top: 1%;}
.hns .part4 li{display: inline-block; margin-right: 30px; max-width: 80px; width: 100%; vertical-align: top;}
.hns .part4 .icon{padding-top: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; max-width: 70px; margin: auto;}
.hns .part4 .tit{text-align: center; padding-top: 15px;}
.hns .part4 .icon1{padding-bottom: 4.28%; margin-top: -5%;}
.hns .part4 .li{max-width: 104px;}
.hns .abs{position: absolute; right: 0; bottom: 8%; color: #fff; width: 100%; text-align: right;}
.hns .abs li{display: inline-block; margin-left: 8.57%; vertical-align: top;}
.hns .abs li:first-child{margin-left: 0;}
.hns .abs .add{font-size: 20px; font-family: 'PLight'; padding-right: 15px; position: relative;}
.hns .abs .add::before{content: '+'; font-size: 24px; font-family: 'PMedium'; position: absolute; bottom: 100%; right: 0;}
.hns .abs .count{font-size: 60px; font-family: 'PMedium'; line-height: 1.2;}
.hns .abs .tit1{font-family: 'Light';}
  
.hns .part4.pr{text-align: right;}
.hns .part4.pr li{margin-right: 0; margin-left: 30px;}

.hns .part5{color: #fff; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); z-index: 50}
.hns .part5 .subtit{padding-top: 1%;}
.hns .part5 .subtit1{font-size: 24px; opacity: .3; padding: 1% 0; font-family: 'Light'; text-transform: uppercase;}
.hns .part5.ptop{transform: translateY(0); top: 15%;}
.hns .part5.pr{text-align: right;}
.hns .part5.pl{text-align: left;}

.hns .part6{color: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.hns .part6 .up{position: absolute; top: 15%; left: 0; width: 100%; text-align: center;}
.hns .part6 ul{position: absolute; bottom: 8%; left: 0; width: 100%;}
.hns .part6 li{width: 33.333%; float: left; text-align: center; font-family: 'Medium'; font-size: 24px;}

.hns .part7 .title{padding: 2.14% 0; line-height: 1;}
.hns .part7.pr{color: #fff; text-align: right;}
.hns .part7.pr .subtit{line-height: 1.8;}

.hns .part8{transform: translateY(0); top: 20%;}
.hns .part5.pr.part8{top: 50%; transform: translateY(-50%);}
.hns .part9{transform: translateY(0); top: 27%;}

.hns .recommend{padding: 5.72% 0 6.25%;}
.hns .recommend .title{text-align: center; padding: 2.14% 0 5.71%;}
.hns .recommend .regular{text-align: center;}
.hns .recommend .list{margin: 0 -14px;}
.hns .recommend .li{width: 33.333%; padding: 0 14px; float: left;}
.hns .recommend .pic1{padding-top: 75.89%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.hns .recommend .li:hover .pic1{background-size: 110%;}
.hns .recommend .content{padding: 30px; border: 1px solid #ededed;}
.hns .recommend .tit2{font-size: 24px; color: #333;}
.hns .recommend .txt{font-family: 'Light'; color: #999; padding: 5% 0 7.6%;}
.hns .recommend .buy{padding-left: 22px; color: #ab1e21; background: url(../fonts/f7e1314d478e4e3895daf110c501004b.svg);}

    .hns .part4.pr li{margin-left: 15px; margin-bottom: 15px;}
    .hns .part4 li{width: auto; max-width: none; margin-right: 15px; margin-bottom: 15px;}
    .hns .part4 .icon{display: inline-block; width: 50px; height: 50px; vertical-align: middle; margin-right: 10px; padding-top: 0;}
    .hns .part4 .tit{padding-top: 0; display: inline-block; vertical-align: middle; text-align: left;}
    .hns .part4 .li{max-width: none;}

    .hns .abs .count{font-size: 8vw;}
    .hns .abs .add{font-size: 2.666%;}
    .hns .abs .add::before{font-size: 3.2vw;}
    .hns .abs .tit1{font-size: 2.4vw;}
    .hns .abs ul{text-align: left; margin: 0 -5%;}
    .hns .abs li{max-width: 32%; padding: 0 5%; margin-left: 0;}
    .hns .part4.resize{bottom: 22%; top: auto; transform: translateY(0); margin-top: 0; text-align: left;}
    .hns .part4 .subtit{padding: 3% 0 5% 0;}
    .hns .part4.resize li{margin-right: 15px; margin-left: 0;}

    .hns .part4.resize .icon1 img{max-width: 105px;}


    .hns .part5.resize{text-align: left;}
    .hns .part5 .subtit{padding-top: 3%;}

    .hns .part5{transform: translateY(0); top: 10%;}
    .hns .part5.ptop{top: 22%;}
    .hns .part5 .subtit1{font-size: 3.2vw;}
    .hns .part5.pl,
    .hns .part5.pr{text-align: center;}

    .hns .part6 .up{top: 2%;}
    .hns .part6 ul{bottom: 0; height: 100%;}
    .hns .part6 li{float: none; width: 100%; height: 33.333%; font-size: 3.2vw; padding-top: 50%;}

    .hns .part1.part7{top: 20%; transform: translateY(0);}
    .hns .part7.pr{top: 7%; text-align: left; color: #333;}

    .hns .part5.pr.part8{text-align: left; top: auto; bottom: 9%;}
    .hns .part5.pl.part8{text-align: left;}
    .hns .part9{top: 9%;}

    .hns .recommend{padding-bottom: 18%;}
    .hns .recommend .li{padding: 5px;}
    .hns .recommend .slick-dots{bottom: -8%;}
    .hns .recommend .slick-dots li button{background-color: #e0e0e0;}
    .hns .recommend .slick-dots li button::before{background-color: #ab1e21;}
    .hns .recommend .slick-slide{opacity: .3; transition: all .3s;}
    .hns .recommend .slick-slide.slick-current{opacity: 1;}

    .hns .recommend .tit2{font-size: 3.733vw;}
    .hns .recommend .txt{font-size: 2.666vw;}
    .hns .recommend .content{padding: 5.07% 4.34%;}
    .hns .recommend .buy{font-size: 2.4vw;}

    .hns .recommend .title {padding: 0;}
}

/* recruit */
.recruit{padding: 5.2% 0 6.25%;}
.recruit h1{opacity: 0; position: absolute;}
.recruit .recruit-search{width: 90%; max-width: 800px; margin: auto; line-height: 60px; position: relative;}
.recruit input{width: 100%; border: 2px solid #ab1e21; line-height: 56px; padding: 0; padding: 0 180px 0 20px;}
.recruit input::-webkit-input-placeholder{color: #999; font-family: 'Light';}
.recruit button{width: 160px; line-height: 60px; position: absolute; text-align: center; color: #fff; top: 0; right: 0; padding: 0; border: none; background-color: #ab1e21; cursor: pointer;}
.recruit .cate{padding: 4.28% 0 5% 0; margin: 0 -11px;}
.recruit .cate li{float: left; padding: 0 11px;}
.recruit .cate a{display: block; background-color: #f9f9f9; border-radius: 6px; padding: 15.18% 0; text-align: center; transition: all .3s;}
.recruit .cate .pic .img{width: 40px; margin: auto; transition: all .3s;}
.recruit .cate li.aon a{background-color: #ab1e21;}
.recruit .cate li.aon a .img{filter: invert(100%) sepia(0%) saturate(1296%) hue-rotate(38deg) brightness(115%) contrast(100%);}
.recruit .cate .tit{color: #333; font-family: 'Light'; padding-top: 25px; transition: all .3s;}
.recruit .cate li.aon a .tit{color: #fff;}

.recruit .total{padding-left: 45px; color: #999;}
.recruit .total span{color: #ab1e21; padding-bottom: 24px;}
.recruit .list{padding-bottom: 5.71%;}
.recruit .list li .head{padding: 0 45px; line-height: 80px; border-bottom: 1px solid #eee; background-color: #fff; color: #333; font-family: 'Light'; cursor: pointer;; transition: all .3s;}
.recruit .list li:first-child .head{background-color: #f9f9f9; font-family: 'Medium'; border-top: 2px solid #ab1e21; cursor: default; margin-top: 24px;}
.recruit .list li span{display: inline-block;}
.recruit .list li.on .head{background-color: #ab1e21; color: #fff;}
.recruit .position{width: 24%;}
.recruit .class{width: 16%;}
.recruit .addr,
.recruit .time,
.recruit .num{width: 17%;}
.recruit .icon{width: 7%; background: url(../images/add-icon.png)no-repeat left center; height: 12px; transition: all .3s;}
.recruit .list li.on .icon{background: url(../images/minus-icon.png)no-repeat left center;}
.recruit .list li.on .class,
.recruit .list li.on .addr{opacity: 0;}
.recruit .info{width: 100%; padding: 2.85% 45px; background-color: #f9f9f9; border-bottom: 1px solid #eee; display: none;}
.recruit .title{padding-left: 35px; font-family: 'Medium'; color: #ab1e21; margin-bottom: 1%;}
.recruit .txt{color: #666; line-height: 30px; padding-bottom: 2.67%;}
.recruit .duty .title{background: url(../images/duty-icon.png)no-repeat left center;}
.recruit .requirement .title{background: url(../images/requirement-icon.png)no-repeat left center;}
.recruit .address .title{background: url(../images/address-icon.png)no-repeat left center;}
.recruit .apply{width: 150px; line-height: 50px; text-align: center; color: #fff; background-color: #ab1e21; display: inline-block; margin-right: 40px; cursor: pointer;}
.recruit .share-box{display: inline-block;}
.recruit .share-box .txt1{color: #666; font-family: 'Light'; margin: auto; display: inline-block; vertical-align: middle; margin-right: 16px;}
.recruit .share-box ul{display: inline-block; vertical-align: middle;}
.recruit .share-box li{width: 40px; height: 40px; margin-left: 16px; border-radius: 50%; display: inline-block; border: 1px solid #dedede; background-color: #f9f9f9; vertical-align: middle;}
.recruit .share-box a{display: block; width: 100%; height: 100%;}
.recruit .qq{background: url(../images/qq-icon01.png)no-repeat center;}
.recruit .wx{background: url(../images/wx-icon.png)no-repeat center; position: relative;}
.recruit .wx .qrcode{display: none; position: absolute; left: 50%; bottom: 120%; background-color: #fff; padding: 10px; width: 140px; height: 140px; z-index: 20; transform: translateX(-50%);}
.recruit .wb{background: url(../images/wb-icon.png)no-repeat center;}

.recruit .cover{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .5); z-index: 200; display: none;}
.recruit .window{position: absolute; width: 80%; max-width: 400px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 6px; overflow: hidden;}
.recruit .above{line-height: 70px; padding: 0 20px; background-color: #ab1e21; color: #fff; font-size: 20px; position: relative;}
.recruit .close{background: url(../images/close-icon.png)no-repeat center; width: 16px; height: 16px; position: absolute; top: 50%; right: 20px; cursor: pointer; transform: translateY(-50%);}
.recruit .below{background-color: #fff; padding: 11.5% 0; text-align: center;}
.recruit .below .contain{display: inline-block; text-align: left; color: #333; font-family: 'Light';}
.recruit .below .text{display: inline-block; width: 105px; color: #666; padding-left: 25px; line-height: 40px;}
.recruit .email a{color: #ab1e21; text-decoration: underline; font-family: 'Medium';}
.recruit .name .text{background: url(../images/name-icon.png)no-repeat left center;}
.recruit .phone .text{background: url(../images/phone-icon01.png)no-repeat left center;}
.recruit .email .text{background: url(../images/email-icon.png)no-repeat left center;}
@media(max-width: 1024px){
    .recruit .class{display: none!important;}
    .recruit .addr, .recruit .time, .recruit .num{width: 22%;}
}
@media(max-width: 640px){
    .recruit .addr{display: none!important;}
    .recruit .position,
    .recruit .time, .recruit .num{width: 30%;}
    .recruit .list li .head{padding: 0 20px; line-height: 50px;}
    .recruit .total{padding-left: 20px; font-size: 14px;}
    .recruit .info{padding: 20px; font-size: 14px;}
    .recruit .cate .tit{padding-top: 12px; font-size: 14px;}
    .recruit .list{font-size: 14px;}
    .recruit .icon{width: 12px;}
    .recruit .apply{width: 120px; line-height: 40px; margin-right: 20px; margin-bottom: 10px;}
    .recruit .share-box .txt1{margin-right: 0;}
    .recruit .share-box li{margin-left: 10px;}
    .recruit button{line-height: 50px; width: 100px;}
    .recruit .recruit-search{line-height: 50px;}
    .recruit input{line-height: 46px; padding: 0 110px 0 10px;}
}

/* service-home */
.service-home{padding: 5.2% 0 6.25%;}
.service-home h1{opacity: 0; position: absolute;}
.service-home .title{font-size: 40px; font-family: 'Medium'; color: #333; text-align: center;}
.service-home .subtit{font-size: 20px; font-family: 'Light'; color: #333; text-align: center; padding: 2.14% 0 4.28%;}
.service-home .list1{margin: 0 -20px;}
.service-home .list1 .li{padding: 0 20px;}
.service-home .list1 a{display: block; position: relative;}
.service-home .list1 .pic{padding-top: 131.81%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.service-home .list1 .li:hover .pic{background-size: 110%;}
.service-home .list1 .content{position: absolute; left: 0; bottom: 0; bottom: 0; padding: 9.09%; background-color: rgba(0, 0, 0, .5); width: 100%; color: #fff; transition: all .3s;}
.service-home .list1 .li:hover .content{background-color: rgba(171,30,33, .5);}
.service-home .list1 .tit{font-size: 24px;}
.service-home .list1 .txt{font-family: 'Light'; min-height: 48px; margin: 2% 0;}
.service-home .list1 .more{font-size: 14px; font-family: 'Light'; display: inline-block; padding-right: 15px; background: url(../images/more-icon01.png)no-repeat right center;}

.service-home .list2{margin-top: 2.85%; background: url(../images/service-home-bg.jpg)no-repeat center;}
.service-home .list2 li{padding: 4.57%; width: 25%; float: left; text-align: center;}
.service-home .list2 .pic{padding-top: 120px; width: 100%; max-width: 120px; margin: auto; background-repeat: no-repeat; background-position: center; background-color: rgba(255, 255, 255, .2); border-radius: 6px; transition: all .3s;}
.service-home .list2 .tit{padding-top: 30px; color: #333; font-size: 24px; transition: all .3s;}
.service-home .list2 a{display: block; position: relative;}
.service-home .list2 a:hover .pic{background-color: #fff;}
.service-home .list2 .qrcode{position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); background-color: transparent; width: 180px; height: auto; padding: 5px; border-radius: 5px; display: none;  z-index: 10;;}
.service-home .list2 .qrcode img{width: 100%; width: 180px; padding: 10px; background-color: #fff; border-radius: 6px;}
.service-home .list2 .qrcode .txt{padding-top: 25px; color: #333; font-size: 24px; display: none;}
.service-home .list2 .qrcode::before{content: ''; width: 0; position: absolute; top: 97%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top: 8px solid #fff;}
@media(max-width: 1300px){
    .service-home .list2 .qrcode .txt,
    .service-home .list2 .tit{font-size: 20px;}
}
@media(max-width: 768px){
    .service-home .list2 li{width: 50%;}
    .service-home .list2{background-size: cover;}
}
@media(max-width: 640px){
    .service-home .list2 .qrcode .txt,
    .service-home .list2 .tit{font-size: 16px;}
    .service-home .list1 .li{padding: 0 5px; opacity: .3; transition: all .3s;}
    .service-home .list1 .li.slick-current{opacity: 1;}
    .service-home .list2{margin-top: 4.28%;}
    .service-home .slick-dots{bottom: 3%;}
    .service-home .title{font-size: 28px;}
    .service-home .subtit{font-size: 14px;}
    .service-home .list1 .tit{font-size: 20px;}
    .service-home .list1 .txt{font-size: 14px; min-height: 40px;}
    .service-home .list1 .content{padding: 5% 5% 8% 5%;}
    .service-home .list1 .more{font-size: 12px;}
}

/* xgj */
.xgj .pic{position: relative; min-height: 960px;}
.xgj h1{opacity: 0; position: absolute;}
.xgj .pic .pc{height: 960px; width: 100%; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.xgj .wap{display: none;}
.xgj .box1{position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff; text-align: center;}
.xgj .title{font-size: 48px; display: inline-block; font-family: 'Light'; line-height: 1; position: relative; z-index: 1; letter-spacing: 2px;}
.xgj .title::before{content: ''; background-color: #ab1e21; width: 100%; height: 12px; left: 0; bottom: 0; position: absolute; z-index: -1;}
.xgj .subtit{font-size: 20px; text-transform: uppercase; font-family: 'HRegular'; opacity: .4; font-weight: lighter; letter-spacing: 2px; padding: 1.78% 0 3.57%;}
.xgj .text{font-size: 18px; font-family: 'Light'; line-height: 2; padding-bottom: 7.14%;}
.xgj .btn{width: 200px; line-height: 60px; background-color: #ab1e21; margin: auto; color: #fff; display: inline-block;}
.xgj .btn:nth-child(2){margin-left: 20px;}
.xgj .section:nth-child(3) .text{background: url(../images/xgj-bottom-icon.png)no-repeat center bottom; padding-bottom: 80px;}
.xgj .list1{margin: 0 -10px; margin-top: 4.28%;}
.xgj .list1 li{width: 33.333%; padding: 0 40px; float: left; white-space: nowrap;}
.xgj .list1 .pic1{width: 100px; padding-top: 100px; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block;}
.xgj .list1 .txt-box{width: calc(100% - 100px); display: inline-block; vertical-align: top; text-align: left; padding: 0 5% 0 30px;}
.xgj .tit1{font-size: 24px; margin-bottom: 2%;}
.xgj .txt1{font-family: 'Light'; line-height: 1.8; white-space: normal;}
.xgj .list2{margin: 0 -6.42%;}
.xgj .list2 li{width: 12.5%; float: left; position: relative;}
.xgj .list2 li::before{content: ''; width: 52px; height: 4px; background: url(../images/dot-icon.png)no-repeat center; position: absolute; top: 24px; right: 0; transform: translateX(50%);}
.xgj .list2 li:last-child::before{content: none;}
.xgj .list2 .pic2{width: 70px; height: 50px; background-repeat: no-repeat; background-position: center; margin: auto;}
.xgj .list2 .txt2{padding-top: 30px; font-family: 'Light';}
@media(max-width: 1600px){
    .xgj .list1 .txt-box{width: 100%;}
}
@media(max-width: 1024px){
    .xgj .title{font-size: 36px;}
    .xgj .subtit{font-size: 18px;}
    .xgj .text{font-size: 16px;}
    .xgj .list1 li{width: 50%; margin-bottom: 4.34%; padding: 0 20px 0 0;}
}
@media(max-width: 960px){
    .xgj .list2 li{width: 25%; margin-bottom: 7.14%;}
    .xgj .list2 li:nth-child(n+5){margin-bottom: 0;}
    .xgj .list2 li:nth-child(4)::before{left: 50%; top: 120%; transform: translate(-50%,100%) rotate(90deg); right: 0;}
    .xgj .list2 li:nth-child(n+5)::before{transform: translateX(50%) rotate(180deg);}
}
@media(max-width: 768px){
    .xgj .list1 li{width: 100%;}
    .xgj .list1 .pic1,
    .xgj .list1 .txt-box{vertical-align: middle;}
}
@media(max-width: 640px){
    .xgj .wap{display: block;}
    .xgj .pc{display: none;}
    .xgj .title{font-size: 6.4vw;}
    .xgj .subtit{font-size: 2.666vw;}
    .xgj .btn{font-size: 2.666vw; width: 26.66vw; line-height: 8vw;}
    .xgj .text{font-size: 2.666vw;}
    .xgj .tit1{font-size: 3.733vw;}
    .xgj .txt1{font-size: 2.4vw;}
    .xgj .list1 .pic1{width: 13.333vw; padding-top: 13.333vw; background-size: cover;}
    .xgj .list1 .txt-box{padding: 0 0 0 4vw;}
    .xgj .list1 li{padding: 0;}
    .xgj .list2 .txt2{font-size: 2.4vw; padding-top: 4vw;}
    .xgj .list2 .pic2{width: 9.333vw; height: 6.666vw; background-size: contain;}
    .xgj .pic{min-height: 0;}
    .xgj .list2 li::before{top: 3.2vw; width: 6.9333vw; height: 2px;}
    .xgj .title::before{height: 1.6vw;}
}

/* appointment */
.appointment{padding: 5.2% 0 6.25%;}
.appointment h1{opacity: 0; position: absolute;}
.appointment .index-case{background-color: #fff; padding: 0; margin-top: 2.08%;}
.appointment .index-case a{background-color: #f9f9f9;}
.appointment .suggest{background-color: #f9f9f9; position: relative;}
.appointment .right{width: 66.5%; float: right; padding: 4.28% 11.78% 3.92% 11.78%; color: #333;}
.appointment .left{width: 33.5%; position: absolute; top: 0; left: 0; color: #fff;}
.appointment .title{font-size: 30px; font-family: 'Medium';}
.appointment .tips{font-family: 'Light'; white-space: nowrap; padding: 3.22% 0 4.3%;}
.appointment .text{width: 100%; background-color: #fff; border: none; line-height: 60px; padding: 0 20px; margin-bottom: 10px;}
.appointment textarea{border: none; background-color: #fff; width: 100%; line-height: 1.5; padding: 20px; resize: none; margin-bottom: 20px;}
.appointment .btn{width: 150px; line-height: 50px; text-align: center; color: #fff; background-color: #ab1e21; font-family: 'Light'; border: none; padding: 0; cursor: pointer;}

.appointment .content1{position: absolute; top: 0; left: 0; width: 100%; padding: 12.76% 0 0 8.51%;}
.appointment .tit1{font-family: 'Light';}
.appointment .phone{font-size: 36px; padding: 2.12% 0 6.38%;}
.appointment .time{padding-top: 3.19%;}
@media(max-width: 1600px){
    .appointment .tips{white-space: normal;}
}
@media(max-width: 960px){
    .appointment .right{width: 50%; padding: 4.28% 5% 3.92% 5%;}
    .appointment .left{width: 50%;}
}
@media(max-width: 640px){
    .appointment .right{width: 100%;}
    .appointment .left{width: 100%; position: initial;}
    .appointment .left img{width: 100%;}
    .appointment .text{line-height: 50px;}
    .appointment .title{font-size: 24px;}
    .appointment .phone{font-size: 28px;}
    .appointment .tips{font-size: 14px;}
    .appointment .btn{width: 120px; line-height: 40px;}
}

/* service-search */
.contain-ban{position: relative;}
.contain-ban .search-shop{position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); z-index: 10; text-align: center;}
.contain-ban .title{font-size: 40px; font-family: 'Medium'; padding-bottom: 2.85%; color: #fff;}
.contain-ban .component{width: 90%; max-width: 600px; margin: auto;}
.contain-ban select{max-width: 160px; width: 27%; height: 60px; line-height: 60px; border: none; background-color: #f5f5f5; padding-left: 20px; color: #333; font-size: 16px; font-family: 'Light'; display: inline-block; vertical-align: top;}
.contain-ban .input-box{display: inline-block; vertical-align: top; width: 73%; max-width: 440px; position: relative;}
.contain-ban .input-box input{background-color: #fff; border: none; width: 100%; line-height: 60px; padding: 0 40px 0 20px;}
.contain-ban .input-box .btn{width: 15px; height: 15px; background: url(../images/search-icon-on.png)no-repeat center; background-size: 100%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer;}
.contain-ban .nearby-box{position: absolute; top: 100%; left: 0; width: 100%; padding: 20px 0 10px 0; background-color: #fff; text-align: left; margin-top: 1px; display: none;}
.contain-ban .tit{font-size: 14px; color: #ab1e21; padding: 0 20px; font-family: 'Light';}
.contain-ban .shop{line-height: 40px; padding: 0 20px; color: #333; font-family: 'Light'; cursor: pointer; transition: all .3s;}
.contain-ban .shop:hover{background-color: #f5f5f5;}
.contain-ban .name{float: left; width: 50%;}
.contain-ban .distance{float: right; width: 50%; text-align: right; color: #999; font-size: 14px;}

/* .service-search{padding-top: 5.2%;} */
.service-search h1{opacity: 0; position: absolute;}
.service-search .title{font-size: 40px; font-family: 'Medium'; color: #333; text-align: center; padding-bottom: 4.28%;}
/* .service-search .nearby{margin: 0 -20px; margin-bottom: 5.71%;}
.service-search .nearby .li{width: 33.333%; padding: 0 20px;}
.service-search .nearby .pic{padding-top: 66.81%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.service-search .nearby .li:hover .pic{background-size: 110%;}
.service-search .nearby .content{background-color: #f9f9f9; padding: 6.25%;}
.service-search .nearby .tit{font-size: 24px; font-family: 'Medium'; color: #333; padding-bottom: 6.83%;}
.service-search .nearby .info{color: #333;}
.service-search .nearby .info span{display: inline-block; vertical-align: top; line-height: 30px;}
.service-search .nearby .distance{text-align: right; font-size: 14px; font-family: 'Light'; color: #999;}
.service-search .nearby .distance span{color: #ab1e21;}
.service-search .nearby .addr span:nth-child(2){width: calc(100% - 48px); min-height: 60px;} */
.service-search .part2{padding: 5.2% 0 6.25%; background-color: #fff;}
.service-search .part2 .box{text-align: center; padding-bottom: 4.28%;}
.service-search .part2 select{width: 90%; max-width: 600px; height: 60px; border: 1px solid #eee; background-color: #fff; margin: auto; padding: 0 1.5%;}
.service-search .same{margin: 0 -1px; margin-bottom: 4.28%;}
.service-search .same li{width: 25%; float: left; padding: 0 1px; margin-bottom: 2px;}
.service-search .same .item{background-color: #f5f5f5; padding: 8.57%; transition: all .3s; color: #333; cursor: pointer;}
.service-search .same .item:hover{background-color: #ab1e21; color: #fff;}
.service-search .same .tit{font-size: 20px; font-family: 'Medium';}
.service-search .same .addr{font-size: 14px; font-family: 'Light'; min-height: 44px; margin: 5.74% 0 8.62%; transition: all .3s;}
.service-search .same .detail{font-size: 14px; color: #999; font-family: 'Light'; display: inline-block; padding-right: 15px; background: url(../images/more-icon.png)no-repeat right center; transition: all .3s;}
.service-search .same .item:hover .addr{color: rgba(225,255,255,0.6);}
.service-search .same .item:hover .detail{color: #fff; background: url(../images/more-icon01.png)no-repeat right center;}
.service-search .more{width: 150px; line-height: 50px; color: #fff; text-align: center; font-size: 14px; font-family: 'Light'; margin: auto; background-color: #ab1e21; cursor: pointer;}
.service-search .cover{position: fixed; width: 100%; height: 100%; top: 0; left: 0; min-width: 320px; background-color: rgba(0, 0, 0, .5); z-index: 200; display: none;}
.service-search .cover ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 92%; max-width: 1120px; background-color: #fff;}
.service-search .cover li{position: relative;}
.service-search .slick-prev{left: -100px;}
.service-search .slick-next{right: -100px;}
.service-search .cover .pic{width: 64%; float: left;}
.service-search .cover .content{width: 36%; float: left; padding: 8.92% 3.57% 0 4.46%;}
.service-search .cover .tit{font-size: 30px; color: #333; font-family: 'Medium'; padding-bottom: 5%;}
.service-search .cover .info > div{padding: 2% 0;}
.service-search .cover span{display: inline-block; vertical-align: top; line-height: 30px; color: #333; font-family: 'Light';}
.service-search .cover .addr span:nth-child(2){width: calc(100% - 48px);}
.service-search .func{position: absolute; width: 36%; line-height: 70px; background-color: #f5f5f5; right: 0; bottom: 0;}
.service-search .func > div{display: inline-block; color: #ab1e21; padding-left: 5%; margin-left: 7.5%; cursor: pointer;}
.service-search .func .copy{background: url(../images/copy-icon.png)no-repeat left center;}
.service-search .func .guide a{color: #ab1e21;}
.service-search .func .guide{background: url(../images/guide-icon.png)no-repeat left center; margin-left: 12.5%;}
.service-search .func .send{background: url(../images/send-icon.png)no-repeat left center;}
.service-search .link{padding-top: 5.71%; margin: 0 -21px;}
.service-search .link li{width: 50%; float: left; padding: 0 21px; margin-bottom: 40px;}
.service-search .link .pic{padding-top: 58.82%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.service-search .link .content{padding: 30px 40px; background-color: #f5f5f5; position: relative;}
.service-search .link .tit{font-size: 24px; color: #ab1e21; font-family: 'Medium';}
.service-search .link .txt{font-size: 18px; color: #999; font-family: 'Light'; margin-top: 1%;}
.service-search .link .qrcode{position: absolute; right: 40px; bottom: 30px; width: 25%; max-width: 140px;}
@media(max-width: 1400px){
    .service-search .slick-arrow{top: 110%;}
    .service-search .slick-prev{left: calc(50% - 50px);}
    .service-search .slick-next{right: calc(50% - 50px);}
    .service-search .cover .content{padding: 4%;}
}
@media(max-width: 1024px){
    .service-search .same li{width: 33.333%;}
    .service-search .link .qrcode{right: 0; bottom: 100%;}
    .service-search .cover .pic{width: 100%; float: none;}
    .service-search .cover .content{width: 100%; float: none; padding-bottom: 80px;}
    .service-search .cover .pic img{width: 100%;}
    .service-search .cover .tit{padding-bottom: 0%;}
    .service-search .cover .info > div{padding: 0;}
    .service-search .func{width: 100%;}
    .service-search .func > div{padding-left: 20px;}
    .service-search .title{font-size: 28px;}
}
@media(max-width: 768px){
    .service-search .nearby .li{padding: 0 5px; opacity: 0.3; transition: all .3s;}
    .service-search .nearby .li.slick-current{opacity: 1;}
    .service-search .nearby .tit{padding-bottom: 3%;}
    .service-search .nearby{margin-bottom: 15%;}
    .service-search .slick-dots{bottom: -7%;}
    .service-search .slick-dots li button{background-color: #f5f5f5;}
    .service-search .slick-dots li button::before{background-color: #ab1e21;}
    .service-search .link .content{padding: 15px 20px;}
    .service-search .link .tit{font-size: 20px;}
    .service-search .link .txt{font-size: 14px;}
}
@media(max-width: 640px){
    .service-search .link li{width: 100%;}
    .service-search .same li{width: 50%;}
    .contain-ban select{padding-left: 5px;}
    .contain-ban .title{font-size: 26px;}
    .contain-ban select,
    .contain-ban .input-box input{line-height: 50px; height: 50px;}
    .service-search .func .guide{margin-left: 7.5%;}
    .service-search .func > div{font-size: 14px;}
    .service-search .cover .tit{font-size: 24px;}
}

.search-result{padding: 5.2% 0;}
.search-result .Pages{padding-top: 5%;}
.search-result .item{background-color: #f9f9f9; margin-bottom: 20px; line-height: 50px; padding: 15px 20px; color: #333; transition: all .3s;}
.search-result .item a{display: block; float: left; width: calc(100% - 100px); font-size: 18px; color: #333;}
.search-result .time{float: right;}
.search-result .item:hover{background-color: #ab1e21; color: #fff;}
.search-result .item:hover a{color: #fff;}

.search-result dl{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed;}
.search-result dd{display: inline-block; line-height: 50px; margin-right: 30px;}
.search-result dd a{color: #999;}
.search-result dt{line-height: 50px;}
.search-result dt a{font-size: 18px; color: #ab1e21;}

.search-result ul{margin: 0 -15px;}
.search-result li{float: left; width: 20%; padding: 0 15px; margin-bottom: 30px;}
.search-result li a{display: block; text-align: center; background-color: #f9f9f9; color: #333; line-height: 45px; transition: all .3s;}
.search-result li:hover a{color: #fff; background-color: #ab1e21; transform: translateY(-5px); box-shadow: 0 5px 10px 5px #ab1e2027;}

.search-result p{line-height: 1.8; color: #333; text-align: justify;}


/* mchx */
.mchx h1{position: absolute; opacity: 0;}
.mchx .title{font-size: 46px; color: #333; text-align: center; padding-bottom: 20px; line-height: 1; font-family: 'Medium';}
.mchx .subtitle{font-size: 18px; color: #999; font-family: 'Light'; line-height: 35px; text-align: center;}
@media(max-width: 1024px){
    .mchx .title{font-size: 30px;}
    .mchx .subtitle{font-size: 14px; line-height: 1.8;}
}
@media(max-width: 640px){
    .mchx .title{font-size: 24px;}
    .mchx .subtitle{font-size: 12px;}
}

.mchx .tit-box{margin-bottom: 2.85%; position: relative;}
.mchx .tit-box .title{font-size: 28px; display: inline-block; padding-bottom: 0;}
.mchx .tit-box .tmore{font-size: 14px; font-family: 'Light'; color: #333; display: inline-block; padding-right: 15px; background: url(../images/more-icon.png)no-repeat right center; cursor: pointer; position: absolute; right: 0; bottom: 5px;}
@media(max-width: 640px){
    .mchx .tit-box .title{font-size: 24px;}
}

.mchx .slick-prev{border-color: #333; background: url(../images/prev-icon.png)no-repeat center;}
.mchx .slick-next{border-color: #333; background: url(../images/more-icon.png)no-repeat center;}
.mchx .slick-prev:hover{border-color: #000; background: url(../images/prev-icon-on.png)no-repeat center #000;}
.mchx .slick-next:hover{border-color: #000; background: url(../images/more-icon01.png)no-repeat center #000;}

.mchx .realform{position: absolute; opacity: 0; z-index: -1;}

.mchx .part1{padding: 3.64% 0 2.6%; background-color: #f9f9f9; text-align: center;}
.mchx .part1 form{width: 92%; max-width: 370px; margin: auto;}
.mchx .part1 .input{width: 100%; line-height: 46px; background-color: #fff; border: none; margin-bottom: 10px; padding: 0 20px; font-size: 14px; border-radius: 4px;}
.mchx .part1 .input::placeholder,
.mchx .part1 .input::-moz-placeholder,
.mchx .part1 .input::-ms-input-placeholder,
.mchx .part1 .input::-webkit-input-placeholder{color: #999!important; font-size: 14px; font-family: 'Light';}
.mchx .part1 .select-box{margin: 0 -2.5px;}
.mchx .part1 .select{width: 33.333%; float: left; padding: 0 2.5px;}
.mchx .part1 select{width: 100%; background-color: #fff; border: none; height: 46px; padding-left: 20px; color: #999; border-radius: 4px; display: block!important;}
.mchx .part1 .read{margin-top: 20px; font-size: 13px; color: #666; line-height: 22px; vertical-align: middle; text-align: left;}
.mchx .part1 .read a{color: #ab1e21; margin-left: 6px; text-decoration: underline;}
.mchx .part1 input[type="checkbox" i]{margin: 6px 5px 0;}
.mchx .part1 .btn{width: 80%; max-width: 205px; line-height: 46px; background-color: #ab1e21; color: #fff; border: none; border-radius: 4px; display: block; margin: 12.7% auto 8.1% auto; cursor: pointer;}
.mchx .part1 .tips{font-size: 14px; font-family: 'Light'; color: #999; display: inline-block; margin: auto; position: relative;}
.mchx .part1 .tips::before{content: '*'; position: absolute; left: -10px; color: #ab1e21;}
@media(max-width: 480px){
    .mchx .part1 select,
    .mchx .part1 .input{padding: 0 10px;}
    .mchx .part1 .select{width: 100%; margin-bottom: 10px;}
    .mchx .part1 .read{margin-top: 0px;}
    .mchx .part1 .btn{margin: 5% auto;}
    .mchx .part1 .tips{margin: 0 4%;}
    .mchx .part1 .btn{max-width: 150px; line-height: 40px;}
}

.mchx .part2{padding: 5.2% 0 0 0;}
.mchx .part2 .ul1{padding: 5.35% 7.14% 2.85% 7.14%;}
.mchx .part2 .ul1 li{width: 20%; float: left; text-align: center; position: relative;}
.mchx .part2 .ul1 img{width: 100%; max-width: 100px; max-height: 100px;}
.mchx .part2 .ul1 .tit{margin-top: 20px; color: #333;}
.mchx .part2 .ul1 li::before{content: ''; width: 65px; height: 5px; background: url(../images/dot-icon01.png)no-repeat center; position: absolute; top: 30%; right: 0; transform: translateX(50%);}
.mchx .part2 .ul1 li:last-child::before{content: none;}
.mchx .part2 .ul2{margin: 0 -6.5px;}
.mchx .part2 .ul2 .li{width: 20%; float: left; padding: 0 6.5px;}
.mchx .part2 .ul2 .pic{padding-top: 133.333%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative; overflow: hidden;}
.mchx .part2 .ul2 .tit{position: absolute; text-align: center; line-height: 50px; font-size: 18px; color: #fff; width: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .5);}
.mchx .part2 .blur{position: absolute; width: 100%; height: 50px; left: 0; bottom: 0; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); background: inherit; background-position: bottom; overflow: hidden;}
.mchx .part2 .slick-dots{bottom: -20px;}
.mchx .part2 .slick-dots li button{background-color: #999; width: 18px;}
.mchx .part2 .slick-dots li button::before{background-color: #ab1e21;}
@media(max-width: 1024px){
    .mchx .part2 .ul1{padding: 5.35% 0 2.85% 0;}
    .mchx .part2 .ul1 img{max-width: 80px;}
    .mchx .part2 .ul2 .tit{font-size: 14px;}
}
@media(max-width: 640px){
    .mchx .part2 .ul1 li{width: 50%; margin-bottom: 20px;}
    .mchx .part2 .ul1 li:nth-child(5n+4)::before,
    .mchx .part2 .ul1 li:nth-child(5n+2)::before{content: none;}
    .mchx .part2{padding: 60px 0 40px;}
    .mchx .part2 .ul1 .tit{font-size: 14px; margin-top: 10px;}
}
 
.mchx .part3{padding: 6.25% 0 0 0;}
.mchx .part3 .ul{width: calc(100% - 100px); max-width: 1080px; margin: auto;margin-top: 5.71%; padding-bottom: 30px;}
.mchx .part3 .pic{padding-top: 48.14%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.mchx .part3 .content{position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); padding-left: 6.9%; color: #333;}
.mchx .part3 .slick-prev{left: -130px; border-color: #333; background: url(../images/prev-icon.png)no-repeat center;}
.mchx .part3 .slick-next{right: -130px; border-color: #333; background: url(../images/more-icon.png)no-repeat center;}
.mchx .part3 .slick-prev:hover{border-color: #000; background: url(../images/prev-icon-on.png)no-repeat center #000;}
.mchx .part3 .slick-next:hover{border-color: #000; background: url(../images/more-icon01.png)no-repeat center #000;}
.mchx .part3 .icon{padding-bottom: 6.48%;}
.mchx .part3 .tit{font-size: 40px; font-family: 'Medium'; padding-bottom: 1%;}
.mchx .part3 .txt{font-size: 24px; font-family: 'Light'; line-height: 1.5;}
.mchx .part3 .slick-dots{bottom: 0;}
.mchx .part3 .slick-dots li button{background-color: #999; width: 18px;}
.mchx .part3 .slick-dots li button::before{background-color: #ab1e21;}
@media(max-width: 1400px){
    .mchx .part3 .slick-prev{left: -50px;}
    .mchx .part3 .slick-next{right: -50px;}
}
@media(max-width: 1024px){
    .mchx .part3 .tit{font-size: 26px;}
    .mchx .part3 .txt{font-size: 16px;}
    .mchx .part3 .icon{padding-bottom: 3%;}
}
@media(max-width: 640px){
    .mchx .part3 .tit{font-size: 18px;}
    .mchx .part3 .txt{font-size: 14px;}
    .mchx img{width: 40px;}
    .mchx .part3{padding: 60px 0;}
    .mchx .part3 .slick-dots{display: none!important;}
    .mchx .part3 .ul{width: 100%;}
    .mchx .part3 .slick-prev{bottom: -35px; top: auto; right: 51%; left: auto;}
    .mchx .part3 .slick-next{bottom: -35px; top: auto; left: 51%; right: auto;}
}

.mchx .part4{padding-top: 5.2%;}
.mchx .part4 .swiper-container{padding-bottom: 7.14%; position: relative;}
.mchx .part4 .ul{margin: 5.71% -5px 0 -5px;}
.mchx .part4 .li{width: 100%; max-width: 610px; padding: 0 5px;}
.mchx .part4 .pic{padding-top: 66.666%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.mchx .part4 .content{position: absolute;}
.mchx .part4 .swiper-container{overflow: visible!important; cursor: default!important;}
.mchx .part4 .box{position: absolute; left: 50%; bottom: 0; text-align: center; height: 40px; display: inline-block; transform: translateX(-50%);}
.mchx .part4 .swiper-pagination{position: relative; line-height: 40px;}
.mchx .part4 .swiper-pagination-bullet{width: 18px; height: 3px; border-radius: 0; background: #999999; margin: 0 5px; position: relative; opacity: 1; vertical-align: middle;}
.mchx .part4 .swiper-pagination-bullet::before{content: ''; position: absolute; width: 0%; height: 100%; background-color: #ab1e21; left: 0; top: -1px;}
.mchx .part4 .swiper-pagination-bullet-active::before{width: 100%; transition: all 3s;}
.mchx .part4 .swiper-button-prev,
.mchx .part4 .swiper-button-next{width: 40px; height: 40px; border: 1px solid #333; transition: all .3s; opacity: 1;}
.mchx .part4 .swiper-button-prev{background: url(../images/prev-icon.png)no-repeat center; left: -50px;}
.mchx .part4 .swiper-button-next{background: url(../images/more-icon.png)no-repeat center; right: -50px;}
.mchx .part4 .swiper-button-prev:hover{border-color: #000; background: url(../images/prev-icon-on.png)no-repeat center #000;}
.mchx .part4 .swiper-button-next:hover{border-color: #000; background: url(../images/more-icon01.png)no-repeat center #000;}
.mchx .part4 .content{position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 3.27% 6.55%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.mchx .part4 .tit{font-size: 24px; font-family: 'Medium';}
.mchx .part4 .txt{font-size: 18px; font-family: 'Light';}
@media(max-width: 640px){
    .mchx .part4 .li{max-width: 400px;}
    .mchx .part4 .box{position: relative;}
    .mchx .part4 .swiper-button-prev{left: -35px;}
    .mchx .part4 .swiper-button-next{right: -35px;}
    .mchx .part4 .tit{font-size: 18px;}
    .mchx .part4 .txt{font-size: 13px;}
}

.mchx .part5{padding: 5.2% 0;}
.mchx .part5 ul{margin: 5.71% -7px 0 -7px;}
.mchx .part5 li{width: 25%; float: left; padding: 0 7px; margin-bottom: 14px;}
.mchx .part5 .pic{padding-top: 123.52%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative; overflow: hidden;}
.mchx .part5 .content{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); text-align: center; transition: all .5s; color: #fff;}
.mchx .part5 .tit{position: absolute; width: 100%; height: 25%; text-align: center; padding-top: 12%; color: #fff; font-size: 18px; left: 0; bottom: 0; transition: all .5s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.mchx .part5 li:hover .content{top: 0;}
.mchx .part5 li:hover .tit{transform: translateY(100%);}
.mchx .part5 img{border-radius: 4px; width: 90%; max-width: 120px; max-height: 120px;}
.mchx .part5 .txt{font-family: 'Light'; line-height: 50px; padding-top: 2%;}
.mchx .part5 a{width: 90%; max-width: 180px; line-height: 46px; color: #fff; text-align: center; background-color: #ab1e21; border-radius: 4px; display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
@media(max-width: 1600px){
    .mchx .part5 .content{padding-top: 10%;}
}
@media(max-width: 1400px){
    .mchx .part5 .txt{line-height: 30px;}
    .mchx .part5 img{max-width: 100px;}
    .mchx .part5 a{width: 150px; line-height: 40px; font-size: 14px;}
}
@media(max-width: 960px){
    .mchx .part5 li{width: 50%;}
    .mchx .part5 .content{padding-top: 30%;}
    .mchx .part5 .tit{font-size: 16px; height: 20%;}
}
@media(max-width: 640px){
    .mchx .part5 .content{padding-top: 10%;}
}
@media(max-width: 480px){
    .mchx .part5 li{width: 100%;}
    .mchx .part5 .content{padding-top: 25%;}
}

.mchx .part6{padding: 5.2% 0; background-color: #f9f9f9;}
.mchx .part6 ul{margin: 5.35% -5px 0 -5px;}
.mchx .part6 li{width: 33.333%; float: left; padding: 0 5px; margin-bottom: 10px; text-align: center;}
.mchx .part6 .content{border: 1px solid #bbb; padding: 10.63% 2% 8.51% 2%;}
.mchx .part6 img{transition: all .5s;}
.mchx .part6 li:hover img{transform: rotateY(180deg);}
.mchx .part6 .tit{font-size: 30px; font-family: 'Medium'; margin: 6.52% 0; line-height: 1;}
.mchx .part6 .txt{color: #333; font-family: 'Light';}
@media(max-width: 1024px){
    .mchx .part6 .tit{font-size: 18px;}
    .mchx .part6 .txt{font-size: 14px;}
}
@media(max-width: 768px){
    .mchx .part6 li{width: 100%;}
    .mchx .part6 .tit{margin: 2.5% 0;}
    .mchx .part6 .content{padding: 5% 2% 4% 2%;}
}

.mchx .part7{padding: 5.2% 0 6.25%;}
.mchx .part7 .ul{margin: 5.71% -20px 0 -20px;}
.mchx .part7 .box{width: 90%; max-width: 100px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 50%; margin: auto;}
.mchx .part7 .pic{padding-top: 100%; background-repeat: no-repeat; background-position: center;}
.mchx .part7 .dots{position: relative; margin: 30px 0;}
.mchx .part7 .dots::before{content: ''; background-color: #e5e5e5; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.mchx .part7 i{width: 12px; height: 12px; background-color: #000; border-radius: 50%; display: block; margin: auto; z-index: 2; position: relative;}
.mchx .part7 .tit{font-size: 20px; color: #333; text-align: center;}
.mchx .part7 .slick-prev{left: 0;}
.mchx .part7 .slick-next{right: 0;}
@media(max-width: 1024px){
    .mchx .part7 .box{max-width: 80px;}
    .mchx .part7 .pic{background-size: 40%;}
    .mchx .part7 i{width: 8px; height: 8px;}
    .mchx .part7 .tit{font-size: 16px;}
    .mchx .part7 .dots{margin: 20px 0;}
    .mchx .part7 .slick-prev,
    .mchx .part7 .slick-next{top: 105px; background-color: #fff;}
    .mchx .part7 .slick-prev:hover,
    .mchx .part7 .slick-next:hover{background-color: #000;}
}
@media(max-width: 480px){
    .mchx .part7 .ul{margin: 5.71% 0 0 0;}
}

.mchx .part8 .ul{padding-top: 4.16%; margin: 0 -6px}
.mchx .part8 .li{padding: 0 6px; margin-bottom: 12px;}
.mchx .part8 .pic{padding-top: 57.14%; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative; transition: all .3s;}
.mchx .part8 .content{position: absolute; width: 100%; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; color: #fff;}
.mchx .part8 .tit{font-size: 24px; font-family: 'Medium'; padding: 5.71% 0 3.17%; line-height: 1;}
.mchx .part8 .txt{font-family: 'Light'; line-height: 1.8;}
.mchx .part8 .icon{transition: all 1s;}
.mchx .part8 .li:hover .icon{transform: rotateY(360deg);}
@media(max-width: 1024px){
    .mchx .part8 .tit{font-size: 22px;}
    .mchx .part8 .txt{font-size: 15px;}
}
@media(max-width: 640px){
    .mchx .part8 .tit{font-size: 18px;}
    .mchx .part8 .txt{font-size: 13px;}
    .mchx .part8 .ul{margin: 0 -3px;}
    .mchx .part8 .li{padding: 0 3px;}
}

.mchx .part9{padding: 5.2% 0;}
@media(max-width: 640px){
    .mchx .slick-prev{width: 30px; height: 30px;}
    .mchx .slick-next{width: 30px; height: 30px;}
    .mchx .part4 .swiper-button-prev, .mchx .part4 .swiper-button-next{width: 30px; height: 30px; top: 5px; margin-top: 0;}
}

.mchx .cover{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); z-index: 200; min-width: 320px; display: none;}
.mchx .cover .window{width: 92%; max-width: 800px; position: absolute; top: 50%; left: 50%; background-color: #fff; border-radius: 6px; transform: translate(-50%,-50%); overflow: hidden;}
.mchx .cover .above{background-color: #ab1e21; color: #fff; line-height: 60px; font-size: 24px; font-family: 'Medium'; padding: 0 20px; position: relative;}
.mchx .cover .close{position: absolute; background: url(../images/close-icon.png)no-repeat center; width: 16px; height: 16px; cursor: pointer; top: 50%; right: 20px; transform: translateY(-50%);}
.mchx .cover .content{padding: 20px; line-height: 1.8; color: #666;}


/* 加盟 */
.content_jiameng{padding: 5vw 0 4.45vw 0;}

.title_biaoti{background: url('../images/2.png') no-repeat;color: #FFFFFF;text-align: center;background-position: top;}
.title_biaoti h3{font-size: 24px;font-weight: 300;line-height: 1;padding: 2.3vw 0 1vw 0;}
.title_biaoti h2{font-size: 40px;font-weight: 500;line-height: 1;padding-bottom: 96px;}
.title_biaoti h4{font-size: 20px;line-height: 40px;}

.anchor {background: #00000030;position: absolute;width: 100%;bottom: 0;z-index: 9;}
.anchor ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 32.5px;
    align-items: center;
}
.anchor ul li a{display: flex;align-items: center;color: #fff;font-size: 16px;overflow: hidden;transition: .5s;}
.anchor ul li .subtit{padding-left: 13px;}
.anchor ul li a img{max-height: 35px; width: auto;}
/* .anchor ul li a:hover{transform: scale(1.05);transition: .5s;} */

.saidao {background: url('../images/1.png');background-size: cover;background-position: center;}
.saidao ul{
    max-width: 1760px;margin: auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-top: 10vw;
}

.saidao ul li{
    width: 24.5%;
    background: linear-gradient(0deg, #000000, #333131);
    opacity: 0.8;
    color: #fff;
    padding: 2.5vw;
}
.saidao ul li hr{
    width: 40px;
    margin: auto;
    opacity: 0.3;
}
.saidao ul li .subtit{font-size: 24px;padding: 1.5vw 0 1vw 0;}
.saidao ul li h5{
    font-size: 16px;
    line-height: 30px;
    padding-top: 1vw;
}

.Franchise{background: url('../images/7.png');background-size: cover;background-position: top;}

.Franchise .form-new{margin: 3% 0;}
.Franchise .form-new .title{width: 50%; float: left; text-align: center; color: #fff;}
.Franchise .form-new .title h4{font-size: 18px;padding-top: 2%;}
.Franchise .form-new .title h2{font-size: 36px; margin: 3% 0;}
.Franchise .form-new form{width: 50%; float: left;}
.Franchise .form-new .box{width: 100%; line-height: 50px; margin-bottom: 2.14%;}
.Franchise .form-new textarea{ border: 1px solid #323232; color: #fff; line-height: 50px; background: none; resize: none; line-height: 1.5; padding: 10px; height: 50px; overflow: hidden;}
.Franchise .form-new input{height: 50px; border: 1px solid #323232; color: #fff; line-height: 50px; background: none; padding: 0 10px;}
.Franchise .form-new select{display: block!important; border: none; background: none; width: 100%; height: 50px; border: 1px solid #323232; color: #fff; padding: 0 10px;}
.Franchise .form-new select option{color: #333;}
.Franchise .form-new .box:first-child input{width: calc((100% - 19px) / 2); float: left;}
.Franchise .form-new .phone{float: right!important;}
.Franchise .form-new .box:nth-child(2){display: flex; justify-content: space-between;}
.Franchise .form-new .box:nth-child(2) .select{width: calc((100% - 23px) / 3);}
.Franchise .form-new .area{margin-right: 0;}
.Franchise .form-new .text{width: calc(98% - 150px);}
.Franchise .form-new .btn_submit{background-color: #AB1E21; text-align: center; color: #fff; cursor: pointer; width: 150px; vertical-align: top; float: right;}
.Franchise .form-new .input::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.Franchise .form-new .input:-moz-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new .input:-ms-input-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new .text::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.Franchise .form-new .text:-moz-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new .text:-ms-input-placeholder {color: #fff; font-size: 14px;}
.Franchise .form-new span{font-size: 18px;}
.Franchise .form-new .num{font-size: 30px; padding-left: 10px;}
@media(max-width: 960px){
    .Franchise .form-new form{width: 100%; float: none; margin-top: 6%;}
    .Franchise .form-new .title{width: 100%; float: none;}
}
@media(max-width: 640px){
    .Franchise .form-new .title h2{font-size: 24px}
    .Franchise .form-new span{font-size: 16px;}
    .Franchise .form-new .num{font-size: 20px;}
}

.form-box-top{position: relative;}
.form-box-top .form-new{padding: 4% 0;}
.form-box-top .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.form-box-top .bg img{height: 100%; width: 100%;}
.form-box-top .form-new .title{width: 100%; text-align: center; color: #fff;}
.form-box-top .form-new .title h4{font-size: 18px;padding-top: 2%;}
.form-box-top .form-new .title h2{font-size: 36px; margin: 3% 0;}
.form-box-top .form-new form{width: 90%; margin: auto; max-width: 620px; padding-top: 2%;}
.form-box-top .form-new .box{width: 100%; line-height: 50px; margin-bottom: 2.14%;}
.form-box-top .form-new textarea{ border: 1px solid rgba(255,255,255,.1); color: #fff; line-height: 50px; background: none; resize: none; line-height: 1.5; padding: 10px; height: 50px; overflow: hidden;}
.form-box-top .form-new input{height: 50px; border: 1px solid rgba(255,255,255,.1); color: #fff; line-height: 50px; background: none; padding: 0 10px;}
.form-box-top .form-new select{display: block!important; border: none; background: none; width: 100%; height: 50px; border: 1px solid rgba(255,255,255,.1); color: #fff; padding: 0 10px;}
.form-box-top .form-new select option{color: #333;}
.form-box-top .form-new .box:first-child input{width: calc((100% - 19px) / 2); float: left;}
.form-box-top .form-new .phone{float: right!important;}
.form-box-top .form-new .box:nth-child(2){display: flex; justify-content: space-between;}
.form-box-top .form-new .box:nth-child(2) .select{width: calc((100% - 23px) / 3);}
.form-box-top .form-new .area{margin-right: 0;}
.form-box-top .form-new .text{width: calc(98% - 150px);}
.form-box-top .form-new .btn_submit{background-color: #AB1E21; text-align: center; color: #fff; cursor: pointer; width: 150px; vertical-align: top; float: right;}
.form-box-top .form-new .input::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.form-box-top .form-new .input:-moz-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new .input:-ms-input-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new .text::-webkit-input-placeholder{color: #fff; font-size: 14px;}
.form-box-top .form-new .text:-moz-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new .text:-ms-input-placeholder {color: #fff; font-size: 14px;}
.form-box-top .form-new span{font-size: 18px;}
.form-box-top .form-new .num{font-size: 30px; padding-left: 10px;}
@media(max-width: 960px){
    .form-box-top .form-new form{width: 100%; float: none; margin-top: 6%;}
    .form-box-top .form-new .title{width: 100%; float: none;}
}
@media(max-width: 640px){
    .form-box-top .form-new .title h2{font-size: 24px}
    .form-box-top .form-new span{font-size: 16px;}
    .form-box-top .form-new .num{font-size: 20px;}
    .form-box-top .form-new form{margin-top: 2%;}
.form-box-top .form-new input,
.form-box-top .form-new select{height: 40px; line-height: 40px;}
.form-box-top .form-new textarea{height: 40px;}
}


.Franchise_1{display: flex;color: #fff;}
.Franchise_1 .ul1{width: 20%;padding-top: 1.5%;}
.Franchise_1 .image{width: 60%;}
.Franchise_1 .image2{display: none;}
.Franchise_1 .ul2{width: 20%;padding-top: 1.5%;}

.Franchise_1 ul li h1{
    font-size: 48px;
    font-weight: 600;
    color: #AB1E21;
    padding-bottom: 10px;
    line-height: 1;
}
.Franchise_1 ul li h2{
    line-height: 30px;
    font-size: 16px;
    padding-bottom: 10px;
}


.Franchise_1 .ul1 li:nth-child(1){
    background: url('../images/46.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -116%;
    margin-left: 82%;
    padding-bottom: 8%;
    position: relative;
}
.Franchise_1 .ul1 li:nth-child(2){
    background: url('../images/47.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -76%;
    margin-left: 32%;
    padding-top: 22%;
    position: relative;
}
.Franchise_1 .ul1 li:nth-child(3){
    background: url('../images/48.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -76%;
    margin-left: 12%;
    padding-top: 18%;
    position: relative;
}
.Franchise_1 .ul1 li:nth-child(4){
    background: url('../images/49.png') no-repeat;background-position: bottom;background-size: contain;
    margin-right: -121%;
    margin-left: 70%;
    padding-top: 30%;
    position: relative;
}

.Franchise_1 .ul2 li:nth-child(1){
    background: url('../images/50.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -128%;
    margin-right: 109%;
    padding-bottom: 9%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.Franchise_1 .ul2 li:nth-child(2){
    background: url('../images/51.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -82%;
    margin-right: 15%;
    padding-top: 21%;
    padding-right: 11%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.Franchise_1 .ul2 li:nth-child(3){
    background: url('../images/52.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -81%;
    margin-right: 46%;
    padding-top: 32%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.Franchise_1 .ul2 li:nth-child(4){
    background: url('../images/53.png') no-repeat;background-position: bottom;background-size: contain;
    margin-left: -134%;
    margin-right: 53%;
    margin-top: 23%;
    padding-top: 4%;
    padding-right: 30%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}


.Advantages{color: #fff;position: relative;}
.Advantages .title {text-align: center;}
.Advantages .title h2{font-size: 36px;padding: 2vw;}
.Advantages .title h4{font-size: 18px; padding-bottom: 3vw;}
.Advantages .slick-dots{position: unset;padding: 2.5vw 0 0.5vw 0;}

.Advantages .slick-dots button{width: 80px;}
.Advantages .lunbo>div>div>li{margin: 0 1px;}

.Advantages .cebianlan .slick-current{color: #fff;}
.Advantages .cebianlan {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 100px;
}


.Advantages  .cebianlan li{
    padding: 10px 0;
    color: #999999;
    position: relative;
}
.Advantages  .cebianlan li.prevshow::after,.Advantages  .cebianlan li.nextshow::after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    opacity: 0.3;
    left: 4px;
    top: calc(50% - 2px);
}
.Advantages  .cebianlan li.slick-current::after{
    content: '';
    position: absolute;
    background: url('../images/106.png');
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    left: 0;
    opacity: 1;
}
.Advantages>ul>div>div.slick-track:before, .Advantages>ul>div>div.slick-track:after{display: none;}

@media (min-width:1650px) {
    .Advantages  .cebianlan .slick-list.draggable{
        padding: 0px 0px 120px !important;
    }
    .Advantages .cebianlan li{
        width: 100% !important;
        text-align: end;
    }
}
@media(max-width:1800px){
.Advantages .cebianlan {left: 1%;}
}
@media(max-width:1650px){
    .Advantages .cebianlan {
        position: unset;
        width: unset;
        max-width: 1400px;
        margin: auto;
        width: 92%;
    }
    .Advantages .cebianlan li{
        text-align: center;
        padding: 20px 0;
    }
    .Advantages .cebianlan li::before{
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ccc;
        z-index: 0;
        opacity: .5;
    }
    .Advantages .cebianlan li.prevshow::after, .Advantages .cebianlan li.nextshow::after{
        left: calc(50% - 2px);
        top: 4px;
        z-index: 1;
    }
    .Advantages  .cebianlan li::after{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #FFFFFF;
        opacity: 0.3;
        left: calc(50% - 2px);
        top: 4px;
        z-index: 1;
    }
    .Advantages  .cebianlan li.slick-current::after{
        content: '';
        position: absolute;
        background: url('../images/106.png');
        width: 14px;
        height: 14px;
        top: 0;
        left: calc(50% - 7px);
        z-index: 1;
    }
    
}
@media(max-width:768px){
    .Advantages .cebianlan {
        padding-top: 60px;
        margin-bottom: -60px;
    }
}


.Franchise_2{display: flex; flex-wrap: wrap;}
.Franchise_2 .intro_2{font-size: 16px;line-height: 30px;}
.Franchise_2 .column{width: 50%;}
.Franchise_2 .column.is3{display: flex;justify-content: space-between;}
.Franchise_2 .column.is3.show{display: none;}

.Franchise_2 .column.is3 img{width: 49.5%;}
.Franchise_2 .column .ul_2{
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3vw 0 2vw 0;
    border-bottom: 0.1px solid #ccc;
}
.Franchise_2 .column .ul_2 h1{font-size: 24px;line-height: 36px;}
.Franchise_2 .column .ul_2 h2{font-size: 14px;line-height: 36px;}
.Franchise_2 .column .ul_3{display: flex; flex-wrap: wrap;padding-top: 3.66vw;}
.Franchise_2 .column .ul_3 h1{padding-bottom: 10px;}
.Franchise_2 .column .ul_3 h2{font-size: 16px;line-height: 25px;}
.Franchise_2 .column .ul_3 li{min-width: 24%;}
.Franchise_2 .column .ul_4{display: flex; flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    background: url('../images/16.png');
}
.Franchise_2 .column .ul_4 h1{font-size: 14px;}
.Franchise_2 .column .ul_4 h1 b{font-size: 36px;padding-right: 10px;font-weight: 300;}
.Franchise_2 .column .ul_4 h2{font-size: 16px; line-height: 2;}

.Franchise_3{display: flex; flex-wrap: wrap;justify-content: space-between;}
.Franchise_3 .column_1:nth-child(1){width: 45%;}
.Franchise_3 .column_1:nth-child(2){width: 50%;}
.Franchise_3 .column_1 .columns{display: flex; flex-wrap: wrap;padding: 5vw 0 2vw 0;background: url('../images/63.png');background-size: 100% 100%;}
.Franchise_3 .column_1 .column{width: 50%;display: flex; flex-wrap: wrap;align-items: center;}
.Franchise_3 .column_1 .column div:nth-child(1){width: 25%;padding-right: 10%;}
.Franchise_3 .column_1 .column h1{ font-size: 20px; color: #FFFFFF;padding-bottom: 15px;line-height: 1;}
.Franchise_3 .column_1 .column h2{font-size: 16px;
    color: #FFFFFF;
    opacity: 0.5;
}
.Franchise_3 .column_1 .intro{ font-size: 16px; line-height: 36px;padding: 3vw 0;}
.Franchise_3 .column_1 .column img{width: 45px;}
.Franchise_3 .column_1 .column {padding-bottom: 3vw;}


.Franchise_4 .columns{display: flex;flex-wrap: wrap;}
.Franchise_4>.columns>div:nth-child(1){width: 50%;}
.Franchise_4>.columns>div:nth-child(2){width: 25%;}
.Franchise_4>.columns>div:nth-child(3){width: 25%;}
.Franchise_4 .columns .columns .list{width: 50%;}
.Franchise_4 .columns .list{
    position: relative;
    padding: 5px;
}
.Franchise_4 .columns .list::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
}
.Franchise_4 .list .intro{
    position: absolute;
    bottom: 0;
    padding: 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
}
.Franchise_4 .intro2{
    line-height: 36px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding-top: 3vw;
}
.Franchise_4 .list .intro h1{
    padding-bottom: 20px;
    font-size: 20px;
    color: #FFFFFF;
}
.Franchise_4 .list .intro h2{
    padding-bottom: 20px;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.5;
    display: none;
}

.Franchise_5 .list1 {position: relative;}
.Franchise_5 .list1>img.image2{display: none;}
.Franchise_5 .list1::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
}
.Franchise_5 .list1 .columns{
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    align-items: flex-end;
    bottom: 0;
    padding: 2vw 0;
    width: 100%;
    border-top: 1px solid #ffffff17;
    z-index: 2;
}
.Franchise_5 .list1 .columns .column{display: flex;align-items: center; padding: 1% 0;}
.Franchise_5 .list1 .columns h1{ font-size: 62px;color: #FFFFFF;opacity: 0.05;}
.Franchise_5 .list1 .columns h2{ font-size: 16px;color: #FFFFFF;line-height: 30px;padding-left: 1.5vw;}

.Franchise_5 .list2 .columns{display: flex; color: #FFFFFF;padding-top: 3.2vw;}
.Franchise_5 .list2 .columns .column{width: 50%;}
.Franchise_5 .list2 .columns .column.image2{display: none;}
.Franchise_5 .list2 .columns .column:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: url(../images/74.png);
}
.Franchise_5 .list2 .columns h1{ font-size: 20px;}
.Franchise_5 .list2 .columns h2{font-size: 16px; padding: 1.8vw 0 1.5vw 0;}
.Franchise_5 .list2 .columns h3{font-size: 16px; opacity: 0.5;}
.Franchise_5 .list2 .columns .image{text-align: center;}
.Franchise_5 .list2 .columns .image div{ opacity: 0.5;font-size: 14px;padding-top: 10px;color: #FFFFFF;}

.Franchise_6 .ul li{position: relative;padding: 0 5px;}
.Franchise_6 .ul li h1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
    display: flex;
    align-items: flex-end;
    padding: 20px;
    font-size: 20px;
    color: #FFFFFF;
}
.Franchise_6 .image{padding-top: 3vw;}
.Franchise_6 .image .image2{display: none;}


.Franchise_7 .ul li{position: relative;padding: 0 5px;}
.Franchise_7 .ul li h1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg ,rgba(0,0,0,0) 49.48%,rgba(0,0,0,0.502071) 81.77%,rgba(0,0,0,0.75) 100%);
}
.Franchise_7 .image{padding-top: 3vw;}
.Franchise_7 .image .image2{display: none;}

.Support {background: url('../images/34.png');background-size: cover;background-position: center;}
.Support .title_biaoti h3,.Support .title_biaoti h2{color: #333333;}
.Support .title_biaoti h4{color: #666666;}

.Support .Support_ul{ display: flex; justify-content: space-between; flex-wrap: wrap;padding-top: 4.45vw;}
.Support .Support_ul li{position: relative;text-align: center;width: 17%;}
.Support .Support_ul li img{height: 43px;}
.Support .Support_ul li:before{
    position: absolute;
    bottom: 6px;
    right: -110px;
    content: '';
    background: url(../images/27.png);
    height: 7px;
    width: 167px;
    opacity: .2;
}
.Support .Support_ul li:nth-child(n+6){padding-top: 5.2vw;}
.Support .Support_ul li:nth-child(n+6):before{
    background: url(../images/29.png);
}
.Support .Support_ul.is1 li:nth-child(5n):before{
    display: none;
}
.Support .Support_ul.is1 li:nth-child(5):before{
    position: absolute;
    bottom: -75px;
    right: calc(50% - 3.5px);
    content: '';
    background: url(../images/28.png);
    height: 52px;
    width: 7px;
    opacity: 1;
    display: block;
}
.Support .Support_ul h1{ 
    font-size: 18px;
    color: #333333;
    padding: 1vw 0 2vw 0;
}
.Support .Support_ul h2{
    font-size: 18px;
    color: #ECCBCC;

}


.Value .title_biaoti h3,.Value .title_biaoti h2{color: #333333;}
.Value .title_biaoti h4{color: #666666;}
.Value{background: url('../images/31.png') no-repeat;background-position-x: right;background-position-y: top;}
.Value .columns {background: url('../images/33.png') no-repeat;background-position-x: right;background-position-y: bottom;display: flex;justify-content: space-between;align-items: center;}
.Value .columns>div:nth-child(2){width: 45%;}
.Value .columns>div:nth-child(1) {width: 50%;}
.Value .columns>div.image2 {display: none;}
.Value .columns h4{display: flex;align-items: center;}
.Value .columns h1{font-size: 30px;color: #AB1E21;line-height: 48px;}
.Value .columns h2{font-size: 24px;padding-bottom: 4vw;line-height: 48px;}
.Value .columns ul li span{background: url('../images/32.png') no-repeat;background-size: cover;background-position: right;font-size: 12px;color: #333333;padding: 8px 8px 8px 15px;margin-right: 15px;}
.Value .columns ul li {font-size: 18px; color: #333333;}
.Value .columns ul li h3{font-size: 16px; color: #666666;padding: .5vw 0 1vw 0;}


.Process {background: url('../images/36.png');background-size: cover;background-position: top;height: 770px;}
.Process .auto-1400{position: relative;}
.Process .title_biaoti h3,.Process .title_biaoti h2{color: #333333;}
.Process ul {}
.Process ul li{position: absolute;width: 176px;}
/* .Process ul li h1::before{content: '';position: absolute;width: 8px;height: 8px;background: #AB1E21;border-radius: 50%;} */
.Process ul li h1{font-size: 20px;color: #AB1E21;padding-bottom: 12px;position: relative;font-weight: 600;}
.Process ul li h2{font-size: 16px;color: #333333;}

.Process ul li:nth-child(12){
    top: 0%;
    right: 0%;
}
.Process ul li:nth-child(11) {
    top: 53%;
    right: 2%;
}
.Process ul li:nth-child(10){
    top: 99%;
    right: 6.5%;
}
.Process ul li:nth-child(9){
    top: 150%;
    right: 12.5%;
}
.Process ul li:nth-child(8){
    top: 192%;
    right: 22.5%;
}
.Process ul li:nth-child(7){
    top: 225%;
    right: 33.5%;
}
.Process ul li:nth-child(6){
    top: 225%;
    left: 33.5%;
}
.Process ul li:nth-child(5){
    top: 192%;
    left: 22.5%;
}
.Process ul li:nth-child(4){
    top: 150%;
    left: 12.5%;
}
.Process ul li:nth-child(3){
    top: 99%;
    left: 6.5%;
}
.Process ul li:nth-child(2){
    top: 53%;
    left: 2%;
}
.Process ul li:nth-child(1){
    top: 0%;
    left: 0%;
}
.Process ul li{text-align: end;}
.Process ul li:nth-child(n + 7){text-align: left;}


.Witness {background: url('../images/40.png');background-size: cover;background-position: center;}
.Witness ul {color: #fff;}
.Witness ul li{
    background: url('../images/42.png');
    background-size: 100% 100%;
    padding: 4vw 8vw 0vw 0vw;
    text-align: center;
    margin-right: 2.5vw;
}
.Witness ul li .columns{display: flex;justify-content: end;}
.Witness ul li .column:nth-child(1){
    width: 60%;
}
.Witness ul li .column:nth-child(2){
    width: 36%;
}
.Witness ul li .column:nth-child(1) img{
    padding-bottom: 2vw;
}
.Witness ul li h1{
    font-size: 40px;
    line-height: 1;
}
.Witness ul li .hr{
    width: 1px;
    height: 50px;
    background: #EEEEEE;
    opacity: 0.1;
    margin: 1.5vw auto 1vw auto;
}
.Witness ul li h2{
    font-size: 16px;
    padding-bottom: 10px;
}
.Witness ul li h3{font-size: 14px;opacity: 0.5;padding-bottom: 1.5vw;}
.Witness ul li h4{ font-size: 14px;line-height: 30px;    max-width: 260px;margin: auto;text-align: center;}
.Witness ul .slick-list.draggable{padding-right: 40%;}


.JoinUs{background: url('../images/44.png');background-size: cover;background-position: center;}

.JoinUs .columns .column h1{
    padding-bottom: 1.5vw;
    color: #fff;
    font-size: 36px;
    display: flex;
    align-items: center;
}
.JoinUs .columns .column h1 span{
    font-size: 20px;
    padding: 0 20px;
}
.JoinUs .show{display: block !important;}
.JoinUs .form_table{width: 45%;}
.JoinUs tr{padding-bottom: 20px;}
.JoinUs table td {display: flex;}
.JoinUs tr:nth-child(1) td input{
    border: 1px solid #FFFFFF40;
    background: #00000010;
    padding: 22px 19px;
    font-size: 16px;
    color: #FFFFFF;
    width: 100%;
    margin-right: 10px ;
    margin-bottom: 20px;
}
.JoinUs select{
    border: 1px solid #FFFFFF40;
    background: #00000010;
    padding: 22px 19px;
    font-size: 16px;
    color: #FFFFFF;
    width: 33.33%;
    margin-right: 10px ;
    margin-bottom: 20px;
}
.JoinUs option{color: #000;}
.JoinUs textarea{
    border: 1px solid #FFFFFF40;
    background: #00000010;
    padding: 22px 19px;
    font-size: 16px;
    color: #FFFFFF;
    width: 100%;
    margin-right: 10px ;
    margin-bottom: 20px;
    height: 140px;
}
.JoinUs input::-webkit-input-placeholder {color: #fff;}
.JoinUs input::-webkit-input-placeholder{color: #fff;}
.JoinUs input::-moz-placeholder{color: #fff;}
.JoinUs input:-moz-placeholder{color: #fff; }
.JoinUs input:-ms-input-placeholder{color: #fff;}

.JoinUs .form_err{color: #fff;position: absolute;padding: 22px 19px;font-size: 16px;}

.JoinUs .btn{background: #AB1E21;font-size: 16px;color: #FFFFFF;padding: 17px;width: 150px;border: none;}




@media(max-width:1400px){
    .anchor ul{padding: 20px;}
    .Franchise_1 ul li{zoom: .9;}
    .Process ul{zoom: .8;}
    .Process{height: 700px;}
}

@media(max-width:1250px){.Franchise_1 ul li{zoom: .8;}.Process{height: 650px;zoom: .9;}}
@media(max-width:1150px){.Franchise_1 ul li{zoom: .75;}}
@media(max-width:1080px){.Franchise_1 ul li{zoom: .7;}}
@media(max-width:1000px){
    .Franchise_1 .ul1,.Franchise_1 .ul2,.Franchise_1 .image{width: 100%;}
    .Franchise_1 ul li{
        zoom: 1;
        margin-right: unset !important;
        margin-left: unset !important;
        margin-top:  unset !important;
        padding: unset !important;
        background: unset !important;
        border-bottom: 1px solid #B4894C20;
        margin-bottom: 30px;
        justify-content: unset !important;
    }
    .Franchise_1{display: block;}
    .Franchise_1 .image{display: none;}
    .Franchise_1 .image2{display: block;text-align: center;}
}

@media(max-width:1024px){
    .anchor ul{
        width: 1000px;
    }
    .anchor .auto-1400>div{overflow: hidden;overflow-x: scroll;}
    .saidao ul{flex-wrap: wrap;justify-content: space-evenly;}
    .saidao ul li{width: 48%;margin-bottom: 1.5%;}
    .title_biaoti h3{padding-top: 50px;}
    .title_biaoti h2{padding-bottom: 65px;line-height: 2;font-size: 28px;}
    .Advantages .title h2{font-size: 24px;}
    .Franchise_2 .intro_2{font-size: 14px;}
    .Franchise_2 .column .ul_2 h1{font-size: 20px;}
    .Franchise_2 .column .ul_2 h2{font-size: 12px;}
    .Franchise_2 .column .ul_3{padding-top: 2.66vw;}
    .Franchise_2 .column .ul_3 h1 img{max-height: 40px;}
    .Franchise_2 .column .ul_2{padding: 2vw 0 1vw 0;}

    .Franchise_3 .column_1 .columns{padding: 3vw 0 1vw 0;}
    .Franchise_3 .column_1 .column h2,.Franchise_3 .column_1 .intro{font-size: 14px;}

    .Support .Support_ul li:before{right: -60px; width: 88px;background-position-x: right;}
    .Support .Support_ul.is1 li:nth-child(5):before{bottom: -33px;height: 25px;background-position-y: bottom;}

    .Value .columns h1{font-size: 24px;}
    .Value .columns h2{font-size: 18px;padding-bottom: 2vw;line-height: 25px;}
    .Value .columns ul li h3{font-size: 14px;}
    .Value .columns{align-items: center;}

    .Process{height: unset;background: url(../images/88.png);background-size: cover;}
    .Process ul{zoom: 1;display: flex; flex-wrap: wrap;}
    .Process ul li{
        text-align: center;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        position: unset;
        padding-bottom: 2.5vw;
        width: 33.3%;
    }
    .Process ul li:nth-child(n + 7){text-align: center;}

    .Witness ul li{padding: 4vw 4vw 4vw 0;}
    .Witness ul li .columns{align-items: center;}
    .Witness ul .slick-list.draggable{padding-right: 20%;}
    .Witness ul li h1{font-size: 22px;}
    .Witness ul li .hr{height: 15px;}

    .JoinUs .form_table{width: 65%;}
    .JoinUs .btn{padding: 7px; width: 128px;}
}
@media(max-width:768px){
    .content_jiameng{padding: 5.2% 0 6.25%;}

    .title_biaoti h2,.title_biaoti h3{font-size: 28px;}
    .title_biaoti h4{font-size: 14px;line-height: 28px;}

    .saidao {background: url(../images/97.png);background-size: cover; background-position: center;}
    .saidao ul li .subtit{font-size: 20px;padding: 18px 0;}
    .saidao ul li h5{font-size: 14px; line-height: 30px;}
    .saidao ul li {padding: 25px 2.5vw;}
    .saidao ul{padding-top: 100px;width: 92%;}

    .Franchise {background: #000;}

    .Franchise_1 ul li h1{font-size: 34px;}
    .Franchise_1 ul li h2{font-size: 14px;}
    .Franchise_1 ul{margin: 0 -2%;}
    .Franchise_1 ul li{margin-bottom: 15px; display: inline-block!important; width: 50%; padding: 0 2%!important; vertical-align: top;}
    
    .Franchise_2 .column{width: 100%;}
    .Advantages {background: url(../images/93.png);background-size: contain;}
    .Advantages .title{padding-top: 90px;}
    .Advantages .title h2{font-size: 18px;}
    .Advantages .title h4{font-size: 16px;}

    .Franchise_2 .intro_2,.Franchise_2 .column .ul_3 h2{font-size: 12px;}
    .Franchise_2 .intro_2{line-height: 1.8;}
    .Franchise_2 .column .ul_2{width: 100%;zoom: .9;}
    .Franchise_2 .column .ul_2 h1{font-size: 16px; line-height: 1.5;}
    .Franchise_2 .column .ul_2 h2{line-height: 1.5; padding-bottom: 2%;}
    .Franchise_2 .column .ul_3 li{min-width: 32%;}
    .Franchise_2 .column .ul_4{padding: 44px 0;}
    .Franchise_2 .column .ul_4 h1 b{font-size: 20px;}
    .Franchise_2 .column .ul_4 h2{font-size: 12px;}
    .Franchise_2 .column.is3{display: none;}
    .Franchise_2 .column.is3.show{display: flex;justify-content: space-between;}
    
    .Advantages .slick-dots button{width: 33px;}

    .Franchise_3 .column_1:nth-child(1),.Franchise_3 .column_1:nth-child(2){width: 100%;}
    .Franchise_3 .column_1 .columns{zoom: .7;padding: 30px 0;}
    .Franchise_3 .column_1 .column{padding-bottom: 40px;}
    .Franchise_3 .column_1 .intro{font-size: 12px; line-height: 1.8;}

    .Support {background: url('../images/95.png');background-size: cover;background-position: center;}
    .Support .Support_ul h1{  font-size: 16px; padding: 3vw 0; }
    .Support .Support_ul{zoom: .8;padding-top: 40px;}
    .Support .Support_ul li img{height: 28px;}
    .Support .Support_ul li:nth-child(n+6){padding-top: 40px;}
    .Support .Support_ul li:before{right: -30px;width: 50px;}


    .Franchise_4>.columns>div:nth-child(1){width: 100%;}
    .Franchise_4>.columns>div:nth-child(2),.Franchise_4>.columns>div:nth-child(3){width: 50%;}
    .Franchise_4 .list .intro h1{padding-bottom: 10px;font-size: 14px;}
    .Franchise_4 .list .intro h2{padding-bottom: 10px;font-size: 12px;}
    .Franchise_4 .intro2{font-size: 12px; line-height: 1.8;}

    .Franchise_5 .list1 .columns{flex-wrap: wrap;}
    .Franchise_5 .list1 .columns .column{width: 50%;}
    .Franchise_5 .list1 .columns h1{font-size: 30px;color: #FFFFFF;opacity: 0.5;}
    .Franchise_5 .list1 .columns h2{font-size: 12px;line-height: 1.5;}
    .Franchise_5 .list2 .columns{flex-wrap: wrap;}
    .Franchise_5 .list2 .columns .column:nth-child(1)，.Franchise_5 .list2 .columns .column:nth-child(2){width: 100%;}
    .Franchise_5 .list2 .columns .column:nth-child(1){zoom: .8;padding: 25px 10px; width: 100%;}
    .Franchise_5 .list2 .columns .column{width: 100%;}
    .Franchise_5 .list2 .columns h3{font-size: 14px;}
    .Franchise_5 .list2 .columns h2{font-size: 15px;padding: 0 0 15px 0;}
    .Franchise_5 .list2 .columns h1{font-size: 16px;}
    .Franchise_5 .list2 .columns .image img{max-height: 70px;}
    .Franchise_5 .list2 .columns .image div{font-size: 12px;}
    .Franchise_5 .list2 .columns .column.image2{display: block;}
    .Franchise_5 .list2 .columns .column.image1{display: none;}
    .Franchise_5 .list1>img.image2{display: block;}
    .Franchise_5 .list1>img.image1{display: none;}

    .Franchise_6 .ul li h1{padding: 10px; font-size: 14px;}
    .Franchise_6 .image .image1{display: none;}
    .Franchise_6 .image .image2{display: block;}
    .Franchise_7 .image .image1{display: none;}
    .Franchise_7 .image .image2{display: block;}

    .Value {background: url(../images/96.png) no-repeat;background-position-x: right; background-position-y: top;}
    .Value .columns{display: block;}
    .Value .columns>div:nth-child(1),.Value .columns>div:nth-child(2){width: 100%;}
    .Value .columns h1{font-size: 20px;}
    .Value .columns h2{font-size: 16px;padding-bottom: 30px;}
    .Value .columns ul li h3{font-size: 12px;padding: 10px 0 20px 0;}
    .Value .columns h4{font-size: 14px;}
    .Value .columns>div.image1 {display: none;}
    .Value .columns>div.image2 {display: block;}
    .Value .columns ul li span{padding: 6px 6px 6px 15px;}

    .Process ul{padding-left: 20px;border-left: 7px solid #fff;}
    .Process ul li{text-align: left;width: 45%; padding-bottom: 25px;position: relative;}
    .Process ul li:nth-child(n + 7){text-align: left;}
    .Process ul li h1{padding-bottom: 8px; font-weight: bold;}
    .Process ul li::after{
        content: '';width: 10px ;height: 10px; border-radius: 50px; position: absolute;left: -28px;top: 4px;   
        background: red;
        z-index: 1;
    }
    .Process ul li:nth-child(1)::after{opacity: .1;}
    .Process ul li:nth-child(2)::after{opacity: .2;}
    .Process ul li:nth-child(3)::after{opacity: .3;}
    .Process ul li:nth-child(4)::after{opacity: .4;}
    .Process ul li:nth-child(5)::after{opacity: .5;}
    .Process ul li:nth-child(6)::after{opacity: .6;}
    .Process ul li:nth-child(7)::after{opacity: .7;}
    .Process ul li:nth-child(8)::after{opacity: .8;}
    .Process ul li:nth-child(9)::after{opacity: .9;}
    .Process ul li:nth-child(10)::after{opacity: 1;}
    .Process ul li:nth-child(11)::after{opacity: 1;}
    .Process ul li:nth-child(12)::after{opacity: 1;}

    .Process ul li:nth-child(2n){margin-left: 10%;}
    .Process ul li:nth-child(2n)::before{content: ''; background-color: #fff; width: 7px; height: 100%; left: -26px; position: absolute;}
    .Process ul li:nth-child(2n)::after{left: -28px;}

    .Witness ul li{text-align: left;position: relative;padding-bottom: 50px;padding: 4vw;}
    
    .Witness ul .slick-list.draggable{padding-right: 10%;}
    .Witness ul li .column:nth-child(1) img{max-height: 20px;}
    .Witness ul li h1{font-size: 16px;}
    .Witness ul li h4{font-size: 12px;text-align: justify;min-height: 150px; line-height: 1.8;}
    .Witness ul li .hr{height: 1px;width: 35px;margin: 10px 0;}
    .Witness ul li .columns{align-items: flex-end;}
    .Witness ul li h2{display: inline-block;}
    .Witness ul li h3{display: inline-block; padding-left: 2%;}
    .Witness ul li .column:nth-child(2){width: 48%;}

    .JoinUs .form_table{width: 100%;}
    .JoinUs select,.JoinUs tr:nth-child(1) td input,.JoinUs textarea,.JoinUs .form_err{padding: 10px;font-size: 12px;}
    .JoinUs textarea{height: 90px;}
    .JoinUs .columns .column h1{font-size: 22px;padding-bottom: 20px;}
    .JoinUs .columns .column h1 span{font-size: 15px;}
    .JoinUs{background: url('../images/94.png');background-size: cover;background-position: center;}
    .JoinUs table td.tijiap{justify-content: center;}


}

#bnav7 dd:nth-child(2){display: none;}
@media(max-width:768px){
    #fullpage section.section2 .wap{transform: translatey(40px);}
    #fullpage section.section2 .pic{background: #000;}
}


/* contact */
.contact{padding-top: 5.2%;}
.contact .list1{padding-bottom: 6.25%;}
.contact h1{text-align: center; color: #333; font-size: 36px;}
.contact .list{max-width: 1200px; margin: 0 auto; padding: 5% 0; border-bottom: 1px solid #ededed;}
.contact .list li{width: 33.333%; float: left; text-align: center;}
.contact .list li:first-child{text-align: left; border-right: 1px solid #ededed;}
.contact .list li:last-child{text-align: right; border-left: 1px solid #ededed;}
.contact .list .box{display: inline-block; text-align: center;}
.contact .list .icon{width: 70px; height: 70px; margin: auto;}
.contact .list .txt{padding-top: 15px;}
.contact .list1{padding-top: 5%; max-width: 1200px; margin: 0 auto;}
.contact .list1 li{width: 25%; float: left; text-align: center; line-height: 1.8; border-right: 1px solid #ededed;}
.contact .list1 li:last-child{border-right: none;}
.contact .list1 li a{color: #333; transition: all .3s;}
.contact .list1 li:hover a{color: #ab1e21;}
@media(max-width: 640px){
    .contact h1{font-size: 24px;}
    .contact .list li{width: 100%; text-align: center!important; padding: 3% 0; border: none!important;}
    .contact .list1 li{width: 50%; margin: 3% 0;}
    .contact .list1 li:nth-child(2){border-right: none;}
    .contact .list .icon{width: 10.14vw; height: 10.14vw;}
}
@media(max-width: 480px){
    .contact .list1 li{width: 100%;}
    .contact .list1 li{border: none;}
}

.nb-nodeboard-contain-base{ display: none!important; }
.nb-nodeboard-contain-base.show{ display: block!important; }
#nb_icon_wrap{ opacity: 0 ;}


.service-policy{padding: 5.2% 0 0;}
.service-policy h1{display: none;}
.service-policy .top-list{text-align: center;}
.service-policy .top-list li{width: 15.35%; display: inline-block; background-color: #f9f9f9; margin-right: 1.78%; cursor: pointer; padding: 2.57% 0; border-radius: 6px; transition: all .3s;}
.service-policy .top-list .active{display: none;}
.service-policy .top-list li:last-child{margin-right: 0;}
.service-policy .top-list .tit{padding-top: 11.62%; font-family: 'Light'; color: #666; transition: all .3s;}
.service-policy .top-list li.on,
.service-policy .top-list li:hover{background-color: #AB1E21;}
.service-policy .top-list li.on .tit,
.service-policy .top-list li:hover .tit{color: #fff;}
.service-policy .top-list li.on .normal,
.service-policy .top-list li:hover .normal{display: none;}
.service-policy .top-list li.on .active,
.service-policy .top-list li:hover .active{display: block;}
@media(max-width: 1024px){
    .service-policy .top-list .tit{font-size: 14px;}
}
@media(max-width: 640px){
    .service-policy .top-list li{width: 20%;}
    .service-policy .top-list .icon img{width: 30%;}
    .service-policy .top-list .tit{font-size: 12px;}
}

.service-policy .main-list{padding-top: 3.125%;}
.service-policy .main-list > li{display: none;}
.service-policy .box{padding: 3.57% 0; border-bottom: 1px dotted #ccc;}
.service-policy .box:first-child{padding-top: 0;}
.service-policy .box:last-child{padding-bottom: 0; border: none; padding-bottom: 6.25%;}
.service-policy .box .tit1{font-size: 1.25vw; font-family: 'Medium'; display: inline-block; position: relative; z-index: 2; margin-bottom: 2.14%;}
.service-policy .box .num{font-family: 'Oswald'; font-size: 3.43vw; color: #f9f9f9; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); z-index: -1; font-style: italic;}
.service-policy .box .subtit{font-size: 0.9375vw; padding-bottom: 0.71%;}
.service-policy .box p{line-height: 30px; color: #666; font-size: .833vw;}
.service-policy .box dd{line-height: 30px; padding: 0.71% 0; color: #666; font-size: .833vw;}
.service-policy .box .red{color: #AB1E21;}
.service-policy .box .grey{color: #999;}
.service-policy .box .phone{padding-left: 4.07%; background: url(../images/phone-icon02.png) no-repeat left center; margin-top: 3%; background-size: 1.875vw;}
.service-policy .box .txt{font-size: .729vw; font-weight: lighter;}
.service-policy .box .number{font-size: 1.45vw; color: #AB1E21; line-height: 1.6;}

.service-policy .box1{padding-top: 7.14%;}
.service-policy .box1:first-child{padding-top: 0;}
.service-policy .box1:last-child{padding-bottom: 6.25%;}
.service-policy .box1 .tit1{font-size: 1.56vw; font-family: 'Medium'; text-align: center;}
.service-policy .box1 .subtit{font-size: .833vw; color: #666; text-align: center; padding-top: 1.42%;}
.service-policy .box1 table{width: 100%; margin-top: 2.85%;}
.service-policy .box1 td{font-size: .833vw; color: #666; font-family: 'Light'; border: 1px solid #ededed;}
.service-policy .box1 td:first-child{width: 32.8%; text-align: center; line-height: 55px;}
.service-policy .box1 td:nth-child(2){width: 25.7%; text-align: center; line-height: 55px;}
.service-policy .box1 tr:first-child{background-color: #f9f9f9;}
.service-policy .box1 tr:first-child td{ color: #333; font-family: 'Medium'; text-align: center;}
.service-policy .box1 dl{padding-left: 6.89%;}
.service-policy .box1 dd{line-height: 36px;}
.service-policy .box1 .one{width: 20.7%!important;}
.service-policy .box1 .two{width: 22.1%!important;}
.service-policy .box1 .three{width: 15.2%!important; text-align: center!important;}
.service-policy .box1 .four{text-align: left!important; padding-left: 2.85%; line-height: 36px!important;}
.service-policy .box1 .table-box::-webkit-scrollbar{width: 1px; height: 3px;}
.service-policy .box1 .table-box::-webkit-scrollbar-thumb{border-radius: 6px; background-color: #AB1E21;}
.service-policy .box1 .table-box::-webkit-scrollbar-track{border-radius: 6px; background-color: #F3F4F8;}
.service-policy .box1 .table-box::-webkit-scrollbar-button{display: none;}
@media(max-width: 640px){
    .service-policy .box1 .table-box{overflow-x: auto;}
    .service-policy .box1 table{width: 1000px;}
}

.service-policy .box2:nth-child(even){background-color: #f9f9f9;}
.service-policy .box2{padding: 4.16% 0 5.2%;}
.service-policy .box2 .tit1{font-size: 1.56vw; font-family: 'Medium'; text-align: center; padding-bottom: 4.28%;}

.service-policy .box2 .ul1{position: relative;}
.service-policy .box2 .ul1 li{width: 12.5%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul1 img{height: 38px; width: auto;}
.service-policy .box2 .ul1 aside{margin: 17.14% 0; position: relative;}
.service-policy .box2 .ul1 aside::before{content: ''; background-color: #e5e5e5; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.service-policy .box2 .ul1 i{width: 9px; height: 9px; border-radius: 50%; background-color: #000; display: inline-block; line-height: 1;}
.service-policy .box2 .ul1 .txt{font-size: .833vw;}
@media(min-width: 961px){
    .service-policy .box2 .ul1 li:nth-child(-n+8){padding-bottom: 7.85%;}
    .service-policy .box2 .ul1::before{content: ''; width: 0; height: 0; position: absolute; right: 0; top: 50%; border: 8px solid transparent; border-top-color: #e5e5e5; transform: translateX(50%);}
    .service-policy .box2 .ul1 li:nth-child(8)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 69%; position: absolute; bottom: 0; right: 0;}
    .service-policy .box2 .ul1 li:last-child::before{content: ''; background-color: #e5e5e5; width: 1px; height: 45%; position: absolute; top: 0; right: 0;}
}
@media(max-width: 960px){
    .service-policy .box2 .ul1 li:nth-child(-n+12){padding-bottom: 7.85%;}
    .service-policy .box2 .ul1 li{width: 25%;}
    .service-policy .box2 .ul1 li:nth-child(12)::before,
    .service-policy .box2 .ul1 li:nth-child(4)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 61%; position: absolute; bottom: 0; right: 0;}
    .service-policy .box2 .ul1 li:nth-child(8)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 32%; position: absolute; top: 0; right: 0;}
    .service-policy .box2 .ul1 li:nth-child(16)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 45%; position: absolute; top: 0; right: 0;}
    .service-policy .box2 .ul1 li:nth-child(5)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 68%; position: absolute; bottom: 0; left: 0;}
    .service-policy .box2 .ul1 li:nth-child(9)::before{content: ''; background-color: #e5e5e5; width: 1px; height: 40%; position: absolute; top: 0; left: 0;}
}
@media(max-width: 640px){
    .service-policy .box2 .ul1 img{height: 30px;}
}

.service-policy .box2 .ul2 li{width: 16.66%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul2 li::before{content: ''; background: url(../images/dot-icon01.png) no-repeat center; width: 28%; height: 2%; background-size: 100%; right: 0; top: 19%; transform: translateX(50%); position: absolute;}
.service-policy .box2 .ul2 li:last-child::before{content: none;}
.service-policy .box2 .ul2 .pic{width: 5.2vw; height: 5.2vw; border-radius: 6px; border: 1px solid #e8e8e8; display: inline-block; position: relative;}
.service-policy .box2 .ul2 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65%;}
.service-policy .box2 .ul2 .num{font-size: .9375vw; font-weight: bold; padding: 10.47% 0 7.85%;}
.service-policy .box2 .ul2 .tit{font-size: .833vw; padding-bottom: 7.85%;}
.service-policy .box2 .ul2 .txt{font-size: .729vw; color: #999; min-height: 2.18vw; font-weight: lighter;}
@media(min-width: 961px){
    .service-policy .box2 .ul2 li:nth-child(-n+6){margin-bottom: 8.57%;}
    .service-policy .box2 .ul2 li:nth-child(6)::before{right: 22%; top: 125%; transform: translateX(-50%) rotate(90deg);}
}
@media(max-width: 960px){
    .service-policy .box2 .ul2 .pic{width: 10vw; height: 10vw;}
    .service-policy .box2 .ul2 li:nth-child(5)::after{content: ''; background: url(../images/dot-icon01.png) no-repeat center; width: 28%; height: 2%; background-size: 100%; position: absolute;right: 22%; top: 125%; transform: translateX(-50%) rotate(90deg);}
    .service-policy .box2 .ul2 li:nth-child(4)::before{right: 22%; top: 125%; transform: translateX(-50%) rotate(90deg);}
    .service-policy .box2 .ul2 li:nth-child(8)::before{content: none;}
    .service-policy .box2 .ul2 li:nth-child(-n+8){margin-bottom: 8.57%;}
    .service-policy .box2 .ul2 li{width: 25%;}
}


.service-policy .box2 .ul3 li{width: 14.28%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul3 .pic{width: 5.2vw; height: 5.2vw; border-radius: 6px; border: 1px solid #e8e8e8; display: inline-block; position: relative;}
.service-policy .box2 .ul3 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65%;}
.service-policy .box2 .ul3 .tit{font-size: .833vw; padding-top: 9%;}
.service-policy .box2 .ul3 li::before{content: ''; background: url(../images/dot-icon01.png) no-repeat center; width: 33%; height: 4%; background-size: 100%; right: 0; top: 31%; transform: translateX(50%); position: absolute;}
.service-policy .box2 .ul3 li:last-child::before{content: none;}

.service-policy .box2 .ul4 li{width: 20%; float: left; text-align: center; position: relative;}
.service-policy .box2 .ul4 .pic{width: 5.2vw; height: 5.2vw; border-radius: 6px; border: 1px solid #e8e8e8; display: inline-block; position: relative;}
.service-policy .box2 .ul4 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 65%;}
.service-policy .box2 .ul4 .tit{font-size: .833vw; padding-top: 9%;}
.service-policy .box2 .ul4 li::before{content: ''; background: url(../images/dot-icon01.png) no-repeat center; width: 23%; height: 3.5%; background-size: 100%; right: 0; top: 31%; transform: translateX(50%); position: absolute;}
.service-policy .box2 .ul4 li:last-child::before{content: none;}


.appointment .top-list{text-align: center; margin-bottom: 5.71%;}
.appointment .top-list li{width: 15.35%; display: inline-block; background-color: #f9f9f9; margin-right: 1.78%; cursor: pointer; padding: 2.57% 0; border-radius: 6px; transition: all .3s;}
.appointment .top-list .active{display: none;}
.appointment .top-list li:last-child{margin-right: 0;}
.appointment .top-list .tit{padding-top: 11.62%; font-family: 'Light'; color: #666; transition: all .3s;}
.appointment .top-list li.on,
.appointment .top-list li:hover{background-color: #AB1E21;}
.appointment .top-list li.on .tit,
.appointment .top-list li:hover .tit{color: #fff;}
.appointment .top-list li.on .normal,
.appointment .top-list li:hover .normal{display: none;}
.appointment .top-list li.on .active,
.appointment .top-list li:hover .active{display: block;}
@media(max-width: 1024px){
    .appointment .top-list .tit{font-size: 14px;}
}
@media(max-width: 640px){
    .appointment .top-list li{width: 20%;}
    .appointment .top-list .icon img{width: 30%;}
    .appointment .top-list .tit{font-size: 12px;}
}


.appointment .main-list > li{display: none;}
.appointment .box{padding: 4.28% 0; background-color: #f9f9f9;}
.appointment .box form{width: 96%; max-width: 930px; margin: auto;}
.appointment .box .tit2{font-size: 1.56vw; padding-bottom: 2.15%; line-height: 1; border-bottom: 1px solid #ebebeb; margin-bottom: 4.3%;}
.appointment .box .tit2 span{font-size: .729vw; color: #AB1E21;}
.appointment .box .form-item{margin-bottom: 2.15%; line-height: 60px;}
.appointment .box .label{font-size: .8333vw; display: inline-block; position: relative; width: 110px; padding-right: 4.3%; text-align: right; vertical-align: top;}
.appointment .box .label span{position: relative;}
.appointment .box .label.require span::before{content: '*'; color: #ab1e21; position: absolute; top: 0; right: 101%; line-height: 1;}
.appointment .box .input-box{display: inline-block; width: calc(100% - 115px); position: relative;}
.appointment .box input::-webkit-input-placeholder,
.appointment .box input:-ms-input-placeholder,
.appointment .box input::placeholder{color: #999;}
.appointment .box input textarea{font-size: .8333vw;}
.appointment .box input,
.appointment .box select{line-height: 60px; height: 60px; background-color: #fff; border: none; vertical-align: top; padding: 0 20px; font-size: .8333vw;}
.appointment .box .date,
.appointment .box .time1,
.appointment .box .phone,
.appointment .box .code,
.appointment .box .class{width: 49%;}
.appointment .box .phone,
.appointment .box .date,
.appointment .box .class:first-child{margin-right: 2%;}
.appointment .box .address,
.appointment .box .name{width: 100%;}
.appointment .box .pro,
.appointment .box .city,
.appointment .box .area{width: 32%; margin-bottom: 20px; margin-right: 2%; display: inline-block!important;}
.appointment .box .area{margin-right: 0;}
.appointment .box .code{padding-right: 145px;}
.appointment .box .get-code{position: absolute; top: 5px; right: 5px; width: 120px; height: 50px; line-height: 50px; background-color: #f5cece; color: #ab1e21; text-align: center; border: none; cursor: pointer;}
.appointment .box .form-item:last-child{margin-top: 4.3%; padding-top: 4.3%; border-top: 1px solid #ebebeb; text-align: center;}
.appointment .box .form-item:last-child input{width: 150px; line-height: 50px; height: 50px; text-align: center; color: #fff; background-color: #ab1e21; cursor: pointer;}
.appointment .box .date{background: url(../images/date-icon.png) no-repeat 96% center #fff;}
.appointment .box .time1{background: url(../images/time-icon.png) no-repeat 96% center #fff;}
@media(min-width: 1920px){
    .appointment .box .label{font-size: 16px;}
}
@media(max-width: 640px){
    .appointment .box .label{width: 80px;}
    .appointment .box .input-box{width: calc(100% - 85px);}
    .appointment .box input,
    .appointment .box select{height: 50px; line-height: 50px; padding:  0 10px;}
    .appointment .box .form-item{margin-bottom: 0;}
    .appointment .box .pro, .appointment .box .city, .appointment .box .area{margin-bottom: 10px;}
    .appointment .box .get-code{width: 90px; height: 40px; line-height: 40px;}
    .appointment .box .code{padding-right: 105px;}
}
@media(max-width: 480px){
    .appointment .box .date,
    .appointment .box .time1,
    .appointment .box .phone,
    .appointment .box .code,
    .appointment .box .class{width: 100%;}
    .appointment .box .pro, .appointment .box .city, .appointment .box .area{width: 100%;}
    .appointment .box .get-code{top: auto; bottom: 15px;}
    .appointment .box .form-item:last-child input{width: 120px; height: 40px; line-height: 40px;}
}


.cpzn-menu .menu .location{display: block!important;}
@media(max-width: 640px){
    .cpzn-menu .menu .location{display: block!important; font-size: 12px;}
}

.cpzn{background-color: #f9f9f9; padding-bottom: 6.25%;}
.cpzn h1{position: absolute; opacity: 0;}
.cpzn .box{background-color: #fff; padding: 4.28% 0 6.78%;}
.cpzn .title{font-size: 2.08vw; text-align: center; font-family: 'Medium'; line-height: 1;}
.cpzn .cpzn-search{width: 90%; max-width: 540px; line-height: 54px; margin: 5% auto 2.16%; border: 1px solid #e8e8e8; position: relative; padding: 0 50px 0 20px;}
.cpzn .cpzn-search input{width: 100%; border: none; line-height: 54px; padding: 0;}
.cpzn .cpzn-search .button{width: 18px; height: 18px; background: url(../images/search-icon-wap-on.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.cpzn .col-list{text-align: center; line-height: 80px; border-bottom: 1px solid #e8e8e8; margin-bottom: 5%;}
.cpzn .col-list li{display: inline-block; padding: 0 5.83%; position: relative;}
.cpzn .col-list li.aon::before{content: ''; background-color: #ab1e21; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0;}
.cpzn .col-list li a{display: block; color: #999; font-size: .83vw;}
.cpzn .col-list li.aon a{color: #ab1e21;}

.mcbk li{margin-bottom: 5px;}
.mcbk .tit-box{line-height: 80px; font-size: 1.145vw; padding: 0 4.16%; cursor: pointer; transition: all .3s; background: url(../images/add-icon01.png) no-repeat calc(100% - 4.16%) center #f1f2f3; background-size: 18px; }
.mcbk li.on .tit-box{background: url(../images/minus-icon01.png) no-repeat calc(100% - 4.16%) center #ab1e21; color: #fff;}
.mcbk .info{background-color: #f9f9f9; padding: 5.41% 8.33% 6%;}
.mcbk .tit1{font-size: 1.04vw; color: #333; line-height: 1; font-family: 'Medium';}
.mcbk .txt{font-size: .83vw; color: #666; font-family: 'Light'; line-height: 1.8; padding: 3% 0;}
.mcbk dd{display: inline-block; width: 48%; line-height: 68px; font-size: .83vw; padding-left: 2.5%; position: relative; border-top: 1px dotted #dedede; border-bottom: 1px dotted #dedede;}
.mcbk dd::before{content: ''; width: 4px; height: 4px; background-color: #b2b2b2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.mcbk dd a{color: #333; font-size: .83vw; transition: all .3s; display: block;}
.mcbk dd:nth-child(2n-1){margin-right: 2%;}
.mcbk dd:hover::before{background-color: #ab1e21;}
.mcbk dd:hover a{color: #ab1e21;}
@media(max-width: 640px) {
    .cpzn .col-list,
    .mcbk li .tit-box{line-height: 60px;}
    .mcbk dd{line-height: 50px;}
    .mcbk dd{width: 100%; margin-right: 0!important; border-bottom: none;}
    .mcbk dd:last-child{border-bottom: 1px dotted #dedede;}
    .cpzn .col-list li{padding: 0 3%;}
}

.mcbk-detail .left{width: 69%; float: left; padding-right: 8.06%; border-right: 1px dotted #dedede;}
.mcbk-detail .dtit{font-size: 30px; padding-bottom: 3.48%; margin-bottom: 5.81%; border-bottom: 1px dotted #dedede;}
.mcbk-detail .content{font-size: 16px; font-family: 'Light'; color: #666; line-height: 1.8; padding-bottom: 6.97%; margin-bottom: 4.65%; border-bottom: 1px dotted #dedede;}
.mcbk-detail .content img{width: 100%!important; height: auto!important;}
.mcbk-detail .help{line-height: 40px; font-size: 14px; color: #666;}
.mcbk-detail .help span{display: inline-block; border-radius: 40px; padding: 0 23px 0 48px; position: relative; margin-left: 15px; cursor: pointer;}
.mcbk-detail .help .like{background: url(../images/like-icon.png) no-repeat center #f7f7f7;}
.mcbk-detail .help .like.liked{background: url(../images/like-icon-on.png) no-repeat center #f7f7f7;cursor:pointer;}
.mcbk-detail .help .unlike{background: url(../images/unlike-icon.png) no-repeat center #f7f7f7;cursor:pointer;}
.mcbk-detail .right{width: 31%; float: right; padding-left: 3.22%;}
.mcbk-detail .right .tit{margin-bottom: 2%;}
.mcbk-detail .right li{line-height: 58px; position: relative; border-bottom: 1px dotted #dedede; padding-left: 15px;}
.mcbk-detail .right li::before{content: ''; width: 4px; height: 4px; background-color: #b2b2b2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.mcbk-detail .right li a{color: #999; font-family: 'Light'; transition: all .3s; display: block;}
.mcbk-detail .right li:hover::before{background-color: #ab1e21;}
.mcbk-detail .right li:hover a{color: #ab1e21;}
@media(max-width: 768px){
    .mcbk-detail .right{width: 100%; padding-left: 0; padding-top: 5%;}
    .mcbk-detail .left{width: 100%; padding-right: 0; border-right: none;}
}
@media(max-width: 640px){
    .mcbk-detail .dtit{font-size: 20px;}
    .mcbk-detail .content{font-size: 14px;}
}

.cjwt .title1{text-align: center; font-size: 1.04vw; font-family: 'Medium'; line-height: 1.6;}
.cjwt .intro{font-size: .83vw; text-align: center; line-height: 1.8; padding-top: 1.25%; color: #666;}
.cjwt .intro span{color: #333;}
.cjwt dl{padding-top: 3.33%;}
.cjwt dt{line-height: 60px; padding: 0 10% 0 20px; margin-bottom: 1%; display: inline-block; font-size: 0.9375vw;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left,  rgba(242,242,242,1) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(242,242,242,1) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(242,242,242,1) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.cjwt dd{line-height: 2; padding: 10px 0; padding-left: 3.7%; position: relative; font-size: .83vw;}
.cjwt dl:not(.first) dd::before{content: ''; background-color: #b2b2b2; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 1.85%; top: 22px;}
.cjwt dl.first dd::before{content: ''; background-color: #ab1e21; width: 6px; height: 6px; position: absolute; left: 1.85%; top: 21px; z-index: 2;}
.cjwt dl.first dd::after{content: ''; background-color: #e6bbbc; width: 6px; height: 6px; position: absolute; left: calc(1.85% + 2px); top: 23px; z-index: 1;}
.cjwt .tips{font-size: .83vw; font-family: 'Light'; color: #666; padding: 1% 0 4.8%; margin-bottom: 3.7%; border-bottom: 1px dotted #dedede;}
.cjwt .red{color: #ab1e21;}
.cjwt .end{font-size: .83vw; text-align: center;}
.cjwt .big{ font-size: 0.9375vw; font-family: 'Medium';}
@media(max-width: 640px){
    .cjwt dd{padding-left: 20px;}
}



.spjc{margin: 0 -10px;}
.spjc li{width: 25%; float: left; padding: 0 10px; margin-bottom: 20px; cursor: pointer;}
.spjc .pic{position: relative; width: 100%; padding-top: 56.27%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.spjc .icon{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/play-icon01.png) no-repeat center rgba(0,0,0,0.5); background-size: 42px;}
.spjc .tit{font-family: 'Light'; color: #333; padding-top: 5%; transition: all .3s;}
.spjc li:hover .tit{color: #ab1e21;}

.video-box{position: fixed; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 200; display: none;}
.video-box video{position: absolute; top: 50%; left: 50%; width: 90%; max-width: 1000px; transform: translate(-50%,-50%);}
@media(max-width: 960px){
    .spjc li{width: 33.33%;}
}
@media(max-width: 640px){
    .spjc li{width: 50%;}
}


.slim .sub{font-size: 20px; font-family: 'Light';}
.slim .sub16{font-size: 16px; font-family: 'Light';}
.slim .section11 .item1{position: absolute; top: 20%; left: 50%; transform: translateX(-50%); text-align: center; letter-spacing: 3px;}
.slim .section11 .item1 .sub{padding-bottom: 3%;}
.slim .section11 .item1 .title{white-space: nowrap;}
.slim .section11 .item2{position: absolute; bottom: 7%; left: 4%;}
.slim .section11 .item3{position: absolute; bottom: 6%; right: 4%; white-space: nowrap;}
.slim .section11 .item3 li{display: inline-block; vertical-align: middle; margin-left: 25px;}
.slim .section11 .item3 li img{vertical-align: middle;}
.slim .section11 .item3 li .tit{vertical-align: middle; margin-left: 5px;}
.slim .section11 .item3 li:first-child{margin-left: 0;}
@media(max-width: 640px){
    .slim .sub{font-size: 2.93vw;}
    .slim .sub16{font-size: 2.4vw;}

    .slim .section11 .item2{left: 2%; width: 96%; 
        /* top: 48%; bottom: auto; */
        text-align: center;
    }
    .slim .section11 .item1{text-align: center; left: 2%; width: 96%; transform: translateX(0);}
    .slim .section11 .item3{left: 2%; width: 96%; top: 35%; bottom: auto; right: auto;display: flex; justify-content: center;}
    .slim .section11 .item3 li{text-align: center;display: flex; justify-content: center; align-items: center;}
    .slim .section11 .item3 li .tit{display: block; margin-left: 0; margin-left: 10px; font-size: 2.666vw;}

}

.slim .section22 .con{position: absolute; width: 100%; top: 30%;}
.slim .section22 li{overflow: hidden;}
.slim .section22 .title{padding-bottom: 20px; letter-spacing: 2px;}
.slim .section22 .sub{font-family: 'Light';}
.slim .section22 .sub1{padding-bottom: 20px; position: relative; margin-bottom: 20px;}
.slim .section22 .sub1::before{content: ''; background-color: #333; width: 40px; height: 2px; position: absolute; left: 0; bottom: 0;}
.slim .section22 .white{color: #fff;}
.slim .section22 .white .sub1::before{background-color: #fff;}
@media(max-width: 640px){
    .slim .section22 .con{top: 20%;}
    .slim .section22 .con1{top: 15%;}
    .slim .section22 .sub1 {padding-bottom: 10px;margin-bottom: 10px;}
}

.slim .section33 .item2{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; z-index: 1;}
.slim .section33 .item1{position: absolute; text-align: center; top: 10%; left: 50%; transform: translateX(-50%); z-index: 2;}
.slim .section33 .item1 li{display: inline-block; padding: 10px 20px; line-height: 1.5; border: 1px solid #333; border-radius: 4px; min-width: 300px;}
.slim .section33 .sub{padding: 4% 0 6%;}
@media(max-width: 640px){
    .slim .section33 .item1{top: 15%;}
    .slim .section33 .item1 li{margin-top: 20px; padding: 30px 20px; border: 1px solid rgba(51,51,51,.2);}
}

.slim .section44 .item1{position: absolute; top: 20%; left: 0; text-align: center; color: #fff; z-index: 2; width: 100%;}
.slim .section44 .item2{position: absolute; bottom: 2%; left: 50%; transform: translateX(-50%); z-index: 1; width: 100%; text-align: center;}
.slim .section44 span{font-size: 45px; background-clip: text;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to bottom,#aedde7,#60dae7,#0db7e2); display: inline-block; padding-right: 5px;}
.slim .section44 .item3{display: none;}
@media(max-width: 640px){
    .slim .section44 .pc1{display: none;}
    .slim .section44 span{display: block;}
    .slim .section44 .item1{text-align: center; top: 20%;}
    .slim .section44 .item3{display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%;}
    .slim .section44 .item3 .award{width: 61.66%; padding-top: 109%; background-size: contain; background-position: center; margin: auto;}
    .slim .section44 .item2{display: none;}
}

.slim .section55 .con{position: absolute; left: 0; width: 100%; top: 20%; text-align: center;}
.slim .section55 .title{line-height: 1.3; padding-bottom: 15px;}
.slim .section55 span{position: absolute; color: #fff; bottom: 5%; left: 4%; display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #fff;}
@media(max-width: 640px){
    .slim .section55 .con{text-align: left; top: 14%;}
    .slim .section55 span{
        /* bottom: auto; top: 25%;  */
        color: #333; font-size: 2.13vw; border-bottom: 1px solid #333;}
}

.slim .section66 .con{position: absolute; width: 100%; top: 23%; left: 0;}
.slim .section66 .sub{padding-bottom: 22px; margin-bottom: 20px; position: relative; padding-top: 65px; color: #000;}
.slim .section66 .sub::before{content: ''; width: 40px; height: 2px; background-color: #333; bottom: 0; left: 0; position: absolute; line-height: 2.5;}
.slim .section66 .sub16{line-height: 2; padding-bottom: 70px; color: #000;}
.slim .section66 span{display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #333;}
@media(max-width: 640px){
    .slim .section66 .con{top: 25%}
    .slim .section66 .con img{max-width: 195px;}
    .slim .section66 .sub{padding-top: 30px;}
    .slim .section66 .sub16{padding-bottom: 30px;}
}

.slim .section77 .con{position: absolute; top: 20%; left: 0; width: 100%; color: #fff;}
.slim .section77 .sub1{padding: 50px 0 20px; margin-bottom: 20px; position: relative;}
.slim .section77 .sub1::before{content: ''; width: 40px; height: 1px; bottom: 0; left: 0; position: absolute; background-color: #fff;}
.slim .section77 span{display: inline-block; padding: 80px 0 10px; line-height: 1; border-bottom: 1px solid #fff;}
@media(max-width: 640px){
    .slim .section77 .con{ top: unset; bottom: 8%;}
    .slim .section77 .con img{max-width: 140px;margin-bottom: 85%;}
    .slim .section77 .sub1{padding: 20px 0;}
    .slim .section77 span{padding: 40px 0 10px;}
}

.slim .section88 .con{position: absolute; top: 20%; left: 0; width: 100%; color: #fff; text-align: right;z-index: 30} 
.slim .section88 .sub1{padding: 50px 0 20px; margin-bottom: 20px; position: relative;}
.slim .section88 .sub1::before{content: ''; width: 40px; height: 1px; bottom: 0; right: 0; position: absolute; background-color: #fff;}
.slim .section88 span{display: inline-block; padding: 80px 0 10px; line-height: 1; border-bottom: 1px solid #fff;}
@media(max-width: 640px){
    .slim .section88 .con{top: 9%;text-align: left;}
    .slim .section88 .con img{max-width: 140px;}
    .slim .section88 .sub1{padding: 20px 0;}
    .slim .section88 span{padding: 40px 0 10px;}
    .slim .section88 .sub1::before{right: unset;left: 0;}
    .slim .section88 .pc1{display: none;}
}

.slim .section99 .pic{background-color: #000;}
.slim .section99 .con{position: absolute; top: 50%; left: 0; width: 100%; color: #fff; transform: translateY(-50%); z-index: 30}
.slim .section99 .con.ter{text-align: right;}
.slim .section99 .con.tel{text-align: left;}
.slim .section99 .title{line-height: 1.5;}
.slim .section99 .subtit{font-size: 24px; color: rgba(255,255,255, .3); text-transform: uppercase; padding: 15px 0 48px; line-height: 1}
.slim .section99 .sub16{padding-top: 10px}
.slim .section99 span{padding: 100px 0 10px; display: inline-block; border-bottom: 1px solid #fff;}
.slim .section99 .pic .pc1{height: 960px;width: 100%;max-width: none;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.slim .section99 .con2{position: absolute; top: 0; left: 0; width: 100%; height: 100vh; text-align: right;}
.slim .section99 .win{display: inline-block;}
.slim .section99 .lock{position: absolute; right: 32%; bottom: 28%;}
@media(max-width: 640px){
    .slim .section99 .con{top: 13%; transform: translateY(0);text-align: right;}
    .slim .section99 span{padding: 30px 0 10px;}
    .slim .section99 .subtit{padding: 15px 0; font-size: 3.2vw;}
    .slim .section99 .sub16{padding-top: 5px;}
    .slim .section99 .con2{display: none;}
    .slim .section99 .con.ter{text-align: left;}

    .slim .section99 .terr{text-align: right!important;}
    .slim .section99 .tell{text-align: left!important;;}
}

.slim .section10 .tit{font-size: 30px; padding-bottom: 20px;}
.slim .section10 .pic .pc1{height: 960px;width: 100%;max-width: none;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.slim .section10 .sub14{font-size: 14px;}
.slim .section10 .con{position: absolute; width: 100%; height: 100vh; top: 0; left: 0; color: #fff;}
.slim .section10 .con li:nth-child(1){position: absolute; top: 65%; left: 12%;}
.slim .section10 .con li:nth-child(2){position: absolute; top: 20%; left: 48%;}
.slim .section10 .con li:nth-child(3){position: absolute; top: 65%; left: 70%;}
.slim .section10 .sub{padding-left: 48px; line-height: 1.8; position: relative;}
.slim .section10 .sub::before{content: ''; width: 0; border: 10px solid transparent; border-top-color: #666; border-left-color: #666; top: 0; left: 0; position: absolute;}
.slim .section10 .sub14{padding-left: 48px; padding-top: 10px;}
@media(max-width: 640px){
    .slim .section10 .con{height: 100%;}
    .slim .section10 .con li:nth-child(1){position: absolute; top: 11%; left: 54%;}
    .slim .section10 .con li:nth-child(2){position: absolute; top: 43%; left: 6%;}
    .slim .section10 .con li:nth-child(3){position: absolute; top: 72%; left: 61%;}
    .slim .section10 .tit{font-size: 4.8vw;}
    .slim .section10 .sub14{font-size: 2.93vw;padding-left: unset;}
    .slim .section10 .sub {padding-left: unset;padding-top: 15px;}
    .slim .section10 .sub::before { border: 6px solid transparent;border-top-color: #666;border-left-color: #666;}
}

.slim .section111 .pic .pc1{height: 960px;width: 100%;max-width: none;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.slim .section111 .con{position: absolute; top: 50%; left: 0; width: 100%; color: #fff; transform: translateY(-50%);}
.slim .section111 span{display: inline-block; padding: 30px 0 10px; border-bottom: 1px solid #fff;}
@media(max-width: 640px){
    .slim .section111 .con{top: 10%; transform: translateY(0); text-align: center;}
}

.slim .section122 .con{position: absolute; top: 15%; left: 0; width: 100%; text-align: center;}
.slim .section122 .title{font-family: 'Medium'; line-height: 1.3;}
.slim .section122 .sub{padding-bottom: 10px; font-family: 'Regular';}
@media(max-width: 640px){
    .slim .section122 .con{top: 23%;}

    .hns .recommend .regular{display: block;}
    .hns .recommend .regular.pc{display: none;}
    .hns .recommend .regular.wap{display: block;padding: 0 0 5.71%;}
}

/* 详情留资 */
.tanchuang{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #0000006b;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tanchuang .liuzi{
    padding: 30px;
    background: white;
}
.tanchuang .liuzi td {padding-bottom: 10px;color: #666;display: flex;}
.tanchuang .liuzi td select {
    display: block !important;    
    padding: 5px;
    border: 1px solid #ccc;}
.tanchuang .liuzi td>select {margin-right: 10px;}
.tanchuang .liuzi input{
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
}
.tanchuang .liuzi .btn_submit{
    background: #ab1e21;
    color: #fff;
}


.lzym{position: relative;}
.lzym .show{display: inline-block!important;}
.lzym .form-box{position: absolute; bottom: 0; left: 0; width: 100%;}
.lzym .form-box form{width: 100%; max-width: 640px; margin: auto; background-color: #84604b; padding: 2.08% 3.64%; position: relative; -webkit-clip-path: polygon(calc(100% - 40px) 0%, 100% 40px, 100% 100%, 0 100%, 0 0); clip-path: polygon(calc(100% - 40px) 0%, 100% 40px, 100% 100%, 0 100%, 0 0);}
.lzym .form-box form::before{position: absolute; content: ''; width: 0; height: 0; border: 20px solid transparent; border-bottom-color: #704d38; border-left-color: #704d38; top: 0; right: 0;}
.lzym .box{padding-bottom: 3.125%;}
.lzym .box:last-child{padding-bottom: 0;}
.lzym input{height: 50px; line-height: 50px; padding: 0 15px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.1); width: 49%}
.lzym input:first-child{margin-right: 2%;}
.lzym select{height: 50px; padding: 0 10px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.1); width: 32%; margin-right: 1.5%;}
.lzym select option{color: #333;}
.lzym .option3{margin-right: 0;}
.lzym .btn_submit{border: none; background-color: #970a1d; color: #fff; cursor: pointer;}
.lzym input::placeholder,
.lzym input::-webkit-input-placeholder{color: rgba(225,255,255)!important; font-size: 14px;}
@media(max-width: 640px){
    .lzym .form-box form{padding: 5%;}
}





.g-news{padding:2.5rem 0;}

.tab02{ height:7.5rem; margin:1.1rem auto 0; text-align:center;}

.tab02 a{ display:inline-block; width:26.5625%;color:#333; text-align:center; font-size:1.1rem; background:#fff; margin:0 1%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:1.2rem 0;}

.tab02 span{ display:block; width:2.2rem; height:1.9rem; margin:0 auto 0.1rem; position:relative;}

.tab02 span img{ display:block; width:100%;}

.tab02 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.tab02 span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.tab02 b{ display:block; font-size:0.6rem; color:#afafaf; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tab02 .active span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.tab02 .active span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.tab02 .active{ color:#2D209E; box-shadow:0.1rem 0.1rem 0.5rem #ddd;}

.m-news{ width:93.75%; margin:0 auto; overflow:hidden;}

.g-news .dl01{ width:93.75%; margin:0 auto; overflow:hidden;}

.g-news .dl01 dd{ background:#2D209E; padding:1.2rem 3%;}

.g-news .dl01 dt img{ display:block; width:100%;}

.g-news .dl01 dd h4{ font-size:1.1rem; color:#ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-bottom:0.6rem; border-bottom:1px solid #3376b7;}

.g-news .dl01 dd h4 em{ display:block; font-size:0.9rem; color:#fff;}

.g-news .dl01 dd h4 em i{ color:#27d796;}

.g-news .dl01 dd p{ font-size:1.1rem; line-height:1.3rem; color:#80aad2; margin:0.8rem 0;}

.g-news .dl01 dd em{ display:block; font-size:0.9rem; color:#c0c0c0;}

.g-news .dl02{ margin-top:0.5rem; padding:1rem 3%; background:#fff; border:2px solid #eaeaea; box-sizing:border-box;}

.g-news .dl02 dt{ width:27.75%; float:left;}

.g-news .dl02 dt img{ display:block; width:100%;}

.g-news .dl02 dd{ width:69.6%; float:right;}

.g-news .dl02 dd h3{ font-size:1.1rem; font-weight:bold; color:#424242;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.g-news .dl02 dd em{ display:block; font-size:1.1rem; line-height:1.2rem; color:#9e9e9e; margin-top:0.5rem;overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}



.Title{width: 100%;text-align: center;padding-top: 1.5rem;}
 .Title h2{font-size: 1.3rem;color: #333333;font-weight: normal;}
 .Title h2 a{color: #333333;}
 .Title p{font-size: 1rem;color: #888888;margin-top: 0.2rem;}
 .Title i{width: 44%;margin: 0.9rem auto 0;display: block;}
 .Title i img{display: block;width: 100%;}
 
/*adv*/
.adv{width: 100%;padding-bottom: 2.333rem;background: #f5f5f5;}
.adv img{display: block;width: 100%;}
.adv .mainCon{margin: 1.25rem auto 0;width: 94%;}
.adv .mainCon .menu{width: 100%;box-sizing: border-box;}
.adv .mainCon .menu li{width: 25%;float: left;height: 3rem;line-height: 3rem;font-size: 1rem;color: #fff;text-align: center;border: 1px solid #fff;box-sizing: border-box;border-left: none;background: #2d209e;}
.adv .mainCon .menu li:first-child{border-left: 1px solid #fff;}
.adv .mainCon .menu li span{display: inline-block;width: 1.6rem;height: 1.6rem;overflow: hidden;position: relative;top: 0.3rem;margin-right: 3%;}
.adv .mainCon .menu li img{position: relative;}
.adv .mainCon .menu li.on{background: #1b8d71;}
.adv .mainCon .conBox{width: 100%;margin: 1.2rem auto 0;position: relative;}
.adv .mainCon .conBox .box{width: 100%;}
.adv .mainCon .conBox .box dl{background: #fbfbfb;}
.adv .mainCon .conBox .box dt{width: 100%;box-sizing: border-box;border: 0.5rem solid #fff;}
.adv .mainCon .conBox .box dd{padding: 1.5rem 6% 9%;}
.adv .mainCon .conBox .box dd h3{font-size: 1.3rem;color: #333333;font-weight: normal;}
.adv .mainCon .conBox .box dd h3 em{color: #333333;font-size: 2.5rem;font-family: arial;font-weight: bold;}
.adv .mainCon .conBox .box dd span{display: block;font-size: 0.7rem;color: #cdcdcd;}
.adv .mainCon .conBox .box dd i{display: block;height: 1px;background: #f1f1f1;width: 100%;margin: 1.2rem 0;}
.adv .mainCon .conBox .box dd p{font-size: 1.05rem;color: #666666;line-height: 1.3rem;}
.adv .mainCon .conBox .btnList{width: 100%;text-align: center;margin-top: 1.667rem;}
.adv .mainCon .conBox .btnList span{display: inline-block;width: 1.6rem;height: 1.6rem;border-color: #c4c4c4;background: #c4c4c4;border-radius: 50%;margin-left: 3%;}
.adv .mainCon .conBox .btnList span.on{background: #1b8d71;}
.adv .mainCon .conBox .btnList span:first-child{margin-left: 0;}

.g-case{ width:93.75%;margin:0 auto; overflow:hidden; padding:1rem 0 1.5rem;border-bottom: #eee 1px solid;}
.g-case .m-bt{width: 100%;height: 6.5rem;padding:1rem 0 0;}
.g-case .m-bt:before{width: 3rem; height: 0.25rem;} 
.g-case .sclwrap_box{ height:22rem;overflow: hidden;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width:100%;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 100%; padding: 1rem 0 0;}
.g-case dl dd h5{height: 2rem;line-height: 2rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd h5 a{font-size: 1.2rem;color: #333;font-weight: bold;}
.g-case dl dd span{font-size: 1.1rem;color: #999;display: block;height: 2rem;line-height: 2rem;margin: 0.5rem 0;}
.g-case .case_desc{font-size: 1.1rem;color: #666;line-height: 1.8rem;height: 5.4rem;overflow: hidden;}
.g-case .m-cnt{ width:100%; display:inline-block; }
.g-case .m-cnt li{ width:0.8rem; height:0.8rem; background:#000; float:left;margin-right: 1rem; border-radius:2rem;}
.g-case .m-cnt li.z-on{ background:#2D209E;}
.g-case .m-cnt li:first-child{margin-left: 12rem;}