body{ font-family: "Arial","Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size:16px; line-height:24px; color:#000; margin: 0 auto; padding: 0; background: #fff;}

h1,h2,h3,h4,h5,h6{ margin-top:0; margin-bottom: 5px; line-height: 1.5}

a{ color:#000; text-decoration:none;}

a:hover{ color:#00a0e9; text-decoration:none;}

ul,li{ list-style:none; padding:0; margin:0;}

p{ margin: 0}

img{ max-width:100%;}

.navbar-nav>li{ float: none}

.clearfix:after {

 content: ".";

 display: block;

 height: 0px;

 font-size:0px;

 clear: both;

 visibility: hidden;

}

*html .clearfix {

 clear:both;

}



.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}

.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px; }[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format('embedded-opentype'),url(./fonts/slick.woff) format('woff'),url(./fonts/slick.ttf) format('truetype'),url(./fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:45px;height:45px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:45px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:15px; z-index:2;}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:15px}[dir=rtl] .slick-next{right:auto;left:15px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}

.slick-dotted.slick-slider{margin-bottom:0;  border-bottom:1px solid #dddddd;}

.slick-dots{position:absolute;bottom:15px; z-index:2;display:none;width:100%;padding:0;margin:0;list-style:none;text-align:center}

.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 1px;padding:0;cursor:pointer}

.slick-dots li button{font-size:0;line-height:0;display:none;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}

.slick-dots li button:focus,.slick-dots li button:hover{outline:0}

.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}

