/*# sourceMappingURL=style.css.map */
.swiper-button-disabled{
    /* display: none; */
    opacity: 0 !important;
}
.forie{
    width: 100%;
    height: 100%;
    background:#eaeaea url(../img/tishi.png) center no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
}
a{
	color: inherit;
}
a:hover{
    color: inherit;
}
.wow{
    visibility: hidden;
    opacity: 0;
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
select::-ms-expand { display: none; }
/* 单行截取 */
.els{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    display: inline-block;
    max-width: 100%;
}
/* 禁止选中文本 */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}
img{
    max-width: 100%;
}
.imgs img{
    width: 100%;
}
/* 背景图撑满容器 */
.bgimg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: no-repeat center/cover;
}
.mobitem{
    display: none;
}
/* 显示loading动画类 */
.showloading:before{
    content: "";
    z-index: 1;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    font-size: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
    z-index: 9;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* 更改placeholder颜色 */
/* input::-webkit-input-placeholder{
    color:#898a8a;  
}  
input:-moz-placeholder{
    color:#898a8a;
}  
input::-moz-placeholder{
    color:#898a8a;
}  
input:-ms-input-placeholder {
    color:#898a8a;
}   */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    font-size: 0;
    padding-top: 90px;
    font-family: "Noto Sans S Chines","PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";
}
header{
    height: 90px;
    line-height: 90px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #f2f1f1;
    z-index: 102;
    padding: 0 30px;
}
header .logo{
    width: 204px;
    height: 100%;
    position: absolute;
    left: 30px;
    top: 0;
}
header .logo img{
    width: 100%;
}
header .fun{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
header .fun .lang{
    display: inline-block;
    font-size: 17px;
    font-family: 'Arial';
    color: #404040;
    text-align: center;
    width: 82px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    vertical-align: top;
    transition: all .4s ease;
}
header .fun .search-ico{
    display: inline-block;
    width: 84px;
    height: 100%;
    background: url('../img/header-search.png') no-repeat center/22px auto;
    vertical-align: top;
    cursor: pointer;
}
header nav{
    text-align: center;
}
header nav .item{
    display: inline-block;
    vertical-align: top;
    margin: 0 42px;
}
header nav .item .item-tit{
    display: block;
    font-size: 17px;
    color: #404040;
    transition: all .4s ease;
}
header nav .item .hover-box{
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background: #fff;
    margin-top: 1px;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease;
    z-index: 9;
}
header nav .item .hover-box .hover-wrap{
    width: 1630px;
    padding: 50px 50px 70px;
    max-width: 100%;
    margin: 0 auto;
}
header nav .item .hover-box .hover-wrap .hover-tit{
    font-size: 26px;
    color: #333333;
    float: left;
    line-height: 1;
    margin-top: 36px;
}
header nav .item .hover-box .hover-wrap ul{
    float: right;
    width: 88.04%;
    border-left: 1px solid #e2e2e2;
}
header nav .item .hover-box .hover-wrap ul li{
    width: 20%;
    float: left;
    line-height: 1.5;
    text-align: left;
    padding-bottom: 30px;
}
header nav .item .hover-box .hover-wrap .libox{
    padding-left: 20.146520146520147%;
}
header nav .item .hover-box .hover-wrap .libox .imgs{
    overflow: hidden;
}
header nav .item .hover-box .hover-wrap .libox .imgs img{
    transition: all .4s ease;
}
header nav .item .hover-box .hover-wrap .li-tit{
    font-size: 18px;
    color: #000000;
    margin-top: 12px;
}
header nav .item .hover-box .hover-wrap a{
    font-size: 14px;
    color: #333333;
    display: block;
}
body header .car-list-nav .tip{
    font-size: 16px;
    position: absolute;
    right: 50px;
    bottom: 30px;
}
body header .car-list-nav  .mCSB_scrollTools{
    width: 4px;
}
body header .car-list-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #f90d0d;
} 
body header .car-list-nav .mCSB_scrollTools .mCSB_draggerRail{
    background: #ebeaea;
    width: 4px;
}
header .car-list-nav{
    position: fixed;
    width: 100%;
    height: calc(100vh - 90px);
    top: 90px;
    left: 0;
    background: #fff;
    z-index: 99;
    overflow: hidden;
    padding: 0 50px 0 80px;
    line-height: 2;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease;
    transform-origin: 50% 0%;
    transform: perspective(1920px) rotateX(-80deg);
}
header .car-list-nav.show{
    opacity: 1;
    visibility: visible;
    transform: perspective(0px) rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
}
header .car-list-nav .car-left{
    float: left;
    width: 100%;
    height: 100%;
}
header .car-list-nav ul{
    overflow: hidden;
}
header .car-list-nav li{
    border-bottom: 1px solid #f0f0f0;
    padding-left: 124px;
    position: relative;
    margin-top: 30px;
    margin-right: -70px;
}
header .car-list-nav .car-item{
    margin-right: 70px;
    margin-bottom: 22px;
    line-height: 1;
    min-width: 161px;
    display: inline-block;
    vertical-align: top;
}
header .car-list-nav .car-item-box{
    position: relative;
    width: 134px;
    display: inline-block;
}
header .car-list-nav .car-item-box img{
    width: 100%;
    padding-top: 12px;
}
header .car-list-nav li:nth-child(3) .car-item-box img{
    padding-top: 20px;
}
header .car-list-nav .car-item-box .car-mode{
    position: absolute;
    font-size: 20px;
    font-family: 'Arial';
    color: rgba(51,51,51,.3);
    top: 0;
    left: 0;
    line-height: 1;
}
header .car-list-nav .car-mode-tit{
    font-size: 22px;
    color: #333333;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
}
header .car-list-nav .car-item .car-pic{
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
}
header .car-list-nav .link-box{
    margin-top: 8px;
    opacity: 0;
    bottom: 2px;
    transition: all .4s ease;
}
header .car-list-nav .link-box a{
    font-size: 12px;
    color: #333333;
    padding-right: 14px;
    background: url('../img/arrow9.png') no-repeat right center/7px auto; 
}
header .car-list-nav .link-box a + a{
    margin-left: 36px;
}
header .car-list-nav .right-nav{
    width: 19.740552735476594%;
    float: right;
    display: none;
}
header .car-list-nav .right-nav-tit{
    font-size: 32px;
    color: #333333;
    border-bottom: 1px solid #eaeaea;
    margin-top: 20px;
}
header .car-list-nav .right-nav-list{
    margin-top: 20px;
}
header .car-list-nav .right-nav-list p + p{
    margin-top: 5px;
}
header .car-list-nav .right-nav-list a{
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    background: url('../img/arrow10.png') no-repeat right center/9px auto;
    line-height: 2;
    transition: all .4s ease;
}
footer{
    background-color: #505050;
}
footer .footer-top{
    padding: 50px 0 14px;
    border-bottom: 1px solid #5e5e5e;
}
footer .footer-top ul{
    float: left;
}
footer .footer-top ul li{
    float: left;
    width: 90px;
}
footer .footer-top ul li + li{
    margin-left: 114px;
}
footer .footer-top ul .tit{
    font-size: 15px;
    color: #ffffff;
    border-bottom: 1px solid #757272;
    margin-bottom: 10px;
    padding-bottom: .5em;
    display: block;
}
footer .footer-top ul li a{
    font-size: 12px;
    color: rgba(164,164,164,.8);
    display: block;
    line-height: 2.34;
    transition: all .4s ease;
}
footer .footer-top .r-side{
    float: right;
    width: 196px;
}
footer .footer-top .r-side .h4{
    font-size: 17px;
    color: #ffffff;
    border-bottom: 1px solid #626262;
    padding-bottom: .3em;
}
footer .footer-top .r-side .code{
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #626262;
}
footer .footer-top .r-side .code-item{
    width: 79px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
footer .footer-top .r-side .code-item img{
    width: 100%;
}
footer .footer-top .r-side .code-item + .code-item{
    margin-left: 26px;
}
footer .footer-top .r-side .code-text{
    font-size: 12px;
    color: #fff;
}
footer .footer-top .r-side .hotline{
    color: #fff;
    line-height: 1.3;
    margin-top: 16px;
}
footer .footer-top .r-side .hotline .d1{
    font-size: 14px;
}
footer .footer-top .r-side .hotline .tel{
    font-size: 24px;
    font-family: 'Arial';
}
footer .footer-top .link-box{
    clear: both;
    margin-top: 55px;
    width: 100%;
    float: left;
}
footer .footer-top .link-box a{
    font-size: 14px;
    color: #999999;
    display: inline-block;
    vertical-align: middle;
    transition: all .4s ease;
}
footer .footer-top .link-box i{
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    background-color: #999999;
    margin: 0 20px;
}
footer .footer-bot{
    font-size: 12px;
    color: #999999;
    line-height: 70px;
    position: relative;
}
footer .footer-bot select{
    float: right;
    width: 250px;
    height: 32px;
    line-height: 32px;
    padding: 0 1em;
    font-size: 12px;
    position: relative;
    margin-top: 18px;
    background: #464646 url('../img/up.png') no-repeat right 10px center/13px auto;
}
footer .footer-bot .t-c{
    margin-left: 18px;
}
footer .footer-bot .join-tel{
    margin-left: 60px;
}
footer .footer-bot .qyemail{
    margin-left: 26px;
}
.mobft{
    display: none;
}
.ad{
    height: 588px;
    background: no-repeat center/cover;
    position: relative;
    overflow: hidden;
}
.ad .text{
    position: absolute;
    width: 1510px;
    max-width: 100%;
    top: 110px;
    left: 50%;
    color: #393939;
    line-height: 1.5;
    transform: translateX(-50%);
    padding: 0 50px;
    font-size: 24px;
    text-shadow:  3px 2px 18px rgba(0,0,0,.2);
}
.ad .text h3{
    font-size: 40px;
    font-weight: bold;
    position: relative;
    line-height: 1.6;
}
.ad .text h3:after{
    content: '';
    position: absolute;
    width: 18px;
    height: 26px;
    background: url('../img/arrow-black.png') no-repeat center/100% auto;
    right: 100%;
    margin-right: 18px;
    top: 50%;
    margin-top: -13px;
}
.ad.white .text{
    color: #ffffff;
}
.ad.white .text h3:after{
    background-image: url('../img/arrow-white.png');
}
.w1410{
    position: relative;
    max-width: 1510px;
    padding: 0 50px;
    margin: 0 auto;
}
.w1200{
    position: relative;
    max-width: 1300px;
    padding: 0 50px;
    margin: 0 auto;
}
#channel .wrap1{
    padding: 50px 0 80px;
}
#channel .wrap1 h3.tit{
    font-size: 32px;
    position: relative;
    color: #000000;
    padding-bottom: .25em;
}
#channel .wrap1 h3.tit:after{
    content: '';
    position: absolute;
    width: 1.3125em;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background-color: #060507;
}
#channel .wrap1 ul{
    margin: 40px -12px 0;
}
#channel .wrap1 li{
    width: 33.3333%;
    float: left;
    padding: 0 12px 80px;
}
#channel .wrap1 li a{
    position: relative;
    display: block;
    padding-top: 65.41850220264317%;
    overflow: hidden;
    color: #fff;
}
#channel .wrap1 li .text img.ico{
    height: 36px;
    width: auto;
    margin-bottom: 8px;
}
#channel .wrap1 li .text{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 20px;
    line-height: 1;
    width: 100%;
    padding: 0 0 20px 20px;
}
#channel .wrap1 li .text .ptit{
    background: url('../img/arrow2-white.png') no-repeat right 20px center/14px auto;
}
#channel .wrap1 li .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease;
}
#channel .wrap1 li:nth-child(5) .mask,
#channel .wrap1 li:nth-child(5) .text{
    display: none;
}
header nav .item .hover-box .hover-wrap a{
    position: relative;
}
#channel .wrap1 li:nth-child(5) .maintain,
header nav .item:nth-child(3) .hover-box .hover-wrap li:nth-child(5) a .maintain{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/maintain.png') no-repeat center/cover;
}
header nav .item:nth-child(3) .hover-box .hover-wrap li:nth-child(5) a .maintain{
    background-size: 150% auto;
}
#channel .wrap1 li .mask-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
#channel .wrap1 li .mask-box img{
    height: 36px;
    width: auto;
}
#channel .wrap1 li .mask-box .mask-tit{
    font-size: 20px;
}
#channel .wrap1 li .mask-box .mask-con{
    font-size: 16px;
    margin-top: 4px;
}
#channel .wrap1 li .mask-box .mask-more{
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    font-size: 13px;
    text-align: center;
    padding-right: 26px;
    background: url('../img/arrow3-white.png') no-repeat right 20px center/15px auto;
    margin: 24px auto 0;
}
#epquery .wrap1{
    height: 857px;
    background: no-repeat center/cover;
    position: relative;
}
#epquery .wrap1 .query-box{
    position: absolute;
    width: 480px;
    padding: 72px 74px 90px;
    background: #fff;
    left: 90px;
    top: 100px;
    color: #333333;
}
#epquery .wrap1 .query-box .tit{
    font-size: 30px;
    color: #000000;
    line-height: 1;
}
#epquery .wrap1 .tap-nav span{
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #333333;
    padding: .5em 0 .2em;
    cursor: pointer;
}
#epquery .wrap1 .tap-nav span:after{
    content: '';
    position: absolute;
    width: 0px;
    height: 3px;
    background-color: #eb110c;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
    opacity: 0;
}
#epquery .wrap1 .tap-nav span.cur:after{
    width: 100%;
    opacity: 1;
}
#epquery .wrap1 .tap-nav span + span{
    margin-left: 66px;
}
#epquery .wrap1 .tap-list{
    padding-top: 36px;
}
#epquery .wrap1 .list-item{
    display: none;
}
#epquery .wrap1 .list-item:first-child{
    display: block;
}
#epquery .wrap1 .lab-box + .lab-box{
    margin-top: 24px;
}
#epquery .wrap1 .lab-box .lab-tit{
    font-size: 16px;
    display: inline-block;
    padding-bottom: 6px;
}
#epquery .wrap1 .lab-box .inp{
    border-bottom: 1px solid #ccccd6;
    line-height: 34px;
}
#epquery .wrap1 .lab-box .inp .check{
    display: inline-block;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    vertical-align: top;
}
#epquery .wrap1 .lab-box .inp .check + .check{
    margin-left: 94px;
}
#epquery .wrap1 .lab-box .inp .check:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url('../img/radio.png') no-repeat center/100% auto;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
}
#epquery .wrap1 .lab-box .inp .check.cur:after{
    background-image: url('../img/radio-h.png');
}
#epquery .wrap1 .lab-box .inp input{
    font-size: 16px;
    color: #333;
    height: 34px;
    vertical-align: bottom;
    width: 100%;
}
#epquery .wrap1 .lab-box.code .inp{
    border-bottom: none;
}
#epquery .wrap1 .lab-box.code .inp input{
    width: 220px;
    width: calc(100% - 111px);
    border-bottom: 1px solid #ccccd6;
}
#epquery .wrap1 .lab-box.code .inp img{
    width: 88px;
    margin-left: 23px;
    cursor: pointer;
}
#epquery .wrap1 .submit{
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #ff0000;
    font-size: 16px;
    color: #fff;
    margin-top: 50px;
}
#epquery .wrap1 .query-success{
    width: 1200px;
    height: 580px;
    max-width: 90%;
    background: rgba(241, 242, 242, .95);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -290px 0 0 0;
    z-index: 2;
    padding: 65px 0 0;
    display: none;
    transform: translate(-50%, 0);
}
#epquery .wrap1 .query-success .success-tit{
    font-size: 30px;
    color: #333333;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
}
#epquery .wrap1 .query-success .success-tit:after{
    content: '';
    position: absolute;
    width: 1.334em;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background-color: #333333;
}
#epquery .wrap1 .query-success .box{
    width: 746px;
    margin: 0 auto;
    text-align: center;
    max-width: 90%;
}
#epquery .wrap1 .query-success .ajax-box{
    min-height: 200px;
}
#epquery .wrap1 .query-success .success-desc{
    margin-top: 44px;
}
#epquery .wrap1 .query-success .success-desc span{
    display: inline-block;
    font-size: 16px;
    color: #333333;
    margin-right: 14px;
}
#epquery .wrap1 .query-success .success-desc .model{
    width: 530px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 22px;
    font-family: 'Arial';
    color: #fff;
    background-color: #7e7f7f;
    display: inline-block;
}
#epquery .wrap1 .query-success .success-list{
    max-height: 183px;
    overflow: hidden;
}
#epquery .wrap1 .query-success li{
    line-height: 38px;
    padding-top: 22px;
    height: 60px;
    border-bottom: 1px solid rgba(0,0,51,.1);
    text-align: left;
    position: relative;
}
#epquery .wrap1 .query-success li:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: rgba(0,0,51,.1);
    bottom: 10px;
    right: 31px;
}
#epquery .wrap1 .query-success li span{
    display: inline-block;
    font-size: 16px;
    padding-left: 24px;
    background: url('../img/pdf.png') no-repeat left center/17px auto;
    padding-right: 80px;
    max-width: 100%;
}
#epquery .wrap1 .query-success li a{
    position: absolute;
    height: 38px;
    bottom: 0;
    right: 0;
    background: no-repeat center/100% auto;
    transition: all .4s ease;
}
#epquery .wrap1 .query-success li .look{
    width: 21px;
    background-image: url('../img/look.png');
    margin-right: 42px;
}
#epquery .wrap1 .query-success li .down{
    width: 18px;
    background-image: url('../img/down.png');
}
#epquery .wrap1 .query-success .close{
    position: absolute;
    width: 28px;
    height: 28px;
    background: url('../img/dialog-close.png') no-repeat center/100% auto;
    bottom: 76px;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
}
#parts .wrap1{
    padding: 58px 0 110px;
}
#parts .wrap1 h3.tit{
    font-size: 32px;
    color: #333333;
}
#parts .wrap1 .box{
    height: 500px;
    margin-top: 28px;
    position: relative;
}
#parts .wrap1 .box .search-box{
    position: absolute;
    left: 50%;
    top: 82px;
    transform: translate(-50%, 0);
    line-height: 40px;
    white-space: nowrap;
}
#parts .wrap1 .box .search-box span:first-child{
    font-size: 16px;
    display: inline-block;
    color: #333333;
    margin-right: .5em;
    vertical-align: top;
}
#parts .wrap1 .box .search-box input[type="text"]{
    width: 400px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666666;
    padding: 0 24px;
    border: 1px solid #f6f7f7;
    vertical-align: top;
}
#parts .wrap1 .box .search-box input[type="submit"]{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #505050;
    font-size: 16px;
    color: #fff;
    text-align: center;
    vertical-align: top;
    transition: all .4s ease;
}
#parts .wrap1 .box .info-des{
    position: absolute;
    width: 860px;
    padding: 32px 104px 28px;
    background-color: rgba(255,255,255,.95);
    left: 0;
    right: 0;
    top: 154px;
    margin: 0 auto;
    max-width: 90%;
}
#parts .wrap1 .box .info-des p{
    font-size: 14px;
    padding-left: 14px;
    position: relative;
    line-height: 1.5;
}
#parts .wrap1 .box .info-des p:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 10px;
    background: url('../img/arrow4.png') no-repeat center/100% auto;
    left: 0;
    top: .75em;
    margin-top: -5px;
}
#parts .wrap1 .box .info-des p + p{
    margin-top: 5px;
}
#parts .wrap1 .box .search-success{
    position: absolute;
    width: 500px;
    right: 0;
    top: 70px;
    min-height: 150px;
    background: rgba(255,255,255,.95);
    z-index: 3;
    padding: 26px 50px 30px;
    display: none;
}
#parts .wrap1 .box .search-success p{
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #e1e3e4;
    position: relative;
    line-height: 1.5;
    padding: .25em 0 .25em 30px;
}
#parts .wrap1 .box .search-success p + p{
    margin-top: 14px;
}
#parts .wrap1 .box .search-success p:after{
    content: '';
    width: 7px;
    height: 10px;
    background: url('../img/arrow4.png') no-repeat center/100% auto;
    top: 1em;
    margin-top: -5px;
    left: 3px;
    position: absolute;
}
body .mCSB_scrollTools{
    width: 8px;
}
body .mCSB_inside>.mCSB_container{
    margin-right: 10px;
}
body .wrap1 .query-success .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #ff0000;
    width: 2px;
}
#hr .wrap1{
    padding-bottom: 142px;
}
#hr .wrap1 .item-box{
    text-align: center;
    padding: 104px 0 90px;
}
#hr .wrap1 .item-box .imgs{
    position: relative;
}
#hr .wrap1 .imgs .bgimg{
    display: none;
}
#hr .wrap1 .item{
    display: inline-block;
    width: 320px;
    height: 327px;
    vertical-align: top;
    border: 1px solid #eeeeee;
    margin: 0 17px;
    line-height: 1.5;
    padding: 66px 0 0;
    position: relative;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0);
    transition: all .4s ease;
}
#hr .wrap1 .item:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: #ec110d;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}
#hr .wrap1 .item .ico{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background:#666465 no-repeat center/44px auto;
    transition: all .4s ease;
    margin: 0 auto;
}
#hr .wrap1 .item:first-child .ico{
    background-image: url('../img/ico7.png');
}
#hr .wrap1 .item:nth-child(2) .ico{
    background-image: url('../img/ico8.png');
}
#hr .wrap1 .item .item-tit{
    font-size: 32px;
    color: #000000;
    margin-top: .5em;
}
#hr .wrap1 .item .item-con{
    font-size: 16px;
    color: #666666;
}
#hr .wrap1 .item .item-more{
    font-size: 14px;
    color: #ec110d;
    display: inline-block;
    padding-right: 16px;
    background: url('../img/arrow-red.jpg') no-repeat right center/7px auto;
    margin-top: 12px;
}
#hr .wrap1 .text{
    margin-top: 40px;
}
#hr .wrap1 .text .tit{
    font-size: 32px;
    color: #000000;
}
#hr .wrap1 .text .con{
    font-size: 16px;
    color: #333333;
    line-height: 1.75;
    width: 930px;
    margin: 10px auto 0;
    max-width: 80%;
}
#hr .wrap1 .text .more{
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 40px auto 0;
    padding-right: 27px;
    background:#eb110c url('../img/arrow3-white.png') no-repeat right 20px center/15px auto;
}
.joinlist .screen .select-box{
    float: left;
    width: 220px;
}
.joinlist .screen .select-box + .select-box{
    margin-left: 20px;
}
.joinlist .screen .select-box select{
    width: 100%;
    height: 32px;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    padding: 0 14px;
    background: url('../img/down2.png') no-repeat right 13px center/10px auto;
}
.joinlist .screen .search-box{
    float: right;
    position: relative;
}
.joinlist .screen .search-box input[type="text"]{
    width: 220px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 30px 0 16px;
    vertical-align: top;
    border: 1px solid #dcdcdc;
}
.joinlist .screen .search-box input[type="submit"]{
    width: 12px;
    height: 100%;
    right: 13px;
    top: 0;
    background: url('../img/search-ico.png') no-repeat center/100% auto;
    position: absolute;
}
.joinlist .joinlist-tit{
    height: 56px;
    line-height: 56px;
    background-color: #666666;
    margin-top: 30px;
    color: #fff;
    padding: 0 20px;
}
.joinlist .list-item{
    display: inline-block;
    vertical-align: top;
}
.joinlist .joinlist-tit .list-item{
    font-size: 16px;
}
.joinlist .sp1{
    width: calc((19.5% - 230px / 5));
}
.joinlist .sp2{
    width: calc((18.5% - 230px / 5));
}
.joinlist .sp3{
    width: calc((18% - 230px / 5));
}
.joinlist .sp4{
    width: calc((28% - 230px / 5));
}
.joinlist .sp5{
    width: calc((16% - 230px / 5));
}
.joinlist .sp6{
    width: 140px;
}
.joinlist .sp7{
    width: 90px
}
.joinlist ul li{
    padding: 0 20px;
    line-height: 70px;
}
.joinlist ul li .li-tit{
    border-bottom: 1px solid #d6d6d6;
    color: #333333;
}
.joinlist ul li .li-tit .list-item{
    font-size: 14px;
    padding-right: 1em;
}
.joinlist ul li .li-tit .list-item.sp7{
    padding-right: 0;
}
.joinlist ul li .li-tit .sp7:after{
    content: '点击查看';
    width: 90px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    background-color: #666464;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    transition: all .4s ease;
}
.joinlist ul li.cur .li-tit .sp7:after{
    content: '点击关闭';
}
.joinlist ul li .li-con{
    overflow: hidden;
    font-size: 14px;
    line-height: 2;
    display: none;
    padding: 40px 0 54px;
}
.joinlist ul li.cur .li-con{
    opacity: 1;
    border-bottom: 1px solid #d6d6d6;
}
.joinlist ul li .li-con .li-con-item + .li-con-item{
    margin-top: 30px;
}
.joinlist ul li .li-con h4{
    font-size: 16px;
    line-height: 1.75;
    color: #333333;
}
.joinlist ul li .li-con .apply{
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #eb110c;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-top: 34px;
}
.joinlist ul li .li-con .apply + .apply{
    margin-left: 20px;
}
#social .wrap1{
    padding: 80px 0 160px;
}
#social .wrap1 .pagination{
    margin-top: 80px;
}
.pagination{
    text-align: center;
}
.pagination a{
    display: inline-block;
    font-size: 14px;
    font-family: 'Arial';
    color: #666666;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #f2f2f2;
    vertical-align: top;
    transition: all .4s ease;
}
.pagination a.active{
    background-color: #de132b;
    color: #fff;
    border: 1px solid #de132b;
}
.pagination a.prev,
.pagination a.next{
    width: 104px;
    height: 40px;
    line-height: 38px;
    color: rgba(102,102,102,.5);
    font-size: 12px;
    font-family: '微软雅黑';
}
.pagination a.prev{
    padding-left: 10px;
    background: url('../img/pagin-prev.png') no-repeat left 20px center/7px auto;
}
.pagination a.next{
    padding-right: 10px;
    background: url('../img/pagin-next.png') no-repeat right 20px center/7px auto;
}
.total-nav-box{
    height: 76px;
}
.total-nav{
    height: 76px;
    line-height: 76px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    z-index: 90;
    background-color: #fff;
}
.total-nav.fix{
    position: fixed;
}
.total-nav .swiper-container{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.total-nav .swiper-slide{
    width: auto;
}
.total-nav .swiper-slide a{
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #333333;
    vertical-align: top;
    margin: 0 75px;
}
.total-nav .swiper-slide a:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: #eb110c;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}
.total-nav .swiper-slide.cur a:after{
    width: 100%;
}
#school .wrap1{
    padding: 70px 0 10px;
}
#school .wrap1 img{
    width: 613px;
    max-width: 100%;
}
#school .wrap1 .item{
    text-align: center;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}
