@charset "utf-8";
body{font-family:"Microsoft YaHei"!important}
.banner_2020x3{width:100%;overflow:hidden;margin-top:0}
.w_100_box{width:100%;overflow:hidden;position:relative}
.w_100{width:100%}
.x32020_main{background:url(../x3public/images/ico/33_02.jpg) repeat;overflow:hidden;width:100%;background-size:100%}
.w_100{ width: 100%; overflow: hidden;}


.x32020Box_1{width:100%;margin:4% auto;overflow:hidden;position: relative;}


.x32020Box_1  .connter{position:absolute;left: 6%;display:block;bottom: 20px;text-align: left;/* width: 40%; */}
.x32020Box_1  .connter h4{color:#fff;font-size: 16px;    margin-bottom: 0;}
.x32020Box_1  .connter span{font-size: 12px;color:#fff;display:block;margin-top: 4px;margin-bottom: 4px;width:100%;overflow:hidden;}
.x32020Box_1  .connter .txt{width:100%;overflow:hidden;display:block;margin-bottom: 10px;}
.x32020Box_1  .connter .txt p{color:#fff;font-size: 12px;margin-bottom: 8px;    margin-top: 0;}
.x32020Box_1  .connter .line{margin-bottom: 10px;width: 48%;}



.x32020_main_more{width: 100px;height: 35px;color:#00cbbf;display:block;overflow:hidden;text-align:center;line-height: 35px;border-left:solid 1px #00cbbf;border-top:solid 1px #00cbbf;border-right:solid 1px #eee;border-bottom:solid 1px #eee;font-size: 12px;font-style:normal;cursor:pointer;}


.outcarcolornav{text-align: center;position: absolute;bottom: 3px;width: 100%;padding-left: 0;margin-bottom: 0;}
.out360conter-nav li{display:inline-block;margin: 0 8px; }
.out360conter-nav li em{ width: 40px; height:60px; display: block; cursor: pointer; background-position:  center;}



.out360Coro_grey{background:url(../x3public/images/360/color4/hui.png) no-repeat center;  background-size: 100% 100%;}
.out360Coro_red{background:url(../x3public/images/360/color4/hong1.png) no-repeat center;  background-size: 100% 100%;}
.out360Coro_blue{background:url(../x3public/images/360/color4/lan.png) no-repeat center;  background-size: 100% 100%;}
.out360Coro_white{background:url(../x3public/images/360/color4/bai.png) no-repeat center;  background-size: 100% 100%;}


.out360conter-nav li.on .out360Coro_grey{background:url(../x3public/images/360/color4/hui_2.png) no-repeat center;    background-size: 100% 100%;}
.out360conter-nav li.on .out360Coro_red{background:url(../x3public/images/360/color4/hong1_2.png) no-repeat center;    background-size: 100% 100%;}
.out360conter-nav li.on .out360Coro_blue{background:url(../x3public/images/360/color4/lan_2.png) no-repeat center;    background-size: 100% 100%;}
.out360conter-nav li.on .out360Coro_white{background:url(../x3public/images/360/color4/bai_2.png) no-repeat center;    background-size: 100% 100%;}



.x32020_main_360{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 20px;
}
.x32020_main_360 .mon_20{

width: 100%;

overflow: hidden;

position: relative;
}

.x360bih_1{
    position: absolute;
    left: 2%;
    top: 12px;
}
.x360bih_2{
    position: absolute;
    left: 50%;
    top: 12px;
}
.x360bih_3{
    position: absolute;
    left: 50%;
    bottom: 0px;
}
.x360bih_4{
    position: absolute;
    right: 0;
        top: 67%
}


.waiguan360{
    display: block;
    width: 89%;
    margin: 10px auto;
    padding-top: 32px;
    overflow: hidden;
}


#galpop-close {
    background-image: url(../x3public/images/btn-close.png) !important;
}



.boxx{width:1200px;margin:0 auto;display:none}
.boxx .top{width:100%;overflow:hidden;}
.boxx .top h4{color:#fff;font-size: 20px;}
.boxx .top span{font-size: 14px;color:#fff;display:block;margin-top: 2%;margin-bottom: 2%;width:100%;overflow:hidden;}
.boxx .top .line{ margin-bottom: 27px; background: #00cbbf; width: 115px;  height: 2px; display: block;  margin: 0 auto 20px auto}
.boxx .mon_1{width:100%;overflow:hidden;margin-bottom:55px;position:relative}
.boxx .mon_1 img{width:100%}
.boxx .mon_1 .txt01{position:absolute;color:#ccc;/* width: 20%; */}
.boxx .mon_1 .txt01 span{color:#999;font-size: 12px;padding-bottom: 5px;display:block;line-height: 19px;}
.txtss2{right: 26px;top: 30%;text-align:right;width: 26%;}
.txtss3{left: 9px;top: 39%;text-align:left;width: 28%;}
.wbor68{background:#00cbbf;width:32px;height:2px;overflow: hidden;display: block;}


.x32020_maidianBox_big{ 
    
    background:url(../x3public/images/ico/33_02.jpg) repeat;overflow:hidden;width:100%;background-size:100%;z-index:400;position:fixed;top:0;left:0;max-height:100%;overflow-y:scroll;display:none}
.boxx{width: 100%;margin:2% auto;overflow:hidden;display:none;padding-top: 20px;/* padding-bottom: 30px; */}

.x3publicoff{position:fixed;padding:1rem 2rem;border-radius:2rem;bottom:10%;left:50%;transform:translateX(-50%);z-index:408;color:#000;letter-spacing:2px;font-size:1.8rem;text-align:none;text-align: c;}



.bg_c697880{ background: #697780; }
.model_subtitle{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
   text-align: center;
}
/**预约试驾***/

/* drive */
.driveicon{
    position: fixed;
    width: 34%;
    bottom: 10%;
    left: 3%;
    z-index: 2001;
}



.drivetitle{
    font-size: 22px;
    color: #fff;
    margin: 4% 0;
}
.closeicon{
    width: 10%;

    margin-left: 86%;
}
.drivepart2from {
    position: fixed;
    z-index: 9999;
    top:0;
    bottom: 0;



    width: 100%;
    /* padding: 1rem;
    padding-bottom: 1rem; */
    padding-top: 6%;
    background: rgba(0, 0, 0, 0.82)
}

.fromitem{
    width: 80%;
    margin: 10px auto;
    border: 1px solid rgba(255, 255, 255, 0.774);
}
.textchoosecheck{
    width: 80%;
    margin: 10px auto;
    text-align: left;
}
.drivepart2from .frominput {
    width: 100%;
    background-color: transparent;
    border: transparent;
    /* border-bottom: 1px solid #ffffff30; */
    padding: 0.38rem 0.2rem;
    font-size: 0.32rem;
    border-top: 0;
    border-radius: 0;
    outline: none;
    outline-color: #fff;
    color: #888888;
    /* margin-bottom: 0.3rem; */
    display: inline-block;
    text-align:left
}
.ProCity,.name{
    display: flex
}
.drivepart2from .line{
    width: 2px;
    background: #fff;
    margin: 4% 0;
}
.fromselect option {
    color: #fff;
    background: #000;
}

.curpoint {
    cursor: pointer;
}



.chooseinfo{
    font-size: 12px;
    line-height: 22px;
}
.btnbox{
    text-align: center;
    margin-top:8%;
    width: 80%;
    margin: 1% auto;
}
/* choujiangtankuang*/
.wapper_1 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 990;
    background-color: rgba(26,26,26,.52);
}
.zhuanpan {
    /* width: 35%; */
    position: relative;
    /* position: absolute; */
    z-index: 30;
}
.zhuanpan .pointer {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.72rem;
    z-index: 20;
    margin-left: -0.64rem;
    cursor: pointer;
}
.shuoming {
    margin-top: 0.2rem;
    text-align: left;
}
.shuoming p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.27rem;
    margin: 0.1rem 0;
    line-height: 22px;
}
.prizedrawb_ox {
    display: none;
    top: 8%;
    /* left: 10%; */
    /* margin-left: -40%; */
    position: fixed;
    z-index: 9999;
}



.wapper_2 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background-color: rgba(26,26,26,.2);
}
.prizedrawb_ox_2 {
    display: none;
    top: 40%;
    width: 100%;
    /* left: 50%; */
    /* margin-left: -15%; */
    position: fixed;
    z-index: 9999;
}


.wapper_3 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 990;
    background-color: rgba(26,26,26,.2);
}
.prizedrawb_ox_3 {
    display: none;
    width: 100%;
    top: 10%;
    position: fixed;
    z-index: 9999;
    /* background: #eee; */
}
.wapper_10 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 990;
    background-color: rgba(26,26,26,.2);
}
.prizedrawb_ox_10 {
    width: 100%;
    display: none;
    top: 40%;
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    color: #ffffff;
}
.dialogbookabsolute {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
}
.booktop {
    padding: 10% 16%;
    padding-bottom: 0;
}

.advancepart2from {
    padding: 1rem;
    padding-bottom: 1rem;
    padding-top: 6%;
}
.advancepart2from .frominput {
    width: 100%;
    background-color: transparent;
    border: transparent;
    border-bottom: 1px solid #ffffff30;
    padding: 0.38rem 0.2rem;
    font-size: 0.32rem;
    border-top: 0;
    border-radius: 0;
    outline: none;
    outline-color: #fff;
    color: #888888;
    margin-bottom: 0.3rem;
}
.ProCity .fromselect:nth-of-type(1) {
    float: left;
}
.zhongProCity .fromselect {
    width: 31%;
}
.ProCity .fromselect:nth-of-type(2) {
    float: right;
}
.diso_1,.diso_2,.diso_3,.diso_4{display: none}
.booktop li:nth-last-child(1) {
    font-size: 0.37rem;
    border: 1px solid rgba(255, 255, 255, 0.61);
    border-radius: 16px;
    padding: 0.1rem 0;
}
.wapper_4 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 990;
    background-color: rgba(26,26,26,.2);
}

.prizedrawb_ox_4 {
    display: none;
    width: 100%;
    top: 30%;
    left: 0;
    /* margin-left: -22%; */
    position: fixed;
    z-index: 9999;
    /* height: 94%; */
    overflow: hidden/* background: #eee; */;
}

.drivepart2from{
    display: none
}


/***********/
.media .bx-viewport{overflow:visible!important}
.media .bx-wrapper{margin:0}
.media .bx-wrapper .bx-loading{background:0 0}
.media .bx-wrapper .bx-prev{background:url(../x3public/images/ico/hislider-arrow-left.png) no-repeat;background-size:cover!important}
.bx-wrapper .bx-next{background:url(../x3public/images/ico/hislider-arrow-right.png) no-repeat!important;background-size:cover!important}
.media_time_flex span{font-size:1.4!important}
.media .news1220 li span{font-size: 14px;text-align:center;margin-bottom:.5rem;display:block;font-weight:400;/* color: #fff; */}
.media .news1220 li img{margin-bottom:.5rem;width:70%;margin-right:auto;margin-left:auto}
.media .bx-wrapper .bx-controls-direction a{z-index:50}
.bx-wrapper{overflow:hidden}
.media .media_time_flex{display:flex;align-items:center;width:70%;margin:0 auto;color:#666;font-size:1.2rem}
.media_title{font-size:16px;font-weight:700;margin:2% auto!important}
.media_content,.media_title{width:70%;margin:0 auto;text-align:left!important;    color: #cccccc;}
.media_content{font-size: 12px!important;margin:0 auto;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;color:#999;}
.news1220 li .linknews{font-size: 12px;display:block;margin: 15px auto;color:#fff;width:133px;height:41px;background:url(../x3public/images/ico/6.png) no-repeat;background-size:contain;text-align:center;/* line-height:41px; */}
.news1220 li .linknews span{color: #fff;margin-bottom: 0;font-size: 12px;padding-top: 0px;line-height: 30px}
.media .media_time_flex img{width:16px!important;height:16px;margin:0!important}
.media .media_time_flex span{margin:0!important;padding-left:2px}
.swiper-container{padding-bottom: 40px;}
.swiperbox{padding:0 .27rem}
.swiperflex{display:flex}
.swiperflex a{width:50%}
.swiperflex a img{ width: 100%;}
.galpop-multiple img{ width: 100%;}
#galpop-content img {
    vertical-align: top;
    width: 100%;
}

.bg_ce9f5fb{
 background: #eaf5fb;
}

.sale_360_top{
	    position: absolute;
    right: 0;
    top: 18%;
    z-index: 20;
   
}
.sale_360_top .fr span{font-size:14px;color:#333;color: #009087;line-height: 21px;}
.sale_360_top .fr{/* width:22%; */text-align:right;display:none;cursor:pointer;float: left;line-height: 20px;padding-left: 5px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 26px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    background: #b1b1b3;
    opacity: 1;
    border-radius: 2px;
}

.swiperbox .swiper-pagination-bullet-active {
    background: #00cbbf;
}

.yanbox_bottom{
    position: absolute;
    bottom: 2px;
    width: 100%;
    text-align: center;
}