@charset "utf-8";

/*@font-face {*/
    /*font-family: "alibabapuhuitiregular";*/
    /*src: url("../font/alibabapuhuitiregular.woff2") format("woff2"),*/
    /*url("../font/alibabapuhuitiregular.woff") format("woff"),*/
    /*url("../font/alibabapuhuitiregular.ttf") format("truetype"),*/
    /*url("../font/alibabapuhuitiregular.eot") format("embedded-opentype"),*/
    /*url("../font/alibabapuhuitiregular.svg") format("svg");*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
@font-face {
    font-family: "abelregular";
    src: url("../font/abelregular.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "dincondregular";
    src: url("../font/dincondregular.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "dincondbold";
    src: url("../font/dincondbold.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "dincondmedium";
    src: url("../font/dincondmedium.otf");
    font-weight: normal;
    font-style: normal;
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"PUHUITI-LIGHT";color: #333;background: #f9f9f9;}
input,textarea{ border:none; font-family:"PUHUITI-LIGHT";font-size: 14px;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1000{width: 1000px;margin: 0 auto;max-width: 92%;}
.w1300{width: 1300px;margin: 0 auto;max-width: 92%;}
.w1200{width: 1200px;margin: 0 auto;max-width: 92%;}
.w1400{width: 1400px;margin: 0 auto;max-width: 92%;}
.w1560{width: 1560px;margin: 0 auto;max-width: 92%;}
.margin-b50{margin-bottom: 50px;}
.padding-tb90{padding: 90px 0;}
.margin-t30{margin-top: 30px;}
.padding-tb60{padding: 60px 0;}
html.hide{overflow: hidden;}
body{padding-top: 120px;}
/*index*/
.header{position: fixed;z-index: 999;width: 100%;top:0;}
.header img{vertical-align: bottom;}
.header-top{background: #444;height: 40px;line-height: 40px;}
.hwpp,.topeara a,.topeara span{font-size: 12px;color: #fff;}
.top-car{position: relative;padding-left: 25px;margin-right: 20px;}
.top-car span{position: absolute;top: -5px;background: #e6242e; line-height: 1em; color: #fff;font-size: 12px;border-radius: 10px;padding: 2px; left: 100%; margin-left: -6px;text-align: center;min-width: 10px;}
.top-car:before{content: ''; position: absolute;width: 17px;height: 15px;background: url("../images/car-1.png") no-repeat center;background-size: cover;left: 0;top:50%;margin-top: -8px;}
.top-car:hover:before{background: url("../images/car.png") no-repeat center;background-size: cover;}
.topeara{height: 40px;}
.header-mid{background: #fff;height: 80px;}
.header-mid-con{height:80px;width: 100%;top:0;left: 0;background: #fff;}
/*.header-mid-con.fixed{position:fixed;}*/
.logo{position: absolute;left:0;top:50%;transform: translateY(-50%);}
.logo img{display: block;height: 34px;}
.nav li{float: left;margin-left: 40px;position: relative;}
.nav li:nth-child(1){margin-left: 0;}
.nav-first{color: #333;font-size: 15px;display: inline-block;line-height: 80px;transition: all .4s;}
li.active .nav-first{color: #e6242e;}
li:hover .nav-first{color: #e6242e;}
.nav-er{position: absolute; width: 160px;left: 50%;margin-left: -80px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;transform: scaleY(0);transform-origin: top; transition: all .4s;pointer-events: none;}
.nav-er a{display: block;background: #fff;text-align: center;line-height: 44px;font-size: 15px;}
.nav-er a:hover{background: #666;color: #fff;}
.nav li:hover .nav-er {
    opacity: 1;
    margin-top: 0;
    transform: scaleY(1);
    pointer-events: auto;
}
.header-bot,.header-bots{background: #121217;height: 67px;transition: all .3s;}
.header-bots.active{position: fixed;width: 100%;top:0;left: 0;z-index: 999;}
.footer{background: #ededed;position: relative;z-index: 5;}
.footer-top{padding: 65px 0 80px;}
.footer-nav dl{float: left;margin-right:28px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt{margin-bottom: 16px;}
.footer-nav dd{margin-bottom: 6px;}
.footer-nav dt a{font-size: 15px;}
.footer-nav dd a{color: #666;}
.code{font-size: 0;text-align: center;}
.code li{width: 124px;margin-right: 23px;display: inline-block;vertical-align: top;font-size: 14px;}
.code .img100{margin-bottom: 8px;}
.code li:last-child{margin-right: 0;}
.tel{width: 184px;margin-left: 37px;}
.tel p{display: block;color: #666;}
.tel h2{display: block;color: #e60012;font-size: 32px;font-family: abelregular;}
.tel h2:nth-child(2){margin-top:11px;}
.tel h2:nth-child(3){margin-bottom:11px;}
.footer-bot{padding: 24px 0;}
.bq a,.bq span{display: inline-block;color: #666;margin-right: 5px;}
.footer-shop a{margin-right: 24px;}
.footer-shop a:last-child{margin-right: 0;}
.footer-shop img{vertical-align: middle;margin: -4px 8px 0 0;}
.footer-bg{position: absolute;right: 0;bottom: 0;z-index: -1;}
.footer-bg img{display: block;height: 301px;vertical-align: bottom;}
.rd{position: fixed;z-index: 999;right: 50px;bottom:170px;cursor: pointer;width: 43px;display: none;}
.rd.active{display: block;}
.rd li{border-radius: 100%;background-color: #a8a8a8;margin-bottom: 9px;}
.rd li:last-child{margin-bottom: 0;}
.rd a{display: block;position: relative;z-index: 4;}

.rd-slide{position: absolute;z-index: -1; right: 0;height: 43px;line-height: 432px;background: #fff;top:0;width: 0;overflow: hidden; border-radius: 43px;transition: all .4s;opacity: 0;}
.rd-slide p{line-height: 43px;font-size: 16px;text-indent: 15px;width: 150px;}
.rd a:hover .rd-slide{width: 150px;opacity: 1;}

.index-pro li{position: relative;margin-bottom: 0.3%;}
.index-pro-con{z-index: 3;}
.index-pro li:nth-child(odd) .hot-txt46{float: left;}
.index-pro li:nth-child(even) .hot-txt46{float:right }
.hot-txt46 h1{font-size: 46px;color: #fff;margin-bottom: 6px;}
.hot-txt46 p{font-size: 32px;color: rgba(255,255,255,.8);margin-bottom: 60px;}
.hot-txt46 a{margin: 0 20px;display: inline-block;color: #fff;font-size: 16px;border-bottom: 1px solid #fff;padding-bottom: 12px;transition: all .4s;}
.hot-txt46 a:hover{color: #e6242e;border-color: #e6242e;}
.zao{font-size: 0;text-align: center;overflow: hidden;}
.zao li{font-size: 14px;display: inline-block;vertical-align: top;width:49.8%;margin-right:0.4%;margin-bottom:0.4%;position: relative;}
.zao li:nth-child(even){margin-right:0;}
.zao-con{position: absolute;left: 15px;right: 15px;top:42px;}
.hot-txt46-gray h1{color: #333;margin-bottom: 0;line-height: 1em;}
.hot-txt46-gray p{color: #333;margin-bottom: 25px;}
.hot-txt46-gray a{color: #e6242e;border-color: #e6242e;padding-bottom: 6px;}
.banner{margin-bottom: 0.3%;}
.banner .hot-txt46{float: right;margin-right: 8%;}
/*.banner .hot-txt46 .bannerlinks{color: #333;border-color: #333;}*/
/*.banner .hot-txt46 .bannerlinks:hover{color: #e6242e;border-color: #e6242e;}*/
.banner-sm{margin-bottom: 30px;}
.w800{width: 800px;margin: 0 auto;}
.bannerPage{position: absolute;bottom:25px;width: 100%;text-align: center;z-index: 6;}
.bannerPage .swiper-pagination-bullet{opacity: 1;margin: 0 8px;background: #999;}
.bannerPage .swiper-pagination-bullet-active{background: #333;}
.bannerlink a{margin-left: 0;margin-right: 20px;}
/*h501*/
.section{position: relative;z-index: 2;}
.section1{height: 100vh;}
.section1-img{height: 100%;position: relative;}
.section1-con{position: absolute;width: 100%;top:10%;left: 0;text-align: center;}
.section-display{position: relative;--sizes-center-offset: 490px;--intro-end-scale: 1.9;}
.section2{margin-top: calc(208px - 100vh);z-index: 1;}
.section2 .middle-inner{vertical-align: bottom;}
.djl{z-index: 3;background: rgba(0,0,0,.5);}
.djl h1{font-size: 30px;color: #fff;margin-bottom: 30px;}
.djl h2{font-size: 60px;color: #fff;width: 80%;margin: 0 auto;}
.djl .middle-inner{vertical-align: middle;}
.sticky-wrapper{position: relative;z-index: 1;}
.sticky{position: -webkit-sticky;position: sticky;z-index: 2;top: 0;width: 100%;height: 100vh;}
.sticky-overflow{position: relative;z-index: 1;width: 100%;height: 100%;overflow: hidden; }
.sticky-content{position: absolute;z-index: 1;width: 100%;height: 100vh;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: var(--localnav-height);display: flex;  }
.subsection-display-hardware{z-index: 2; pointer-events: none;}
.display-ipad-13{position: relative;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;transform-origin: bottom center;transform: scale(2.9);width: 800px;margin: 0 auto;  }
.gnengd{width: 800px;margin: 0 auto 50px;opacity: 0;transition: all .3s;}
.gnengd.active{opacity: 1;}
.timeline-display-snipes{height: 100vh;}
/*.gnengd{display: none;}*/
.fhq1{position: absolute;right: 0;bottom:0;width: 46%;}
.fhqcon{position: absolute;}
.title42{margin-bottom: 45px;}
.title42 h1{font-size: 42px;}
.title42 i{font-size: 22px;display: block;margin-bottom: 3px;}
.fhq-a{font-size: 0;}
.fhq-a a{display: inline-block;font-size: 16px;width: 114px;line-height: 32px;border: 1px solid #ccc;border-radius: 6px;text-align: center;margin-right: 25px;}
.fhq-a a:last-child{margin-right: 0;}
.fhq-a a.active{background: #e60012;color: #fff;border-color: #e60012;}
.fhq-a a:hover{background: #e60012;color: #fff;border-color: #e60012;}
.fhq-page{width: 510px;max-width: 100%;}
.fhq-pages{display: none;}
.fhq-pages p{font-size: 16px;color: #666;height: 3.2em;}
.title36{margin-bottom: 60px;}
.title36 h1{font-size: 36px;margin-bottom: 30px;}
.title36 p{font-size: 22px;}
.titlefff h1{color: #fff;}
.titlefff p{color: #fff;}
.xi{border-top: 1px solid #fff;}
.xi .img100{width: 50%;}
.xi li{position: relative;text-align: center;}
.xi li:nth-child(odd) .img100{float: right;}
.xi li:nth-child(even) .img100{float: left;}
.xi-con{position: absolute;width: 50%;height: 100%;top:0;}
.xi li:nth-child(odd) .xi-con{left: 0;background: url("../images/bg1.jpg") no-repeat center;background-size: cover;}
.xi li:nth-child(even) .xi-con{right: 0;background: url("../images/bg2.jpg") no-repeat center;background-size: cover;}
.xi-con img{max-width: 90%;}
.section3{z-index: 1;}
.section3img{width: 50%;position: absolute;top:0;left: 0;height: 100vh;z-index: 1;}
.section3img.fixed{position: fixed;}
.gn{margin-left: 55%;min-height: 100vh;}
.gn-list{width: 61%;padding: 100px 0;}
.gn-list li{margin-bottom: 100px;}
.gn-list li:last-child{margin-bottom: 0;}
.gn-list h2{font-size: 30px;margin-bottom: 15px;}
.gn-list p{font-size: 16px;color: #666;margin-bottom: 25px;}
.gnDot{position: absolute;left: 86%;top:100px;}
.gnDot a{display: block;width: 10px;height: 10px;background: #ededed;border-radius: 100%;margin-bottom: 12px;}
.gnDot a:last-child{margin-bottom: 0;}
.gnDot.fixed{position: fixed;}
.gnDot a.active{background: #e60012;}
/*公司简介*/
.swiper-container1{height: 100%;}
.footer-slide{height: auto !important;}
.left-fixed{position: fixed;z-index: 998;left: 5%;bottom:50px;display: none;}
.u-pos-bl li{position: relative;margin-top: 35px;text-align: center;}
.u-pos-bl li span{color: #fff;font-size: 16px;font-family: DINCond-Bold;display: inline-block;}
.upos-dot{width: 6px;height: 6px;border:1px solid rgba(255,255,255,.4);border-radius: 100%;position: absolute;top:50%;left: 50%;margin: -4px 0 0 -4px;transform: scale(1) translateZ(0);  transition: transform .55s .2s cubic-bezier(.165,.84,.44,1),opacity .45s .2s cubic-bezier(.165,.84,.44,1);}
.u-pos-bl li span{transition: transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1);opacity: 0;}
.u-pos-bl li span:nth-of-type(1){transform: translateY(-10px);}
.u-pos-bl li span:nth-of-type(2){transform: translateY(10px);}
.u-pos-bl li.active span{opacity: 1; transform: translateY(0) translateZ(0);  transition: transform .7s .2s cubic-bezier(.23,1,.32,1),opacity .45s .2s cubic-bezier(.165,.84,.44,1);}
li.active .upos-dot{ opacity: 0;  transform: scale(1.3) translateZ(0); transition: transform .55s cubic-bezier(.165,.84,.44,1),opacity .45s cubic-bezier(.165,.84,.44,1);}
.upos-line{  position: absolute; top: 50%;  left: -60px;  margin-top: -1.5px;  width: 28px;  height: 3px;  background: #e60012;  transform-origin: 0 0;  transform: scaleX(0) translateZ(0);  transition: transform .7s cubic-bezier(.23,1,.32,1);  }
li.active .upos-line{transition: transform 1s cubic-bezier(.23,1,.32,1);  transform: scaleX(1) translateZ(0); }
.a4_box{width: 48px;height: 48px;cursor: pointer;display: block;position: absolute;left: -18px;bottom:0;}
.a4_box:before{content: '';display: block;width: 50px;height: 1px;background: rgba(255,255,255,.3);position: absolute;left: 60px;top: 50%;}
.a4_div1{width: 48px;height: 48px;border-radius: 50%;}
.a4_div1_svg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.a4_div1_circle{stroke-width:1; fill:rgba(0,0,0,0); stroke:#fff;r:23;cx:24;cy:24;transition: 1s ease;stroke-dashoffset:160;stroke-dasharray:160;}
.a4_box:hover .a4_div1_circle{stroke-dashoffset:0;}
.title46{margin-bottom: 30px;}
.title46 h1{font-size: 36px;}
.title46 h2{font-size: 20px;margin-top: 5px;}
.title46-fff h1{color: #fff;}
.title46-fff h2{color: #fff;}
.couch{width: 99px;height: 99px;border:1px solid rgba(255,255,255,.3);margin: 0 auto;border-radius: 100%;box-sizing: border-box;}
.couch p{text-transform: uppercase;display: block;color: #fff;}
.couch .middle-inner img{display: block;margin: 5px auto 0;}
.couch-shadow{position: absolute;width: 107px;height: 107px;top:50%;left: 50%;margin: -53.5px 0 0 -53.5px;animation: rotate 3s linear infinite;}
@keyframes rotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.about-kuang{position: absolute;top:30px;right: 30px;bottom:30px;left: 30px;border:1px solid rgba(255,255,255,.15);}
.about-a{position: absolute;width: 100%;left: 0;top:120px;bottom:0;}
.kuangs{position: absolute;width: 7px;height: 7px;border:1px solid rgba(255,255,255,.15);border-radius: 100%;}
.kuangs:nth-child(1){left: -4px;top:-4px;}
.kuangs:nth-child(2){right: -4px;top:-4px;}
.kuangs:nth-child(3){left: -4px;bottom:-4px;}
.kuangs:nth-child(4){right: -4px;bottom:-4px;}
.redline{width: 404px;height: 2px;background: url("../images/redline.png") no-repeat center;background-size: cover;position: absolute;bottom:-1px;animation: move 8s linear infinite;}
@keyframes move {
    0%{left: 0;opacity: 0.2;}
    10%{opacity: 1;}
    20%{opacity: 0.4;}
    40%{opacity: 1;}
    100%{left: 150%;opacity: 1;}
    /*100%{transform: translateX(0);}*/
}
.about-b-img{width: 50%;text-align: right;font-size: 0;}
.about-b-img .img100{font-size: 14px;display: inline-block;}
/*.about-b-img .img100:nth-child(1){width: 46%;margin-right: 7%;}*/
.about-b-img .img100:nth-child(2){width: 47%;}
.about-b-img .img100:nth-child(3){width: 31%;vertical-align: top;margin-top: 5%;margin-right: 10%;}
.about-b-img .img100:nth-child(4){width: 18%;vertical-align: top;margin-top: 5%;margin-right: 2%;}
.about-b-con{width: 44.8%;}
.title46 h1 span{font-size: 26px;color: #6b6b6b;font-family: dincondregular;text-transform: uppercase;margin-left: 20px; line-height: 1em;}
.title46 span{font-size: 26px;color: #6b6b6b;font-family: dincondregular;text-transform: uppercase;display: inline-block;}
/*.title46-fff span{color: #fff;}*/
.about-b-text{min-height: 300px;margin-bottom: 35px;}
.about-b-text p{color: rgba(51,51,51,.6);margin-top: 30px;}
.about-play{display: flex;align-items: center;}
.about-play .i{border-top: 1px solid #e60012;width: 0;transition: all 2s;}
.about-play p{font-family: dincondregular;font-size: 22px;color: #e6242e;text-transform: uppercase;margin: 0 20px;animation-delay: 0.3s !important;}
.about-play a{display: block;width: 124px;height: 50px;background-color: #e6242e;background-image: url("../images/dbx3.png");background-repeat: no-repeat;background-position: center;border-radius: 50px;animation-delay: 0.6s !important;}

.about-play a:before{
    content: '';
    position: absolute;
    border: #e6242e solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-radius: 50px;
    animation-iteration-count:infinite;
}
@-webkit-keyframes hvr-ripple-out {
    100% {
        top:-12px;
        right:-12px;
        bottom:-12px;
        left:-12px;
        opacity:0
    }
}@keyframes hvr-ripple-out {
     100% {
         top:-12px;
         right:-12px;
         bottom:-12px;
         left:-12px;
         opacity:0
     }
 }
.about-play a:hover:before{-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.about-play.active .i{width: 60px;}


.year{font-size: 36px;font-family: dincondregular;color: #fff;margin-bottom: 12px;}
.history-title{font-size: 26px;color: #fff;margin-bottom: 8px;}
.history-txt p{color: rgba(255,255,255,.5);}
.history .swiper-slide{height: 530px;}
.hiscon{height: 240px;overflow: auto;padding-left: 50px;width: 520px;}
.history .swiper-slide.n4 .hiscon{width: auto;}
.history .swiper-slide.last .hiscon{width: auto;}
.swiper-slide.odd .hiscon{margin-top: 280px; padding-top: 50px;}
.history:before{content: '';position: absolute;width: 100%;top:50%;left: 0;border-top: 1px solid #9999aa;}
.history-dot{position: absolute;width: 15px;height: 15px;border:1px solid #9999aa;border-radius: 100%;top:50%;margin-top: -8px;background: #000; left: 0;}
.history-line{position: absolute;left: 8px;top:0;border-left: 1px solid #9999aa;height: 50%;margin-top: -4px;}
.history-line:before{content: '';width: 10px;height: 10px;background: #fff;border-radius: 100%;position: absolute;top:4px;left: -5px;}
.swiper-slide.odd .history-line{top:50%;margin-top: 8px;}
.swiper-slide.odd .history-line:before{top:100%;margin-top: -18px;}
.about-d{width: 48%;margin-top: -120px;}
/*.ppys{padding-top: 30px;}*/
.ppys li{position: relative;padding-left: 90px;min-height: 64px;margin-bottom: 40px;}
.ppys li img{width: 64px;left: 0;top:50%; margin-top: -32px;position: absolute;}
.ppys li h5{color: #fff;font-size: 26px;margin-bottom: 15px;}
.ppys li p{color: #fff;}
.history-box{padding-top: 120px;}
/*列表2*/
.hot-txt-style h1{font-size: 32px;color: #fff;margin-bottom: 8px;}
.hot-txt-style p{font-size: 22px;color: #fff;opacity: 0.6;margin-bottom: 15px;}
.hot-txt-style a{display: inline-block;border-bottom: 1px solid #fff;color: #fff;padding-bottom: 4px;margin: 0 25px;}
.hot-txt-style a:hover{color: #e6242e;border-color: #e6242e;}
.white-dot{position: absolute;z-index: 5;width: 100%;bottom:20px;text-align: center;}
.white-dot .swiper-pagination-bullet{width: 6px;height: 6px;border:1px solid #fff;background: none;opacity: 1;margin: 0 6px;}
.white-dot .swiper-pagination-bullet-active{background: #fff;}
.gray-dot{z-index: 5;width: 100%;text-align: center;margin-top: 40px;}
.gray-dot .swiper-pagination-bullet{width: 6px;height: 6px;border:1px solid #ccc;background: none;opacity: 1;margin: 0 6px;}
.gray-dot .swiper-pagination-bullet-active{background: #e6242e;border-color: #e6242e;}
.hotpro-warp{padding:0 20px;}
.hot-pro-b li{position: relative;float: left;width: 48.6%;margin-right: 2.8%;margin-top: 2.8%;}
.hotpro-con{position: absolute;right: 0;width: 100%;bottom:50px;}
.hot-pro-b1 li:nth-child(1){width: 100%;margin-top: 0;}
.hot-pro-b1 li:nth-child(1) .hotpro-con,.hotpro-box .hotpro-con{width: 50%;height: 100%;bottom:0;}
.hot-pro-b1 li:nth-child(1) .hot-txt-style p,.hotpro-box .hot-txt-style p{margin-bottom: 35px;}
.hotpro-box{margin-bottom: .3%;}
.hot-pro-b2 li:nth-child(2){margin-right: 0;}
.title32{margin-bottom: 40px;}
.title32 h1{font-size: 32px;margin-bottom: 5px;}
.title32 p{font-size: 16px;color: #666;}
.condition{background: #fff;}
.conditions{position: relative;padding: 18px 50px;border-bottom: 1px solid #ebebeb;}
.conditions:last-child{border:none;}
.condition-type{position: absolute;top:18px;left: 50px;color: #999;line-height: 25px;}
.condition-con{margin-left: 90px;}
.conditions a{color: #666;margin-right: 30px;display: inline-block;line-height: 25px;box-sizing: border-box;}
.conditions a:hover{color: #e6242e;}
.conditions a.active{color: #e6242e;}
.conditions:nth-child(3) a{color: #e6242e;border:1px solid #e6242e;border-radius: 25px;padding: 0 25px 0 15px;font-size: 12px;position: relative;}
.conditions:nth-child(3) a:after{content: '';position: absolute;right: 10px;top:50%;margin-top: -4px;width: 7px;height: 7px;background: url("../images/gb7.png") no-repeat center;background-size: cover;}
.margin-b100{margin-bottom: 100px;}
.cp{font-size: 0;}
.cp li{display: inline-block;font-size: 14px;text-align: center;width: 32%;margin-right: 2%;position: relative;margin-bottom: 2%;vertical-align: top;transition: all .4s;}
.cp li:hover{box-shadow: 0 1px 10px #ddd;}
.cp li .img100{height: 265.69px;background: #fff;}
.cp li:nth-child(3n){margin-right: 0;}
.cp-bot{background: #fff;padding: 25px 12px;}
.cp-bot-style h5{font-size: 18px;font-family: dincondregular;margin-bottom: 3px;}
.cp-bot-style p{color: #999;margin-bottom: 10px;height: 1.6em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.cpjg span{font-family: abelregular;}
.cpjg span:nth-child(1){color: #d7a623;font-size: 18px;margin-right: 15px;}
.cpjg span:nth-child(2){color: #999;text-decoration: line-through;}
.rmtj{position: absolute;right: 24px;top:24px;line-height: 25px; z-index: 3;font-size: 12px;color: #e6242e;border-top: 1px solid #e6242e;border-bottom: 1px solid #e6242e;}
a:hover .cp-bot-style h5{color: #e6242e;}
a:hover .cp-bot-style p{color: #e6242e;}


/*产品详情*/
.bgfff{background: #fff;}
.positon-nav{padding-top: 25px;}
.positon-nav img{margin: 0 6px;width: 5px;}
.xqbanner{width: 40%;position: relative;}
.view{margin-bottom: 20px;}
.preview{margin-top: 2%;}
.preview .swiper-container{margin: 0 30px;}
.preview .swiper-slide{cursor: pointer;width: 18%;margin-right:2.5%;}
.preview .swiper-slide:last-child{margin-right: 0;}
.preview .swiper-slide .img100{position: relative;}
.preview .swiper-slide .img100:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0; border:2px solid transparent;box-sizing: border-box;}
.preview .swiper-slide.active-nav .img100:before{border-color:#e6242e;}
.bigBtn a{position: absolute;top:0;height: 100%;width: 24px;border:1px solid #dedede;box-sizing: border-box;background-color: rgba(0,0,0,.3);background-repeat: no-repeat;background-position: center;transition: all .4s;}
.arrow-left{left: 0;background-image: url("../images/111.png");}
.arrow-right{right: 0;background-image: url("../images/222.png");}
.bigBtn a:hover{background-color: #e6242e;}
.xqms{width: 54%;}
.xqms-a h1{font-size: 26px;}
.xqms-a h2{font-size: 16px;margin-bottom: 32px;}
.xqms-b{border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin: 20px 0;padding: 20px 0;}
.xqms-b span{font-family: dincondregular;display: inline-block;}
.xqms-b span:nth-child(1){font-size: 36px;color: #e60012;}
.xqms-b span:nth-child(2){font-size: 36px;color: #e60012;margin-right: 20px;}
.xqms-b span:nth-child(3){font-size: 22px;color: #999;text-decoration: line-through;}
.xqms-b span:nth-child(4){font-size: 22px;color: #999;text-decoration: line-through;}
.xqms-cs{position: relative;margin-bottom: 20px;min-height: 46px;}
.xqms-cs:last-child{margin-bottom: 0;}
.xqms-cs:last-child .xqms-cs-tip{line-height: 30px;}
.xqms-cs-tip{position: absolute;top:0;left: 0;font-size: 16px;color: #999;line-height: 46px;}
.xqms-cs-nr{margin-left: 97px;}
.sales{font-size: 16px;color: #e60012;line-height: 1.7em;}
.sales img{width: 35px;vertical-align: middle;margin: -4px 5px 0 0;}
.hw-cs-style li{float: left;background: #f9f9f9;box-sizing: border-box;border:1px solid #e3e3e3;line-height: 42px;}
.hw-cs-style li a{display: block;padding: 0 6px;color: #999;}
.hw-cs-style li.active{border-color: #e6242e;}
.hw-cs-style li.active a{color: #e6242e;}
.hw-cs-style li:hover{border-color: #e6242e;}
.hw-cs-style li:hover a{color: #e6242e;}
.hw-cs li{width: 49%;margin-right: 2%;margin-bottom: 2%; }
.hw-cs li:nth-child(even){margin-right: 0;}
.qiti li{margin-right: 16px;}
.qiti li a{padding: 0 12px;font-size: 16px;}
.cal{width: 89px;border:1px solid #ccc;  display: inline-block;vertical-align: middle;}
.calbtn{text-align: center;width: 27px;line-height: 28px;-webkit-user-select:none;-moz-user-select:none;cursor: pointer;}
.cal-down{border-right: 1px solid #ccc;}
.cal-up{border-left: 1px solid #dedede;}
.calnum{width: 33px;text-align: center;font-family: abel;display: block;height: 28px;outline: none;appearance:button; -moz-appearance:button; /* Firefox */  -webkit-appearance:button; /* Safari 和 Chrome */}
.calbtn.none{cursor: default;}
.xqms-d{margin: 0 55px;}
.colected{display: flex;}
.add-car{background: #e6242e;width: 177px;line-height: 41px;text-align: center;
    background:-moz-linear-gradient(top,#f65e6a,#e70819);/*火狐*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f65e6a), to(#e70819));/*谷歌*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f65e6a', endColorstr='#e70819'); /*IE6 & IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f65e6a', endColorstr='#e70819')"; /* IE8 */ border-radius: 41px;color: #fff;font-size: 16px;}
.xqms-d{margin-top: 32px;}
.collect{position: relative;padding-left: 20px;margin-right: 5px;}
.collect:before{position: absolute;width: 18px;height: 18px;top:50%;margin-top: -9px;left: 0;content: '';background: url("../images/sc.png") no-repeat center;background-size: cover;filter: grayscale(1);opacity: .5;}
.share-box{margin-left: 12px;}
.fx{position: relative;padding-left: 20px;}
.fx:before{position: absolute;width: 16px;height: 16px;top:50%;margin-top: -8px;left: 0;content: '';background: url("../images/fx.jpg") no-repeat center;background-size: cover;}
.colected{margin-top: 10px;}
.collect.active{color: #e6242e;}
.collect.active:before{filter: grayscale(0);opacity: 1;}
.collect:hover{color: #e6242e;}
.collect:hover:before{filter: grayscale(0);opacity: 1;}
.margin-t40{margin-bottom: 40px;}
.font18{font-size: 18px;}
.tjbtn{position: absolute;right: 0;top:50%;margin-top: -20px;}
.tjbtn div{width: 40px;height: 40px;background-color: #fff;filter: grayscale(1);opacity: .3;cursor: pointer;}
.tjbtn1{background-image: url("../images/jt1.png");}
.tjbtn2{background-image: url("../images/jt2.png");margin-left: 12px;}
.tjbtn div:hover{background-color: #fff;filter: grayscale(0);opacity: 1;}
.tab-bar-box{border-top: 1px solid #e4e4e4;height: 76px;}
.hw_tab-bar{font-size: 0;line-height: 76px;}
.hw_tab-bar a{display: inline-block;margin-right: 96px;font-size: 16px;color: #999;position: relative;}
.hw_tab-bar a:after{content: '';position: absolute;bottom:20px;width: 0;left: 50%;transform: translateX(-50%);border-top: 1px solid #e6242e;}
.hw_tab-bar a.active{color: #e6242e;}
.hw_tab-bar a.active:after{width: 100%;}
.hw_tab-bar a:hover{color: #e6242e;}
.hw_tab-bar a:hover:after{width: 100%;}
.tab-bar-box .add-car{position: absolute;right: 0;top:50%;width: 105px;line-height: 32px;border-radius: 32px;font-size: 14px;margin-top: -16px;}
.onlne{position: absolute;right: 130px;top:50%;font-size: 16px;color: #333;margin-top: -11px;padding-left: 39px;}
.onlne:before{content: '';position: absolute;width: 23px;height: 21px;background: url("../images/kf.png") no-repeat center;background-size: cover;left: 0;top:50%;margin-top: -10px;}
.edited img{display: block;height: auto !important;max-width: 100%;vertical-align: bottom;margin: 0 auto;}
.edited-page{display: none;padding: 50px;}
.edited{padding: 0;}
.edited-page.active{display: block;}
.bzcs-list:first-child{padding-top: 25px;}
.bzcs-list:last-child{padding-bottom: 0;border:none;}
.bzcs-list{padding: 50px 0 25px;border-bottom: 1px solid #e4e4e4;position: relative;min-height: 40px;}
.bzcs-list h5{position: absolute;top:0;left: 0;font-size: 16px;}
.bzcs-cont{margin-left: 20%;}
.bzcs-cont{font-size: 0;}
.bzcs-cont li{display: inline-block;vertical-align: top;width: 48%;padding-right: 2%;font-size: 14px;margin-bottom: 12px;padding-bottom: 12px; border-bottom: 1px dashed #ddd;}
.bzcs-cont li:nth-child(odd){width: 35%;}
.bzcs-cont li:nth-child(even){color: #666;width: 61%;}

.evaluate{border-bottom: 1px solid #e4e4e4;}
.evaluate a{color: #666;font-size: 16px;margin-right: 70px;display: inline-block;padding-bottom: 25px;position: relative;transition: all .4s;}
.evaluate a:after{position: absolute;content: '';left: 50%;width: 0;transform: translateX(-50%);bottom:-1px;border-bottom: 1px solid #e6242e;transition: all .4s;}
.evaluate a.active{color: #e6242e;}
.evaluate a.active:after{width: 100%;}
.evaluate a:hover{color: #e6242e;}
.evaluate a:hover:after{width: 100%;}
.evaluate-top{margin-bottom: 20px;}
.evaluate-pages{padding: 50px 0 30px;border-bottom: 1px solid #e4e4e4;}
.ev-name h5{font-size: 16px;display: inline-block;margin-right: 25px;}
.ev-name p{font-size: 16px;display: inline-block;font-family: dincondregular;color: #999;}
.ev-pj span,.wuxing,.wuxings{display: inline-block;font-size: 16px;vertical-align: middle;}
.wuxings{width: 18px;height: 18px;background: url("../images/wu1.png") no-repeat center;background-size: cover;margin-top: -4px;}
.wuxings.active{background: url("../images/wu2.png") no-repeat center;background-size: cover;}
.evaluate-text p{font-size: 16px;color: #666;}
/*.evaluate-text{margin-bottom: 20px;}*/
.evaluate-imgs{font-size: 0;}
.evaluate-imgs span{display: inline-block;font-size: 14px;width: 95px;padding: 1px;border:1px solid #ddd;margin-right: 32px;margin-top: 20px;cursor: url(../images/fd.png),auto;}
.evaluate-imgs span img{vertical-align: bottom;width: 100%;}
.evaluate-imgs span.active{border-color: #e6242e;cursor: url(../images/sx.png),auto;}
.evaluate-big-img{max-width: 100%;overflow: hidden;width: 0;transition: all .3s;height: 0;margin-top: 20px;}
.evaluate-big-img img{cursor: url(../images/sx.png),auto;}
.evaluate-img-btn1{cursor: url(../images/k1.png),auto;}
.evaluate-img-btn2{cursor: url(../images/k2.png),auto;}
.evaluate-big-img.active{width: 490px;height: auto;margin-bottom: 20px;}
.reply{padding: 14px 24px;background: #f9f9f9;margin: 20px 0;}
.reply-l{position: absolute;left: 0;top:0;font-size: 16px;color: #f00;line-height: 1.6em;}
.replys{margin-left: 50px;}
.replys p{font-size: 16px;}
.evaluate-tab{display: none;}
.evaluate-tab.active{display: block;}
.evaluate-pages:last-child{border-bottom: none;}
.shfw li{position: relative;padding-bottom: 30px;min-height: 130px;}
.shfw h3{position: absolute;left: 0;top:0;font-size: 16px;color: #e60012;}
.shfw-dot{width: 38px;height: 38px;position: absolute;top:-8px;left: 106px;background: #f27f88;border-radius: 100%;z-index: 2;}
.shfw-dot:before{content: ''; top:8px;right: 8px;bottom:8px;left: 8px; position: absolute;background: #e60012;border-radius: 100%;}
.shfw-con{margin-left: 182px;}
/*.shfw-con p{font-size: 16px;}*/
.shfw-line{position: absolute;height: 100%;top:0;left: 125px;border-left: 1px solid #faccd0;content: '';z-index: 1;}
.shfw li:last-child{min-height: 100%;}
.shfw li:last-child .shfw-line{display: none;}



/*移动端首页*/
.menu{text-align: center;background: #fff;position: fixed;z-index: 997;left: 0;width: 100%;bottom:0;border-top: 1px solid #cfcfcf;display: none;}
.menu a{float: left;width: 25%;font-size: 13px;padding: 10px 0;}
.menu a img{width: 20px;}
.header-btn{position:absolute;left:4%;width:20px;height:16px;top:50%;margin-top: -8px;display: none;}
.header-btn span{position: absolute;width: 100%;height: 1px;background: #fff;left: 0;transform-origin: left;transition: all .4s;}
.header-btn span:nth-child(1){top:0;}
.header-btn span:nth-child(2){top:50%;margin-top: -1px;width: 70%;}
.header-btn span:nth-child(3){bottom:0;}
.header-btn.active span:nth-child(1){transform: rotate(45deg);}
.header-btn.active span:nth-child(2){width: 0;}
.header-btn.active span:nth-child(3){transform: rotate(-45deg);}
.dai{display: none;position: absolute;right: 4%;width: 18px;top:50%;margin-top: -9px;}
.wapbanner{margin-bottom: 6px;}
.wapbanner-text{position: absolute;left: 4%;top:13%;width: 92%;text-align: center;}
.wapbanner-text h1{margin: 10px 0 15px;}
.wapbanner-text h1 img{max-width: 90%;vertical-align: bottom;}
.wapbanner-text h2{color: #2ea0f8;font-size: 14px;}
.gms{color: #e6242e;margin: 0 24px;padding-right: 15px;position: relative;display: inline-block;}
.gms:after{width: 6px;height: 12px;background: url("../images/jt3.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -6px;content: '';position: absolute;}
.wapbanner .hotproDot{bottom:10px;}
.phonePro li{margin-bottom: 6px;}
.phonePro a{display: block;position:relative;}
.procon{position: absolute;left: 4%;width: 92%;top:7%;}
.procon h1{font-size: 21px;}
.procon h2{font-size: 14px;margin: 2px 0 6px;color: #666;}
.phonePro li:nth-child(1) h2{color: #2ea0f8;}
.phonePro li:nth-child(2) h2{color: #2ea0f8;}
.phonePro li:nth-child(5) .procon-bot{text-align: left;margin-left: 41%;margin-top: 22%;}
.phonePro li:nth-child(5) h2{color: #333;}
.phonePro li:nth-child(5) h3{font-size: 15px;color: #368b3e;}
.phonePro li:nth-child(5) p{color: #999;font-size: 15px;}
.phonePro li:nth-child(6) .procon-bot{margin-top: 20%;}
.phonePro li:nth-child(6) h2{color: #333;}
.phonePro li:nth-child(6) h3{font-size: 28px;color: #2483cc;}
.phonePro li:nth-child(6) p{color: #999;font-size: 12px;}
.phonePro li:nth-child(7) .procon-bot{margin-top:8%;}
.phonePro li:nth-child(7) h2{color: #333;}
.phonePro li:nth-child(7) h3{font-size: 14px;color: #ec9d13;}
.phonePro li:nth-child(7) p{color: #ec9d13;font-size: 14px;}
.fuwu{margin-top: 4%;}
.fuwu li{float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;background: #f7f7f7;box-sizing: border-box;padding: 20px 0;}
.fuwu li:nth-child(even){margin-right: 0;}
.fuwu img{width: 44px;max-width: 80%;}
.fuwu p{margin-top: 10px;}
.fuwu span{display: block;font-size: 13px;color: #999;}
/*公司logoo*/
.padding-tb70{padding: 70px 0;}
.download{display: flex;justify-content: space-between;}
.download-l{width: 20.8%;}
.download-warp{padding: 20px;}
.download-l h2{font-size: 20px;color: #000;border-bottom: 1px solid #ececec;padding-bottom: 15px;margin-bottom: 25px;}
.download-nav li{margin-bottom: 25px;}
.download-nav li a{position: relative;display: block;padding-left: 20px;}
.download-nav li a:before{content: '';position: absolute;width: 6px;height: 6px;background: #bbb;border-radius: 100%;left: 0;top:50%;margin-top: -3px;}
.download-nav li.active a{color: #e6242e;}
.download-nav li.active a:before{background: #e6242e;}
.download-nav li:hover a{color: #e6242e;}
.download-nav li:hover a:before{background: #e6242e;}
.download-r{width: 78.2%;box-sizing: border-box;padding: 27px 35px 50px;}
.download-position{border-bottom: 1px solid #ececec;padding-bottom: 15px;}
.top-grs img{vertical-align: middle;margin-top: -2px;}
.top-grs a:nth-child(1) img{margin-right: 5px;margin-top: -4px;width: 21px;}
.top-grs a{color: #999;}
.top-grs a:last-child{color: #333;}
.pers{color: #e60012;position: relative;padding-left: 23px;margin-right: 5px;}
.pers:before{content: '';position: absolute;width: 17px;height: 17px;background: url("../images/icon5.png") no-repeat center;background-size: cover;left: 0;top:50%;margin-top: -8px;}
.logoxz{margin: 44px 0;}
.logoxz .img100{width: 32%;}
.logoxz-text{width: 62%;}
.logoxz-text h3{font-size: 22px;margin: 20px 0;}
.logoxz-text p{font-size: 16px;color: #666;}
.logo-list li{float: left;width: 48%;margin-right: 4%;margin-bottom: 2%;}
.logo-list li:nth-child(even){margin-right: 0;}
.logo-list li a{display: block;border:1px solid #ccc;padding:0 20px;position: relative;}
.logo-list li p{line-height: 32px;font-size: 16px;color: #666;margin-right: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.logo-list li a:hover{border-color: #e6242e;}
.logo-list li a:hover p{color: #e6242e;}
.load-icon{position: absolute;width: 18px;height: 16px;background: url("../images/xz.png");filter: grayscale(1);top:50%;margin-top: -8px;}
a:hover .load-icon{filter: grayscale(0);}
.logo-list .i{right: 22px;}
/*2产品手册*/
.sc{font-size: 0;margin: 40px 0;}
.sc li{display: inline-block;font-size: 14px;width: 29.6%;margin-right: 5.6%;vertical-align: top;margin-bottom: 30px;}
.sc li:nth-child(3n){margin-right: 0;}
.sc li .img100{margin-bottom: 15px;}
.sc li p{font-size: 16px;}
.sc .i{right: 0;}
.sc li:hover p{color: #e6242e;}
.page{text-align: center;font-size: 0;margin-top: 40px;}
.page a{font-size: 14px;line-height: 30px;border:1px solid #d1d1d1;color: #666;display: inline-block;padding: 0 12px;margin: 0 6px;}
.page a.active{background: #e6242e;color: #fff;border-color: #e6242e;}
.page a:hover{background: #e6242e;color: #fff;border-color: #e6242e;}
/*3音频*/
.vios li{border-bottom: 1px dashed #e5e5e5;float: left;width: 48%;margin-right: 4%;position: relative;z-index: 1;}
.vios li:nth-child(even){margin-right: 0;}
.vios li p{line-height: 58px;}
.xz{position:absolute;width:25px;height:25px;border:1px solid #333;border-radius: 100%;top:50%;margin-top: -13px;cursor: pointer;filter: grayscale(1);}
.playaudio{right: 47px;background-image: url("../images/icon6.png");}
.xzaudio{right: 7px;background-image: url("../images/icon7.png");opacity: 0.6;}
.playaudio:hover{background-image: url("../images/icon8.png");}
.xz:hover{border-color: #e6242e;filter: grayscale(0);opacity: 1;}
.vios li.active .playaudio{background-image: url("../images/icon8.png");border-color: #e6242e;filter: grayscale(0);opacity: 1;}
.gobg{content: '';position: absolute;left: 0;height: 100%;width: 0;background: #f6f6f6;top:0;z-index: -1;}
.imgscale .img100{overflow: hidden;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.myMusic{display: none;}
/*4演示物料*/
.yswl li{border-bottom: 1px dashed #e6e6e6;}
.yswl a{display: block;padding: 30px 0;}
.yswl-img{width: 126px;float: left;border-radius: 4px;overflow: hidden;}
.yswl-con{position: relative; margin-left: 152px;}
.yswl-con h5{font-size: 16px;margin-bottom: 20px;}
.yswl-con p{color: #666;line-height: 2em;}
.yswl-con span{position: absolute;right: 0;top:0;color: #999;font-family: dincondregular;font-size: 16px;}
.yswl-img{position: relative;}
.yswl-img:before{content: ''; position: absolute;width: 24px;height: 24px;background-color: #e6242e;border-radius: 4px;background-image: url("../images/icon9.png");right: 10px;bottom:10px;}
/*5产品知识*/
.knowledge li{border-bottom: 1px dashed #e5e5e5;}
.knowledge a{display: block;position: relative;}
.knowledge p{line-height: 62px;white-space: normal;overflow: hidden;text-overflow: ellipsis;font-size: 16px;margin-right: 120px;}
.knowledge span{position: absolute;right: 46px;top:50%;margin-top: -10px;font-size: 18px;color: #999;font-family: dincondregular;}
.knowledge .i{right: 0;}
.knowledge a:hover p{color: #e6242e;}



/*8广告类*/
.adv,.videolist{margin-top: 25px;}
.adv li{margin-bottom: 30px;}
.adv-re{margin-top: 25px;}
.adv-re p{position: relative;padding-left: 50px;}
.adv-re p:before{position: absolute;width: 40px;top:10px;left: 0;content: '';border-top: 1px solid #e6e6e6;}
.adv-re .i{right: 0;}
/*9视频文件*/
.videolist{font-size: 0;}
.videolist li{display: inline-block;vertical-align: top;font-size: 14px;width: 49%;margin-right: 2%;margin-bottom: 20px;}
.videolist li:nth-child(even){margin-right: 0;margin-bottom: 4%;}
.videotop{cursor: pointer;margin-bottom: 20px;}
.videotop .position-full{background: rgba(0,0,0,.2);}
.videotop .position-full .i{position: relative;width: 58px;height: 58px;background: transparent;border-radius: 100%;margin: 0 auto;}
.videotop .position-full .i:before{content: '';position: absolute;top:3px;right: 3px;bottom:3px;;left: 3px;border-radius: 100%;background: #fff;z-index: 1;}
.videotop .position-full .i:after{content: '';position: absolute;top:3px;right: 3px;bottom:3px;;left: 3px;border-radius: 100%; background-image: url(../images/bofang.png);filter: brightness(0);z-index: 2;}
.videotop:hover .i{background: rgba(230,0,18,.5);}
.videotop:hover .i:before{background: rgba(230,0,18,1);}
.videotop:hover .i:after{filter: brightness(1);}
.videobot .i{right: 0;}
.videobot a{display: block;position: relative;}
.videobot p{font-size: 16px;}
.videobot a:hover p{color: #e6242e;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
/*登录*/
.loginimg{width: 50%;position: absolute;top:0;left: 0;height: 100%;}
.login-con{width: 50%;min-height: 458px; float: right;}
.login-warp{margin:40px auto;max-width: 92%; width: 378px;}
.title26{margin-bottom: 35px;}
.title26 h3{font-size: 26px;}
.login-list{margin-bottom: 20px;}
.login-border{border:1px solid #ccc;border-radius: 6px;overflow: hidden;}
.login-list span{position: absolute;left: 14px;line-height: 42px;font-size: 16px;color: #999;}
.login-list span img{vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.login-input{margin-left: 50px;}
.login-input .text{display: block;width: 100%;height: 42px;font-size: 16px;color: #333;}
.yzm{position: absolute;top:50%;margin-top: -16px;right: 0;}
.yzm img{display: block;width: 112px;height: 32px;vertical-align: bottom;}
.login-list-code .login-border{margin-right: 128px;}
.denglu{display: block;text-align: center;line-height: 44px;font-size: 16px;color: #fff;background: #e6242e;border-radius: 6px;margin: 20px 0;}
.forget{color: #666;}
.forget:hover{text-decoration: underline;}
.topeara a.hyn{color: #fff;}
.topeara a:hover{color: #e6242e !important;}
/*1帮助中心*/
.guide{padding: 22px 0;line-height: 30px;}
.guide-l{font-size: 0;}
.guide-l a{display: inline-block;font-size: 14px;border-radius: 30px;padding: 0 25px;margin-right: 10px;}
.guide-l a:last-child{margin-right: 0;}
.guide-l a.active{background: #e6242e;color: #fff;}
.guide-l a:hover{background: #e6242e;color: #fff;}
.bgf3{background: #f3f3f3;}
.help-nav{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;}
.help-nav a{text-align: center;}
.help-nav p{margin-top: 5px;}
.help-nav img{filter: grayscale(1);}
.help-nav a.active img{filter: grayscale(0);}
.help-nav a.active p{color: #e6242e;}
.help-nav a:hover img{filter: grayscale(0);}
.help-nav a:hover p{color: #e6242e;}
.help-list li{background: #fff;padding: 20px 30px;margin-bottom: 12px;position: relative;cursor: pointer;}
.help-list li:after{width: 12px;height: 10px;content: '';position: absolute;top: 28px;right: 30px;background: url("../images/sjx.png") no-repeat center;background-size: cover;transition: all .4s;}
.help-list li.active:after{transform: rotate(180deg);}
.quesiotn{position: relative;padding-left: 38px;}
.quesiotn p{font-size: 18px;margin-right: 20px;}
.quesiotn span{position: absolute;left: 0;top:0;font-size: 26px;color: #e6242e;font-family: dincondregular;line-height: 1em;}
.anser{margin-top: 15px;display: none;}
.anser p{font-size: 16px;color: #666;}
.anser  span{top:-2px;}
/*2在线保修*/
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #e6242e;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.bx-l{width: 50%;}
.bx-warp{padding: 55px;}
.bx-list{border-bottom: 1px solid #f1f1f1;}
.bx-tip{position: absolute;line-height: 66px;top:0;left: 0;font-size: 16px;}
.bx-tip img{vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.bx-right{margin-left: 82px;}
.bx-input .text{display: block;width: 100%;height: 66px;font-size: 16px}
.bx-select{line-height: 66px;height: 66px;font-size: 16px;}
.bx-list-select{cursor: pointer;z-index: 5;}
.bx-list-select:after{content: '';position: absolute;width: 11px;height: 9px;background: url("../images/dbx2.png") no-repeat center;background-size: cover;top:50%;margin-top: -5px;right: 5px;transition: all .4s;}
.bx-list-select.active:after{transform: rotate(180deg);}
.bx-select-list{position: absolute;background:#fff;left: 0;width: 100%;top:67px;box-shadow: 0 1px 2px #ddd;display: none;max-height: 250px;overflow: auto;}
.bx-select-list a{display: block;line-height: 50px;font-size: 16px;padding-left: 20px;}
.bx-select-list a:hover{background: #e6242e;color: #fff;}
.bx-area{padding-top: 22px;}
.bx-area textarea{display: block;font-size: 16px;resize: none;width: 100%;height: 130px;}
.tj{display: block;margin: 30px auto 0;background: #333;color: #fff;text-align: center;font-size: 16px;width: 210px;max-width: 80%;line-height: 42px;}
.bx-r{position: absolute;right: 0;top:0;height: 100%;width: 50%;}
.bxdh{margin: 70px;}
.bxdh p{font-size: 16px;margin-bottom: 20px;}
.bxdh span{font-size: 22px;font-family: dincondregular;color: #e6242e;vertical-align: middle;margin-top: -2px;}

/*4专卖店*/
.padding40{padding: 40px;}
.md-ss{padding: 20px;margin-bottom: 55px;z-index: 9;position: relative;}
.sousuo{position: absolute;right: 0;top:0;width: 136px;line-height: 44px;text-align: center;background: #c70025;color: #fff;font-size: 16px;}
.md-ss-page{margin-right: 180px;}
.mdss-list{float: left;width: 32%;margin-right: 2%;position: relative;}
.mdss-list-last{margin-right: 0;}
/*.mdss-list-last input{display: block;height: 44px;text-indent: 1em;font-size: 16px;width: 100%;}*/
/*.mdss-list-last .mdss-right{margin-left: 0;}*/
/*.mdss-list-last .mdss-right:after{display: none;}*/
.maodian{position: absolute;left: 0;}
#f12{top:-60px;}
.xzsf{position: absolute;left: 0;top:0;line-height: 44px; color: #333;font-size: 16px;}
.mdss-right{margin-left: 50px;background: #fff;cursor: pointer;position: relative;}
.mdss-right:after{position: absolute;width: 11px;height: 8px;background: url(../images/sjx3.png) no-repeat center;background-size:cover;top: 50%;margin-top: -4px; right: 14px;content: '';transition: all .3s;}
.mdss-right.active:after{transform: rotate(180deg);}
.mdss-val{height: 44px;line-height: 44px;text-indent: 1em;}
.mdsss-xx{position: absolute;width: 100%;top:45px;background: #fff;box-shadow: 0 1px 2px #ddd;max-height: 12em;overflow: auto;display: none;}
.mdsss-xx li{text-indent: 1em;line-height: 2.4em;}
.mdsss-xx li a{display: block;}
.mdsss-xx li a:hover{color: #fff;background: #e6242e;}
.map{height: 560px;}
.map-right{position: absolute;top:15px;right: 15px;bottom:15px;background: #fff;width: 360px;z-index: 6;}
.map-warp{position: absolute;top:25px;right: 15px;bottom:25px;left: 25px;}
.sousuojg{margin-right: 20px;}
.sousuojg h4{font-size: 16px;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.map-list{position: absolute;top:70px;left: 0;right: 0;bottom:0;overflow: auto;}
.map-list ul{margin-right: 12px;}
.map-list li{border-bottom: 1px solid #ddd;padding: 30px;position: relative;cursor: pointer;}
.map-list li img{position: absolute;left: 0;top:30px;filter: grayscale(1);opacity: 0.5;width: 17px;}
.map-list h5{font-size:16px;margin-bottom:10px;color: #333;}
.map-list p{color: #333;}
.map-list li.active h5{color:#e6242e;}
.map-list li.active p{color:#e6242e;}
.map-list li.active img{filter: grayscale(0);opacity: 1;}
.map-list li:hover img{filter: grayscale(0);opacity: 1;}
.map-list li:hover h5{color:#e6242e;}
.map-list li:hover p{color:#e6242e;}
.title-line{border-bottom: 1px solid #e0e0e0;padding-bottom: 20px;margin-bottom: 40px;}
.shi-dot{margin-top: 40px;}
.shi-dot .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #d7d7d7;margin: 0 8px;}
.shi-dot .swiper-pagination-bullet-active{background: #e6242e;}
.xxd .img100{border-radius: 8px;overflow: hidden;}
.xxd h5{font-size: 16px;margin-top: 25px;text-align: center;}
.xxd{font-size: 0;}
.xxd li{display: inline-block;vertical-align: top;font-size: 14px;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.xxd li:nth-child(3n){margin-right: 0;}
/*合作加盟*/
.shidai img{display: block;margin: 30px auto;max-width: 80%;}
.title48{margin-bottom: 60px;}
.title48 h1{font-size: 48px;margin-bottom: 20px;color: #484848;}
.title48 p{font-size: 16px;color: #666;width: 867px;max-width: 100%;margin: 0 auto;}
.pplist{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pplist li{width: 15%;box-sizing: border-box;border:4px solid #cacaca;padding: 20px 12px;}
.pplist li img{width: 100px;max-width: 60%;}
.pplist li:hover{border-color: #e6242e;}
.pplist .i{width: 60px;height: 3px;max-width: 50%;margin: 13px auto;background: #dedede;}
.pplist p{font-size: 16px;padding: 0 5px;}
.title48-fff h1{color: #fff;}
.title48-fff p{color: #fff;}
.sbkd-con{width: 500px;max-width: 100%;}
.sbkd-con h1{margin-bottom: 30px;}
.sbkd-con p{line-height: 2em;}
.fkg{padding: 60px 40px;}
.fengkou{position: relative;z-index: 9;padding-bottom: 100px;}
.fengkou-warp{margin-top: -90px;}
.fk li{float: left;width: 31%;margin-right: 3.5%;}
.fk li:nth-child(3n){margin-right: 0;}
.fk li h5{font-size: 26px;color: #484848;margin: 20px 0;}
.fk li p{font-size: 16px;color: #484848;}
.kjlist{margin-bottom: 80px;}
.kjlist li{float: left;width: 50%;}
.kjlist li .img100{width: 50%;position: relative;}
.kj-con{position: absolute;height: 100%;top:0;width: 50%;background: #fff;box-sizing: border-box;padding: 30px;}
.kjlist li .img100:before{content: '';position: absolute;width: 0;height: 0;border:14px solid transparent;top:54px;}
.kj-con h5{font-size: 20px;margin-bottom: 10px;}
.kj-con p{color: #666;}
.kjlist li:nth-child(1) .kj-con,.kjlist li:nth-child(2) .kj-con{right: 0;}
.kjlist li:nth-child(1) .img100:before,.kjlist li:nth-child(2) .img100:before{right: 0;border-right-color: #fff;}
.kjlist li:nth-child(3) .img100,.kjlist li:nth-child(4) .img100{float: right;}
.kjlist li:nth-child(3) .img100:before,.kjlist li:nth-child(4) .img100:before{left: 0;border-left-color: #fff;}
.digital li{width: 21%;padding: 0 2%;float: left;position: relative;}
.digital-top{color: #fff;font-size: 22px;}
.digital-top span{font-size: 60px;font-family: dincondbold;margin-right: 12px;}
.digital p{color: #fff;font-size: 26px;margin-top: 5px;}
.digital li:after{content: '';position: absolute;right: 0;border-right: 1px solid rgba(255,255,255,.3);height: 90%;top:5%;}
.digital li:last-child:after{display: none;}
.market{font-size: 0;}
.market li{font-size: 14px;display: inline-block;vertical-align: top;width: 23%;margin-right: 15.5%;text-align: center;margin-bottom: 60px;}
.market li:nth-child(3n){margin-right: 0;}
.market li img{width: 80px;max-width: 60%;}
.market li h5{font-size: 22px;color: #484848;margin: 20px 0;}
.market li p{text-align: left;}
.zsjm5bot{position: absolute;bottom:37px;width: 100%;left: 0;z-index: 5;}
.zsjm5bots{width: 800px;max-width: 92%;margin: 0 auto;}
.zsjm5bots a{float: left;width: 50%;box-sizing: border-box;line-height: 58px;text-align: center;background: #fff;font-size: 22px;}
.zsjm5bots a:hover,.zsjm5bots .on{background: #e6242e;color: #fff;}
.md-imgs{display: none;}
.md-imgs.active{display: block;}

.jmnow{position: relative;z-index: 4;}
.jmnow-l{margin-right: 540px;}
.jmnow-l .title48 p{width: auto;margin: 0;}
.jmnow-l h3{font-size: 22px;color: #484848;margin-bottom: 50px;}
.jm-input-list{border:1px solid #dfdfdf;position: relative;line-height: 44px;float: left;width: 48%;margin-right: 4%;box-sizing: border-box;margin-bottom: 27px;}
.jm-input-list:nth-child(even){margin-right: 0;}
.jm-input-list span{position: absolute;top:0;color: #666;font-size: 16px;left: 18px;}
.jm-input-r{margin-left: 70px;}
.jm-input-r .text{display: block;height: 44px;width: 100%;font-size: 16px;background: none;}
.tjred{display: block;width: 157px;line-height: 46px;font-size: 16px;background: #e6242e;text-align: center;color: #fff;}
.jm-vales{position: absolute;left: 0;width: 100%;top:45px;background: #fff;border:1px solid #dfdfdf;box-sizing: border-box;max-height: 120px;overflow: auto;display: none;}
.jm-vales a{display: block;font-size: 15px;padding-left: 18px;line-height: 40px;}
.jm-vale{padding-left: 18px;font-size: 16px;}
.jm-vales a:hover{background: #e6242e;color: #fff;}
.jm-select{cursor: pointer;}
.jm-select:after{content: '';position: absolute;width: 12px;height: 10px;top:50%;margin-top: -5px;right: 30px;background: url("../images/sjx.png") no-repeat center;background-size: cover;transition: all .4s;}
.jm-select.active:after{transform: rotate(180deg);}
.jmnow-r{width: 390px;max-width: 100%;position: absolute;right: 0;bottom:0;}
.smk-ma{width: 167px;max-width: 90%;margin: 0 auto;border:1px solid #ccc;}
.smk p{font-size: 16px;margin-top: 15px;}
.jm{margin-right: 20px; font-family: "dincondbold";font-weight: bold;}
.jm i{font-style: normal;font-size: 16px;vertical-align: middle;margin-top: -2px;display: inline-block;}
/*注册*/
.sjyzm{position: absolute;right: 0;line-height: 44px;background: #333;top:0;width: 132px;text-align:center;color: #fff;cursor: pointer}
.ljzc{color: #476175;position: relative;padding-right: 19px;}
.ljzc:after{content: '';position: absolute;width: 12px;height: 12px;background: url("../images/ljzc.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -6px;}
.redBtn{display: inline-block;width: 125px;line-height: 44px;background: #e6242e;text-align: center;color: #fff;font-size: 16px;}
.border-radius-6{border-radius: 6px;}
.forget-box{line-height: 44px;}
.sjyzm.active{}
/*会员中心*/
.huiyuan{padding-top: 0;}
.huiyuan .top-grs{padding: 20px 0;}
.dd-th{line-height: 32px;background: #f0f0f0;}
.dd-col-4{font-size: 0;}
.col-4-pice{font-size: 14px;color: #666;display: inline-block;vertical-align: top;text-align: center;position: relative;}
.col-4-pice:nth-child(1){width: 25%;}
.col-4-pice:nth-child(2){width: 24%;}
.col-4-pice:nth-child(3){width: 19%;}
.col-4-pice:nth-child(4){width: 32%;}
.dd-th .col-4-pice:after{content: '';position: absolute;right: 0;top:50%;margin-top: -5px;height: 10px;border-left:1px solid #cbcbcb;}
.dd-th .col-4-pice:last-child:after{display: none;}
.ddlbs{border:1px solid #e0e0e0;margin-top: 17px;}
.ddlbs .col-4-pice:last-child{text-align: right;}
.ddlb-top{border-bottom: 1px solid #e0e0e0;line-height: 41px;padding-right: 24px;}
.wait{color: #e6242e;}
.ddlb-bot{padding: 12px 24px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ddpros{display: inline-block;vertical-align: middle;position: relative;margin-right: 10px;text-align: center;max-width: 130px;}
.ddpros img{width: 80px;}
.ddpros:last-child{margin-right: 0;}
.ddpros span{position: absolute;right: 0;top:0;background: #476175;border-radius: 20px;color: #fff;padding: 0 5px;}
.btn-border{display: inline-block;border:1px solid #cfcfcf;width: 87px;line-height: 31px;text-align: center;margin-left: 6px;border-radius: 2px;font-size: 12px;}
.btn-border:hover{background: #e6242e;color: #fff;border-color: #e6242e;}
.ddpros p{font-size: 12px;line-height: 1.4em;}
/*评价晒单*/
.sdpj-top{margin-bottom: 40px;}
.sdpj-top a{padding-bottom: 10px;}
.btn-bg-gray{background: #f1f1f1;}
.sdpj-tops{display: flex;justify-content: space-between;line-height: 42px;padding: 0 24px;border-bottom: 1px solid #e0e0e0;}
.sdpj-tops span{color: #666;}
.pjsd-tab{display: none;}
.pjsd-tab.active{display: block;}
/*账户信息*/
.zhxx-list{position: relative;margin-bottom: 22px;width: 340px;max-width: 100%;}
.zhxx-title{position: absolute;left: 0;top:0;font-size: 16px;color: #999;line-height: 32px;}
.zhxx-input{margin-left: 80px;background: #f9f9f9;}
.zhxx-input .text{display: block;width: 100%;height: 32px;background: none;text-indent: 1em;font-size: 16px;color: #666;}
.saveMs{width: 94px;line-height: 32px;font-size: 16px;margin-top: 20px;}
.zzxx-tip{position: absolute;left: 100%;line-height: 32px;width: auto;white-space: nowrap;top:0;font-size: 12px;color: #999;margin-left: 12px;}

/*收货地址*/
.zjdz-style{position: absolute;right: 0;width: 89px;line-height: 33px;border-radius: 4px;font-size: 14px;top:2px;}
.dz-page{padding: 20px;background: #f6f6f6;margin-bottom: 12px;position: relative;}
.dz-page li{position: relative;}
.dz-page li:last-child{margin-bottom: 0;}
.dz-page span{position: absolute;left: 0;top:0;color: #999;}
.dz-page p{margin-left: 135px;display: inline-block;vertical-align: middle;}
.dz-page p.mrdz{margin-left: 20px;padding: 0 10px;display: none;background: #e6242e;color: #fff;}
.dz-page.active p.mrdz{display: inline-block;}
/*.deleteadd{width: 16px;height: 15px;margin-top: -7px;background: url("../images/delete.png");filter: grayscale(1);opacity: 0.5;}*/
/*.deleteadd:hover{filter: grayscale(0);opacity: 1;}*/
.dz-page ul{margin-right: 120px;}
.dz-page-r{position: absolute;right: 0;top:0;}
.dz-page-r a{font-size: 12px;transition: all .4s;}
.dz-page-r a:hover{color: #e6242e;}
.address-mr{width: 80px;line-height: 20px;border:1px solid #f6f6f6;border-radius: 20px;font-size: 12px;text-align: center;margin-bottom: 26px;display: block;}
.address-mr:nth-child(1){border-color: #e6242e;color: #e6242e;display: none;}
.dz-page.active .address-mr:nth-child(1){display: block;}
.dz-page.active .address-mr:nth-child(2){display: none;}

.ad-address{background: rgba(0,0,0,.5);position: fixed;left: 0;width: 100%;top:0;height: 100%;z-index: 999;display: none;}
.ad-invoice{background: rgba(0,0,0,.5);position: fixed;left: 0;width: 100%;top:0;height: 100%;z-index: 999;display: none;}
.ad-ddress-con{position: absolute;background: #fff;width: 760px;box-sizing: border-box;padding: 40px;max-width: 92%;left: 50%;top:50%;transform: translate(-50%,-50%);}
.ad-invoice-con{position: absolute;background: #fff;width: 760px;box-sizing: border-box;padding: 40px;max-width: 92%;left: 50%;top:50%;transform: translate(-50%,-50%);height: 480px;}
.ad-ddress-con h3{font-size: 22px;}
.ad-invoice-con h3{font-size: 22px;margin-bottom: 22px;}
.close32{position: absolute;width: 32px;height: 32px; cursor: pointer; right: 32px;top:26px;background: #e0e0e0 url("../images/close32.png") no-repeat center;background-size: cover;}
.group-label{position: absolute;width: 100px;height: 28px;top: 0;left: 0;text-align: right;padding: 0 5px 0 0;color: #333;}
.group-label:before{display: inline-block;vertical-align: middle;padding: 0 4px;content: "*";color: #ff3333;line-height: 30px;}
.address-edite{margin-top: 35px;}
.address-page{margin-bottom: 14px;}
.address-group{margin-left: 105px;}
.address-text{width: 214px;max-width: 100%;}
.address-text input{display: block;height: 26px;text-indent: 5px;width: 100%;}
.address-group-border{border:1px solid #b4b4b4;}
.sfgroup{width: 340px;max-width: 100%;}
.sfgrops{float: left;width: 32%;margin-right: 2%;}
.sfgrops:last-child{margin-right: 0;}
.sfgrops select{display: block;height: 26px;width: 100%;}
.address-textarea{width: 260px;max-width: 100%;padding: 5px;box-sizing: border-box;}
.address-textarea textarea{display: block;resize: none;width: 100%;height: 56px;}
.default_shipping{position: relative;padding-left: 18px;cursor: pointer;}
.default_shipping:before{content: '';width: 12px;height: 12px;border:1px solid #000;position: absolute;left: 0;top:50%;margin-top: -7px;}
.default_shipping.active:before{background: url("../images/gou12.jpg") no-repeat center;background-size: cover;}
.save{width: 92px;line-height: 37px;border-radius: 6px;margin: 15px 0;}
.baocun{display: block;width: 92px;line-height: 28px;text-align: center;margin-top: 18px; color: #fff;background: #000;}
/*发票信息*/
.invoice-list{position: relative;margin-bottom: 26px;}
/*.invoice-list-conpany{display: none;}*/
/*.invoice-list-conpany.active{display: block;}*/
.invoice-list span{position: absolute;left: 0;top:0;color: #666;line-height: 32px;}
.invoice-con{margin-left: 120px;}
.invoice-type{font-size: 0;}
.invoice-type a{display: inline-block;color: #666;width: 98px;line-height: 30px;background: #f9f9f9;text-align: center;border:1px solid #ccc;font-size: 14px;margin-right: 23px;}
.invoice-type a.active{border-color: #e6242e;color: #e6242e;}
.sbm{border:1px solid #ccc;width: 370px;max-width: 100%;}
.sbm input{display: block;width: 100%;height: 30px;text-indent: 1em;}
.invoice-con .redBtn{line-height: 32px;font-size: 14px;width: 100px;}
/*.invoice-list:last-child{margin-bottom: 0;}*/
.fppage{margin-bottom: 60px;border-top: 1px solid #ccc;padding-top: 20px;}
.fppage:first-child{border-top: none;padding-top: 0;}
.fppage:last-child{margin-bottom: 0;}
.hasfp li{position: relative;padding: 0 20px;margin-bottom: 15px;padding-right: 120px;}
.hasfp li:before{content: '';position: absolute;width: 6px;height: 6px;border-radius:100%;background: #c8c8c8;left: 0;top:7px;}
.hasfp li span{display: inline-block;margin-right: 30px;}
.sc98{position: absolute;right: 0;top:0;}
.sc98 a{color: #666;font-size: 12px;}
.fp-box-b{display: none;}
.fpmx{line-height: 32px;}
.in-df{margin-bottom: 20px;}
.in-df span{margin-right: 10px;display: inline-block;}

/*会员中心-索取发票*/
.ad-ddress-con{width: 520px;}
.hidesqfp-a{margin: 25px 0;}
.fp-yx{border:1px solid #e1e1e1;position: relative;border-radius: 34px;overflow: hidden;width: 340px;max-width: 100%;margin: 10px 0 20px;}
.fp-yx span{position: absolute;left: 17px;top:50%;margin-top: -12px;}
.fp-input{margin-left: 38px;}
.fp-input .text{display: block;height: 34px;width: 100%;text-indent: 1em;}
.hidesqfp .redBtn{width: 89px;line-height: 33px;font-size: 14px;}
/*评价*/
.ddhsj{margin-top: 10px;}
.ddhsj span{display: inline-block;margin: 0 10px;}
.ddhsj span:last-child{color: #666;}
.sppj-page{display: flex;background: #fff;border-bottom: 1px solid #efefef;}
.sppj-img{width: 26%;box-sizing: border-box;border-right: 1px solid #efefef;text-align: center;padding:50px 30px;}
.sppj-img img{max-width: 100%;}
.sppj-img p{margin-top: 5px;}
.sppj-con{width: 74%;padding: 30px;box-sizing: border-box;}
.sppj-list{position: relative;margin-bottom: 20px;}
.sppj-tipe{position: absolute;top:0;left: 0;font-size: 16px;}
.sppj-warp{margin-left: 80px;}
.sppj-warp .wuxing{margin-right: 5px;}
.sppj-warp .wuxings{cursor: pointer;}
.sppj-warp .wuxings.active{background-image: url("../images/wu2.png");}
.sppj-warp .wuxings.hover{background-image: url("../images/wu2.png");}
.rating-value,.rating-stars span,.rating-stars,.rating-stars-container{display: inline-block;vertical-align: middle;color: #666;}
.rating-stars span{margin-left: -10px;}
.rating-value{margin-left: 5px;width: 30px;text-align: right;}
.rating-stars.active input{color: #e6242e;}
.rating-stars.active span{color: #e6242e;}
.sd-text{background: #f9f9f9;padding: 10px 25px;}
.sd-text textarea{display: block;width: 100%;height: 100px;resize: none;background: none; color: #999;}
.photo{font-size: 0;display: inline-block;vertical-align: middle;}
.photos{display: inline-block;vertical-align: middle;font-size: 14px;height: 60px;width: 60px;position: relative;margin-right: 10px;}
.photos .deleteadd{top:0;margin-top: 0;filter: grayscale(0);}
.tp-box,.canimg{display: inline-block;vertical-align: middle;}
.tp-box{width: 59px;height: 59px;border:1px solid #ccc;overflow: hidden;cursor: pointer;background: url("../images/upload.jpg") no-repeat center;background-size: cover;margin-right: 10px;}
.tpFile{width: 60px;height: 60px;cursor: pointer;padding-left: 100px;}
.canimg{color: #999;}
.canimg span{color: #e6242e;}
.nmfb{background: #fff;margin-top: 14px;padding: 45px 12px;text-align: center;}
.nmfb a{width: 210px;line-height: 46px;border-radius: 6px;font-size: 20px;}
.nmfb label{color: #999;display: inline-block;vertical-align: middle;margin-left: 20px;cursor: pointer;}
#nm{vertical-align: middle;margin: -2px 5px 0 0;display: inline-block;}
.jfz{margin-top: 30px;}
.zhmm-con .login-list{margin-bottom: 40px;}


/*订单详细*/
.ddxx-top-bot{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 25px;}
.order-control a{display: inline-block;width: 89px;line-height: 33px;border-radius: 4px;box-sizing: border-box;text-align: center;font-size: 14px;margin-top: 6px;}
.fanghui{border:1px solid #cfcfcf;margin-right: 8px;}
.ddxx-page{border-top: 1px solid #e2e2e2;padding: 40px 0;}
.ddxx-mid{margin-bottom: 40px;}
.ddxx-mid h3{font-size: 18px;margin-bottom: 10px;}
.ddxx-mid p{color: #f00;}
.progress{font-size: 0;}
.progress li{font-size: 14px;display: inline-block;vertical-align: top;text-align: center;width: 16.66%;position: relative;}
.progress-dot{width: 10px;height: 10px;background: #bfbfbf;border-radius: 100%;margin:0 auto;position: relative;z-index: 3;}
.progress li:after{content:'';position: absolute;border-top: 2px solid #bfbfbf;left: 50%;width: 100%;top:4px;z-index: 1;}
.progress li:first-child:before{content: '';position: absolute;left: 0;width: 50%;border-top: 2px solid #fff;top:4px;z-index: 2;}
.progress li:last-child:before{content: '';position: absolute;left: 50%;width: 100%;border-top: 2px solid #fff;top:4px;z-index: 2;}
.progress li p{margin-top: 10px;}
.progress li.active .progress-dot{background: #476175;}
.progress li.active:after{border-color: #476175;}
.title18{margin-bottom: 30px;}
.title18 h3{font-size: 18px;}
.ddxx-nr{border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;}
.ddxx-nr th{background: #f6f6f6;height: 40px;width: 100px;padding: 5px;}
.ddxx-nr td{font-family: dincondregular;font-size: 18px;padding: 5px;border-bottom:1px solid #e8e8e8;}
.qdname{font-size: 14px;font-family: alibabapuhuitiregular, "Microsoft YaHei";}
.djred{color:#e6242e;line-height: 1.4em;}
.passjg{color:#999;font-size: 16px;text-decoration: line-through;line-height: 1.4em;}
.qd-img img{width: 120px;max-width: 92%;}
.margin-b40{margin-bottom: 40px;}
.pricetotle-warp .fl{text-align: right;margin-right: 10px;}
.pricetotle-warp .fr{text-align: left;}
.pricetotle-warp p{margin-bottom: 5px;}
.psxx li{position: relative;margin-bottom: 5px;}
.psxx li span{color: #999;position: absolute;top:0;left: 0;}
.psxx li p{margin-left: 160px;}
/*购物车*/
.gou75{display: block;background: #577289;color: #fff;text-align: center;padding: 7px;margin-bottom: 20px;}
.gou-tip{padding-bottom: 12px;}
.gou-tip li{position: relative;background: #f9eaea;margin-bottom: 12px;border:1px solid #f7c1c5;padding: 5px 44px;color: #e60012;}
.gou-tip li .i{position: absolute;width: 20px;height: 20px;left: 13px;top:5px;}
.gou-tip li:nth-child(2){background-color: #f2f5f8;margin-bottom: 12px;border:1px solid #a7cbe7;padding: 5px 44px;color: #465f73;}
.gou-tip li:nth-child(1) .i{background-image: url("../images/999.png");}
.gou-tip li:nth-child(2) .i{background-image: url("../images/1000.png");}
.gwcbox-top{margin-bottom: 20px;}
#cartTable{margin-bottom: 30px;}
#cartTable th{background: #f9f9f9;height: 50px;}
#cartTable th:nth-child(1){width: 60px;}
#cartTable th:nth-child(2){text-align: left;}
#cartTable td:nth-child(2){text-align: left;}
#cartTable td{border-bottom: 1px solid #e8e8e8;padding: 5px;text-align: center;}
.price,.subtotal{font-family: dincondregular;font-size: 18px;}
.zp{margin-top: 15px;}
.count-box{width: 88px;height: 26px;box-sizing: border-box;border:1px solid #cccccc;border-radius: 4px;position: relative;margin: 0 auto;}
.count-box span{position: absolute;width: 23px;height: 100%;top:0;text-align: center;line-height: 24px;-webkit-user-select:none;-moz-user-select:none;cursor: pointer;}
.reduce{left: 0;border-right: 1px solid #ccc;}
.add{right: 0;border-left: 1px solid #ccc;}
.count-input{display: block;margin: 0 auto;height: 24px;text-align: center;width: 38px;}
.count-box span.none{cursor: default;}
.checkbox{text-align: center;}
.car-ng{display: flex;align-items: center;}
#deleteAll{width: 170px;display: inline-block;margin-left: 30px;}
.car-img{width: 170px;}
.car-img img{width: 120px;max-width:100%;vertical-align: bottom;}
.car-name{width: 250px;max-width: 100%;}
.car-name p{font-size: 16px;}
.car-name span{color: #999;}
.goods{width: 450px;}
.delete:hover{color: #e6242e;text-decoration: underline;}

.subtotal-mf{font-size: 14px;}


.dd-page:nth-child(1){padding-top: 0;}
.dd-page{border-bottom: 1px solid #cecece;padding: 30px 0;}
.dd-page h5{font-size: 16px;margin-bottom: 10px;}
.dd-page:last-child{border-bottom: none;}
.js12 p{color: #465f73;}
.xzzs{font-size: 0;}
.xzzs li{display: inline-block; font-size: 14px;width: 48%;margin-right: 4%;margin-bottom: 10px;margin-top: 10px;}
.xzzs li:nth-child(even){margin-right: 0;}
.xzzs-wearp{display: flex;align-items: center;}
.xzzs-wearp .img100{width: 30%;}
.xzzs-con{width: 64%;margin-left: 6%;}
.xzzs-con-ms{min-height: 3.2em;margin-bottom: 20px;}
.xzzs-con-ms p{margin-bottom: 5px;}
.xzzs-con-ms span{color: #ff0000;display: block;}
.xzzp{position: relative;padding-left: 20px;display: inline-block;color: #999;cursor: default;-webkit-user-select:none;-moz-user-select:none;}
.xzzp:before{content: '';position: absolute;width: 10px;height: 10px;border:1px solid #ccc;left: 0;top:5px;}
/*.xzzs li.can .xzzs-con-ms span{display: none;}*/
.xzzs li.can .xzzp{color: #333;cursor: pointer;}
.xzzs li.active .xzzp:before{background: url("../images/gou3.jpg") no-repeat center;background-size: cover;}
.discount{width: 374px;max-width: 100%;margin: 25px 0;}
.discount-input{margin-right: 116px;border:1px solid #ccc;border-radius: 6px;overflow: hidden;}
.discount-input input{display: block;width: 100%;height: 37px;text-indent: 1em;}
.use{position: absolute;right: 0;top:0;height: 100%;text-align: center;line-height: 39px;width: 110px;background: #476175;color: #fff;border-radius: 6px;font-size: 16px;}
.ddzj-box-sb a{line-height: 37px;border-radius: 6px;margin-left: 18px;font-size: 14px;}
.ddzj-box-sb a.a1{background: #000;}
.ddzj-box{text-align: right;}
.ddzj-box-top{width: 200px;max-width: 100%;display: inline-block;margin-bottom: 20px;}
.ddzj-box-page{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.xp .swiper-slide{width: 386px;margin-right: 20px;}
.pricetotle{margin-bottom: 25px;}
.ddzj-box .pricetotle-warp{font-size: 16px;}
.ddzj-box .pricetotle-warp div.fr span{font-size: 18px;font-family: dincondregular;}
/*提交订单*/
.title22 h3{font-size: 22px;}
.address-list{margin-right: 120px;}
.address-list li{margin-bottom: 20px;}
.address-list li:last-child{margin-bottom: 0;}
.useadd{position: relative;padding-left: 22px;cursor: pointer;display: inline-block;}
.useadd .i{position: absolute;width: 10px;height: 10px;border:1px solid #7e7e7e;left: 0;top:4px;}
.useadd .i:before{content: '';position: absolute;left: 1px;right: 1px;top:1px;bottom:1px;background: #000;display: none;}
.address-list li.active .i:before{display: block;}
.title22{border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 25px;}
.tjdd-page{margin-bottom: 40px;}
.btn000{display: block;width: 92px;line-height: 37px;background: #000;text-align: center;color: #fff;border-radius: 6px;margin-top: 20px;}
.ddcarbox{margin-bottom: 40px;}
.ddcarbox .count-box{display: none;}
/*.ddcarbox .delete{display: none;}*/
.ddkfp{padding-top: 20px;margin-bottom: 30px;border-bottom: 1px solid #ccc;}
.dd-page-last{border-top: 1px solid #ccc;}
.shrzdlb{min-height: 100px;}
.car-por-name{display: inline-block;margin-left: 30px;}

/*支付*/
.zf-con{padding: 60px;}
.did-top{border-bottom: 1px solid #ededed;padding-bottom: 35px;}
.did-top-left img{margin-right: 50px;}
.did-top-left h3{font-size: 20px;color: #333;margin-bottom: 12px;}
.did-top-left p{color: #f00;}
.did-top-left{width: 60%;}
.yfje{position: absolute;right: 0;bottom:35px;}
.yfje-top span{color: #e6242e;font-size: 24px;font-family: dincondregular;}
.ddxx{cursor: pointer;position: relative;padding-right: 15px;}
.ddxx:hover{color: #e6242e;}
.ddxx:after{content: '';position: absolute;width: 10px;height: 6px;right: 0;top:50%;margin-top: -3px;background-image: url("../images/bot.png");}
.ddxx:hover:after{background-image: url("../images/bot-1.png");}
.order-details{padding: 20px 0;border-bottom: 1px solid #ededed;display: none;}
.order-details p{float: left;line-height: 28px;}
.order-details p:nth-child(1){width: 35%;text-align: right;}
.order-details p:nth-child(2){width: 65%;}
.gap{margin-top: 25px;}
.gap-top{margin-top: 40px;}
.gap h4{font-size: 16px; color: #333;}
.gap-top li{float: left;width: 21%;margin-right: 2%;box-sizing: border-box;border:1px solid #ccc;position: relative;cursor: pointer;}
.gap-top li:nth-child(4n){margin-right: 0;}
.gap-top li:after{content: '';position: absolute;width: 17px;height: 9px;background: url("../images/up1.jpg");left: 50%;margin-left: -8px;bottom:-20px;display: none;}
.gap-top li.active:after{display: block;}
.pay-code{margin-top: 19px;background: #f4f4f4;padding: 30px;}
.pay-list{display: none;position: relative;min-height: 190px;}
.pay-list.active{display: block;}
.pay-ma{width: 174px;min-height: 138px;}
.pay-ma img{height: auto !important;}
.pay-tip{position: absolute;left: 260px;right: 0;top:0;height: 100%;}
.pay-tip p{font-size: 16px;margin: 5px 0;}
.pay-tip p a{color: #e6242e;}
/*人才招聘*/
.zpss{position: relative;width: 49%;float: left;box-sizing: border-box;}
.zpss .text{display: block;width: 100%;height: 40px;text-indent: 1em;font-size: 16px;}
.zpsb{position: absolute;width: 40px;height: 100%;background: url("../images/ss.png") no-repeat center;background-size: cover;right: 0;top:0;}
.rczp-ss{margin-bottom: 37px;position: relative;z-index: 9;}
.rczp-ss .md-ss-page{float: right;width: 51%;margin-right: 0;}
.rczp-ss .mdss-list{margin-right: 0;margin-left: 2%;width: 48%;}
.rczp-ss .mdss-list a{font-size: 16px;}
.rczp-ss .mdss-right{margin-left: 0;}
.rczp-ss .mdss-val{font-size: 16px;height: 40px;line-height: 40px;}
.rczp-ss .mdsss-xx{top: 41px;}
.zp-top{background: #959595;margin-bottom: 30px;}
.zp-clo4{font-size: 0;}
.zp-clo4 span{display: inline-block;font-size: 16px;width: 24%;line-height: 54px;box-sizing: border-box;padding-left: 50px;}
.zp-top .zp-clo4 span{color: #fff;}
.zp-list li{background: #fff;margin-bottom: 14px;}
.zp-control{position: relative;cursor: pointer;}
.zp-list li span{margin-right: 0.36rem;}
.zp-control:before{position: absolute;width: 12px;height: 8px;background: url(../images/dbx12.png) no-repeat center;background-size:cover;top: 50%;margin-top: -4px; right: 25px;content: '';transition: all .3s;}
li.active .zp-control:before{transform: rotate(180deg);}
.zp-con{border-top: 1px solid #ccc;padding:25px 50px;position: relative;display: none;}
.zp-page{margin-bottom: 25px;}
.zp-page h5{margin-bottom: 20px;font-size: 16px;}
.zp-page p{color: #999;}
.sqzw{width: 138px;line-height: 38px;border-radius: 38px;font-size: 18px; text-align: center;color: #fff;background: #e6242e;display: block;}
.input-ms{position: fixed;z-index: 999;background: rgba(0,0,0,.5);width: 100%;top:0;left: 0;height: 100%;display: none;}
.input-ms-list{position: relative;background: #f4f4f4;margin-bottom: 2%;float: left;width: 49%;margin-right: 2%;}
.input-ms-list:nth-child(even){margin-right: 0;}
.input-ms-list:last-child{margin-right: 0;width: 100%;}
.input-ms-con{width: 730px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);box-sizing: border-box;padding: 30px;background: #fff;border-radius: 20px;}
.input-ms-con h5{font-size: 26px;margin-bottom: 30px;}
.input-ms-list span{position: absolute;left: 1em;top:0;line-height: 42px;font-size: 16px;}
.input-ms-r{margin-left: 60px;}
.input-ms-r .text{display: block;width: 100%;height: 42px;background: none;font-size: 16px;}
.input-ms-list-long .input-ms-r{margin-left: 90px}
.input-ms-list-xy .input-ms-r{margin-left: 90px}
.textarea12 textarea{display: block;width: 100%;background: none;resize: none;height: 200px;font-size: 16px;}
.textarea12{padding: 10px 10px 10px 0;}
.submit-ms{display: block;line-height:38px;width: 138px;text-align: center;background: #e6242e;color: #fff;margin: 24px 0 0;font-size: 18px; border-radius: 38px;}
.gb40{position: absolute;right: 30px;top:15px;width: 40px;height: 40px;background: url("../images/gb40.jpg") no-repeat center;background-size: cover;cursor: pointer;}
.tipbox{position: fixed;z-index: 9999;background: rgba(0,0,0,.5);width: 100%;height: 100%;top:0;left: 0;display: none;}
.tipcon{position: absolute;width: 300px;border-radius: 10px;background: url("../images/tipbg.jpg") no-repeat bottom;background-size: cover;padding: 25px 25px 20px;text-align: center; box-sizing: border-box;left: 50%;margin-left: -150px;top:50%;margin-top: -135px;}
.tipcon h3{text-align: center;font-size: 19px;font-weight: bold;margin-bottom: 5px;}
.tipcon p{display: inline-block;text-align: left;margin-bottom: 75px;font-size: 16px;color: #999;}
.tipcon a{border-radius: 38px;line-height: 38px;font-size: 14px;width: 42%;}
.tipcon a:first-child{background: #333;}
.tipclose{position: absolute;width: 29px;height: 29px;background: url("../images/gb29.png") no-repeat center;background-size: cover;cursor: pointer;right: 25px;top:25px;}
#selectedTotal{display: none;}
.maodian{position: absolute;top:-120px;left: 0;width: 0;height: 0;opacity: 0;}
#f2{top:-160px;}
.kong-con{display: flex;align-items: center;justify-content: center;padding: 30px 0;}
.kong-text{margin-left: 70px;}
.kong-text h3{font-size: 18px;}
.kong-text a{display: block;margin-top: 30px;}
.kong-text .redBtn{width: 138px;line-height: 38px;font-size: 16px;border-radius: 4px;}
.scdd{display: inline-block;vertical-align: middle;background: url("../images/333.png") no-repeat center;background-size: cover;width: 16px;height: 15px;margin-left: 6px;}
.tab-bar-warp.fixed{position: fixed;left: 0;top:120px;width: 100%;background: #fff;z-index: 99;border-bottom: 1px solid #f0f0f0;}
.evaluate-big-img{position: relative;}
.evaluate-img-btn div{position: absolute;width: 33.33%;height: 100%;top:0;}
.evaluate-img-btn1{left: 0;}
.evaluate-img-btn2{right: 0;}
.zf-b{padding: 40px 0;display: none;}
.zf-b h2{font-size: 30px;}
.zf-b p{color: #999;margin: 30px 0 50px;}
.zjbtn{font-size: 0;}
.zjbtn a{display: inline-block;width: 142px;line-height: 42px;box-sizing: border-box;border:1px solid #e60012;border-radius: 6px;color: #fff;background: #e60012;font-size:14px;margin: 0 20px;}
.zjbtn a:first-child{background: none;color: #e60012;}
.ahee{width: 43px;height: 43px;border:3px solid #1cac19;border-radius: 100%;margin: 0 auto 30px;}
.ahee path{stroke: #fff;}
.imgkong{width: 150px;}
.imgkong img{width: 100%;vertical-align: bottom;}
.zf-b.active path{stroke-dasharray: 100;stroke: rgb(34, 168, 19); stroke-dashoffset: 100;animation: dash 2s linear alternate both;}
@keyframes dash {
    from {
        stroke-dashoffset: 100;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.wlpage{overflow: hidden;padding: 20px 0;position: relative;z-index: 3;}
.wlpage:before{content: '';position: absolute;left: 76px;border-right: 1px dashed #bbbbbb;height: 50%;top:0;z-index: -1;}
.wlpage:after{content: '';position: absolute;left: 76px;border-right: 1px dashed #bbbbbb;height: 50%;bottom:0;z-index: -1;}
.wlpage .no{display: none;}
.remark{margin-left: 270px;position: relative;z-index: 5;}
.accept_time{position: absolute;top:20px;left: 110px;color: #666;z-index: 4;}
.accept_address{position: absolute;top:20px;color: #666;width: 80px;z-index: 4;}
.wlpage:nth-child(1) div{color: #e6242e;}
.wlpage:nth-child(1):before{display: none;}
.wlpage:last-child:after{display: none;}
.wlpage .i{position: absolute;top:21px;left: 67px;width: 18px;height: 18px;background: url("../images/wlbg1.jpg") no-repeat center;background-size: cover;z-index: 2;}
.wlpage:nth-child(1) .i{background: url("../images/wlbg2.jpg") no-repeat center;background-size: cover;}
.dhb{height: 300px;overflow: auto;}
.dha{display: block;margin-bottom: 20px;}
#wuliu{opacity: 0;}
.hisBtn div{position: absolute;width: 56px;height: 56px;cursor: pointer;top:50%;margin-top: -28px;border-radius: 100%;background-color: #fff;}
.hisBtn div:before{position: absolute;width: 100%;height: 100%;top:0;left: 0;content: '';transition: all .3s;}
.hisBtn1{left: 70px;}
.hisBtn2{right: 70px;}
.hisBtn1:before{background-image: url("../images/hisBtn1.png");}
.hisBtn2:before{background-image: url("../images/hisBtn2.png");}
.hisBtn div:hover{background: #e60012;}
.hisBtn div:hover:before{filter: invert(1);}
.history-warp-mg{margin: 0 196px}
.hisBtn div.swiper-button-disabled{cursor: default;opacity: 0.8;}
.hiscon:hover .year{color: #e60012;}
.hiscon:hover .history-title{color: #e60012;}
.hiscon:hover .history-line{border-color: #e60012;}
.hiscon:hover .history-line:before{background: #e60012;}
#threes{position: absolute;width: 100%;top:15%;left: 0;bottom: 0;z-index: 2;}
#threes canvas{position: absolute;width: 100%;top:0;left: 0;height: 100% !important;}
.year28 .swiper-wrapper{padding-top: 40px;}
.year28 .swiper-slide{}
.year28-warp{padding: 0 20px;background: #f5f5f5;position: relative;transition: all .4s;}
.year28 .swiper-slide{cursor: pointer;;}
.year28 .swiper-slide .img100{padding: 35px 20px}
.year28-bot{border-top: 1px solid #dbdbdb;padding: 15px 0;position: relative;}
.year28-bot p{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.year28-bot .i{width: 17px;height: 18px;background: url("../images/fd17.png") no-repeat center;background-size: cover;right: 0;top:-25px;position: absolute;}
.year28-warp:after{content: '';left: 50%;bottom: 0;width: 0;border-bottom: 4px solid #e60012;position: absolute;transition: all .4s;transform: translateX(-50%);pointer-events: none;}
/*.year28 .swiper-slide:after{content: '';left: 50%;bottom: 0;width: 0;border-bottom: 4px solid #e60012;position: absolute;transition: all .4s;transform: translateX(-50%);pointer-events: none;}*/
.year28 .swiper-slide:hover .year28-warp:after{width: 100%;}
/*.year28 .swiper-slide:hover:after{width: 100%;}*/
/*.year28 .swiper-slide:hover{box-shadow: 0 0 10px #ddd;transition: all .4s;transform: translateY(-30px);}*/
.year28 .swiper-slide:hover .year28-warp{box-shadow: 0 0 10px #ddd;transform: translateY(-30px);}




.year28 .swiper-slide.on{transition: all .4s;}
.viewer-container{z-index: 999999 !important;}
.yxl-con .swiper-container{margin: 0 140px;}
.yxldots{position: absolute;left: 0;bottom:75px;}
.yxldots p{color: #fff;margin-bottom: 25px;font-size: 16px;position: relative;padding-left: 16px;cursor: pointer;}
.yxldots p:before{content: '';width: 3px;height: 16px;position: absolute;left: 4px;top:50%;margin-top: -8px;background: #e60012;display: none;}
.yxldots p.active{color: #e60012;}
.yxldots p.active:before{display: block;}
.hwzmd{position: absolute;right: 0;bottom:65px;width: 127px;}
.hwzmd-top h4{color: #fff;font-size: 18px;margin-bottom: 5px;}
.hwzmd-top p{color: #fff;}
.hwzmd-top{margin-bottom: 30px;}
.hwzmd-bot div{width: 30px;height: 30px;background-color: #ffffff;cursor: pointer;display: inline-block;transition: all .4s;border-radius: 100%;}
.yxlBtn1{background-image: url("../images/w301-1.png");margin-right: 10px;}
.yxlBtn1:hover{background-image: url("../images/w301.png");}
.yxlBtn2:hover{background-image: url("../images/w302.png");}
.yxlBtn2{background-image: url("../images/w302-1.png");}
.hwzmd-bot div:hover{background-color: #e60012;}


/*新闻*/
.xw{font-size: 0;}
.xw li{display:inline-block;width: 32%;background: #fff;margin-right: 2%;margin-bottom: 2%;font-size: 14px;vertical-align: top;}
.xw li:nth-child(3n){margin-right: 0;}
.xw li a{display: block;padding: 30px;}
.news-time{text-align: right;position: relative;padding-right: 20px;}
.news-time:after{position: absolute;content: '';height: 88%;right: 0;top:6%;border-right: 1px solid #d6d6d6;}
.news-time h5{font-size: 32px;font-family: DINCond-Medium;color: #333;line-height: 1em;}
.news-time span{font-size: 16px;font-family: DINCond-Medium;color: #333;}
.news-top h4{margin-left: 114px;font-size: 18px;font-weight: bold;color: #333; line-height: 1.6em;height: 3.2em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw .img100{margin: 20px 0;height: 215px;}
.xw p{color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 4.8em;}
.xw-tip{display: block;width: 60px;text-align: center;line-height: 24px;color: #fff;background: #ababab;border-radius: 4px;margin-top: 15px;}
.xw li:hover h4{color: #e60012;}
.xw li:hover h5{color: #e60012;}
.xw li:hover span{color: #e60012;}
.xw li .img100{overflow:hidden;}
.xw li .img100 .position-full{transition: all .4s;}
.xw li:hover .img100 .position-full{transform:scale(1.1);}

/*新闻中心详情*/
.padding50{padding: 50px;}
.xwxq-bt h3{font-size: 24px;}
.title-bold h3{font-weight: bold;}
.xwxq-bt{margin-bottom: 20px;}
.looks span{font-size: 16px;font-family: dincondmedium;margin-right: 20px;color: #999;}
.looks span img{margin-right: 8px;}
.edited{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 50px 0;margin: 15px 0;}
.edited p{letter-spacing: 1.5px;line-height: 1.75em;}
.edited div,.edited p,.edited span,.edited b,.edited strong{max-width: 100%;}
.footer-share span{float: left;text-transform: uppercase;line-height: 24px;}
.footer-share.bdsharebuttonbox a{width: 24px;height: 24px;padding: 0;margin: 0 0 0 5px;display: inline-block;cursor: pointer;}
.icon000 .footer-share.bdsharebuttonbox a.weixin{background-image: url("../images/wx1.png");}
.icon000 .footer-share.bdsharebuttonbox a.qzone{background-image: url("../images/qq1.png");}
.icon000 .footer-share.bdsharebuttonbox a.tsina{background-image: url("../images/wb1.png");}
.edited img{max-width: 100%;height: auto !important;}
.xq-pages{margin-top: 20px;overflow: hidden;}
.xq-pages a{color: #333;position: relative;padding-left: 56px;margin: 3px 0;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;max-width: 48%;box-sizing: border-box;}
.footer-share span{color: #999;}
.xq-pages a span{position: absolute;top:0;left: 0;}
.xq-pages a:hover{color: #e60012;}
.fanghui2{position: relative;right: 0;bottom:0;color: #c5c5c5;text-align: center; display: block;margin: 35px auto 0;border:1px solid #ddd;text-align: center;line-height: 36px;width: 100px;}
.fanghui2:before{content: '';width: 19px;height: 14px;margin-top: -7px;margin-right:10px;  background-image: url("../images/fh.png");display: inline-block;}
.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #d8d8d8;}
#erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}
/*视频展示*/
.shipin{font-size: 0;}
.shipin li{display:inline-block;width: 32%;margin-right: 2%;margin-bottom: 2%;font-size: 14px;vertical-align: top;cursor: pointer;}
.shipin li:nth-child(3n){margin-right: 0;}
.shipin li .img100{border-radius: 10px;overflow: hidden;}
.shipin li .i{width: 51px;height: 51px;border-radius: 100%;position: absolute;left: 50%;top:50%;margin: -25px 0 0 -25px;background: url("../images/play51.png") no-repeat center;background-size: cover;}
.shipin li p{font-size: 16px;margin-top: 20px;position: relative;}
.shipin li p:before{content: '';display: inline-block;left: 0;top:50%;width: 52px;border-top: 1px solid #b6b6b6;vertical-align: middle;margin-right: 12px;}
.shipin li:hover p{color: #e60012;}
.shipin li:hover p:before{width: 90px;border-color: #e60012;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.edited-page.edited{border:none;}
.cpxs{display: none;}
.div933{display: none;}
.pro-dl dd:nth-last-child(1){display: none;}
.pro-dl dd:nth-last-child(2){display: none;}
.div404-con{font-family: dincondmedium;color: #fff;font-size: 278px;margin: 0 20px;}
.mshds{color: #fff;font-size: 30px;}
.sites{margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.sites:last-child{border:none;padding-bottom: 0;}
.sites h4{}
.sites h4 a{font-size: 16px;}
.sites a{transition: all .4s;}
.sites ul{font-size: 0;margin-top: 15px;}
.sites ul li{display: inline-block;vertical-align: top;width: 16.66%;box-sizing: border-box;padding-right: 10px;font-size: 14px;}
.sites ul li a{color: #666;}
.sites a:hover{color: #e60012;}
.yqlj span,
.yqlj a{display: inline-block;color: #666;margin-right: 10px;margin-bottom: 5px;}
.footer a{transition: all .4s;}
.footer a:hover{color: #e60012;}
.wzdt{margin-bottom: 40px;}


 /*h5 s*/
.body0{padding-top: 0;}
.zj1{width: 84.63%;margin: 0 auto;}
.gd-box{position: ;z-index: 8;overflow: hidden;height: 80px;bottom:40px;}
.guang1 img{height: 80px;}
.guang2 img{height: 100px;}
.guang2{position: absolute;left: 0;top: 50%;width: 100%;-webkit-animation: zuo 3.5s infinite linear;animation: zuo 3.5s infinite linear;}
.ckb1{width: 29.27%;margin: 30px auto 60px;}
.logo-r{position: absolute;right: 10%;top:50%;transform: translateY(-50%);}
.info1{margin: 40px 0;}
.info1 .h2{margin-bottom: 10px;}
.fixNav li{width: 17px;height: 18px;position: relative;margin: 12px 0;cursor: pointer;}
.fixNav{position: fixed;z-index: 99999;right: 40px;top:50%;margin-top: -115px;}
.fixNav li span{position: absolute;right: 100%;color: #fff;width: auto;white-space: nowrap;margin-right: 6px;top:0;line-height: 18px;display: none;}
.fixNav li .i{position: absolute;width: 6px;height: 6px;background: rgba(255,255,255,.6);left: 50%;top:50%;margin: -3px 0 0-3px;border-radius: 100%;}
.fixNav li.active .i{background: rgba(255,255,255,1);}
/*.fixNav li.active{background: url("../images/ban.png") no-repeat center;background-size: cover;}*/
.fixNav li.active span{display: block;}
.h5-nav-yi{display: inline-block;transition: all .4s; line-height: 80px;color: #fff;font-size: 15px;}
.h5-nav-yi:hover{color: #248cfc !important;}
/*.h5-header-nav{margin-right: 106px;}*/
.h5-header-nav li{display: inline-block;margin-left: 40px;}
.hwsc{position: absolute;right: 0;width: 104px;line-height: 36px;border:1px solid #fff;border-radius: 36px;top:50%;margin-top: -18px;text-align: center;color: #fff;font-size: 15px;transition: all .4s;}
.hwsc:hover{color: #248cfc !important;border-color: #248cfc !important;}
.h5-header-top .w1200{border-bottom:1px solid rgba(255,255,255,.6);box-sizing: border-box;}
.logo99{position: absolute;left: 0;top:50%;margin-top: -19px;}
.logo99 img{height: 38px;}
.h5-header-top{height: 81px;transition: all .4s;}
.h5-header-top:hover{background: #fff;}
.h5-header-top:hover .h5-nav-yi{color: #000;}
.h5-header-top:hover .hwsc{color: #000;border-color: #000;}
.h5-header-bot{height: 50px;}
.h5-header-bot-warp{height: 30px;padding: 10px 0;transition: all .4s;width: 100%;top:0;left: 0;z-index: 999;}
.ht-nav-bot li{display: inline-block;}
.h5-header-nav li.active .h5-nav-yi{color: #248cfc;}
.h5-header-bot-warp a{display: inline-block;line-height: 30px;font-size: 13px;color: #fff;transition: all .4s;}
.h5-header-bot-warp a:hover{color: #248cfc !important;}
.ht-nav-bot a{margin-left: 20px;}
.h5-header-bot-warp .zxcp{background: #179817;padding: 0 26px;border-radius: 5px;color: #fff !important;}
.h5-header-bot-warp .zxcp:hover{color: #fff !important;}
.h5-header-bot-warp .ljgm{color: #fff !important;}
.h5-header-bot-warp .ljgm:hover{color: #fff !important;}
.ht-nav-bot .ljgm{background: #bd3939;padding: 0 26px;border-radius: 5px;margin-left: 7px;}
.h5-header-bot.active .h5-header-bot-warp{position: fixed;background: #fff;}
.h5-header-bot.active a{color: #666;}
.ljgm:hover{background-color: #ae3030 !important;}
.zxcp:hover{background-color: #0f7c0f; !important;}
.ht-nav-bot li.active a{color: #248cfc;}
.h5-page{position: relative;}
.h5-page-2-text{position: absolute;top: 6%;left: 37%;width: 16.75%}
.h5-3-3{position: absolute;top:50%;transform: translateY(-37%);left: 60%;width: 26.4%;}
.h5-3-cj{width: 38.385%;position: absolute;top:0;left: 14%;}
.wuqi-box{position: absolute;width: 90%;bottom:2%;left: 3%;}
.wuqi-box img{transition: all .6s linear !important;}
.h5-3-cj-b .wuqi-box{width: 70%;left: 15%;bottom:0;}


.page6-left{width: 62.5%;}
.shiwus{width: 8%;position: absolute;top:0;left: 0;}
.shiwus-con{position: absolute;white-space: nowrap;transition: all .4s;opacity: 0;z-index: 9;}
.shiwus-con h3{font-size: 17px;color: #ffffff;}
.shiwus-con p{font-size: 13px;color: #ffffff;}
.shiwus-con p span{color: #327dfb;font-size: 13px;}
.shiwus .img100{transition: all .4s;border-radius: 100%; border: 2px rgb(36, 140, 252) solid;box-shadow: 0 0 5px rgb(36, 140, 252);cursor: pointer;}
.shiwu1{left: 25.8%;top: 67.8%;}
.shiwu1 .shiwus-con{left: 100%;top:50%;margin-top: -21px;margin-left: 34px;}
.shiwu2{left: 20.6%;top: 48.8%;}
.shiwu2 .shiwus-con{left: 100%;top:50%;margin-top: -21px;margin-left: 34px;}
.shiwu3{left: 25%;top: 31.8%;}
.shiwu3 .shiwus-con{left: 100%;top:50%;margin-top: -21px;margin-left: 34px;}
.shiwu4{left: 38%;top: 20.8%;}
.shiwu4 .shiwus-con{left: 0;top:100%;text-align: center;margin-top: 34px;width: 100%;}
.shiwu5{left: 52%;top: 20.8%;}
.shiwu5 .shiwus-con{left: 0;top:100%;text-align: center;margin-top: 34px;width: 100%;}
.shiwu6{left: 64.5%;top: 31.8%;}
.shiwu6 .shiwus-con{right: 100%;top:50%;margin-top: -21px;margin-right: 34px;text-align: right;}
.shiwu7{left: 68.5%;top: 48.8%;}
.shiwu7 .shiwus-con{right: 100%;top:50%;margin-top: -21px;margin-right: 34px;text-align: right;}
.shiwu8{left: 64%;top: 67.8%;}
.shiwu8 .shiwus-con{right: 100%;top:50%;margin-top: -21px;margin-right: 34px;text-align: right;}
.dang{position: absolute;text-align: center;width: 97.5%;top:48%;font-size: 20px;color: #fff;}
.dangwei-img{position: absolute;top:0;left: 0;width: 100%;}
.dangwei-img img{display: none;}
.dangwei{width: 14%;margin: 0 auto;}
.dang-text{margin-top: 5px;}
.dang-text span{font-size: 25px;color: #248cfc;font-weight: bold;}
.shiwus.active .img100{transform: scale(1.4);}
.shiwus.active .shiwus-con{opacity: 1;}
.page6-right{position: absolute;left: 58%;top:50%;transform: translateY(-45%);}
.page6-right-top h3{font-size: 36px;color: #327dfb;}
.page6-right-top h4{font-size: 21px;color: #327dfb;margin-top: 15px;}
.page6-right-bot{width: 395px;}
.page6-right-text{margin-top: 10px;}
.dang-icon{border-top: 1px solid rgba(255,255,255,.4);border-bottom: 1px solid rgba(255,255,255,.4);margin-top: 30px;}
.dang-icon .img100{width: 43px;max-width: 100%; margin: 0 auto 10px;overflow: visible;}
.dang-icon li{display: inline-block;text-align: center;padding: 30px 0;margin-right: 50px;}
.dang-icon li:last-child{margin-right: 0;}
.dang-icon li p{color: #fff;}
.page6-right-text p{color: #fff;font-size: 15px;}
.shou{position: absolute;right: 0;top: 50px;background: url(../../../images/shou.png) no-repeat center center;width: 30px;height: 48px;-webkit-animation: shang2 1s infinite linear;animation: shang2 1s infinite linear;}
@keyframes shang2{
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(-5px,-10px);
    }
    100% {
        transform: translate(0,0);
    }
}
.h5-page6-con{width: 35.88%;margin: 0 auto;}
.h5-page6{padding: 12% 0;}



.quan6{
    -webkit-animation: rotate 80s infinite linear;
    animation: rotate 80s infinite linear;
}
@keyframes rotate {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.h5-page6-b img{display: none;}
.h5-page6-dots{position: absolute;text-align: center;transition: all .4s;}
.h5-page6-dots p{color: #fff;font-size: 20px;position: absolute;width: 100%;transition: all .4s;opacity: 0;}
.h5-page6-dots img{width: 102px;cursor: pointer;transition: all .4s;}
.h5-page6-dots img:hover{transform: scale(1.1);}
.h5-page6-dots:hover p{opacity: 1;}
.h5-page6-dots1{top:-120px;left: 50%;margin-left: -51px;}
.h5-page6-dots1 p{bottom:100%;margin-bottom: 15px;}
.h5-page6-dots3{bottom:-120px;left: 50%;margin-left: -51px;}
.h5-page6-dots3 p{top:100%;margin-top: 15px;}
.h5-page6-dots2{right:-120px;top: 50%;margin-top: -51px;}
.h5-page6-dots2 p{left:100%;margin-left: 15px;top:50%;margin-top: -16px;width: auto;white-space: nowrap;}
.h5-page6-dots4{left:-120px;top: 50%;margin-top: -51px;}
.h5-page6-dots4 p{right:100%;margin-right: 15px;top:50%;margin-top: -16px;width: auto;white-space: nowrap;}
.h5-page6-dot.active .h5-page6-dots{opacity: 0.3;}
.h5-page6-dot.active .h5-page6-dots.active{opacity: 1;}
.h5-page7{height: 1214px;overflow: hidden;}
.text7{margin: 760px auto 0;}
.text7 h3{color: #327dfb;font-size: 36px;margin-bottom: 10px;}
.text7 p{color: #327dfb;font-size: 21px;}
.h5-page7-list{margin: 70px auto 0;}
.h5-page7-list li{display: inline-block;margin: 0 35px;}
.h5-page7-list li .img100{margin: 0 auto;max-width: 100%; width: 66px;overflow: visible;}
.h5-page7-list li p{color: #fff;margin-top: 10px;}
.h5-title36{margin-bottom: 50px;}
.h5-title36 h2{font-size: 36px;color: #327dfb;}
.zk-list{text-align: center;font-size: 0;margin-bottom: 40px;}
.zk-list li{display: inline-block;width: 9.09%;font-size: 14px;cursor: pointer;}
.zk-list li img{max-width: 100%;}
.zk-list p{font-size: 11px;color: #fff;margin-bottom: 10px;transition: all .4s;}
.h5cp img{display: none;}
.h5cp img.active{display: block;}
.zk-list li.active p{color: #327dfb;}
.xia{position: absolute;background: #327dfb;bottom:-22px;width: 80px;height: 8px;box-shadow: 0 0 4px #327dfb;}
.p5Main{margin: 0 7.5%;}
.h5-page4{padding: 200px 0;}
.leftBox{width: 42.864%;}
.b-sm img{display: none;}
.b5-box{z-index: 1;transition: all .4s;}
.b4-box{z-index: 2;transition: all .4s;}
.b3-box{z-index: 3;transition: all .4s;}
.b2-box .b-sm{top:-5%;}
.b3-box .b-sm{top:23%;}
.b2-box{z-index: 4;transition: all .4s;;}
.b1-box{z-index: 5;transition: all .4s;}
.h5-title36 p{color: #fff;font-size: 16px;}
.h5-page4 .h5-title36{margin-bottom: 200px;}
.h5-page4 .h5-title36 h2{margin-bottom: 3px;}
.txt{position: absolute;left: 57%;box-sizing: border-box;padding-left: 74px;z-index: 9;width: 460px;width: 29%;transition: all .4s;}
.t1{top:5%;}
.t2{top:29%;}
.t3{top:54%;}
.t4{top:74%;}
.icon{position: absolute;top:-18px;width: 60px;left: 0;}
.txt h2{font-size: 18px;color: #fff;margin-bottom: 10px;font-weight: bold;}
.txt p{color: #fff;}
.line{position: absolute;right: 100%;top:-18px;}
.t1 .line{width: 369px;width: 80%;}
.t2 .line{width: 266px;top:26px;width: 57%;}
.t3 .line{width: 296px;top:-58px;width: 63%;}
.t4 .line{width: 236px;width: 50%;}


.circle-svg{color: #fff;vertical-align: bottom;position: absolute;left: 50%;top:50%;margin: -9px 0 0 -9px;opacity: 0;}
li.active .circle-svg{opacity: 1;}
.circle-svg circle{box-sizing: border-box;stroke-width: 1.5px;}
.circle-svg__circle-2{opacity: 0;}
li.active .circle-svg__circle-10{opacity: 1;stroke-dasharray:132;
    animation:str 2s linear;
}
li.active .circle-svg__circle-11{opacity: 1;stroke-dasharray:132;
    animation:str 2s linear;

}
.circle-svg__circle-1.stop{animation-play-state: paused;}

@keyframes str {
    0%{stroke-dashoffset: 130px;}
    100%{stroke-dashoffset: 0;}
}



/*h5 e*/


.huoli img{display: none;}
.ck img{display: none;}
.h5-title36 h3{font-size: 22px;color: #327dfb;}
.h5-title36 h4{font-size: 17px;color: #ffffff;margin: 15px 0 20px;}


.fhq-a a,.hot-txt-style a,h5,.collect,.collect:before,.tjbtn div,.hw_tab-bar a:after,.hw_tab-bar a,.download-nav li a,.download-nav li a:before,.load-icon,.logo-list li a,.sc li p,.imgscale .img100 img,.xz,.knowledge p,.videotop .position-full .i,.videotop .position-full .i:before,.videotop .position-full .i:after,.videobot p,.guide-l a,.help-nav img,.help-nav p,.deleteadd,.topeara a,.year,.history-title,.history-line,.history-line:before,.xw li h4,.xw li h5,.xw li span,.shipin li p,.shipin li p:before{transition: all .4s;}
.tjbtn div,.xz,.yswl-img:before,.videotop .position-full .i:after,.photos,.gou-tip li .i,.hwzmd-bot div{background-size: cover;background-repeat: no-repeat;background-position: center;}

.title46 h2,.about-b-text p:nth-child(1),.title46 span,.bannerlink,.pplist li:nth-child(2){animation-delay: 300ms !important;}
.couch,.about-b-text p:nth-child(2),.pplist li:nth-child(3){animation-delay: 600ms !important;}
.pplist li:nth-child(4){animation-delay: 900ms !important;}
.pplist li:nth-child(5){animation-delay: 1200ms !important;}
.pplist li:nth-child(6){animation-delay:1500ms !important;}

.slideInUp,.swiper-slide-active .banner-sm,.swiper-slide-active .bannerlink,.swiper-slide-active .title46 h1,.swiper-slide-active .title46 h2,.swiper-slide-active .couch,.swiper-slide-active .about-b-text p,.swiper-slide-active .about-c-title span,.swiper-slide-active .ppys li{
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);  transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);  transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
.slideInRight,.swiper-slide-active .history .swiper-slide{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight{
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInRight {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}

.about-play.active p,.about-play.active a{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft{
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-50px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInLeft {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-50px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}

.slidebig,.swiper-slide-active .about-b-img .img100{
    -webkit-animation-name: slidebig;
    animation-name: slidebig;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slidebig{
    0%{opacity: 0;filter: alpha(opacity=0);transform: scale(0);}
    100%{opacity: 1;filter: alpha(opacity=100);transform: scale(1);}
}
@keyframes slidebig {
    0%{opacity: 0;filter: alpha(opacity=0);transform: scale(0);}
    100%{opacity: 1;filter: alpha(opacity=100);transform: scale(1);}
}
.tipcon.active{
    -webkit-animation-name: slidebig2;
    animation-name: slidebig2;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slidebig2{
    0%{opacity: 0;filter: alpha(opacity=0);transform: scale(0);}
    100%{opacity: 1;filter: alpha(opacity=100);transform: scale(1);}
}
@keyframes slidebig2 {
    0%{opacity: 0;filter: alpha(opacity=0);transform: scale(0);}
    100%{opacity: 1;filter: alpha(opacity=100);transform: scale(1);}
}

/*******************************************************************************************/
@keyframes zuo{
    0% {-webkit-transform: translate(-50%,-50%);}
    100% {-webkit-transform:translate(150%,-50%);}
}

@-webkit-keyframes zuo{
    0% {-webkit-transform: translate(-50%,-50%);}
    100% {-webkit-transform:translate(150%,-50%);}
}