#school .wrap1 i{
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    background: url('../img/arrow.png') no-repeat center/100% auto;
    margin: 22px 50px 0;
}
#school .wrap1 .item-ico{
    width: 60px;
    height: 60px;
    background: no-repeat center/100% auto;
}
#school .wrap1 .item-text{
    font-size: 16px;
    color: #333333;
    padding-top: .5em;
}
#school h4.tit{
    font-size: 20px;
    color: #333333;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    padding-left: 30px;
    background: no-repeat left center/22px auto;
}
#school .wrap2{
    position: relative;
}
#school .wrap2 h4.tit{
    background-image: url('../img/ico9.png');
}
#school .wrap2 .joinlist{
    margin-top: 30px;
}
#school .wrap2 .pagination{
    margin-top: 66px; 
}
#school .wrap3{
    padding: 75px 0;
    position: relative;
    /* background: url('../img/14.jpg') no-repeat bottom center/cover; */
}
#school .wrap3 h4.tit{
    background-image: url('../img/ico10.png');
}
#school .wrap3 ul{
    margin: 20px 0 0 30px;
    position: relative;
    width: 50%;
    float: left;
}
#school .wrap3 ul:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 13px;
    background-color: #e0e0e0;
    top: 0;
}
#school .wrap3 li{
    font-size: 16px;
    line-height: 2.5625;
    color: #333333;
    padding-left: 34px;
    position: relative;
    z-index: 2;
}
#school .wrap3 li i{
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    border: 2px solid #fff;
    background-color: #ececec;
    font-size: 13px;
    color: #333333;
    left: 0;
    top: 20px;
    margin-top: -12px;
    font-style: normal;
    border-radius: 50%;
}
#school .wrap3 .imgs{
	width: calc(45% - 20px);
	float: right;
	margin-top: 24px;
}
#school .wrap4{
    background-color: #f4f4f4;
    padding: 80px 0 130px;
    position: relative;
}
#school .wrap4 h4.tit{
    background-image: url('../img/ico11.png');
}
#school .wrap4 .scrollbox{
    margin-top: 30px;
    overflow: auto;
}
#school .wrap4 table{
    width: 100%;
    min-width: 500px;
}
#school .wrap4 table thead{
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #ffffff;
    background-color: #666666;
}
#school .wrap4 table td{
    padding-left: 24px;
    padding-right: 1em;
}
#school .wrap4 table thead td{
    font-size: 16px;
    font-weight: normal;
}
#school .wrap4 table td:first-child{
    width: 180px;
}
#school .wrap4 table td:nth-child(2){
    width: 225px;
}
#school .wrap4 table td:nth-child(3){
    width: 160px;
}
#school .wrap4 table td:nth-child(4){
    width: 150px;
}
#school .wrap4 table td:nth-child(5){
    width: 230px;
}
#school .wrap4 table td:nth-child(6){
    width: 255px;
}
#school .wrap4 table tbody td{
    font-size: 14px;
    color: #333333;
    line-height: 1.4;
}
#school .wrap4 table tbody tr{
    height: 60px;
    background-color: #fff;
}
#school .wrap4 table tbody tr:nth-child(2n+1){
    background-color: #f4f4f4;
}
#school .wrap5{
    padding: 90px 0 130px;
    position: relative;
}
#school .wrap5 h4.tit{
    background-image: url('../img/ico12.png');
}
#school .wrap5 ul{
    margin-top: 30px;
}
#school .wrap5 ul .li-tit{
    color: #333333;
    line-height: 36px;
    background: #f6f6f6;
    position: relative;
    padding: 10px 16px;
}
#school .wrap5 ul li + li{
    margin-top: 2px;
}
#school .wrap5 ul .li-tit span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.5;
    padding-right: 100px;
}
#school .wrap5 ul .li-tit .ico{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #c3c2c2;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
}
#school .wrap5 ul .li-tit .ico:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 1px;
    background-color: #c3c2c2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#school .wrap5 ul .li-tit .ico:before{
    content: '';
    position: absolute;
    height: 14px;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #c3c2c2;
    transition: all .4s ease;
}
#school .wrap5 ul li.cur .li-tit .ico:before{
    transform: rotate(90deg);
    opacity: 0;
}
#school .wrap5 ul .li-con{
    font-size: 14px;
    color: #333333;
    padding: 30px 0 40px 36px;
    display: none;
}
#school .wrap5 .loadingbox{
    margin-top: 80px;
    position: relative;
}
#school .wrap5 .loadingbox.showloading *{
    opacity: 0;
}
#school .wrap5 .more{
    font-size: 12px;
    color: #fff;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #eb110c url('../img/arrow3-white.png') no-repeat right 21px center/15px auto;
    padding-right: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    transition: all .4s ease;
    cursor: pointer;
}
#hatch .wrap1{
    padding: 46px 0 126px;
}
#hatch .wrap1 h4.tit,
#promotion .wrap1 h4.tit{
    font-size: 36px;
    position: relative;
    color: #333333;
    font-weight: normal;
    padding-bottom: 8px;
}
#hatch .wrap1 h4.tit:after,
#promotion .wrap1 h4.tit:after{
    content: '';
    width: 1.6em;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
    margin: 0 auto;
}
#hatch .wrap1 .imgs{
    margin-top: 44px;
}
#promotion .wrap1{
    padding: 30px 0 170px;
}
#promotion .wrap1 .imgs{
    margin-top: 56px;
}
#care h3.tit{
    font-size: 32px;
    color: #333333;
    text-align: center;
    position: relative;
    padding-bottom: 4px;
}
#care h3.tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #000000;
}
#care .wrap1{
    padding: 50px 0 110px;
    position: relative;
}
#care .wrap1 .box{
    position: relative;
}
#care .wrap1 ul{
    margin-top: 44px;
    position: relative;
}
#care .wrap1 ul li{
    width: 16.666666%;
    height: 155px;
    float: left;
    position: relative;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