.slick-dots li button:before{font-family:slick;font-size:14px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.7;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:1;color:#fff}

.slick-prev:before{content: "\f104";font: normal normal normal 60px/1 FontAwesome;}

.slick-next:before{content:"\f105";font: normal normal normal 60px/1 FontAwesome;}

.slick-slide:hover a{color:#00a0e9 ;}

.slick-next,.slick-prev{ width:18px; height:60px; background:none;}

.slick-next:before,.slick-prev:before{ color:#333;}

.kuaizhan-slider .slick-next:before,.kuaizhan-slider .slick-prev:before{color:#fff;}

.slick-next:hover:before,.slick-prev:hover:before{ opacity: .8}



.slick-slider .item{margin-bottom:40px;padding:0 15px;}

.pro_lis .slick-slide{width:33.33%;}



.mar-10{ margin-left: 10px;}

.navbar-nav>li a{ font-size: 18px; padding: 15px 0}

.navbar-nav>li.active a,.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color: #13A93D}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background: none;}

.nav>li>a:focus, .nav>li>a:hover{ background: none}

.kuaizhan-slider .slick-next,.kuaizhan-slider .slick-prev{ opacity: 0}

.kuaizhan-slider:hover .slick-next,.kuaizhan-slider:hover .slick-prev{ opacity: 1}

.header{ position:absolute; top:0; z-index:1001; width:100%;}

.logo{ margin: 10px 0; position: relative}

.logo:before{content: '';

  

    position: absolute;

    bottom: 20px;

    left: 0;

    height: 1px;

	width: 100%;display: block;

    z-index: -1;}

.logo-info{ display: inline-block; padding: 0 50px; background: #fff;}

#home-popup .modal-dialog{position: fixed;

    top: 50%;

    left: 50%;

    margin: -200px 0 0 -300px;}

#home-popup .modal-content{

    background-color: #333;

    box-shadow: 0 0 10px #fff;}

#home-popup .modal-body{padding: 0; width: 600px; height: 400px;}



#home-popup a{cursor:pointer;}



.modle-logo {

    text-align: center;

    padding-top: 50px;

    height: 100px;

    background: #262626; margin-right: 2px

}

.modle-logo img{ height: 55px;}

.mt40 {

    margin-top: 40px;

}

a.yes-18{ cursor: pointer;}

#home-popup .modle-con p {

    width: 380px;

    margin: 0 auto;

    color: #fff;

    line-height: 20px;

    margin-top: 30px;

}





#home_x18 .modal-dialog{position: fixed; width:400px;

    top: 50%;

    left: 50%;

    margin: -200px 0 0 -200px;}

#home_x18 .modal-content{

    background-color: #333;

    box-shadow: 0 0 10px #fff;}

#home_x18 .modal-body{	



width: 400px;



padding: 20px 20px 30px 20px;

height:auto; display:block;

}

#home_x18 .modal-body p{

margin-bottom: 5px;

margin-top: 15px;

font-size: 26px; line-height:36px; text-align:center; font-weight:bold;

color: #ffffff;}







.header-bottom-info .navbar-nav>li{ display: inline-block;padding-right: 1em; margin-right: 1em;position: relative}

.header-bottom-info .navbar-nav>li:after{ content: ''; position: absolute; top:16px; right: 0; width: 1px; height: 16px; background:#656565 }

.header-bottom-info .navbar-nav>li:last-child:after{ display: none;}

.header-bottom-info{ padding: 15px 0;}

.header-bottom-info .module-container{padding-top: 0;padding-bottom: 0;}

.header-bottom-info .navbar-nav>li a{ padding: 0; display: block; line-height: 48px; font-size: 16px; color:#ffffff;}

.header-bottom-info .navbar-nav>li:hover a{ color:#00a0e9;}

.header-search .input-group .form-control,.header-search .input-group .btn-default,.header-search .input-group { border: 0; box-shadow:none; border: 0;padding:0 20px;}

.input-group-btn{background-color:#f2f2f2;}

.header-search .input-group{ padding: 7px 0; width:80%; float:right;}

.header-search .input-group .btn-default{ border-left: 1px solid #ccc; margin-left: 5px}









.nav li.nav_this .nav_name{ color:#2ba19f;} 

.nav li.nav_this .nav_name span{ background:url(../images/nav_bg.png) no-repeat center bottom;}

.sub_nav{ display:none; position:absolute; left:0; top:48px; z-index:2000; width:260px; height:auto; overflow:hidden; padding:0 20px;}

.sub_com{ background-color:#ffffff;} 

.sub_cen{ height:auto; overflow:hidden; margin:0 auto;}



.sub_chnal{ width:180px; margin-left:30px;}

.nav .sub_cen .sub_list{ float:none; height:90px; line-height:90px; border-bottom:1px solid #dddddd;}



.nav .sub_cen .sub_list a, .header-bottom-info .navbar-nav>li:hover .sub_list a{ display:block; font-size:16px;height:90px; line-height:90px; color:#333333;}

.nav .sub_cen .sub_list img{float:right; height:60px; margin-top:15px;}

.nav .sub_cen .sub_list a:hover, .header-bottom-info .navbar-nav>li:hover a:hover{ color:#00a0e9; }

.nav .sub_cen .sub_list .fa{padding-right:8px;}



.nav .nav_pro{background:none;}

.nav .nav_this .nav_pro{ background:url(../images/nav_bg.png) no-repeat center bottom; }







.module-container {

    padding-left: 7.14286%;

    padding-right: 7.14286%;

    padding-top: 3em;

    padding-bottom: 4em;

}

.module-container01 {

    padding-left: 7.14286%;

    padding-right: 7.14286%; 

}

.car-range-tile{ width: 20%; float: left; position: relative}

.car-range-tile-headline:before,.m-107-info__headline:before {content: "\f105";font: normal normal normal 24px/1 FontAwesome;

    color: #00a0e9;

    vertical-align: middle;

}

.car-range-tile-headline {

    font-size: 24px; color: #fff;position: absolute;

    bottom: 25px;

    left: 25px;line-height: 30px;

}

.car-range-tile-info {

    position: absolute;

    width: 80%;

    height: 100%;

    top: 0;

    left: 10%;

    visibility: hidden;

    opacity: 0;

    padding: 50px 25px;

    background-color: rgba(0,0,0,.5);

    -webkit-transition: all 1000ms; transition: all 1000ms; transform: scale(1);

	 color: #fff;

}

.car-range-tile-info:hover{-webkit-transform:matrix(1.04,0,0,1.04,0,0);-moz-transform:matrix(1.04,0,0,1.04,0,0);-ms-transform:matrix(1.04,0,0,1.04,0,0);-o-transform:matrix(1.04,0,0,1.04,0,0);transform:matrix(1.04,0,0,1.04,0,0);}





.m-107-info__headline{font-size: 28px;line-height: 46px; color: #00a0e9; }

.car-range-tile:hover .car-range-tile-info{opacity: 1;

    visibility: visible;

    transition: opacity .24s;}

.car-range-price {

    display: block;

    padding-left: 24px;

    padding-right: 12px;

}

.link-wrapper {

    position: absolute; text-align:left;

    bottom: 25px;

    left: 25px;

}

.m-107-info__headline, .m-107-info__headline::before, .info-link {

    transition: color .24s;

}

.info-link {

    display: block;

    padding-top: 20px;

    text-decoration: none;

    opacity: 0;

}

.info-link:nth-child(1) {

    animation-delay: .1s;

}

.info-link::before {

    color: #00a0e9;

    padding-right: 5px;content: "\f105";font: normal normal normal 14px/1 FontAwesome;

}

.m-107--is-hovered .info-link {

    animation-name: slideUp;

    animation-duration: .24s;

    animation-fill-mode: forwards;

}

.info-link:nth-child(2) {

    animation-delay: .2s;

}

.module-headline{ margin-bottom: 10px; padding-top:30px; font-size:44px; font-weight:bold; color:#333333;}

.hot-item .pro-img img{ display: inline-block; width:80%;}

.hot-item .pro-title{ overflow: hidden; height: 36px; line-height: 36px; margin-top: 10px; font-size:18px;}

.hot-item:hover .pro-title a{display:none;}

.home-about{ height: 402px;}

.home-about img{ width: 100%;}

.about-info{ background: url(../images/about-img.jpg) center center no-repeat; background-size: cover; }

.about-info a{ color: #fff;font-size: 40px; color: #fff; line-height: 402px; padding-right: 100px; text-align: right; display: block}

.home-about .video-info{ padding-right: 0}

.home-about .video-info-cc{ height: 402px; background: url(../images/video-img.jpg) center center no-repeat; background-size: cover;}

.video-info-cc a.video-btn{ display: block; font-size: 0; width: 100%; height: 402px; cursor: pointer;}

.modal-header .close{ font-size: 36px;}

.modal-header{ border-bottom: 0; padding: 0 15px 0 0 }

.news-item .img{ margin-bottom: 15px;}

.news-item .img img{ width: 100%;}

.video_li.img{position:relative;}
.video_li.img .ico_video{position:absolute; left:50%; top:50%; margin-left:-12%; margin-top:-12%; width:24%; z-index:100;}

.news-item .date {

    margin: 0 0 4px;

    font-family: 'Gotham SSm 5r';

    font-size: 12px;

    line-height: 16px;

    font-weight: 400;

    color: #9a9a9a;

}

.news-item .news-title {

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

    font-size: 16px;

    line-height: 24px;

	height: 24px;

    font-weight: 400;

    color: #333;

}

.news-item .news-desc {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    height: 40px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin: 10px 0;

    line-height: 20px;

    color: #9a9a9a;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.footer{ background: #262626; padding-top: 15px;}

.footer .module-container{ background: none; margin-bottom: 0;padding-bottom: 0}

.footer .copyright .module-container{ margin-bottom: 0; padding-top: 0; padding-bottom: 0}

.footer-top .tit a{ display: block; color: #42adff;margin-bottom: 20px; font-size:16px;}

.footer-top .tit a:hover{ color: #ffffff}

.footer-top ul li{ line-height: 34px;}

.footer-top ul li a {

    font-size: 14px;

    color: #8b8b8b;

    line-height: 34px;

}

.footer-top ul li a:hover{ color: #fff;}

.contact-tel{ background: url(../images/tel-icon.png) left center no-repeat; padding-left:55px; font-size: 30px; color: #eeeeee; line-height: 40px;}

.contact-txt{ padding-top: 15px; line-height: 30px;color: #8b8b8b; font-size:14px;}

.contact-txt a{color:#8b8b8b;}

.contact-txt a:hover{color:#ffffff;}

.footer-middle {

    margin-top: 30px;

    margin-bottom: 10px;

}

.footer-middle .fl a {

    color: #fff;

    margin-left: 30px; display: block;  line-height: 22px; float: left; font-size: 13px; margin-top: 6px;

}

.footer-middle .fl a:hover{ color: #E64040}

.footer-middle .fl img {

    height: 18px; margin-top:4px;

}

.footer-middle .fl a.foot-logo{margin: 0;}

.footer-middle .fr img { margin-left: 15px;}

.copyright{ 

    border-top: 1px solid #3c3c3c;

    font-size: 12px;

    padding: 10px 0;

    line-height: 24px;

    color: #999999;}

.copyright a{color: #676767;}

.copyright a:hover{ color: #fff;}

.copyright .fr img {

    vertical-align: middle;

    width: 16px;

}

.copyright .fr span {

    padding: 0 5px;

}

/*contact*/

.position-navigation{background-color: #eff0f1; padding-bottom: 10px;}

.position-navigation .navbar{ margin-bottom: 0}

.position-navigation .nav>li>a.dropdown-toggle{ display: inline-block;background: #950014; color: #fff; width: 60px; height: 60px; line-height: 60px; padding: 0; text-align: center; font-size: 24px;}

.position-navigation .nav>li>a.dropdown-toggle:hover{ background: #313639; color: #950014; }

.position-navigation .dropdown-menu{max-height: calc(100vh - 60px);overflow-y: auto;width: 320px; border: 0; border-radius: 0;background: #313639; padding: 0; margin: 0} 

.position-navigation .dropdown-menu li { padding: 0 15px;}

.position-navigation .dropdown-menu li a{ display: block; padding: 10px 0; line-height: 36px; color: #fff; border-bottom: 1px solid #626669; position: relative} 

.position-navigation .dropdown-menu li a:after{content: "\f107";font: normal normal normal 24px/1 FontAwesome; position: absolute; right:10px; top:16px}

.position-navigation .dropdown-menu li:hover{background: #950014;}

.position-navigation .dropdown-menu>li>a:focus,.position-navigation .dropdown-menu>li>a:hover{ background: none;}

.position-navigation .dropdown-menu li:last-child a{ border-bottom: 0;}

.position-navigation .dropdown-menu li.top{ padding: 0;}

.position-navigation .dropdown-menu li.top a{ padding:10px 15px;}

.position-navigation .dropdown-menu li.top a:after{content: "\f106";}

.sub-title .title-desc{ width:80%; margin:0 auto; padding-bottom:50px; padding-top:15px; line-height:2}

.sub-block {padding: 80px 0;}

.pad-30 {

    padding: 30px 15px;

}

.contact-item{ width:55%; margin:0 auto}



.contact-icon{ margin-bottom:40px;}



.contact-item p{ margin:0; line-height:30px; }



.wrapper-contact .sub-title h2.large-title b{ margin-bottom:25px;}



.online-message-info{ width:85%; margin:0 auto}



.online-message-info input{



    width:85%;



    background: #fff;



    border: 1px solid #ddd;



    padding: 10px 15px;



}



.message-item{ margin-bottom:15px;}



.online-message-info textarea{background: #fff; width:100%;



    border: 1px solid #ddd;



    padding: 10px 15px}



.message-btn a{ display:inline-block; line-height:36px; padding:0 52px; border-radius:5px; color:#fff; font-size:18px; background:#126ac2; margin:0 10px;}



.message-btn a.btn02{ background:#bbb;}



.message-btn a:hover{ opacity:.85;}

.contact-info h3.title{ border-bottom: 1px solid #DFDFDF; padding: 15px 0; margin-bottom: 40px;}

h2.large-title{ text-transform: uppercase; color: #333; margin: 25px 0; font-family: "PorscheNextWLa";}

.white-grey,.white-grey .module-container{ background: #F2F2F2}

/*about*/

.list-about-info{ padding: 50px 0;}

.about-txt p{ line-height: 34px; font-size: 16px; color: #444; margin: 0 0 10px 0}

.about-txt p b{ font-size: 18px;}

.onevape-value-wrap h2{ padding-bottom: 40px;}

.onevape-value-info{ background: url(../images/value-bg.jpg) center center no-repeat; background-size: cover;}

.onevape-value-info li:first-child{ border-right:1px solid #403E3F; border-bottom: 1px solid #403E3F;}

.onevape-value-info li:nth-child(2){border-bottom: 1px solid #403E3F;}

.onevape-value-info li:nth-child(3){border-right: 1px solid #403E3F;}

.onevape-value-info .value-item{ font-size: 16px; color: #fff; line-height: 26px; padding: 80px 0; width: 70%; margin: 0 auto}

.onevape-value-info .value-item .images{ padding-bottom: 30px;}

.onevape-value-info .value-item .title{ margin: 15px 0; font-size: 26px; font-weight: bold; line-height: 1.3}

.our-sale-wrap{ padding: 50px 0}

.our-sale-wrap .map-img{ padding-top: 70px;}

/*newsroom*/

.news-intro{ font-size: 13px;}

.news-intro span.date{ border-right: 1px solid #ddd; padding-right: 10px;}

.news-intro .social-share a{ display: inline-block; margin-left: 10px;}

.news-intro .social-share i.fa,.hot-news-info .share i.fa{ width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 100%; background: #000; color:#fff;}

.news-intro .num{ margin-left: 10px;}

.news-content h2.title{ font-size: 28px; line-height: 1.3; padding: 15px 0; border-bottom: 1px solid #ddd; font-weight: bold; margin-bottom: 20px;}

.news-content img{ margin-left: auto; margin-right: auto; display: block; padding: 20px 0}

.news-content p{ margin: 0 0 10px 0}

.new-detail-next{ padding: 80px 0}

.new-detail-next a{ padding: 0 15px; text-transform: uppercase; font-size: 18px;}

.bg-dark{background-color: #3e4146; color: #fff;}

.section-popular{ padding: 20px;}

.section-popular h2.title{font-size: 20px; line-height: 1.2; margin-bottom: 20px; font-weight: bold;}

ol {

    counter-reset: a;

    list-style: none;

    padding-left: 15px;

}

ol>li {

    position: relative;

    display: block;

}

ol>li:before {

    content: counter(a) ".";

    counter-increment: a;

    position: absolute;

    top: 0;

    left: -15px;

}

.section-popular li{ margin: 15px 0}

.section-popular li a{ color: #fff;}

.section-popular li a:hover{ color: #E64040;}

.headline-line {

    overflow: hidden;

    margin: 10px 0;

    padding: 10px 0;

    position: relative;

    text-align: center;

    z-index: 1;

}

.headline-line.medium .headline {

    font-size: 20px;

    line-height: 1.275;font-weight:bold;

    color: #212121;

    display: inline-block;

    height: 100%;

    padding: 0 15px;

    z-index: 1;

    letter-spacing: .02rem;

    white-space: nowrap; 

}

.headline-line .headline:after, .headline-line .headline:before {

    content: "";

    font-size: 0;

    position: absolute;

    top: 44%;

    height: 1px;

    border-bottom: 1px solid #dfdfdf;

    color: #dfdfdf;

    width: 100%;

    margin-left: calc(-100% - 15px);

}

.headline-line .headline:after {

    margin-left: 15px;

    margin-right: -100%;

}

.headline-line .more {

    position: absolute;

    right: 0;

    top: 2px;line-height: 1.2; font-size: 12px;

}

.headline-line .more i.fa{ margin-left:5px;}

.hot-news-section{ padding: 20px 0}

.hot-news-section .images, .news-item .img{ border-bottom: 5px solid transparent; margin-bottom: 5px; overflow:hidden;}

.hot-news-section .images img,.news-item .img img{ width: 100%; -webkit-transition: all 1000ms; transition: all 1000ms; transform: scale(1); }

.hot-news-section:hover .images,.news-item:hover .img{

    border-bottom: 5px solid #42adff;

}

.hot-news-section .images img:hover, .news-item .img img:hover{

-webkit-transform:matrix(1.04,0,0,1.04,0,0);-moz-transform:matrix(1.04,0,0,1.04,0,0);-ms-transform:matrix(1.04,0,0,1.04,0,0);-o-transform:matrix(1.04,0,0,1.04,0,0);transform:matrix(1.04,0,0,1.04,0,0);}







.hot-news-section .title{font-size: 18px;line-height:25px;margin: 4px 0; height: 50px;display: -webkit-box;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-weight: bold;}

.hot-news-info .share{ padding: 5px 0}

.hot-news-info .share i.fa{ margin-right: 5px}

.hot-news-info,.news-item{ position: relative;    margin-bottom: 30px; height:auto; overflow:hidden; clear:both;}

.hot-news-info:before,.news-item:before {

    content: "";

    position: absolute;

    top: -10px;

    left: -10px;

    display: block;

    width: calc(100% + 18px);

    height: calc(100% + 18px);

    border: 1px solid transparent;

    pointer-events: none;

}

.hot-news-info:hover:before,.news-item:hover:before  {

    z-index: 150;

    border: 1px solid #ccc;

    -webkit-transition: all .3s;

    transition: all .3s;

}

.hot-news-info:hover,.news-item:hover{cursor: pointer;}

/*faq*/

#vape-title .cursor .footblank, #vape-title li:hover .footblank{border-width: 0 1px 0 1px;border-color: #dadada;border-style: none solid none solid;background-color: #ffffff;}

    #vape-title .cursor .footblank .shadow, #vape-title li:hover .footblank .shadow{box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.2);background-color: #ffffff;}

    #vape-title .cursor .footblank .cen, #vape-title li:hover .footblank .cen{background-color: #2c2c2c;color:#ffffff;}

    #vape-title .cursor .footblank h2 a, #vape-title li:hover .footblank h2 a{color:#ffffff;}

    

    #vape-box{width: 100%;}

    #vape-box .cursor{display:block;}

    #vape-box-1,#vape-box-2,#vape-box-3{display:none;}

    #vape-box .p-text{width:100%;padding-bottom: 5%}

    

    #vape-box .p-text-title{text-align:center;padding:20px 50px;}

    #vape-box .p-text-title h1{font-size: 36px;font-weight: bold;line-height:140%;}

    #vape-box .p-text-btn ul li{float:left; width:230px;height:350px;text-align:center;cursor: pointer;}

    #vape-box .p-text-btn ul li img{transform: translateX(0) scale(0.6);display: inline-block;}

    #vape-box .p-text-btn ul li span{display: block;font-size: 20px;color:#999;margin-top:-20px;}

    #vape-box .p-text-btn li:hover img{transform: translateX(0) scale(0.7);}

    #vape-box .p-text-btn li:hover span{color:#2c2c2c;}

    

    .footblank{padding:30px 0;text-align:center;margin:20px 0 50px;background-color: #fbfbfb;color:#2c2c2c;cursor: pointer;position: relative;}

    .footblank .shadow{position: absolute; top:0px;left:1%;height:10px;width:98%;background-color: #fbfbfb;}

    .footblank .cen{padding:20px 0;}

    .footblank h2{font-size:30px;font-weight: bold;font-family: Arial;}

    .footblank span{font-size:14px;font-family:'Century Gothic';padding-top:10px;display: block;}

.faqtitle{font-size: 24px;font-weight: bold;padding:10px 0;}

.faqtitle2{font-size: 16px;font-weight: bold;padding:10px 0; cursor: pointer;}

.faqtitle2:after,.faqtitle2[aria-expanded=false]:after{ content: ""; background: url(../images/arrow.png) no-repeat; margin-left: 10px; display: inline-block; width: 10px; height: 10px;}

.faqtitle2[aria-expanded=true]:after{transform: rotate(180deg);}

.faqtext{font-size: 16px;padding:5px 0;}

.faq-con li{border-bottom: 2px solid #ddd;

    margin-bottom: 30px;

    padding-bottom: 30px;

    color: #2c2c2c;}

.uline {

    clear: both;

    line-height: 140%;

    text-align: center;

    padding: 50px 0;

}

.uline h1 {

    font-size: 26px;

    font-weight: bold;

    cursor: pointer;

}

.uline span {

    text-decoration: underline;

}





.list-banner{position:relative;}

.pro_title{position:absolute; left:0; bottom:0; color:#ffffff;}

.visualizer-right{padding-top:60px;}



.data-item:first-child {

    padding-left: 0;

    border-left: 0;

    display: block;

   padding-bottom: 30px;

}

.data-title {

    display: block;

    width: auto;

    line-height: 14px;

    padding-top: 5px;

}

.data-item:not(:first-child) {

    display: inline-block;

    border-top: none;

    border-right: 1px solid #c8cacb;

    padding: 0 20px;

}

.data-item:nth-child(2) {

    padding-left: 0 !important;

}

.data-value {

    line-height: 30px;

}

.data-value {

    font-size: 30px;

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-bottom: 1px solid #ddd;line-height: 30px;}

.specs-txt td,.specs-txt th{ text-align: right; font-size: 13px;}

.specs-txt td.grey-txt{color: #959899; text-align: left}

.online-btn a{ display: inline-block;background-color: #313639; padding: 15px 25px; color: #fff;transition: background-color .24s,color .24s;}

.online-btn a:hover{ background: #00a0e9}

.online-btn i.fa{ font-size: 18px; margin-right: 10px;}

.wrapper-product h2.large-title{ text-transform: inherit; margin-bottom: 60px}

.visualizer-left{ padding: 0 100px;}

.visualizer-left .product-slider{ padding: 30px;}

.visualizer-left .product-slider .slick-dots{ display: none!important;}

.visualizer-left .product-slider .slick-next,.visualizer-left .product-slider .slick-prev{ opacity: 1}

.visualizer-left .product-slider .slick-next:before,.visualizer-left .product-slider .slick-prev:before {color: #ccc;}

.visualizer-left .product-slider .slick-next:hover:before,.visualizer-left .product-slider .slick-prev:hover:before {color: #CC0000;}

.visualizer-left .product-slider .slick-next{ right:-80px;}

.visualizer-left .product-slider .slick-prev{ left: -80px;}

ul.tileColor li, ul.tileWheels li {

    display: inline-block;

    margin-right: 0.5em;

    margin-top: .18em;

    position: relative;

    cursor: pointer;

}

ul.tileColor li span {

    width: 8rem;

    height: 8rem;

    display: block;

}

.tileColor .selected:after,.visualizer-right .pic .selected:after{

    content: "\f00c";font: normal normal normal 14px/1 FontAwesome;

    background-color: #c00;

    display: inline-block;position: absolute;

    bottom: -0.1em;

    right: 0;

    background-color: #c00;

    color: white;

    border-radius: 100%;

    border: 2px solid #fff;

	display:none;

}

.visualizer-right .pic .selected:after{ right:15px;}

.visualizer-right .pic li{ cursor: pointer;}

.visualizer-right .panel{ border: 0;box-shadow:none;}

.visualizer-right .panel-default>.panel-heading{ background: none;padding: 1.5rem 0rem 1.5rem .5rem;border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;

    font-size: 1em;    cursor: pointer;

    position: relative; }

.visualizer-right .panel-group .panel-heading+.panel-collapse>.panel-body{ border-top:0;}

.visualizer-right .panel-default>.panel-heading a{ display: block; font-weight: bold;}

.visualizer-right .panel-default>.panel-heading a:hover,.visualizer-right .panel-default>.panel-heading a:focus{ text-decoration: none}

.visualizer-right .panel-default>.panel-heading a:after,.visualizer-right .panel-default>.panel-heading a[aria-expanded=false]:after{ content: "\f107";font: normal normal normal 22px/1 FontAwesome; display:inline-block; float: right; margin-right: 10px;}

.visualizer-right .panel-default>.panel-heading a[aria-expanded=true]:after{transform: rotate(180deg)}

.visualizer-right .pic-item{ border: 1px solid #ddd; padding: 10px; position: relative;}

.visualizer-right #collapseTwo .panel-body{ padding: 25px 0}

.continue-btn a{background-color: #00a0e9;

    color: white;

    border-radius: .1875rem;

    padding: .875rem;}

.online-btn.continue-btn i.fa{ margin: 0 0 0 10px}

.hot-products,.kuaizhan-slider{ position: relative}

.car-range-tile:hover .car-range-tile-info .info-link{ opacity:1; color: #fff;}

.car-range-tile:hover .car-range-tile-info .info-link:hover{color: #00a0e9;}

.car-range-tile:hover .car-range-tile-headline{ opacity: 0}

.onevape-value-info li{ min-height: 520px; }

.hot-item .post-thumbnail{position: relative;transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; overflow: hidden;}

.hot-item:hover .post-thumbnail img{-webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; cursor:pointer;}

.car-range-tile:hover{ cursor: pointer}

.product-detail-img .left,.product-detail-img .right{ padding: 0; overflow:hidden;}



.product-detail-img img{ width: 100%}

.product-detail-img{ height:auto; overflow: hidden}



.pro_contd img{ -webkit-transition: all 1000ms; transition: all 1000ms; transform: scale(1); overflow:hidden; }

.pro_contd img:hover{-webkit-transform:matrix(1.04,0,0,1.04,0,0);-moz-transform:matrix(1.04,0,0,1.04,0,0);-ms-transform:matrix(1.04,0,0,1.04,0,0);-o-transform:matrix(1.04,0,0,1.04,0,0);transform:matrix(1.04,0,0,1.04,0,0);}





.product-detail-img, .post-thumbnail, .product-img p{overflow:hidden;}



.xg_box {position: relative; margin-bottom:20px; }



.s_row01{margin: 0; position: relative; z-index: 10;}

.xg_box a {display: block; height: auto; height: 100%; text-align: center; position: relative; border: 1px solid #ffffff; }

.xg_box a span {display: inline-block; width: 85px; margin-top: 28%; margin-bottom: 10%; }

.s_row02{position: absolute; left: 0; top: 0px; width: 100%; height: 100%; margin: 0; z-index: 5; display: none;}

.s_row02 i{    position: absolute; display: inline-block; top: 0; border: 1px solid #ccc; display: none; background: #f7f7f7;}

.xg_box a span {display: inline-block; width: 85px; margin-top: 16%; margin-bottom: 8%; }

.xg_box a:hover{ background: #f7f7f7; border: 1px solid #ccc}

.xg_box_ul01 { width: 100%; height: auto; overflow: hidden;}

.xg_box_ul01  li{ width: 20%; float: left; line-height:48px;}



.faqs_img .img01{ display: block;}	

.faqs_img .img02{ display: none;}	





.header-bottom-info .fr, .header-bottom-info .fr a{color:#ffffff; line-height:48px;}

.header-bottom-info .fr a:hover{color:#00a0e9;}

.header-bottom-info .fr img {

    vertical-align: middle;

    width: 20px;

}

.header-bottom-info .fr span {

    padding: 0 5px;

}





	.hot-item{position:relative;}

	.hot-item:hover .car-range-tile-info{opacity: 1;

    visibility: visible;

    transition: opacity .24s;}

	

	.hot-item:hover .car-range-tile-info .info-link{ opacity:1; color: #fff;}

.hot-item:hover .car-range-tile-info .info-link:hover{color: #00a0e9;}

.hot-item:hover .car-range-tile-headline{ opacity: 0}





.index_zhuanjia{ width:100%; overflow:hidden; background-color:#151515;}
.index_zhuanjia_pic{ height:700px; overflow:hidden; float:left;position:relative;}
.index_zhuanjia_pic ul{height:700px;position:absolute; left:0; overflow:hidden;}
.index_zhuanjia_pic li{width:1240px; height:700px; overflow:hidden;position:relative;float:left;}

.index_zhuanjia_left_inc{ width:32px; height:41px; position:absolute;left:0px;top:195px; cursor:pointer;background:url(../images/float_left_inc.png) left top no-repeat; z-index:9}
.index_zhuanjia_right_inc{ width:32px; height:41px; position:absolute;right:0px;top:195px; cursor:pointer;background:url(../images/float_right_inc.png) left top no-repeat; z-index:9}

.index_zhuanjia_list{ height: 100%; float:right; padding:0; z-index:999; }
.index_zhuanjia_lists{width:100%; height:640px; overflow:hidden;position:relative;}
.index_zhuanjia_lists ul{ width:100%; height:428px;position:absolute;overflow:hidden; border-top:1px solid #2E2E2E;}
.index_zhuanjia_lists ul li{ width:100%; height:auto; border-bottom: 1px solid #2E2E2E; padding:30px;position:relative; overflow:hidden; cursor:pointer;}
.index_zhuanjia_lists ul li:hover{ background: #000000; }
.index_zhuanjia_lists ul li.on{ background: #00a0e9; }
.index_zhuanjia_pre{ width:100%; height:20px; overflow:hidden; cursor:pointer;background:url(../images/index_zhuanjia_pre.png) no-repeat center top;}
.index_zhuanjia_next{ width:100%; height:20px; overflow:hidden; cursor:pointer;background:url(../images/index_zhuanjia_next.png) no-repeat center bottom;}


.index_zhuanjia_lists ul li h5 {
	font-size: 16px;
	margin: 0;
	padding: 0; padding-bottom:5px;
	color: #FFF;
}
.index_zhuanjia_lists ul li .v_subt {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px; line-height:18px; height:36px; overflow:hidden;
}







@media screen and (max-width:1620px){

.header-bottom-info .navbar-nav > li{padding-right:0.5em; margin-right:0.5em;}

.index_zhuanjia_pic li{width:1200px;}
}



@media screen and (max-width:1366px){

.onevape-value-info li{ min-height: 570px; }	

	.product-detail-img{ height:480px;}

	.contact-item{ width:70%;}
	
	.index_zhuanjia_lists ul li .v_subt{display:none;}
	.index_zhuanjia_pic li{width:1020px;}

}

@media screen and (max-width:1280px){

	.product-detail-img{ height:450px;}

	.contact-item{ width:80%;}
     .index_zhuanjia_pic li{width:960px;}
}

@media screen and (max-width:1024px){

	.contact-tel{ font-size: 24px;}

	.onevape-value-info .value-item{ width: 100%; padding: 40px 0}

	.list-about-info{ padding: 50px 0}

	.contact-item{ width: 100%; text-align: center}

	.online-message-info input{ width: 100%;}

	.onevape-value-info li{ min-height: 460px; }	

	.product-detail-img{ height:360px;}

	.car-range-tile:hover .car-range-tile-info{opacity: 0;

    visibility: visible;

    transition: opacity .24s;}

	.car-range-tile-info{display:none;}

	.hot-item:hover .pro-title a{display:block;}

	.pro_lis .slick-slide{width:50%;}
	
	.video_li.img{display:none;}
	.v_cont{width:100%;}
   .index_zhuanjia_pic li{width:765px;}
}

@media screen and (max-width:768px){

	.logo:before{ display: none}

	.hamburger{ margin-top: 30px}

	.mob-menu li{ line-height: 50px; border-bottom: 1px solid #ddd; padding: 0 20px;}

	.kuaizhan-slider .slick-next, .kuaizhan-slider .slick-prev{ opacity: 1}

	.contact-tel{ font-size: 16px;}

	.footer-middle .fr img{ margin-left: 5px;}

	.data-item:not(:first-child){padding: 0 10px;}

	.data-item:last-child{ border-right:0}

	.onevape-value-info .value-item .title{ font-size: 24px;}

	.onevape-value-info .value-item{ min-height: 500px;}

	.module-container,.module-container01{ padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}

	.pro_title{position:relative; color:#222222;}

	.visualizer-right{ padding-top:0;}

	.module-container01{ padding-bottom: 0}	

	.link-wrapper{ display: none;}

	.header-search{ margin: 15px;}

	.product-detail-img{ height:270px;}

	

	.xg_box_ul01.s_row01{ margin:0;}

.xg_box_ul01  li{ width: 50%; float: left;}



.faqs_img .img02{ display: block;}	

.faqs_img .img01{ display: none;}	

.index_zhuanjia_lists{height:160px; border-bottom:1px solid #2E2E2E; margin-bottom:6px;}
.index_zhuanjia_lists ul li{float:left; width:25%; height:160px;}
.index_zhuanjia_pic li{width:100%; height:500px;}


}
.yanfa-content{ background:#eeeeee;}
.yanfa-item img{ width:100%;}
.yanfa-desc{ font-size:18px; font-weight:bold;margin-bottom:50px;}
@media screen and (max-width:420px){

	.product-detail-img{ height:auto;}

.hamburger{ margin-top: 10px}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,.hamburger-box{ width: 35px;}

	#home-popup .modal-dialog{ margin: 0;top: 20%;left: 5%; width: 90%;}

	#home-popup .modal-body{ width:100%;}

	.car-range-tile{ width: 33.3%}

	.about-info a{ padding-right: 0; text-align: center}

	.home-about .video-info{ padding-left: 0}

	.home-about{height: auto}

	.newsroom-content,.wrapper-newsroom{ padding-left: 0;padding-right: 0}

	.footer-top .tit a{ margin: 5px 0}

	.footer-middle{ margin-top: 20px;}

	.contact-tel{ font-size: 24px;}

	.footer-middle .fl,.footer-middle .fr{ padding: 0}

	.footer-middle .fl a{ margin-left: 10px;}

	.footer-middle .fr.text-right{ text-align: center}

	#home-popup .modle-con p{ width: 100%; padding: 15px; margin-top: 10px}

	#home-popup .modal-body{ height: auto}

	.data-item,.contact-icon,.contact-info li{ margin-bottom: 15px;}

	.data-value{ font-size: 20px; font-weight: bold;}

	.specs-img,.about-img{ margin-bottom: 15px;}

	.wrapper-product h2.large-title{ margin-bottom: 30px;}

	.visualizer-left{ padding: 0 30px; margin-bottom: 30px;}

	.visualizer-left .product-slider .slick-prev{ left: -30px;}

	.visualizer-left .product-slider .slick-next{ right:-30px;}	

	.data-item:last-child{ padding-left: 0}

	.footblank{ padding: 10px 0; margin: 0}

	.list-about-info,.our-sale-wrap,.new-detail-next{ padding: 20px 0}

	.our-sale-wrap .map-img{ padding-top:0}

	.news-content h2.title{ font-size: 24px;}

	.hot-news-section .title{ font-size: 16px;}

	.sub-title .title-desc{ width: 100%; padding-bottom: 15px}

	.online-message-info{ width: 100%; padding: 30px 0}

	.header{ position: fixed; left: 0; top: 0; height: 76px; z-index: 10; background: #fff; width: 100%;box-shadow: 0px 0px 20px 0px rgba(0,0,0,.2); border-top: 0}

	.kuaizhan-slider,.list-banner{ padding-top: 76px}

	.onevape-value-info li:nth-child(3){border-bottom: 1px solid #403E3F;}

}

@media screen and (max-width:375px){

	#home-popup .modal-dialog{ top: 25%;}

	.car-range-tile-headline{ font-size: 18px}

	.about-info a{ font-size: 30px;}

	.data-item:not(:first-child){ padding: 0}

	.data-item{ width: 100%;}

	.data-item:not(:first-child){ border-right: 0;border-top: 1px solid #c8cacb;}



}

@media screen and (max-width:320px){

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger-box{ width: 30px;}

	h2.large-title{ font-size: 24px;}

	.position-navigation .dropdown-menu{ width: 250px;}

	.uline h1{ font-size: 22px}

	.news-content h2.title{ font-size: 18px;}

	.message-btn a{ padding: 0 30px}
}
.tips_box{
    width:100%;
    height:auto;
    overflow: hidden;
    background: #fff;
    position: relative;
    border:10px solid #000;
}
.tips{
    width:500px;
    max-width: 95%;
    height: auto;
    overflow: hidden;
    color: #000;
    margin:0 auto;
    line-height: 24px;
    font-size:15px;
    padding: 10px 0;
    text-align: center;
}
.tips_box a{
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 24px;
    font-size:15px;
    color: #333;
}
.Lshow{
    display: block;
}
.Lhide{
    display: none;
}
@media screen and (max-width:768px){
    body{
        width:100%;
        height: auto;
        overflow-x: hidden;
    }
    .tips_box{
        width: 100%;
    }
    .tips{
        width: calc( 100% - 20px );
        max-width: 100%;
    }
    .mb_header{
        background: #fff;
    }
    .Lshow{
        display: none;
    }
    .Lhide{
        display: block;
    }
    .newsroom-content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn01{
        width:80px !important;
    }
    .btn02{
        width:80px !important;
    }
}