#care .wrap1 ul li:first-child{
    color: #ffc246;
}
#care .wrap1 ul li:nth-child(2){
    color: #2ebaa0;
}
#care .wrap1 ul li:nth-child(3){
    color: #ec6150;
}
#care .wrap1 ul li:nth-child(4){
    color: #9578b5;
}
#care .wrap1 ul li:nth-child(5){
    color: #ef7969;
}
#care .wrap1 ul li:nth-child(6){
    color: #2aa9e0;
}
#care .wrap1 ul li:nth-child(7){
    color: #8ec63e;
}
#care .wrap1 ul li:nth-child(8){
    color: #f6b32b;
}
#care .wrap1 ul li:nth-child(9){
    color: #ef7969;
}
#care .wrap1 ul li:nth-child(10){
    color: #8ec63e;
}
#care .wrap1 ul li:nth-child(11){
    color: #ffc246;
}
#care .wrap1 ul li:nth-child(12){
    color: #9578b5;
}
#care .wrap1 ul li:nth-child(6n){
    border-right: none;
}
#care .wrap1 ul li:nth-child(n+7){
    border-bottom: none;
}
#care .wrap1 ul li:nth-child(n+7) .ico-box{
    bottom: auto;
    top: 34px;
}
#care .wrap1 ul li .ico-box{
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0;
}
#care .wrap1 ul li .ico-box .ico{
    width: 60px;
    height: 60px;
    background: no-repeat center/42px auto;
    background-color: currentcolor;
    margin: 0 auto;
    border-radius: 5px;
}
#care .wrap1 ul li .ico-box .ico-tit{
    font-size: 16px;
    color: #333333;
    padding-top: .5em;
}
#care .wrap1 ul li .hover-box{
    background-color: currentcolor;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s ease;
}
#care .wrap1 ul li .hover-box .ico{
    width: 42px;
    height: 42px;
    background: no-repeat center/100% auto;
    margin: 20px auto 0;
}
#care .wrap1 ul li .hover-box .con{
    font-size: 14px;
    color: #ffffff;
    line-height: 1.71;
    padding: 0 1em;
    margin-top: 10px;
}
#care .wrap2{
    background-color: #f2f2f2;
    padding: 66px 0 100px;
    position: relative;
}
#care .wrap2 .swiper-container{
    margin-top: 44px;
}
#care .wrap2 .swiper-slide{
    width: calc(25% - 15px);
}
#care .wrap2 .swiper-slide + .swiper-slide{
    margin-left: 20px;
}
#care .wrap2 .imgs{
    position: relative;
}
#care .wrap2 .imgs:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/shadow.png') no-repeat center bottom/100% auto;
}
#care .wrap2 .text{
    position: absolute;
    font-size: 16px;
    color: #fff;
    padding: 0 70px 0 10.8%;
    bottom: 20px;
    left: 0;
    z-index: 3;
    background: url('../img/arrow2-white.png') no-repeat right 50px center/14px auto;
    width: 100%;
}
#care .wrap2 .swiper-container-horizontal>.swiper-scrollbar{
    width: 1200px;
    margin: 80px auto 0;
    position: relative;
    bottom: 0;
    opacity: 1 !important;
    background: transparent;
    max-width: calc(100% - 100px);
}
#care .wrap2 .swiper-container-horizontal>.swiper-scrollbar:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dcdce1;
    top: 50%;
    left: 0;
    position: absolute;
}
#care .wrap2 .swiper-container .swiper-scrollbar-drag{
    background: #666464;
    z-index: 3;
    opacity: 1;
    cursor: pointer;
}
#care .wrap3{
    padding: 84px 0 175px;
    position: relative;
}
#care .wrap3 ul{
    margin: 45px -12px 0;
}
#care .wrap3 ul li{
    width: 33.3333%;
    padding: 0 12px 60px;
    float: left;
}
#care .wrap3 ul li .d1{
    font-size: 20px;
    color: #333333;
    line-height: 75px;
}
#care .wrap3 ul li .imgs{
    position: relative;
}
#care .wrap3 ul li .imgs .play{

}
#care .wrap3 .pagination{
    margin-top: 20px;
}
.anchors{
    position: absolute;
    top: -100px;
}
#care header,
#care header .car-list-nav{
    /* position: absolute; */
}
.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color: rgba(0,0,0,0.7);
    cursor: pointer;
    z-index: 999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(../img/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 1200px;
    max-width: calc(100% - 100px);
    max-height: 80%;
    top: 0;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}
.currency-list{
    margin: 0 -13px;
}
.currency-list li{
    width: 33.3333%;
    padding: 0 13px;
    float: left;
}
.currency-list li a{
    display: block;
}
.currency-list .imgs{
    padding-top: 68.42105263157895%;
    position: relative;
    overflow: hidden;
}
.currency-list .imgs .bgimg{
    transition: all .4s ease;
}
.currency-list .imgs .play{
    width: 61px;
    height: 61px;
}
.currency-list.model1 .text{
    color: #333333;
    position: relative;
    margin: 20px 0 90px;
}
.currency-list.model1 .text span{
    font-size: 18px;
    padding-right: 120px;
    display: inline-block;
    max-width: 100%;
}
.currency-list.model1 .text .ico{
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -10px;
}
.currency-list.model1 .text a{
    background: no-repeat center/100% auto;
    display: inline-block;
    vertical-align: middle;
    transition: all .4s ease;
}
.currency-list.model1 .text .look{
    width: 21px;
    height: 14px;
    background-image: url('../img/look.png');
}
.currency-list.model1 .text .down{
    width: 18px;
    height: 19px;
    background-image: url('../img/down.png');
}
.currency-list.model1 .text .ico em{
    display: inline-block;
    width: 1px;
    height: 16px;
    vertical-align: middle;
    background-color: #e5e5ea;
    margin: 0 10px;
}
.currency-list.model2 .text{
    padding: 20px 14% 50px 0;
}
.currency-list.model2 .text .text-tit{
    font-size: 18px;
    color: #333333;
    line-height: 1.667;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 3.334em;
}
.currency-list.model2 .text .text-time{
    font-size: 14px;
    font-family: 'Arial';
    color: #666666;
    padding-top: 1em;
}
#csr .wrap1{
    padding: 70px 0 170px;
}
#csr .wrap1 .tit,
#welfare .wrap1 .tit{
    font-size: 32px;
    color: #333333;
}
#csr .wrap1 ul{
    margin-top: 16px;
}
#welfare .wrap1{
    padding: 70px 0 170px;
}
#welfare .wrap1 ul{
    margin-top: 10px;
}
#welfare .wrap1 .pagination{
    margin-top: 20px;
}
#purchase .wrap1 {
    padding: 60px 0 160px;
}
#purchase .wrap1 .tit{
    font-size: 32px;
    color: #333333;
}
#purchase .wrap1 .imgs{
    margin-top: 28px;
    height: 360px;
    background: no-repeat center/cover;
    position: relative;
}
#purchase .wrap1 .text{
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(0, -50%);   
    color: #fff;
    line-height: 1.7;
}
#purchase .wrap1 .text .d1{
    font-size: 28px;
}
#purchase .wrap1 .text .d2{
    font-size: 16px;
}
#purchase .wrap1 ul{
    margin-top: 64px;
}
#purchase .wrap1 li{
    border-bottom: 1px solid #e5e5ea;
    line-height: 80px;
}
#purchase .wrap1 li .els{
    float: left;
    width: calc(100% - 200px);
    font-size: 16px;
    color: #333333;
    padding-left: 40px;
    background: url('../img/down3.png') no-repeat 12px center/16px auto;
    transition: all .4s ease;
}
#purchase .wrap1 li .time{
    float: right;
    font-size: 14px;
    color: #666666;
    text-align: right;
    width: 200px;
    transition: all .4s ease;
}
#purchase .wrap1 .pagination{
    margin-top: 100px;
}
#energy h3.tit{
    font-size: 32px;
    color: #000000;
    position: relative;
    padding-bottom: 8px;
}
#energy h3.tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #000000;
}
#energy .wrap1{
    padding: 60px 0 90px;
}
#energy .wrap1 .con{
    font-size: 16px;
    color: #000000;
    width: 700px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.75;
    padding-top: 1em;
}
#energy .wrap1 ul{
    margin: 20px -10px 0;
}
#energy .wrap1 ul li{
    width: 33.33333%;
    padding: 0 10px;
    position: relative;
    float: left;
}
#energy .wrap1 ul li .imgs{
    position: relative;
    height: 220px;
}
#energy .wrap1 ul li .text{
    background-color: #666464;
    color: #fff;
    font-size: 16px;
    line-height: 1.625;
    padding: 30px 30px 0 45px;
    height: 140px;
}
#energy .wrap1 ul li .text .text-con{
    position: relative;
}
#energy .wrap1 ul li .text .text-con:after{
    content: '';
    position: absolute;
    width: 10px;
    height: 14px;
    background: url('../img/arrow5.png') no-repeat center/100% auto;
    left: -20px;
    top: .8125em;
    margin-top: -7px;
}
#energy .wrap1 .d1{
    font-size: 12px;
    color: #666666;
    margin-top: 22px;
}
#energy .wrap2{
    background-color: #f9f9f9;
    padding: 70px 0 90px;
}
#energy .wrap2 .subtit,
#energy .wrap7 .subtit{
    font-size: 22px;
    color: #000000;
    padding-left: 20px;
    background: url('../img/arrow6.png') no-repeat left center/11px auto;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 14px;
}
#energy .wrap7 .subtit span{
    font-size: 16px;
    color: #666464;
}
#energy .wrap2 ul{
    margin: 24px -10px 0;
}
#energy .wrap2 li{
    width: 25%;
    padding: 0 10px;
    float: left;
}
#energy .wrap2 li .imgs{
    height: 120px;
    position: relative;
}
#energy .wrap2 .text{
    font-size: 14px;
    color: #666464;
    line-height: 1.57;
    height: 120px;
    background-color: #fff;
    padding: 20px 30px 0;
}
#energy .wrap2 .text p{
    position: relative;
}
#energy .wrap2 .text p:after{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 0.785em;
    margin-top: -2px;
    left: -14px;
    background: #969696;
}
#energy .wrap2 .formbox{
    margin-top: 74px;
}
#energy .wrap2 .formbox .subtit{
    border-bottom: none;
}
#energy .wrap2 .formbox .scrollbox{
    margin-top: 12px;
    overflow: auto;
}
#energy .wrap2 .formbox .scrollbox .imgs{
    min-width: 1000px;
}
#energy .wrap3{
    padding: 90px 0 100px;
}
#energy .wrap3 .imgs{
    margin-top: 56px;
    height: 360px;
    position: relative;
}
#energy .wrap3 .text{
    width: 322px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #f7f7f7;
    padding: 50px 36px 0;
}
#energy .wrap3 .text .zip-ico{
    width: 50px;
    height: 50px;
    background: url('../img/zip.png') no-repeat center/100% auto;
    margin: 0 auto;
}
#energy .wrap3 .text .con{
    font-size: 14px;
    color: #666464;
    margin-top: 24px;
    line-height: 1.857;
}
#energy .wrap3 .text a{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #666464;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    transition: all .4s ease;
}
#energy .wrap3 ul{
    margin-top: 62px;
    position: relative;
}
#energy .wrap3 ul:before{
    content: '';
    width: 100%;
    height: 1px;
    background: url('../img/line.png') no-repeat center;
    top: 32.5px;
    position: absolute;
    left: 0;
}
#energy .wrap3 li{
    width: 16.666%;
    float: left;
    position: relative;
}
#energy .wrap3 li:after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #666464;
    right: 0;
    margin-right: -3px;
    top: 33px;
    margin-top: -3px;
    transition: all .4s ease;
}
#energy .wrap3 li:last-child:after{
    display: none;
}
#energy .wrap3 li .span{
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 8px;
}
#energy .wrap3 .radio{
    width: 65px;
    height: 65px;
    background: #666464 no-repeat center/32px auto;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
    transition: all .4s ease;
    cursor: pointer;
}
#energy .wrap3 .radio:after{
    content: '';
    position: absolute;
    width: 86px;
    height: 86px;
    background: url('../img/radio-outline.png') no-repeat center/100% auto;
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -43px;
    opacity: 0;
    transform: rotate(-30deg);
    visibility: hidden;
    transition: all .4s ease;
}
#energy .wrap3 li:first-child .radio{
    background-image: url('../img/ico25.png');
}
#energy .wrap3 li:nth-child(2) .radio{
    background-image: url('../img/ico26.png');
}
#energy .wrap3 li:nth-child(3) .radio{
    background-image: url('../img/ico27.png');
}
#energy .wrap3 li:nth-child(4) .radio{
    background-image: url('../img/ico28.png');
}
#energy .wrap3 li:nth-child(5) .radio{
    background-image: url('../img/ico29.png');
}
#energy .wrap3 li:nth-child(6) .radio{
    background-image: url('../img/ico30.png');
}
#energy .wrap3 .li-text{
    background-color: #666464;
    width: 95%;
    margin: 10px auto 0;
    padding: 24px 30px 14px;
    min-height: 180px;
    border-radius: 5px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    transform: translate(0, 20px);
}
#energy .wrap3 .li-text:after{
    content: '';
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #f4f4f4;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0px;
    height: 0px;
}
#energy .wrap3 .li-text .text-tit{
    font-size: 22px;
    color: #ffffff;
    padding-left: 22px;
    background: url('../img/arrow7.png') no-repeat left center/11px auto;
}
#energy .wrap3 .li-text .text-con{
    font-size: 16px;
    line-height: 1.466;
    color: rgba(255,255,255,.7);
}
#energy .wrap3 .cur .li-text{
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}
#energy .wrap3 .cur .radio{
    background-color: #eb110c;
}
#energy .wrap3 .cur .radio:after{
    opacity: 1;
    transform: rotate(0);
    visibility: visible;
}
#energy .wrap3 li.cur .span{
    opacity: 0;
}
#energy .wrap3 li.cur:after{
    background-color: #eb110c;
}
#energy .wrap4{
    position: relative;
    overflow: hidden;
    max-width: 100%;
}
#energy .wrap4 #map{
    height: 640px;
    margin-left: -50%;
}
#energy .wrap4 .text{
    position: absolute;
    width: 480px;
    height: 100%;
    top: 0;
    right: 12.5%;
    background: rgba(255,255,255,.95);
    z-index: 3;
    box-shadow: -3px -3px 10px rgba(0,0,0,.05);
    padding: 70px 60px 0;
}
#energy .wrap4 .map-tit{
    font-size: 32px;
    color: #333333;
    position: relative;
    padding-bottom: 6px;
}
#energy .wrap4 .map-tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #333333;
}
#energy .wrap4 .map-item{
    padding-top: 40px;
}
#energy .wrap4 .item-tit{
    font-size: 20px;
    padding-left: 32px;
    position: relative;
    background: no-repeat left center/24px auto;
    border-bottom: 1px solid #e0e0e0;
    line-height: 2.2em;
}
#energy .wrap4 .item-d1{
    font-size: 16px;
    color: #666666;
    line-height: 1.625;
    padding-top: .5em;
}
#energy .wrap4 .item-d2{
    font-size: 18px;
    color: #333333;
}
#energy .wrap4 .item-arial{
    font-size: 18px;
    font-family: 'Arial';
    padding-top: .5em;
}
#energy .wrap4 .item + .item{
    margin-top: 30px;
}
#energy .wrap4 .item:first-child .item-tit{
    background-image: url('../img/ico31.png');
}
#energy .wrap4 .item:nth-child(2) .item-tit{
    background-image: url('../img/ico32.png');
}
#energy .wrap4 .item:nth-child(3) .item-tit{
    background-image: url('../img/ico33.png');
}
#energy .wrap5{
    padding: 60px 0 50px;
}
#energy .wrap5 .con{
    font-size: 16px;
    line-height: 1.625;
    margin-top: 30px;
}
#energy .wrap5 ul{
    margin: 40px -10px 0;
}
#energy .wrap5 ul li{
    padding: 0 10px 12px;
    width: 50%;
    float: left;
}
#energy .wrap5 ul li .box{
    background-color: #f9f9f9;
    padding: 24px 40px 0;
    height: 220px;
}
#energy .wrap5 ul li .subtit{
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}
#energy .wrap5 ul li .subtit span{
    font-size: 16px;
}
#energy .wrap5 ul li .item-img{
    margin-top: 20px;
}
#energy .wrap5 ul li .item-img .item{
    display: inline-block;
    width: 101px;
    height: 40px;
    line-height: 40px;
    background-color: #5d5d5d;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 16px;
}
#energy .wrap5 ul li .item-img .item span{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
    text-align: left;
}
#energy .wrap5 ul li .item-img i{
    display: inline-block;
    margin: 0 7px;
    width: 11px;
    height: 11px;
    background: url('../img/add.png') no-repeat center/100% auto;
    vertical-align: middle;
}
#energy .wrap6{
    padding-bottom: 120px;
}
#energy .wrap6 .subtit{
    font-size: 22px;
    color: #000000;
    padding-bottom: 6px;
}
#energy .wrap6 .form-list{
    margin-top: 30px;
}
#energy .wrap6 .item + .item{
    margin-top: 60px;
}
#energy .wrap7{
    background-color: #f9f9f9;
    padding: 70px 0 110px;
}
#energy .wrap7 .box{
    margin: 22px -10px 0;
}
#energy .wrap7 .item{
    width: 50%;
    padding: 0 10px;
    float: left;
}
#energy .wrap7 .item .imgs{
    position: relative;
    height: 220px;
}
#energy .wrap7 .item .item-con{
    font-size: 14px;
    color: #666464;
    line-height: 1.5;
    background-color: #fff;
    height: 110px;
    padding: 24px 44px 0;
}
#energy .wrap7 .item .item-con p{
    position: relative;
}
#energy .wrap7 .item .item-con p:after{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #969696;
    border-radius: 50%;
    left: -18px;
    top: .75em;
    margin-top: -2px;
}
#energy .wrap7 .subbox + .subbox{
    margin-top: 80px;
}
#energy .wrap7 .subbox .tap-bar{
    margin-top: 22px;
}
#energy .wrap7 .subbox .tap-bar-item{
    display: inline-block;
    font-size: 18px;
    color: #000000;
    position: relative;
    padding-bottom: .5em;
    cursor: pointer;
}
#energy .wrap7 .subbox .tap-bar-item:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: #eb110c;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}
#energy .wrap7 .subbox .tap-bar-item.cur:after{
    width: 100%;
}
#energy .wrap7 .subbox .tap-bar-item + .tap-bar-item{
    margin-left: 60px;
}
#energy .wrap7 .subbox .tap-list{
    margin-top: 26px;
}
#energy .wrap7 .subbox .tap-list-item{
    display: none;
}
#energy .wrap7 .subbox .tap-list-item:first-child{
    display: block;
}
#energy .wrap7 .subbox .desc{
    font-size: 12px;
    color: #666666;
    margin-top: 16px;
}
#energy.automobile .wrap3 li:first-child .radio{
    background-image: url('../img/ico26.png');
}
#energy.automobile .wrap3 li:nth-child(2) .radio{
    background-image: url('../img/ico29.png');
}
#energy.automobile .wrap3 li:nth-child(4) .radio{
    background-image: url('../img/ico34.png');
}
#energy.automobile .wrap3 li:nth-child(5) .radio{
    background-image: url('../img/ico35.png');
}
#energy.automobile .wrap3 li:nth-child(6) .radio{
    background-image: url('../img/ico36.png');
}
#riders .wrap1{
    padding: 64px 0 180px;
}
#riders .wrap1 .pagination{
    margin-top: 15px;
}
#daguo header,
#daguo header .car-list-nav{
    /* position: absolute; */
}
#daguo h3.tit{
    font-size: 32px;
    color: #000000;
    padding-bottom: 10px;
    position: relative;
}
#daguo h3.tit.hasline:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    background-color: currentcolor;
    left: 0;
    bottom: 0;
}
#daguo h3.tit.fff{
    color: #fff;
} 
#daguo h3.tit.tac.hasline:after{
    right: 0;
    margin: 0 auto;
}
#daguo .wrap1{
    padding: 64px 0 82px;
}
#daguo .wrap1 h3.tit{
    line-height: 1.5;
    padding-bottom: 0;
}
#daguo .wrap1 .subtit{
    font-size: 24px;
    color: #000000;
    line-height: 1.5;
}
#daguo .wrap1 .imgs{
    margin-top: 40px;
}
#daguo .wrap2{
    background-color: #f0f0f0;
    padding: 60px 0 130px;
    position: relative;
}
#daguo .wrap2 .tap-bar-nav{
    border-bottom: 1px solid #cfcfd0;
    padding:13px 0 20px;
    text-align: center;
}
#daguo .wrap2 .tap-bar-nav .swiper-container{
    display: inline-block;
    max-width: 100%;
}
#daguo .wrap2 .tap-bar-nav .tap-bar-item{
    display: inline-block;
    margin: 0 15px;
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    width: auto;
}
#daguo .wrap2 .tap-bar-nav .tap-bar-item.cur{
    color: #de132b;
}
#daguo .wrap2 .tap-list{
    margin-top: 48px;
}
#daguo .wrap2 .tap-list-item{
    height: 473px;
    display: none;
}
#daguo .wrap2 .tap-list-item:first-child{
    display: block;
}
#daguo .wrap2 .tap-list .imgs{
    width: 50.7%;
    height: 100%;
    position: relative;
    float: left;
}
#daguo .wrap2 .tap-list .text{
    float: right;
    width: 45%;
    height: 100%;
    position: relative;
    padding: 70px 0 0;
}
#daguo .wrap2 .tap-list .text:after{
    content: '';
    width: 90.4%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #cfcfd0;
    position: absolute;
}
#daguo .wrap2 .tap-list .item-tit{
    font-size: 24px;
    color: #000000;
}
#daguo .wrap2 .tap-list .item-con{
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
    margin-top: 30px;
    height: 300px;
}
#daguo .wrap2 .tap-list .item-con p + p{
    margin-top: 24px;
}
#daguo .wrap2 .mCSB_scrollTools{
    opacity: 1;
}
#daguo .wrap2 .mCSB_inside>.mCSB_container{
    margin-right: 11.11111%;
}
#daguo .wrap2 .mCSB_scrollTools .mCSB_draggerRail,
#daguo .wrap3 .mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: transparent;
    opacity: 1;
}
#daguo .wrap2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#daguo .wrap3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #de132b; 
    border-radius: 0px;
    opacity: 1;
}
#daguo .wrap3-tit{
    background: #f0f0f0;
    padding-bottom: 40px;
}
#daguo .wrap3{
    height: 866px;
    position: relative;
    padding: 120px 0 0;
}
#daguo .wrap3 h3.tit{
    float: left;
    margin: 30px 0 0 7.1%;
}
#daguo .wrap3 .right{
    width: 44.68%;
    float: right;
    height: 654px;
    color: #fff;
    position: relative;
    z-index: 2;
}
#daguo .wrap3 .right .box{
    position: relative;
    height: 100%;
    overflow: hidden;
}
#daguo .wrap3 .right .box .mCSB_scrollTools .mCSB_draggerContainer{
    opacity: 0;
}
#daguo .wrap3 .right .box .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
#daguo .wrap3 .right .box .tap-bar:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.2);
    left: 6px;
    top: 23px;
}
#daguo .wrap3 .right .box:before{
    content: '';
    width: 100%;
    height: 40px;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); /* 标准的语法 */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: none;
}
#daguo .wrap3 .right ul{
    padding: 0 20px 30px 70px;
    position: relative;
    z-index: 3;
}
#daguo .wrap3 .right .tap-bar-d1{
    font-size: 16px;
    position: relative;
}
#daguo .wrap3 .right .tap-bar-d1 i{
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    left: -66px;
    top: 50%;
    margin-top: -3px;
}
#daguo .wrap3 .right li:first-child .tap-bar-d1 i:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#daguo .wrap3 .right .tap-bar-d2{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    padding-right: 40px;
}
#daguo .wrap3 .right .tap-bar-d2:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../img/add-white.png') no-repeat center/100% auto;
    right: 0;
    top: .75em;
    margin-top: -10px;
}
#daguo .wrap3 .right li + li{
    margin-top: 50px;
}
#daguo .wrap3 .right .tap-list{
    position: absolute;
    width: calc(100% - 40px);
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9;
    display: none;
}
#daguo .wrap3 .right .tap-list .tap-item,
#daguo .wrap3 .right .tap-item-box{
    height: 100%;
}
#daguo .wrap3 .right .tap-item-box{
    padding: 42px 40px;
}
#daguo .wrap3 .right .tap-tit{
    font-size: 16px;
    color: #333333;
}
#daguo .wrap3 .right .tap-subtit{
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
}
#daguo .wrap3 .right .tap-con{
    font-size: 16px;
    line-height: 2.25;
    color: #333333;
    margin-top: 40px;
    height: calc(100% - 160px);
}
#daguo .wrap3 .right .close{
    position: absolute;
    width: 14px;
    height: 14px;
    background: url('../img/close.png') no-repeat center/100% auto;
    top: 24px;
    right: 26px;
    cursor: pointer;
}
#daguo .wrap4{
    padding: 80px 0 180px;
    position: relative;
}
#daguo .wrap4 ul{
    margin-top: 50px;
}
#daguo .wrap4 li + li{
    margin-top: 55px;
}
#daguo .wrap4 li .imgs{
    width: 47.3%;
    float: left;
}
#daguo .wrap4 li .text{
    float: right;
    width: 47.3%;
    padding-right: 8.72%;
    text-align: justify;
    word-break: break-all;
    margin-top: 65px;
}
#daguo .wrap4 li .text .text-tit{
    font-size: 24px;
    color: #000000;
}
#daguo .wrap4 li .text .text-con{
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#daguo .wrap4 li .text .more{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #666464 url('../img/arrow3-white.png') no-repeat right 20px center/15px auto;
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding-right: 25px;
    margin-top: 50px;
    transition: all .4s ease;
}
#daguo .wrap4 li:nth-child(2n) .imgs{
    float: right;
}
#daguo .wrap4 li:nth-child(2n) .text{
    float: left;
}
.more-btn{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #666464 url('../img/arrow3-white.png') no-repeat right 20px center/15px auto;
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding-right: 25px;
    transition: all .4s ease;
}
#news h3.tit{
    font-size: 32px;
    color: #333333;
}
#news .wrap1 {
    padding: 44px 0 150px;
}
#news .wrap1 .new-ban{
    margin-top: 30px;
}
#news .wrap1 .new-ban a{
    display: block;
    position: relative;
}
#news .wrap1 .new-ban a .text{
    position: absolute;
    width: 380px;
    top: 34%;
    left: 6.666%;
}
#news .wrap1 .new-ban a .text .text-tit{
    font-size: 20px;
    color: #000000;
    line-height: 1.4;
}
#news .wrap1 .new-ban a .text .text-con{
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
    height: 3em;
    margin-top: .5em;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#news .wrap1 .new-ban .swiper-slide.white a .text .text-tit,
#news .wrap1 .new-ban .swiper-slide.white a .text .text-con{
    color: #fff;
}
#news .wrap1 .new-ban a .text .more-btn{
    margin-top: 30px;
}
#news .wrap1 .total-nav{
    border-top: 1px solid #e5e5e5;
    margin-top: 64px;
}
#news .wrap1 .new-ban .swiper-pagination{
    bottom: 20px;
}
#news .wrap1 .new-ban .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.5);
    margin: 0 5px;
}
#news .wrap1 .new-ban .swiper-pagination .swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,1);
}
#news .wrap1 ul{
    margin-top: 10px;
}
#news .wrap1 ul li{
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
}
#news .wrap1 ul li .imgs{
    float: left;
    width: 412px;
}
#news .wrap1 ul li .text{
    width: calc(100% - 412px);
    float: right;
    padding-left: 60px;
}
#news .wrap1 ul li .text-tit{
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    line-height: 1.5;
}
#news .wrap1 ul li .text-time{
    font-size: 14px;
    font-family: 'Arial';
}
#news .wrap1 ul li .text-con{
    font-size: 14px;
    color: #000000;
    line-height: 1.71;
    margin-top: 30px;
}
#news .wrap1 ul li .more-btn{
    margin-top: 20px;
}
#news .wrap1 .pagination{
    margin-top: 75px;
}
#match .wrap1{
    background: url('../img/match_bg.jpg') no-repeat center/cover;
    padding: 50px 0 90px;
}
#match h3.tit{
    font-size: 32px;
    color: #000000;
}
#match .wrap1 .swiper-container{
    margin: 24px -20px 0;
}
#match .wrap1 .swiper-slide{
    width: 50%;
    padding: 0 20px;
}
#match .wrap1 .swiper-slide a{
    position: relative;
    display: block;
}
#match .wrap1 .swiper-slide .text{
    position: absolute;
    font-size: 30px;
    color: #fff;
    bottom: 30px;
    left: 0;
    padding: 0 10.34%;
    width: 100%;
}
#match .wrap1 .swiper-slide .text:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 100%;
    background: url('../img/arrow2-white.png') no-repeat center/100% auto;
    top: 0;
    right: 10.34%;
}
#match .wrap1 .arrows{
    margin-top: 50px;
}
#match .wrap1 .box .swiper-button-prev{
    left: -50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23eb110c'%2F%3E%3C%2Fsvg%3E");
}
#match .wrap1 .box .swiper-button-next{
    right: -50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23eb110c'%2F%3E%3C%2Fsvg%3E");
}
#matchinfo .wrap1{
    position: relative;
}
#matchinfo .wrap1 .wp1-bg{
    height: 685px;
    background: no-repeat center/cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#matchinfo .wrap1 .w1200{
    padding-top: 95px;
}
#matchinfo .wrap1 h2.tit{
    font-size: 65px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
#matchinfo .wrap1 .vidbox ul{
    margin: 40px -8px 0;
    position: relative;
}
#matchinfo .wrap1 .vidbox li{
    padding: 0 8px 0;
    width: 24.5%;
    float: left;
}
#matchinfo .wrap1 .vidbox li:first-child{
    width: 75.5%;
    padding-bottom: 0;
    position: relative;
}
#matchinfo .wrap1 .vidbox li .box{
    position: relative;
    padding-top: 57.11%;
}
#matchinfo .wrap1 .vidbox li .d1{
    font-size: 12px;
    padding: 0 6.67% .5em;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    max-width: 100%;
}
#matchinfo .wrap1 .vidbox li:first-child .d1{
    font-size: 24px;    
    padding: 0 5.6% .5em;
}
#matchinfo .wrap1 .vidbox li:nth-child(n+2){
    position: absolute;
    right: 0;
    top: 0;
}
#matchinfo .wrap1 .vidbox li:nth-child(3){
    top: 50%;
}
#matchinfo .wrap1 .vidbox li:nth-child(3) .box{
    margin-top: -28.555%;
}
#matchinfo .wrap1 .vidbox li:nth-child(4){
    bottom: 0;
    top: auto;
}
#matchinfo .wrap1 .vidbox li:nth-child(n+2) .playbtn{
    width: 50px;
    height: 50px;
}
#matchinfo .wrap1 .honorlist{
    padding-bottom: 30px;
}
#matchinfo .wrap1 .honorlist .swiper-container{
    margin: 20px -12px 0;
}
#matchinfo .wrap1 .honorlist .swiper-slide{
    width: 33.3333%;
    padding: 0 12px;
}
#matchinfo .wrap1 .honorlist a{
    display: block;
    position: relative;
}
#matchinfo .wrap1 .honorlist a:after{
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: url('../img/honor_text.png') no-repeat center bottom/100% auto;
    position: absolute;
}
#matchinfo .wrap1 .honorlist .text{
    color: #fff;
    position: absolute;
    bottom: 18px;
    left: 0;
    padding: 0 7.8125%;
    z-index: 3;
    width: 100%;
}
#matchinfo .wrap1 .honorlist .text .d1{
    font-size: 20px;
    padding-left: 24px;
    background: url('../img/arrow7.png') no-repeat left center/11px auto;
    border-bottom: 1px solid rgba(244,244,244,.3);
}
#matchinfo .wrap1 .honorlist .text .d2{
    font-size: 16px;
    padding-top: 0;
    height: 0;
    opacity: 0;
    transition: all .4s ease;
}
#matchinfo .wrap1 .honorlist .swiper-pagination{
    position: relative;
    bottom: 0;
    margin: 46px 0 0;
}
#matchinfo .wrap1 .honorlist .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #505050;
    margin: 0 5px;
}
#matchinfo .wrap1 .honorlist .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #ff0000;
}
#matchinfo .total-nav{
    margin-top: 10px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
}
#matchinfo .wrap1 .matchlist{
    padding-bottom: 190px;
    margin-top: 45px;
}
#matchinfo .wrap1 .matchlist .list-tit{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
#matchinfo .wrap1 .matchlist .list-tit span{
    font-size: 14px;
    color: #666666;
    display: inline-block;
    padding-left: 20px;
    background: url('../img/ico37.png') no-repeat left center/14px auto;
}
#matchinfo .wrap1 .matchlist .list-tit select{
    font-size: 14px;
    color: #666666;
    float: right;
    padding: 0 20px;
    background: url('../img/select-down.png') no-repeat right center/8px auto;
}
#matchinfo .wrap1 .matchlist ul{
    margin: 60px -10px 0;
}
#matchinfo .wrap1 .matchlist li{
    width: 25%;
    padding: 0 10px 54px;
    float: left;
}
#matchinfo .wrap1 .matchlist li a{
    position: relative;
    display: block;
}
#matchinfo .wrap1 .matchlist li .imgs{
    padding-top: 67.36842105263158%;
    position: relative;
}
#matchinfo .wrap1 .matchlist li .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    transition: all .4s ease;
    top: 0;
    left: 0;
    z-index: 2;
}
#matchinfo .wrap1 .matchlist li .text{
    padding: 16px 0 0;
}
#matchinfo .wrap1 .matchlist li .text-tit{
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    height: 3em;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#matchinfo .wrap1 .matchlist li .text-time{
    font-size: 12px;
    font-family: 'Arial';
    color: #666666;
    margin-top: 1em;
}
#matchinfo .wrap1 .matchlist .pagination{
    margin-top: 40px;
}
#testdrive .wrap1{
    padding: 56px 0 130px;
}
#testdrive .wrap1 h3.tit{
    font-size: 30px;
    color: #000000;
    padding-bottom: 24px;
}
#testdrive .subtit-box{
    background-color: #f6f6f6;
    height: 64px;
    line-height: 64px;
    padding: 0 0 0 26px;
}
#testdrive .subtit-box .subtit{
    font-size: 20px;
    color: #333333;
}
#testdrive .subtit-box ul{
    float: right;
}
#testdrive .subtit-box ul li{
    font-size: 16px;
    color: #333333;
    display: inline-block;
    position: relative;
    margin-right: 65px;
    vertical-align: top;
    cursor: pointer;
}
#testdrive .subtit-box ul li:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #eb110c;
    transition: all .4s ease;
}
#testdrive .subtit-box ul li.cur:after{
    width: 100%;
}
#testdrive .car-list{
    margin: 30px -12px 0;
    position: relative;
    min-height: 190px;
}
#testdrive .car-list li{
    width: 25%;
    padding: 0 12px 22px;
    float: left;
}
#testdrive .car-list li .box{
    border: 1px solid #eaeaea;
    text-align: center;
    height: 190px;
    line-height: 190px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0);
    transition: all .4s ease;
}
#testdrive .car-list li .box img{
    width: 200px;
    max-width: 80%;
}
#testdrive .car-list li .box:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: #eb110c;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}
#testdrive .car-list li.cur .box:after{
    width: 100%;
}
#testdrive .car-list li.cur .box{
    box-shadow: 0 0 20px 3px rgba(0,0,0,.05);
}
#testdrive .car-list li .d1{
    font-size: 18px;
    font-family: 'Arial';
    color: #333333;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    line-height: 1;
}
#testdrive .subtit-box .sub-desc{
    font-size: 14px;
    color: #666666;
    margin-left: 40px;
}
#testdrive .wrap1 .box .left{
    float: left;
    width: 31.66%;
    margin-left: 25px;
    padding: 30px 0 0 0;
}
#testdrive .wrap1 .box .left .d1{
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}
#testdrive .wrap1 .box .left .d1 span{
    color: #ff0000;
}
#testdrive .wrap1 .box input{
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
    color: #666666;
    height: 34px;
    line-height: 34px;
}
#testdrive .wrap1 .box .right{
    width: 58.333%;
    float: right;
    margin-top: 80px;
}
#testdrive .wrap1 .box .radio-box{
    margin: 15px 0;
}
#testdrive .wrap1 .box .radio-item{
    font-size: 16px;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}
#testdrive .wrap1 .box .radio-item + .radio-item{
    margin-left: 110px;
}
#testdrive .wrap1 .box .radio-item i{
    position: absolute;
    width: 13px;
    height: 13px;
    border: 1px solid #c1c1c1;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#testdrive .wrap1 .box .radio-item.cur i{
    border: 1px solid #ff0000;
}
#testdrive .wrap1 .box .radio-item.cur i:after{
    content: '';
    background-color: #ff0000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
#testdrive .wrap1 .box .dis-box{
    margin-top: 28px;
}
#testdrive .wrap1 .box .distributor{
    font-size: 16px;
    color: #333333;
    padding-bottom: .5em;
}
#testdrive .wrap1 .box .car-select{
    padding-bottom: 20px;
}
#testdrive .wrap1 .box select{
    font-size: 16px;
    color: #666666;
    border-bottom: 1px solid rgba(0,0,0,.1);
    width: 100%;
    display: block;
    background: url('../img/down2.png') no-repeat right center/12px auto;
}
#testdrive .wrap1 .box select + select{
    margin-top: 20px;
}
#testdrive .wrap1 .box .agreement{
    font-size: 16px;
    color: #181818;
    position: relative;
    padding-left: 24px;
    margin: 26px 0 22px;
    cursor: pointer;
}
#testdrive .wrap1 .box .agreement a{
    color: #ff0000;
}
#testdrive .wrap1 .box .agreement i{
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    position: absolute;
    border: 1px solid rgba(0,0,0,.1);
}
#testdrive .wrap1 .box .agreement.cur i{
    border: 1px solid #ff0000;
    background: #ff0000 url('../img/ok.png') no-repeat center/8px auto;
}
#testdrive .wrap1 .box input[type="submit"]{
    width: 100%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #ffffff;
    background-color: #ff0000;
    border-bottom: none;
    margin-top: 40px;
}
#activity h3.tit{
    font-size: 32px;
    color: #000000;
}
#activity .wrap1{
    padding: 54px 0 160px;
}
#activity .wrap1 ul{
    margin-top: 36px;
}
#activity .wrap1 .pagination{
    margin-top: 30px;
}
#manual h3.tit{
    font-size: 32px;
    color: #000000;
}
#manual .wrap1{
    padding: 70px 0 104px;
}
#manual .wrap1 .query-box{
    margin-top: 5px;
}
#manual .wrap1 .query-box li{
    font-size: 16px;
    color: #333333;
    position: relative;
    display: inline-block;
    margin: 0 30px;
    padding-bottom: 1em;
    cursor: pointer;
}
#manual .wrap1 .query-box li:after{
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #eb110c;
    bottom: 0;
    left: 0;
    transition: all .4s ease;
}
#manual .wrap1 .query-box li.cur:after{
    width: 100%;
}
#manual .wrap1 .car-list{
    margin-top: 50px;
}
#manual .wrap1 .car-list ul{
    margin: 0 -11px;
}
#manual .wrap1 .car-list li{
    float: left;
    padding: 0 11px;
    width: 25%;
    line-height: 190px;
    text-align: center;
}
#manual .wrap1 .car-list li .box{
    border: 1px solid #eaeaea;
}
#manual .wrap1 .car-list li img{
    width: 200px;
    max-width: 80%;
}
#manual .wrap1 .car-list li .text{
    color: #333333;
    position: relative;
    margin: 14px 0 55px;
    line-height: 2;
    text-align: left;
}
#manual .wrap1 .car-list li .text span{
    font-size: 18px;
    padding-right: 120px;
    display: inline-block;
    max-width: 100%;
}
#manual .wrap1 .car-list li .text a{
    background: no-repeat center/100% auto;
    display: inline-block;
    vertical-align: middle;
    transition: all .4s ease;
}
#manual .wrap1 .car-list li .text .ico {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -10px;
}
#manual .wrap1 .car-list li .text .look {
    width: 21px;
    height: 14px;
    background-image: url(../img/look.png);
}
#manual .wrap1 .car-list li .text .down {
    width: 18px;
    height: 19px;
    background-image: url(../img/down.png);
}
#manual .wrap1 .car-list li .text .ico em {
    display: inline-block;
    width: 1px;
    height: 16px;
    vertical-align: middle;
    background-color: #e5e5ea;
    margin: 0 10px;
}
#dealer h3.tit{
    font-size: 32px;
    color: #000000;
}
#dealer .wrap1{
    padding: 50px 0 0;
}
#dealer .wrap1 .map-group{
    margin-top: 25px;
    height: calc(100vh - 90px - 139px);
    min-height: 550px;
    position: relative;
}
#dealer .wrap1 .map-group #map{
    height: 100%;
}
#dealer .wrap1 .map-group .mapbox{
    width: 377px;
    height: 704px;
    max-height: 85%;
    background: #fff;
    position: absolute;
    background: #fff;
    top: 62px;
    left: 50px;
    overflow: hidden;
    transition: all .4s ease;
}
#dealer .wrap1 .map-group .mapbox .map-step{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transition: all 1s cubic-bezier(0.85, -0.12, 0, 1);
    transition: all 1s cubic-bezier(0.85, -0.12, 0, 1);
}
#dealer .wrap1 .map-group .mapbox .map-step1.active{
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
#dealer .wrap1 .map-group .mapbox .map-step2.active{
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
}
#dealer .wrap1 .map-group .map-step1 .store-list-box{
    padding: 32px 50px 36px;
    height: 100%;
}
#dealer .wrap1 .map-group .search-box form{
    display: inline-block;
    vertical-align: top;
    width: 232px;
    width: calc(100% - 45px);
    position: relative;
}
#dealer .wrap1 .map-group .search-box input[type="text"]{
    width: 100%;
    height: 32px;
    border: 1px solid #dcdcdc;
    padding: 0 30px;
    font-size: 13px;
}
#dealer .wrap1 .map-group .search-box input[type="submit"]{
    width: 11px;
    height: 100%;
    top: 0;
    left: 11px;
    background: url('../img/search-ico.png') no-repeat center/100% auto;
    position: absolute;
}
#dealer .wrap1 .map-group .search-box .close{
    width: 9px;
    height: 9px;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto 0;
    position: absolute;
    background: url('../img/close2.png') no-repeat center/100% auto;
    cursor: pointer;
    z-index: 9;
}
#dealer .wrap1 .map-group .search-box .location-btn{
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 32px;
    border: 1px solid #dcdcdc;
    background: url('../img/local2.png') no-repeat center/11px auto;
    cursor: pointer;
}
#dealer .wrap1 .map-group .car-screen{
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 18px;
    z-index: 9;
}
#dealer .wrap1 .select-list .select-item-box{
	width: 100%;
}
#dealer .wrap1 .select-list .select-item-box .select-item{
	width: 48%;
	float: left;
	position: relative;
}
#dealer .wrap1 .select-list .select-item-box .select-item.on{
	z-index: 10;
}
#dealer .wrap1 .select-list .select-item-box .select-item + .select-item{
	float: right;
}
#dealer .wrap1 .select-list .select-item-box .select-item .car-screen{
	border-bottom: 1px solid #dcdcdc;
}
#dealer .wrap1 .select-list .select-item-box .select-item .car-screen-tit{
	padding-right: 1em;
}
#dealer .wrap1 .map-group .car-screen-tit{
    font-size: 16px;
    background: url('../img/screen-down.png') no-repeat right center/12px auto;
    cursor: pointer;
    width: 100%;
}
#dealer .wrap1 .map-group .car-screen-box{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    max-height: 336px;
    background: #f1f2f2;
    margin-top: 2px;
    display: none;
}
#dealer .wrap1 .map-group .car-screen-box ul{
    padding: 11px 0;
}
#dealer .wrap1 .map-group .car-screen-box li{
    font-size: 14px;
    color: #333333;
    line-height: 1.71;
    padding: 0 1em;
    transition: all .4s ease;
    cursor: pointer;
}
#dealer .wrap1 .map-group .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
#dealer .wrap1 .mCSB_scrollTools{
    width: 3px;
}
#dealer .wrap1 .mCSB_scrollTools .mCSB_draggerRail{
    opacity: 0;
    width: 3px;
}
#dealer .wrap1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 3px;
    background-color: #eb110c;
}
#dealer .wrap1 .map-group .list{
    padding-top: 10px;
    height: calc(100% - 132px);
}
#dealer .wrap1 .map-group .list li {
    padding: 10px 0 20px 30px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #dcdcdc;
}
#dealer .wrap1 .map-group .list li:after{
    content: '';
    position: absolute;
    width: 17px;
    height: 23px;
    background: url('../img/li-local.png') no-repeat center/100% auto;
    top: 15px;
    left: 0px;
    transition: all .4s ease;
}
#dealer .wrap1 .map-group .list li .d1{
    font-size: 16px;
    color: #333333;
}
#dealer .wrap1 .map-group .list li .d2{
    font-size: 12px;
    color: #666666;
    line-height: 1.667;
}
#dealer .wrap1 .map-group .list li .d3 span{
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 0 1.2em;
    border: 1px solid #b0afaf;
    line-height: 1.584;
    border-radius: 3px;
}
#dealer .wrap1 .map-group .list li .d3 {
    margin-top: 10px;
}
#dealer .wrap1 .map-group .list li .d3 span + span{
    margin-left: 8px;
}
#dealer .wrap1 .map-group .mapbox .map-step2{
    z-index: 30;
    background: #fff;
    transform: translate(100%, 0);
    overflow: auto;
}
#dealer .wrap1 .map-group .back{
    font-size: 14px;
    color: #333333;
    padding-left: 1em;
    background: url('../img/back.png') no-repeat left center/9px auto;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0 14px 36px;
}
#dealer .wrap1 .map-group .imgs{
    padding-top: 52.267%;
    height: 0;
    position: relative;
    background: no-repeat center/cover;
}
#dealer .wrap1 .map-group .info-box{
    padding: 16px 30px 30px;
}
#dealer .wrap1 .map-group .info-box-d1{
    font-size: 16px;
    color: #333333;
}
#dealer .wrap1 .map-group .info-box-con{
    font-size: 12px;
    color: #666666;
    padding-top: 1em;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}
#dealer .wrap1 .map-group .info-box-con p + p{
    margin-top: .3em;
}
#dealer .wrap1 .map-group .btn-box{
    margin-top: 14px;
}
#dealer .wrap1 .map-group .btn{
    display: block;
    font-size: 14px;
    color: #333333;
    margin-top: 14px;
    background: url('../img/arrow8.png') no-repeat right center/9px auto;
    transition: all .4s ease;
}
#summary header,
#summary header .car-list-nav{
    /* position: absolute; */
}
#summary .wrap1 {
    padding: 40px 0 90px;
    position: relative;
}
#summary h3.tit{
    font-size: 32px;
    color: #000000;
    position: relative;
}
#summary h3.tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #060507;
    margin: 0 auto;
}
#summary .wrap1 .con{
    font-size: 16px;
    color: #333333;
    line-height: 1.75;
    margin-top: 40px;
}
#summary .wrap1 .con p + p{
    margin-top: 20px;
}
#summary .wrap1 .videobox{
    margin-top: 55px;
    position: relative;
}
#summary .wrap1 .videobox .play{
}
#summary .wrap2{
    background: #f2f2f2;
    padding: 60px 0 128px;
    position: relative;
}
#summary .wrap2 ul{
    margin: 40px -9px 0;
}
#summary .wrap2 ul li{
    float: left;
    width: 33.33333%;
    padding: 0 9px;
}
#summary .wrap2 ul .imgs{
    position: relative;
    cursor: pointer;
}
#summary .wrap2 ul .text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 40px 16px;
    width: 100%;
}
#summary .wrap2 ul .text .ico{
    width: 54px;
    height: 30px;
    background: no-repeat left center/auto 100%;
}
#summary .wrap2 ul li:first-child .text .ico{
    background-image: url('../img/ico38.png');
}
#summary .wrap2 ul li:nth-child(2) .text .ico{
    background-image: url('../img/ico39.png');
}
#summary .wrap2 ul li:nth-child(3) .text .ico{
    background-image: url('../img/ico40.png');
}
#summary .wrap2 ul .text .d1{
    font-size: 20px;
    color: #fff;
    background: url('../img/arrow2-white.png') no-repeat right center/15px auto;
    margin-top: 4px;
}
#summary .wrap3{
    padding: 70px 0 178px;
    position: relative;
}
#summary .wrap3 .yearsld.swiper-container{
    padding-top: 54px;
    position: relative;
}
#summary .yearsld.swiper-container .swiper-button-prev,
#summary .yearsld.swiper-container .swiper-button-next{
    width: 18px;
    height: 18px;
    background: no-repeat center/100% auto;
    top: 82px;
}
#summary .yearsld.swiper-container .swiper-button-prev{
    background-image: url('../img/paging-prev2.png');
    left: 0;
}
#summary .yearsld.swiper-container .swiper-button-next{
    background-image: url('../img/paging-next2.png');
    right: 0;
    top: 83px;
}
#summary .wrap3 .yearsld.swiper-container:after{
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px dashed #cdcdcd;
    top: 69px;
    left: 0;
}
#summary .wrap3 .yearsld .swiper-slide{
    width: 14.2857%;
    text-align: center;
}
#summary .wrap3 .yearsld .slide-box{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
#summary .wrap3 .yearsld .slide-box .ico{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #505050 url('../img/his-logo.png') no-repeat center/16px auto;
    margin: 0 auto;
    position: relative;
}
#summary .wrap3 .yearsld .slide-box .ico .curshow{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    background-color: #eb110c;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    font-family: 'Arial';
    color: #fff;
    opacity: 0;
    transition: all .4s ease;
}
#summary .wrap3.nebox .yearsld .slide-box .ico .curshow{
    font-size: 12px;
}
#summary .wrap3 .yearsld .swiper-slide.cur .slide-box .ico .curshow{
    opacity: 1;
}
#summary .wrap3 .yearsld .swiper-slide.cur .slide-box .year{
    opacity: 0;
}
#summary .wrap3 .yearsld .slide-box .ico .curshow:after{
    content: '';
    position: absolute;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: url('../img/radio-outline.png') no-repeat center/100% auto;
    top: 50%;
    left: 50%;
    margin: -43px 0 0 -43px;
}
#summary .wrap3 .yearsld .slide-box .year{
    font-size: 16px;
    font-family: 'Arial';
    color: #666666;
}
#summary .wrap3 .list{
    margin-top: 30px;
    background: #f2f2f2;
    padding: 60px 6.67%;
}
#summary .wrap3 .list .imgsld{
    width: 44.1346%;
    float: left;
    position: relative;
}
#summary .wrap3 .list .imgsld .swiper-slide{
    position: relative;
    padding: 0 1px;
}
#summary .wrap3 .list .imgsld .text{
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    bottom: 0;
    left: 0;
    padding: 0 7.8% 1em;
    line-height: 1.5;
}
#summary .wrap3 .list .imgsld .swiper-button-prev,
#summary .wrap3 .list .imgsld .swiper-button-next{
    width: 12px;
    height: 18px;
    background: url('../img/slide-prev.png') no-repeat center/100% auto;
    margin-top: -9px;
    left: 12px;
    top: 50%;
    transition: all .4s ease;
}
#summary .wrap3 .list .imgsld .swiper-button-next{
    left: auto;
    right: 12px;
    background-image: url('../img/slide-next.png');
}
#summary .wrap3 .list .textlist{
    width: 47.115%;
    float: right;
    height: 340px;
    position: relative;
}
#summary .wrap3 .list .textlist:after{
    content: '';
    width: 100%;
    position: absolute;
    height: 57px;
    background: url('../img/text-mask.png') no-repeat center/100% auto;
    z-index: 9;
    left: 0;
    bottom: 0;
}
#summary .wrap3 .list .textlist .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
#summary .wrap3 .list .textlist .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #eb110c;
}
#summary .wrap3 .list .textlist ul{
    position: relative;
    font-size: 14px;
    padding-bottom: 60px;
}
#summary .wrap3 .list .textlist ul:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: calc(3em + 14px);
    top: 0;
    background-color: #e4e4e4;
    z-index: 1;
}
#summary .wrap3 .list .textlist li{
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: all .4s ease;
}
#summary .wrap3 .list .textlist li i{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #c4c4c4;
    top: 1em;
    margin-top: -3px;
    left: calc(3em + 12px);
    color: #666666;
    transition: all .4s ease;
}
#summary .wrap3 .list .textlist li i em{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px; 
    border: 1px solid #eb110c;
    border-radius: 50%;
    opacity: 0;
    transition: all .4s ease;
}
#summary .wrap3 .list .textlist li i em:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #eb110c;
    margin: auto;
}
#summary .wrap3 .list .textlist li.cur{
    color: #eb110c;    
}
#summary .wrap3 .list .textlist li.cur i em{
    opacity: 1;
}
#summary .wrap3 .list .textlist .time{
    line-height: 1.5;
    padding: .25em 0;
    width: 3em;
    font-family: 'Arial';
    float: left;
}
#summary .wrap3 .list .textlist .text{
    width: calc(100% - 40px - 3em);
    float: right;
    text-align: left;
    line-height: 1.5;
    padding: .25em 0;
}
/* 选中 */
#school .total-nav .swiper-slide:first-child a:after{
    width: 100%;
}
#hatch .total-nav .swiper-slide:nth-child(2) a:after{
    width: 100%;
}
#promotion .total-nav .swiper-slide:nth-child(3) a:after{
    width: 100%;
}
.energy .total-nav .swiper-slide:nth-child(2) a:after{
    width: 100%;
}
#energy.automobile .total-nav .swiper-slide:first-child a:after{
    width: 100%;
}
#riders .total-nav .swiper-slide:first-child a:after{
    width: 100%;
}
#riders.videopage .total-nav .swiper-slide:first-child a:after{
    width: 0px;
}
#riders.videopage .total-nav .swiper-slide:nth-child(2) a:after{
    width: 100%;
}
#csr .total-nav .swiper-slide:first-child a:after,
#welfare .total-nav .swiper-slide:nth-child(2) a:after{
    width: 100%;
}
/* 搜索框 */
.search-alert{
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 98;
    transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}

.search-alert .close {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/ico_07_1.png) no-repeat center;
    background-size: 24px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 2.6%;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}
.search-alert .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.search-alert .cent-form {
    position: absolute;
    width: 86%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #666;
}
.search-alert .cent-form .tex {
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color: #666;
    background: none;
    padding-left: 70px;
    padding-right: 120px;
    background: url(../img/ico2_2.png) no-repeat left center;
}
.search-alert .cent-form .sub-butn {
    border: none;
    width: 120px;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    height: 65px;
    font-size: 22px;
    line-height: 65px;
    color: #666;
}
.search-alert.active{
    top: 0;
}
.mobhd{
    display: none;
}
.fix-side-nav{
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    padding: 90px 0 0;
    z-index: 100;
    box-shadow: inset 0 0 5px 5px rgba(9,2,4,.06);
    background: #fff;
}
.fix-side-nav .side-nav-list{
    position: absolute;
    right: 100%;
    top: 30%;
    text-align: center;
    margin-right: 10px;
}
.fix-side-nav .side-nav-list .gotop{
	position: absolute;
	bottom: 0;
	background: rgba(102,100,100,.6) url('../img/gotop_pc.png') no-repeat center/31px auto;
	left: 0;
    opacity: 0;
    transform: translate(0, 100%);
    transition: all .4s ease;
}
.fix-side-nav .side-nav-list .gotop.on{
    opacity: 1;
    transform: translate(0, 0);
}
.fix-side-nav.show .side-nav-list .gotop{
	transform: translate(0, calc(100% + 10px));
}
.fix-side-nav .side-nav-list a{
    display: inline-block;
    width: 65px;
    height: 65px;
    background: rgba(102,100,100,.6);
    border-radius: 5px;
    transition: all .4s ease;
}
.fix-side-nav .side-nav-list a + a{
    margin-top: 10px;
}
.fix-side-nav .side-nav-list a:first-child .ico{
    background-image: url('../img/ico41.png');
}
.fix-side-nav .side-nav-list a:nth-child(2) .ico{
    background-image: url('../img/ico42.png');
}
.fix-side-nav .side-nav-list a:nth-child(3) .ico{
    background-image: url('../img/ico43.png');
}
.fix-side-nav .side-nav-list a:nth-child(4) .ico{
    background-image: url('../img/ico44.png');
}
.fix-side-nav .side-nav-list .side-box-back{
    background: rgba(102,100,100,.6) url('../img/back2.png') no-repeat center/15px auto;
    opacity: 0;
    transform: translate( 0, 10px);
    transition: all .4s ease .3s;
    visibility: hidden;
}
.fix-side-nav.show .side-nav-list a:first-child{
    background-color:  #eb110c;
}
.fix-side-nav.show .side-nav-list .side-box-back{
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible;
}
.fix-side-nav .side-nav-list .ico{
    background: no-repeat center;
    background-size: 100% auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 12px;
}
.fix-side-nav .side-nav-list span{
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    margin-top: 6px;
    display: block;
}
.fix-side-nav .side-show-box{
    height: 100%;
    transition: all .4s ease;
    overflow: hidden;
    background: #fff;
    max-width: 0px;
    box-shadow: inset 0 -7px 5px 5px rgba(9,2,4,.06);
}
.fix-side-nav.show .side-show-box{
    max-width: 400px;
}
.fix-side-nav .side-show-box .box{
    padding: 50px 40px 0;
    width: 374px;
}
.fix-side-nav .side-show-box .contact-tit{
    font-size: 16px;
    color: #3e3e3e;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1em;
}
.fix-side-nav .side-show-box .contact-list{
    margin-top: 26px;
    margin-bottom: 64px;
}
.fix-side-nav .side-show-box .item {
    text-align: center;
    display: inline-block;
}
.fix-side-nav .side-show-box .item .contact-ico{
    width: 65px;
    height: 65px;
    background: #666464 no-repeat center/30px auto;
    border-radius: 50%;
    margin: 0 auto;
    transition: all .4s ease;
}
.fix-side-nav .side-show-box .item:nth-child(2){
    margin: 0 36px;
}
.fix-side-nav .side-show-box .item:first-child .contact-ico{
    background-image: url('../img/ico45.png');
}
.fix-side-nav .side-show-box .item:nth-child(2) .contact-ico{
    background-image: url('../img/ico46.png');
}
.fix-side-nav .side-show-box .item:nth-child(3) .contact-ico{
    background-image: url('../img/ico47.png');
}
.fix-side-nav .side-show-box .item span{
    font-size: 14px;
    color: #333333;
    padding-top: 10px;
    display: block;
}
.fix-side-nav .side-show-box .code-item{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    max-width: calc(33% - 13px);
}
.fix-side-nav .side-show-box .code-item:nth-child(2){
    margin: 0 26px;
}
.fix-side-nav .side-show-box .code-item img{
    width: 79px;
    max-width: 100%;
}
.fix-side-nav .side-show-box .code-item span{
    font-size: 14px;
    color: #333333;
    display: block;
    line-height: 1.5;
    padding: .25em 0;
}
.fix-side-nav .side-show-box .code-list{
    margin-top: 20px;
}
.mob-contact{
    display: none;
}
#main .iban {
    position: relative;
    padding-top: 44.66631634261692%;
    overflow: hidden;
}
#main .iban .banner-video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
}
#main .iban .banner-video video{
    position: absolute;
    width: 108%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#main .iban .swiper-container{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
#main .iban .swiper-wrapper{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#main .iban .swiper-pagination{
    bottom: 30px;
}
#main .iban .swiper-pagination .swiper-pagination-bullet{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    opacity: .5;
    margin: 0 5px;
}
#main .iban .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
#main h3.tit{
    font-size: 32px;
    color: #000000;
    padding-bottom: .2em;
    position: relative;
}
#main h3.tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #000000;
}
#main .wrap1 .wrap{
    padding: 54px 50px 56px;
}
#main .wrap1 .box{
    margin-top: 45px;
    color: #fff;
}
#main .wrap1 .box .videobox{
    width: 37.333333333333335%;
    float: left;
    position: relative;
}
#main .wrap1 .box .videobox .text{
    position: absolute;
    padding: 0 8%;
    bottom: 18px; 
    font-size: 16px;
    width: 100%;
    height: 3em;
}
#main .wrap1 .box .videobox .text .play{
    width: 61px;
    position: absolute;
    left: 8%;
    top: 50%;
    cursor: pointer;
    margin-top: -20px;
}
#main .wrap1 .box .videobox .text span{
    padding-left: 86px;
    display: inline-block;
    height: 3em;
    line-height: 3em;
    vertical-align: top;
}
#main .wrap1 .box .newsitem{
    width: 29.555555555555557%;
    float: left;
    margin: 0 0 1.666% 1.666%;
    position: relative;
    overflow: hidden;
}
#main .wrap1 .box .newsitem .imgs,
#main .wrap1 .box .videobox .imgs{
    overflow: hidden;
}
#main .wrap1 .box .newsitem img,
#main .wrap1 .box .videobox img{
    transition: all .4s ease;
}
#main .wrap1 .box .newsitem .text{
    font-size: 16px;
    font-weight: bold;
    padding: 0 8.867%;
    bottom: 24px;
    left: 0;
    position: absolute;
    width: 100%;
}
#main .wrap1 .box .newsitem.isvideo .text{
    padding: 0 5.66%;
}
#main .wrap1 .box .newsitem.isvideo .text .play{
    width: 58px;
    position: absolute;
    left: 5.66%;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
}
#main .wrap1 .box .newsitem.isvideo .text span{
    padding-left: 85px;
}
#main .wrap1 .box .newsitem .text span{
    vertical-align: top;
}
#main .wrap1 .box img{
    width: 100%;
}
#main .wrap2{
    background-color: #f4f4f4;
    padding: 58px 0 125px;
}
#main .wrap2 .wrap{
    max-width: 1625px;
    margin: 0 auto;
    padding: 0 50px;
}
#main .wrap2 .item-navlist{
    padding: 48px 3.934% 0;
}
#main .wrap2 .item-navlist li{
    width: 14.285714285714286%;
    float: left;
    text-align: center;
}
#main .wrap2 .item-navlist li a {
    display: inline-block;
    vertical-align: top;
    color: #333333;
}
#main .wrap2 .item-navlist li a .ico{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #666464 no-repeat center/38px auto;
    margin: 0 auto;
    position: relative;
    transition: all .4s ease;
}
#main .wrap2 .item-navlist li a .ico:after{
    content: '';
    position: absolute;
    width: 86px;
    height: 86px;
    background: url(../img/radio-outline.png) no-repeat center/100% auto;
    top: 50%;
    left: 50%;
    margin: -43px 0 0 -43px;
    transform: rotate(-90deg);
    opacity: 0;
    transition: all .4s ease;
    visibility: hidden;
}
#main .wrap2 .item-navlist li:first-child a .ico{
    background-image: url('../img/ico48.png');
}
#main .wrap2 .item-navlist li:nth-child(2) a .ico{
    background-image: url('../img/ico49.png');
}
#main .wrap2 .item-navlist li:nth-child(3) a .ico{
    background-image: url('../img/ico50.png');
}
#main .wrap2 .item-navlist li:nth-child(4) a .ico{
    background-image: url('../img/ico51.png');
}
#main .wrap2 .item-navlist li:nth-child(5) a .ico{
    background-image: url('../img/ico52.png');
}
#main .wrap2 .item-navlist li:nth-child(6) a .ico{
    background-image: url('../img/ico53.png');
}
#main .wrap2 .item-navlist li:nth-child(7) a .ico{
    background-image: url('../img/ico54.png');
}
#main .wrap2 .item-navlist li a .item-tit{
    font-size: 18px;
    padding-top: .5em;
}
#main .wrap2 .item-imgs{
    margin: 54px -15px 0;
}
#main .wrap2 .item-imgs li{
    width: 33.33333%;
    float: left;
    padding: 0 15px;
}
#main .wrap2 .item-imgs li a{
    display: block;
    position: relative;
}
#main .wrap2 .item-imgs li a img{
    width: 100%;
}
#main .wrap2 .item-imgs li .text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 9.7%;
    color: #fff;
    width: 100%;
    transition: all .4s ease;
}
#main .wrap2 .item-imgs li .text-tit{
    font-size: 22px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-left: 20px;
    background: url(../img/arrow7.png) no-repeat left center/11px auto;
}
#main .wrap2 .item-imgs li .hideenbox{
    max-height: 0px;
    transition: all .4s ease;
    overflow: hidden;
}
#main .wrap2 .item-imgs li .text-con{
    font-size: 12px;
    padding-top: .25em;
}
#main .wrap2 .item-imgs li .text-more{
    font-size: 12px;
    margin-top: 1em;
    padding-bottom: .25em;
}
#main .wrap1 .more-btn,
#main .wrap2 .more-btn{
    display: none;
}
#carmodel .iban .swiper-pagination{
    bottom: 26px;
}
#carmodel .iban .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 6px;
    background-color: #fff;
    opacity: .5;
    transition: all .4s ease;
}
#carmodel .iban .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
#carmodel .fix-car-nav-box{
	height: 83px;
}
#carmodel .fix-car-nav{
    position: relative;
    height: 83px;
    line-height: 83px;
    background-color: #f6f6f6;
    top: 0;
    left: 0;
    width: 100%;
}
#carmodel .fix-car-nav.fix{
	position: fixed;
	z-index: 90;
}
#carmodel .fix-car-nav .wrap{
    width: 1840px;
    margin: 0 auto;
    padding: 0 50px;
    max-width: 100%;
}
#carmodel .fix-car-nav .fix-car-tit{
    font-size: 32px;
    color: #333333;
    float: left;
}
#carmodel .fix-car-nav .fix-car-rside{
    float: right;
}
#carmodel .fix-car-nav .fix-car-rside .fix-car-list{
    display: inline-block;
    vertical-align: top;
    padding-right: 70px;
}
#carmodel .fix-car-nav .fix-car-rside .fix-car-list a{
    font-size: 16px;
    color: #333333;
    display: inline-block;
    vertical-align: top;
    transition: all .4s ease;
}
#carmodel .fix-car-nav .fix-car-rside .fix-car-list a:first-child{
    font-size: 18px;
}
#carmodel .fix-car-nav .fix-car-rside .fix-car-list em{
    display: inline-block;
    width: 12px;
    height: 1px;
    background-color: #dddddd;
    margin: 0 5px;
}
#carmodel .fix-car-nav .fix-car-rside .side-tit{
    font-size: 18px;
    color: #333333;
    display: inline-block;
    vertical-align: top;
}
#carmodel .fix-car-nav .fix-car-rside .side-tit + .side-tit{
    margin-left: 40px;
}
#carmodel .wrap1{
    position: relative;
    padding: 70px 0 60px;
    background: url('../img/car-bg.jpg') no-repeat center/cover;
}
#carmodel .wrap1 .wrap{
    width: 1450px;
    padding: 0 50px;
    max-width: 90%;
    margin: 0 auto;
}
#carmodel .wrap1 .tit{
    color: #333333;
    text-align: center;
}
#carmodel .wrap1 .tit em{
    font-size: 50px;
    font-style: normal;
}
#carmodel .wrap1 .tit em:after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 50px;
    background: #121212;
    transform: rotate(15deg);
    vertical-align: middle;
    margin: 0 0 0 .1em;
}
#carmodel .wrap1 .tit span{
    font-size: 29px;
}
#carmodel .wrap1 .ajax-box{
    width: 1100px;
    margin: 0 auto;
    max-width: 90%;
}
#carmodel .wrap1 .carimg{
    width: 100%;
    margin: 0 auto;
    padding-top: 39.72%;
    position: relative;
}
#carmodel .wrap1.model360 .carimg:before{
    content: "";
    z-index: 1;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    font-size: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
    z-index: 0;
}
#carmodel .wrap1 .carimg img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
#carmodel .wrap1.model360 .carimg img{
    display: none;
}
#carmodel .wrap1.model360 .carimg img:first-child{
    display: block;
}
#carmodel .wrap1 .slide-controls{
    display: block;
    text-align: center;
    position: relative;
    height: 25px;
    line-height: 25px;
    margin-top: 20px;
}
#carmodel .wrap1 .slide-controls .slide-prev,
#carmodel .wrap1 .slide-controls .slide-next{
    position: absolute;
    width: 70px;
    height: 20px;
    background: url('../img/car-slide-prev.png') no-repeat center/100% auto;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
#carmodel .wrap1.model-slide .slide-controls .slide-prev,
#carmodel .wrap1.model-slide .slide-controls .slide-next{
    display: block;
}
#carmodel .wrap1 .slide-controls .slide-next{
    left: auto;
    right: 0;
    background-image: url('../img/car-slide-next.png');
}
#carmodel .wrap1 .slide-controls .colors-controls{
    display: inline-block;
}
#carmodel .wrap1 .slide-controls .colors-controls .item{
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    cursor: pointer;
}
#carmodel .wrap1 .slide-controls .colors-controls .item span{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.5);
    background: no-repeat center/cover;
    display: block;
    margin: 0 auto;
}
#carmodel .wrap1 .slide-controls .colors-controls .item.active span{
    border: 2px solid rgba(255,255,255,1);
}
#carmodel .wrap1 .slide-controls .colors-controls .item .item-tit{
    font-size: 12px;
    text-align: center;
    color: #333333;
}
#carmodel .wrap1 .box{
    position: relative;
    width: 1354px;
    max-width: 90%;
    margin: 0 auto;
}
#carmodel .wrap1 .box .lookside{
    width: 84px;
    height: 80px;
    border: 1px solid #090103;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 9;
    font-size: 14px;
    color: #333333;
    text-align: right;
    padding: 28px 8px 0;
    line-height: 1.3571;
    cursor: pointer;
}
#carmodel .wrap1 .box .lookside:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url('../img/add.png') no-repeat center/100% auto;
    top: 12px;
    right: 12px;
}
#carmodel .wrap1 .box .logo360{
    width: 65px;
    position: absolute;
    top: 180px;
    right: 0;
    z-index: 9;
    display: none;
}
#carmodel .wrap1.model360 .box .logo360{
    display: block;
}
#carmodel .carlist-ad{
    background: no-repeat right center/cover;
    position: relative;
    color: #333333;
}
#carmodel .carlist-ad.black{
    color: #333333;
}
#carmodel .carlist-ad .bgimg{
    height: 500px;
    background: no-repeat right center/cover;
    position: relative;
    width: 100%;
}
#carmodel .carlist-ad .carlist-ad-wrap{
    width: 1420px;
    max-width: 90%;
    padding: 0 50px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
#carmodel .carlist-ad .text{
    line-height: 1.5;
    top: 0;
    left: 0;
    position: relative;
    transform: none;
    text-align: center;
    padding: 20px 0 40px;
}
#carmodel .carlist-ad .text .d1{
    font-size: 50px;
}
#carmodel .carlist-ad .text .d2{
    font-size: 20px;
    text-transform: uppercase;
}
#carmodel .wrap2,
#carmodel .wrap3,
#carmodel .wrap4,
#carmodel .wrap5,
#carmodel .wrap6,
#carmodel .wrap7,
#carmodel .wrap8,
#carmodel .wrap9{
    position: relative;
}
#carmodel .wrap2{
    margin-top: 80px;
}
#carmodel .wrap2 .wrap{
    width: 1662px;
    padding: 30px 50px 110px;
    margin: 0 auto;
    max-width: 90%;
}
#carmodel .wrap2 .swiper-container{
    margin: 0 -15px;
    position: relative;
}
#carmodel .wrap2 .swiper-container .swiper-wrapper{
    position: relative;
    padding-bottom: 1px;
}
#carmodel .wrap2 .swiper-container:after{
    content: '';
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    position: absolute;
    bottom: 1px;
    left: 0;
}
#carmodel .wrap2 .swiper-slide{
    width: calc(33.33333% - 30px);
    margin: 0 15px;
    position: relative;
}
#carmodel .wrap2 .swiper-slide .imgs{
    padding-top: 66%;
}
#carmodel .wrap2 .swiper-slide .imgs img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
#carmodel .wrap2 .swiper-slide:after,
#carmodel .wrap2 .swiper-slide:before{
    content: '';
    width: 15px;
    height: 100%;
    top: 20%;
    position: absolute;
    background-color: #fff;
    left: -15px;
}
#carmodel .wrap2 .swiper-slide:before{
    left: auto;
    right: -15px;
}
#carmodel .wrap2 .swiper-slide .text{
    padding: 34px 0 40px;
}
#carmodel .wrap2 .swiper-slide .text-tit{
    font-size: 20px;
    color: #333333;
}
#carmodel .wrap2 .swiper-slide .text-con{
    font-size: 14px;
    color: #666666;
    line-height: 1.71;
    max-height: 5.13em;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#carmodel .wrap2 .swiper-pagination{
    position: relative;
    bottom: 0;
    margin: 30px 0 0;
}
#carmodel .wrap2 .swiper-pagination .swiper-pagination-bullet{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 7px;
    background: #aeaeae;
}
#carmodel .wrap2 .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #b62630;
}
#carmodel .wrap2 .swiper-button-prev,
#carmodel .wrap2 .swiper-button-next,
#carmodel .wrap4 .swiper-button-prev,
#carmodel .wrap4 .swiper-button-next{
    width: 32px;
    height: 62px;
    margin-top: -31px;
}
#carmodel .wrap2 .swiper-button-prev,
#carmodel .wrap4 .swiper-button-prev{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
    left: 30px;
}
#carmodel .wrap2 .swiper-button-next,
#carmodel .wrap4 .swiper-button-next{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
    right: 30px;
}
#carmodel .wrap3 .wrap{
    width: 1600px;
    padding: 30px 50px 100px;
    max-width: 90%;
    margin: 0 auto;
}
#carmodel .wrap3 li{
    position: relative;
}
#carmodel .wrap3 li + li{
    margin-top: 45px;
}
#carmodel .wrap3 .wrap .more-box.showloading *{
    opacity: 0;
}
#carmodel .wrap3 .imgs{
    float: left;
    width: 50%;
}
#carmodel .wrap3 .li-text{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 4.65%;
}
#carmodel .wrap3 .li-text .text-tit{
    font-size: 20px;
    color: #333333;
}
#carmodel .wrap3 .li-text .text-con{
    font-size: 14px;
    line-height: 1.71;
    max-height: 70%;
    padding-top: .5em;
}
#carmodel .wrap3 .li-text .table{
    display: table;
    max-width: 400px;
    height: 100%;
}
#carmodel .wrap3 .li-text .table-cell{
    display: table-cell;
    vertical-align: middle;
}
#carmodel .wrap3 li:nth-child(2n) .imgs{
    float: right;
}
#carmodel .wrap3 li:nth-child(2n) .table{
    float: right;
}
#carmodel .wrap3 li:nth-child(2n) .li-text{
    left: 0;
    text-align: right;
}
#carmodel .wrap3 .li-text .text-tit{
    text-align:left;
}
#carmodel .wrap3 li:nth-child(2n) .li-text .text-con{
    position: relative;
    /*left: 20px;*/
    text-align:left;
}
#carmodel .wrap3 li .mCSB_inside>.mCSB_container{
    margin-right: 20px;
}
#carmodel .wrap3 li .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #b62630;
}
#carmodel .wrap3 .more-btn{
    margin: 70px auto 0;
    width: 143px;
    cursor: pointer;
}
#carmodel .wrap4 .wrap{
    width: 1660px;
    padding: 0 50px;
    max-width: 90%;
    margin: 30px auto 0;
}
#carmodel .wrap4 .swiper-container{
    margin: 0 -15px;
}
#carmodel .wrap4 .swiper-container .swiper-slide{
    width: 50%;
    padding: 0 15px;
}
#carmodel .wrap4 .swiper-container .swiper-slide .box{
    border-bottom: 1px solid #d3d3d3;
}
#carmodel .wrap4 .swiper-container .swiper-slide .box .imgs{
    padding-top: 58.82352941176471%;
    position: relative;
}
#carmodel .wrap4 .swiper-container .swiper-slide .box .imgs img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
#carmodel .wrap4 .swiper-container .text-tit{
    font-size: 20px;
    color: #333333;
    width: 75.81699346405228%;
}
#carmodel .wrap4 .swiper-container .text{
    padding: 40px 0 34px 10px;
}
#carmodel .wrap4 .swiper-container .text-con{
    font-size: 14px;
    color: #666666;
    line-height: 1.7142857142857142;
    width: 75.81699346405228%;
    word-break: break-all;
    text-align: justify;
    padding-top: .5em;
}
#carmodel .wrap4 {
    padding-bottom: 80px;
}
#carmodel .wrap4 .swiper-pagination {
    position: relative;
    bottom: 0;
    margin: 30px 0 0;
}
#carmodel .wrap4 .swiper-pagination .swiper-pagination-bullet{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: top;
    margin: 0 6px;
    background-color: #aeaeae;
}
#carmodel .wrap4 .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #b62630;
}
#carmodel .wrap5 .wrap{
    width: 1660px;
    padding: 0 50px;
    max-width: 90%;
    margin: 0 auto;
}
#carmodel .wrap5 .swiper-slide{
    width: 33.3333%;
    border-left: 1px solid #797979;
}
#carmodel .wrap5 .swiper-slide .imgs{
    position: relative;
}
#carmodel .wrap5 .swiper-slide .imgs .text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 6.73% .5em;
    font-size: 20px;
    color: #fff;
}
#carmodel .wrap5 .swiper-button-prev,
#carmodel .wrap5 .swiper-button-next{
    width: 32px;
    height: 62px;
    margin-top: -31px;
    background: no-repeat center/100% auto;
}
#carmodel .wrap5 .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
#carmodel .wrap5 .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
#carmodel .wrap6{
    padding: 110px 0 0;
}
#carmodel .titbox{
    line-height: 1.1;
    color: #333333;
}
#carmodel .titbox .tit{
    font-size: 50px;
    line-height: 1.5;
    padding: .25em 0;
    width: 90%;
    margin: 0 auto;
}
#carmodel .titbox .entit{
    font-size: 20px;
    text-transform: uppercase;
}
#carmodel .wrap6 .tapbar{
    display: inline-block;
    max-width: 80%;
    margin-top: 30px;
}
#carmodel .wrap6 .tapbar .swiper-slide{
    font-size: 18px;
    color: #333333;
    margin: 0 37px;
    width: auto;
    min-width: 170px;
    position: relative;
    cursor: pointer;
    padding: 0 .5em .5em;
    display: inline-block;
}
#carmodel .wrap6 .tapbar .swiper-slide:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #c5c5c5;
    bottom: 0;
    left: 0;
}
#carmodel .wrap6 .tapbar .swiper-slide.cur:after{
    height: 3px;
    background-color: #cc000e;
}
#carmodel .wrap6 .taplist{
    margin-top: 34px;
}
#carmodel .wrap6 .taplist .imgs{
    position: relative;
}
#carmodel .wrap6 .taplist .text{
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    padding: 28px 5%;
    line-height: 1.5;
    font-size: 18px;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,.7);
}
#carmodel .wrap7{
    padding: 115px 0 90px;
}
#carmodel .wrap7 .wrap{
    width: 1660px;
    max-width: 90%;
    margin: 0 auto;
}
#carmodel .wrap7 .fun-side{
    text-align: right;
    padding-top: 5px;
}
#carmodel .wrap7 .fun-side .btn{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
}
#carmodel .wrap7 .fun-side .sendphone{
    width: 120px;
    height: 38px;
    line-height: 36px;
    border: 1px solid #464646;
    color: #333333;
    padding-left: 30px;
    background: url('../img/phone.png') no-repeat 16px center/10px auto;
    cursor: pointer;
}
#carmodel .wrap7 .fun-side .download{
    color: #fff;
    width: 80px;
    height: 38px;
    line-height: 38px;
    background: #464646 url('../img/download.png') no-repeat 18px center/12px auto;
    padding-left: 36px;
    margin-left: 22px;
}
#carmodel .wrap7 .pdfcar{
    margin-top: 20px;
    overflow: auto;
    padding: 0;
}
#carmodel .wrap7 .pdfcar .mCSB_inside>.mCSB_container{
	margin-right: 0;
}
#carmodel .wrap7 .pdfcar .mCSB_scrollTools{
	width: 4px;
}
#carmodel .wrap7 .pdfcar .scrollbox {
	position: relative;
    height: 50vh;
    min-width: 800px;
}
#carmodel .wrap7 .pdfcar img{
    width: 100%;
    min-width: 800px;
}
#carmodel .wrap8{
    padding-bottom: 160px;
    overflow: hidden;
}
#carmodel .wrap8 .swiper-container{
    margin-top: 50px;
}
#carmodel .wrap8 .swiper-slide{
    width: 59.896%;
    margin: 0 10px;
}
#carmodel .wrap8 .swiper-container .swiper-button-prev{
    left: 22.1875%;
    width: 32px;
    height: 62px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
    margin-top: -31px;
}
#carmodel .wrap8 .swiper-container .swiper-button-next{
    right: 22.1875%;
    width: 32px;
    height: 62px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center/100% auto;
    margin-top: -31px;
}
#carmodel .wrap8 .swiper-pagination{
    position: relative;
    bottom: 0;
    margin: 70px 0 0;
} 
#carmodel .wrap8 .swiper-pagination .swiper-pagination-bullet{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: top;
    margin: 0 6px;
    background-color: #aeaeae;
}
#carmodel .wrap8 .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #b62630;
}
#carmodel .wrap9{
    background: no-repeat center/cover;
    height: 310px;
    padding: 66px 0 0;
}
#carmodel .wrap9 .wrap{
    width: 1244px;
    padding: 22px 50px 0;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}
#carmodel .wrap9 .wrap .box{
    margin: 0 -5px;
}
#carmodel .wrap9 .tit{
    font-size: 32px;
    color: #fff;
    text-align: center;
    position: relative;
}
#carmodel .wrap9 .wrap .item{
    display: inline-block;
    vertical-align: top;
}
#carmodel .wrap9 .wrap .inpitem{
    width: 12%;
    padding: 0 5px;
}
#carmodel .wrap9 .wrap .inpitem + .inpitem{
    width: 18%;
}
#carmodel .wrap9 .wrap .subinp{
    width: 16%;
    padding: 0 5px;
}
#carmodel .wrap9 .wrap input[type="text"]{
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    font-size: 16px;
    padding: 0 25px;
    color: #333333;
}
#carmodel .wrap9 .wrap .selectbox{
    display: inline-block;
    padding: 0 5px;
    width: 53%;
}
#carmodel .wrap9 .wrap .selectbox select{
    width: 33.33333%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    padding: 0 20px;
    background: #fff url('../img/ang.png') no-repeat center right 14px/10px auto;
}
#carmodel .wrap9 .box .selectbox select + select{
    border-left: 1px solid #b7b7b7;
}
#carmodel .wrap9 .box input[type="submit"]{
    height: 50px;
    line-height: 50px;
    background: #de132b url('../img/88.jpg') no-repeat center/cover;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
}
#carmodel .wrap9 .box input::-webkit-input-placeholder{
    color:#333333;  
}  
#carmodel .wrap9 .box input:-moz-placeholder{
    color:#333333;
}  
#carmodel .wrap9 .box input::-moz-placeholder{
    color:#333333;
}  
#carmodel .wrap9 .box input:-ms-input-placeholder {
    color:#333333;
}
#carmodel .fix-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}
#carmodel .fix-bg .fix-dialog{
    width: 260px;
    height: 290px;
    padding: 14px 30px 0;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    text-align: center;
}
#carmodel .fix-bg .fix-dialog img{
    margin-top: 30px;
    width: 150px;
}
#carmodel .fix-bg .fix-dialog .dialog-tit{
    font-size: 16px;
    border-bottom: 1px solid rgba(102,102,102,.1);
    position: relative;
    text-align: left;
}
#carmodel .fix-bg .fix-dialog .dialog-tit .close{
    width: 14px;
    height: 14px;
    background: url('../img/close.png') no-repeat center/100% auto;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    position: absolute;
    cursor: pointer;
}
#carmodel .testdri-btn{
    position: fixed;
    width: 231px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
}
#carmodel .testdri-btn span{
    font-size: 16px;
    color: #fff;
    bottom: 8.5%;
    left: 48%;
    font-style: italic;
    position: absolute;
}
#carmodel .testdri-btn .testdrive-car{
    position: absolute;
    width: 70%;
    bottom: 34%;
    right: 6%;
}
#aftersale h3.tit{
    font-size: 32px;
    position: relative;
    padding-bottom: 6px;
}
#aftersale h3.tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    background-color: #060507;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
#aftersale .wrap1{
    padding: 50px 0 160px;
}
#aftersale .wrap1 ul{
    margin-top: 46px;
    position: relative;
}
#aftersale .wrap1 ul:before{
    content: '';
    width: 100%;
    height: 1px;
    background: url(../img/line.png) repeat-x center;
    top: 32.5px;
    position: absolute;
    left: 0;
}
#aftersale .wrap1 li{
    width:14.285714285714286%;
    float: left;
    text-align: center;
    position: relative;
}
#aftersale .wrap1 li:after{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #666464;
    right: 0;
    margin-right: -3px;
    top: 33px;
    margin-top: -3px;
    transition: all .4s ease;
}
#aftersale .wrap1 li:last-child:after{
    display: none;
}
#aftersale .wrap1 li .radio{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #666464 no-repeat center/36px auto;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    transition: all .4s ease;
}
#aftersale .wrap1 li:nth-child(1) .radio{
    background-image: url('../img/ico55.png');
}
#aftersale .wrap1 li:nth-child(2) .radio{
    background-image: url('../img/ico56.png');
}
#aftersale .wrap1 li:nth-child(3) .radio{
    background-image: url('../img/ico57.png');
}
#aftersale .wrap1 li:nth-child(4) .radio{
    background-image: url('../img/ico58.png');
}
#aftersale .wrap1 li:nth-child(5) .radio{
    background-image: url('../img/ico59.png');
}
#aftersale .wrap1 li:nth-child(6) .radio{
    background-image: url('../img/ico60.png');
}
#aftersale .wrap1 li:nth-child(7) .radio{
    background-image: url('../img/ico61.png');
}
#aftersale .wrap1 .item:nth-child(1) .item-tit{
    background-image: url('../img/ico55-h.png');
}
#aftersale .wrap1 .item:nth-child(2) .item-tit{
    background-image: url('../img/ico56-h.png');
}
#aftersale .wrap1 .item:nth-child(3) .item-tit{
    background-image: url('../img/ico57-h.png');
}
#aftersale .wrap1 .item:nth-child(4) .item-tit{
    background-image: url('../img/ico58-h.png');
}
#aftersale .wrap1 .item:nth-child(5) .item-tit{
    background-image: url('../img/ico59-h.png');
}
#aftersale .wrap1 .item:nth-child(6) .item-tit{
    background-image: url('../img/ico60-h.png');
}
#aftersale .wrap1 .item:nth-child(7) .item-tit{
    background-image: url('../img/ico61-h.png');
}
#aftersale .wrap1 li .radio:after{
    content: '';
    position: absolute;
    width: 86px;
    height: 86px;
    top: 50%;
    left: 50%;
    margin: -43px 0 0 -43px;
    background: url('../img/radio-outline.png') no-repeat center/100% auto;
    visibility: hidden !important;
    opacity: 0;
    transform: rotate(-30deg);
    transition: all .4s ease;
}
#aftersale .wrap1 li.cur .radio{
    background-color: #eb110c;
}
#aftersale .wrap1 li.cur .radio:after{
    opacity: 1;
    visibility: visible !important;
    transform: rotate(0);
}
#aftersale .wrap1 li.cur:after{
    background-color: #eb110c;
}
#aftersale .wrap1 li .span{
    font-size: 18px;
    color: #333333;
    padding-top: .5em;
}
#aftersale .wrap1 .list{
    margin-top: 30px;
}
#aftersale .wrap1 .item{
    padding: 46px 70px 80px;
    background: #f0f0f0;
    display: none;
}
#aftersale .wrap1 .item:first-child{
    display: block;
}
#aftersale .wrap1 .item .item-tit{
    padding-left: 30px;
    line-height: 48px;
    background: no-repeat center left/22px auto;
    font-size: 20px;
    border-bottom: 1px solid #d8d8dd;
}
#aftersale .wrap1 .item .item-con {
    padding: 0 32px;
    margin-top: 20px;
    position: relative;
}
#aftersale .wrap1 .item .item-con:after{
    content: '';
    width: 1px;
    height: 100%;
    background-color: #e0e0e0;
    left: 42px;
    top: 0;
    position: absolute;
}
#aftersale .wrap1 .item .item-con .p{
    font-size: 16px;
    line-height: 1.5;
    padding: .25em 0 .25em 35px;
    position: relative;
    z-index: 3;
}
#aftersale .wrap1 .item .item-con .p + .p{
    margin-top: .5em;
}
#aftersale .wrap1 .item .item-con .p i{
    position: absolute;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border-radius: 50%;
    background-color: #666464;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-size: 13px;
    left: 0;
    top: 16px;
    margin-top: -10px;
}
.bebas{
    font-family: 'BEBAS',"Noto Sans S Chines","PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";
}
@font-face {
  font-family: "BEBAS";
  src: url("../fonts/BEBAS.woff2") format("woff2"),
       url("../fonts/BEBAS.woff") format("woff"),
       url("../fonts/BEBAS.ttf") format("truetype"),
       url("../fonts/BEBAS.eot") format("embedded-opentype"),
       url("../fonts/BEBAS.svg") format("svg"),
       url("../fonts/BEBAS.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}


/* 详情页 */
#newsinfo .wrap1{
    padding: 82px 0 11.45vw;
}
#newsinfo .wrap1 .container{
    width: 1240px;
    box-sizing: border-box;
    padding-left: 15px;
    max-width: 100%;
    margin: 0 auto;
}
#newsinfo .wrap1 .tit{
    font-size: 36px;
    font-weight: bold;
}
#newsinfo .wrap1 .top{
    font-size: 36px;
    color: #282828;
    padding-bottom: 46px;
    border-bottom: 1px solid #e9e9e9;
}
#newsinfo .wrap1 .top .con{
    line-height: 1;
    margin-top: 27px;
    font-size: 0;
}
#newsinfo .wrap1 .top .con p{
    width: auto;
    font-size: 16px;
    line-height: 2;
    color: #000000;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 46px;
    padding-right: 3em;
    vertical-align: top;
    background: no-repeat left center/29px auto;
    white-space: nowrap;
}
/* #newsinfo .wrap1 .top .con p:nth-child(n+3){
    margin-top: 10px;
} */
#newsinfo .wrap1 .top .con p.time{
    background-image: url('../img/11.png');
}
#newsinfo .wrap1 .top .con p.character{
    background-image: url('../img/13.png');
}
#newsinfo .wrap1 .top .con p.local{
    background-image: url('../img/12.png');
}
#newsinfo .wrap1 .top .con p.area{
    background-image: url('../img/14.png');
}
#newsinfo .wrap1 .mid{
    padding-top: 42px;
}
#newsinfo .wrap1 .left{
    width: 800px;
    max-width: 100%;
    /* max-width: calc(100% - 120px); */
    /* margin-left: 10px; */
    /* float:  left; */
    margin: 0 auto;
}
#newsinfo .wrap1 .left .swiper-slide{
    position: relative;
}
#newsinfo .wrap1 .left .swiper-slide img{
    width: 100%;
}
#newsinfo .wrap1 .left .d1{
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
#newsinfo .wrap1 .left .swiper-button-prev,
#newsinfo .wrap1 .left .swiper-button-next{
    width: 29px;
    height: 44px;
    background: no-repeat center/29px auto;
    opacity: .72;
    transition: all .4s ease-out;
}
#newsinfo .wrap1 .left .swiper-button-prev{
    background-image: url('../img/iban-left.png');
}
#newsinfo .wrap1 .left .swiper-button-next{
    background-image: url('../img/iban-right.png');
}
#newsinfo .wrap1 .left .swiper-pagination{
    position: relative;
    bottom: auto;
    padding: 22px 0 0;
}
#newsinfo .wrap1 .left .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #dbdbdb;
    margin: 0 4px;
}
#newsinfo .wrap1 .left .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #0046aa;
}
#newsinfo .wrap1 .mid{
    position: relative;
}
#newsinfo .wrap1 .mid img{
    width: auto;
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
#newsinfo .wrap1 .mid .swiper-container{
    padding-bottom: 60px;
}
#newsinfo .wrap1 .mid .con{
    font-size: 16px;
    color: #666666;
    padding: 0 0 50px;
    border-bottom: 1px solid #d9d9d9;
}
#newsinfo .wrap1 .mid h4{
    font-size: 24px;
    color: #282828;
    font-weight: normal;
}
#newsinfo .wrap1 .mid p{
    line-height: 2.125;
}
#newsinfo .wrap1 .mid .btnbox{
    margin-top: 7.9vw;
}
#newsinfo .wrap1 .mid .btnbox a{
    display: inline-block;
    width: 48.1%;
    border: 1px solid #c1bfc0;
    height: 67px;
    line-height: 67px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 0 60px;
    box-sizing: border-box;
    transition: all .4s ease-out;
}
#newsinfo .wrap1 .mid .btnbox a.prev{
    background: url('../img/paging-prev.png') no-repeat 40px center/14px auto;
}
#newsinfo .wrap1 .mid .btnbox a.next{
    float: right;
    background: url('../img/paging-next.png') no-repeat calc(100% - 40px) center/14px auto;
}
#newsinfo .wrap1 .mid .resources-side{
    position: absolute;
    width: 72px;
    height: 1px;
    top: 72px;
    right: 26px;
    transform: none;
    display: none;
}
#newsinfo .wrap1 .mid .mid-side{
    position: absolute;
    width: 72px;
    top: 122px;
    right: 26px;
    background-color: #f5f5f5;
    padding: 33px 0 43px;
    z-index: 9;
}
#newsinfo .wrap1 .mid .mid-side.fix{
    position: fixed;
}
#newsinfo .wrap1 .mid-side .bdshare-button-style2-32{
    line-height: 1;
    margin-top: 12px;
}
#newsinfo .wrap1 .mid-side .bdshare-button-style2-32 a{
    margin: 0 auto;
    display: inline-block;
    float: none;
    background: no-repeat center/28px;
    vertical-align: top;
}
#newsinfo .wrap1 .mid-side .bdshare-button-style2-32 .sina{
    background-image: url('../img/share-sina.png');
}
#newsinfo .wrap1 .mid-side .bdshare-button-style2-32 .wx{
    background-image: url('../img/share-wx.png');
}
#newsinfo .wrap1 .mid-side .bdshare-button-style2-32 .qzone{
    background-image: url('../img/share-qzone.png');
}
#newsinfo .wrap1 .mid-side .bdshare-button-style2-32 .more{
    background-image: url('../img/share-more.png');
}
.party .currency-list .imgs{
    padding-top: 0;
}
.honor-dialog{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 999;
    display: none;
}
.honor-dialog .closevid{
    width: 40px;
    height: 40px;
    background: url(../img/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.honor-dialog .honor{
    width: 1200px;
    max-width: calc(100% - 100px);
    height: 400px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
}
.honor-dialog .honor .honor-imgs{
    width: 43.33333333%;
    float: left;
    height: 100%;
}
.honor-dialog .honor .imgs{
    position: relative;
    background-color: #000;
    height: 100%;
}
.honor-dialog .honor .imgs img{
    position: absolute;
    width: 100%;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
}
.honor-dialog .honor .imgs .text{
    font-size: 18px;
    color: #fff;
    padding: 0 5.77%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: .9em;
    line-height: 1.5;
    width: 100%;
}
.honor-dialog .honor .swiper-button-prev,
.honor-dialog .honor .swiper-button-next{
    width: 12px;
    height: 18px;
    background: no-repeat center/100% auto;
    margin-top: -9px;
    transition: all .4s ease;
}
.honor-dialog .honor .swiper-button-prev{
    background-image: url('../img/slide-prev.png');
    left: 15px;
}
.honor-dialog .honor .swiper-button-next{
    background-image: url('../img/slide-next.png');
    right: 15px;
}
.honor-dialog .honor .right-box{
    width: 56.6667%;
    float: right;
    padding: 40px 5.5% 30px;
    height: 100%;
}
.honor-dialog .honor .right-box .tit{
    font-size: 20px;
    color: #313131;
    padding-left: 0;
    /* background: url('../img/honor-tit-ico.png') no-repeat left center/53px auto; */
    border-bottom: 1px solid #e2e2e2;
    line-height: 52px;
}
.honor-dialog .honor .right-box .item{
    font-size: 14px;
    color: #333333;
    line-height: 60px;
    padding-left: 30px;
    background: url('../img/honor-item-ico.png') no-repeat left center/18px auto;
    border-bottom: 1px solid #e2e2e2;
    transition: all .4s ease;
    cursor: pointer;
}
.honor-dialog .honor .right-box .item.cur{
    color: #eb110c;
    background-image: url('../img/honor-item-ico-h.png');
}
.honor-dialog .honor .right-box .swiper-pagination{
    position: relative;
    bottom: 0;
    margin-top: 24px;
    transition: none;
}
.honor-dialog .honor .right-box .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333333;
    opacity: .5;
    margin: 0 5px;
}
.honor-dialog .honor .right-box .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.playbtn{
    background: url('../img/play4.png') no-repeat center/100% auto;
    width: 70px;
    height: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* border-radius: 5px; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    z-index: 20;
    cursor: pointer;
    opacity: .6;
    transition: all .4s ease;
}
.playbtn:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ff0000;
    display: none;
}
.playbtn:before{
    content: '';
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #ff0000;
    position: absolute;
    display: none;
}
.playbtn .line{
    top: 0;
    right: 0;
    width: 4px;
    height: 0%;
    background-color: #ff0000;
    position: absolute;
    transition: all .2s ease .2s;
    display: none;
}
.playbtn .line + .line{
    top: auto;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 4px;
    background-color: #ff0000;
    transition: all .2s ease;
}

#carmodel .wrap7 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #f90d0d;
}
#carmodel .wrap7 .mCSB_container_wrapper{
    margin-right: 0px;
}
#carmodel .wrap7 .mCSB_container_wrapper>.mCSB_container{
    padding-right: 0;
}
.cooperation h3.tit{
    position: relative;
}
.cooperation h3.tit:after{
    content: '';
    position: absolute;
    width: 1.25em;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #060507;
    margin: 0 auto;
}
#carmodel header nav .item:first-child .item-tit,
#summary header nav .item:nth-child(2) .item-tit,
#daguo header nav .item:nth-child(2) .item-tit,
#news header nav .item:nth-child(2) .item-tit,
#match header nav .item:nth-child(2) .item-tit,
#matchinfo header nav .item:nth-child(2) .item-tit,
.party_single_info header nav .item:nth-child(2) .item-tit,
.partyinfo header nav .item:nth-child(2) .item-tit,
.newsinfo header nav .item:nth-child(2) .item-tit,
.match_newsinfo header nav .item:nth-child(2) .item-tit,
#channel header nav .item:nth-child(3) .item-tit,
#activity header nav .item:nth-child(3) .item-tit,
#activity.party header nav .item:nth-child(2) .item-tit,
.sactivityinfo header nav .item:nth-child(3) .item-tit,
#aftersale header nav .item:nth-child(3) .item-tit,
#dealer header nav .item:nth-child(3) .item-tit,
#parts header nav .item:nth-child(3) .item-tit,
#epquery header nav .item:nth-child(3) .item-tit,
#riders header nav .item:nth-child(5) .item-tit,
.ridersinfo header nav .item:nth-child(5) .item-tit{
    color: #eb110c;
}
#activity.party header nav .item:nth-child(3) .item-tit{
    color: #404040;
}
.bd_weixin_popup *,
.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* 文件上传 */
.file-dia.dialog-fix{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: none;
    z-index: 999;
}
.file-dia.dialog-fix .dialog{
    position: absolute;
    width: 550px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0, -50%);
    background: #fff;
    padding: 41px 32px 62px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.file-dia.dialog-fix .dialog .close{
    position: absolute;
    width: 63px;
    height: 66px;
    background: url('../img/close.jpg') no-repeat center/100% auto;
    left: 100%;
    top: 0;
    margin-left: 2px;
    cursor: pointer;
}
.file-dia.dialog-fix .dialog .inp{
    position: relative;
    margin-top: 15px;
}
.file-dia.dialog-fix .dialog .inp.slide{
    font-size: 16px;
    line-height: 44px;
    height: 44px;
    margin-bottom: 40px;
}
.file-dia.dialog-fix .dialog .inp .text{
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 140px;
    height: 44px;
    line-height: 44px;
    background: #f7f7f7;
    font-size: 16px;
    color: #000;
}
.file-dia.dialog-fix .dialog .inp .file{
    width: 132px;
    height: 100%;
    line-height: 44px;
    top: 0;
    right: 0;
    background: #000000;
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 16px;
    cursor: pointer;
}
.file-dia.dialog-fix .dialog .dialog-tit{
    font-size: 26px;
    padding-left: 30px;
    background: url('../img/file.png') no-repeat left center/20px auto;
}
.file-dia.dialog-fix .dialog .format{
    font-size: 14px;
    color: #888888;
    margin: 13px 0;
}
.file-dia.dialog-fix .dialog input[type="submit"]{
    width: 133px;
    height: 37px;
    line-height: 37px;
    border-radius: 37px;
    box-sizing: border-box;
    padding: 0 0 0 32px;
    text-align: left;
    background: #eb110c url('../img/more-h.png') no-repeat 96px center/8px auto; 
    color: #ffffff;
    font-size: 14px;
}
.scanbg{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1000;
}
.scanbg .bd_weixin_popup{
    width: 240px;
    height: 255px;
    padding: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
}
.scanbg .bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_main{
    padding: 15px 10px;
    min-height: 150px;
}
.bd_weixin_popup .bd_weixin_popup_main img{
    width: 100%;
}