.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

html {
    overflow-x: hidden;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    max-width: 100%;
}

.carMarine {
    font-size: 16px;
    padding-top: 70px;
    width: 1240px;
    margin: 0 auto;
}

.carMarine li {
    font-size: 16px;
}

@media (max-width: 47.9375em) {
    .carMarine {
        padding-top: 47px;
    }
}

/*----------------------------------------------------------------------------------------------回到顶部*/

/*#top{*/

/*position: fixed;*/

/*bottom: 50px;*/

/*right: 100px;*/

/*width: 2.5em;*/

/*height: 2em;*/

/*border-radius: .125em;*/

/*background-color: rgba(33,37,48,0.4);*/

/*cursor: pointer;*/

/*}*/

/*---------------------------------------------------------------------------------------------------公共样式*/
.acousticsinterview,.marineVideo{
	width:100% !important;
}
.container {
    width: 93.06122%;
    max-width: 1400px;
    margin: 0 auto
}

.btm-container {
    width: 93.06122%;
    max-width: 1186px;
    margin: 0 auto
}

.title {
    max-width: 1190px;
    margin: 0 auto
}

.title h2 {
    margin-bottom: 24px;
    font-size: 2.375em;
    font-weight: 400;
    color: #2f353d;
    line-height: 1.15789
}

@media (max-width: 61.1875em) {
    .title h2 {
        font-size: 2em;
        line-height: 1.15625;
        margin-bottom: 22px;
        letter-spacing: -.04em
    }
}

@media (max-width: 48em) {
    .title h2 {
        font-size: 1.75em;
        line-height: 1.17857;
        padding-bottom: 20px
    }
}

/*-------------------------------------------------------------------------------------第一、二块*/

.img-first {
    position: relative
}

.img-first.second {
    margin-top: 70px;
}

.img-first .img-wrap img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.img-first.second .title-wrap {
    width: 30.98039%;
    background-color: #fcfefe
}

.img-first.second .title-wrap h2 {
    color: #2f353d
}

.big-img {
    margin: 0 auto
}

.bigimg.section .img-first.first .img-wrap,
.bigimg.section .img-first.second .img-wrap,
.bigimg.section .img-first.thired .img-wrap {
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.bigimg.section .img-first.thired .img-wrap {
    height: 540px;
    max-width: 1400px;
    margin: 35px auto 0 auto;
}

.bigimg.section .img-first.fourth .img-wrap {
    height: 300px;
    background-position: center;
}

.big-img .img-wrap img {
    max-width: 100%
}

.img-first-title {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

.ft-t {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: .75em;
    line-height: 1.5;
    color: #bcbccc;
}

.img-first-title .pos-wrap {
    width: 92.76316%;
    max-width: 1190px;
    margin: 0 auto
}

.img-first-title .title-wrap {
    box-sizing: border-box;
    width: 39.59811%;
    height: 100%;
    padding: 56px 52px 50px;
    background: rgba(33, 37, 48, .95);
    color: #fff
}

@media (max-width: 61.1875em) and (min-width: 48em) {
    .img-first-title .title-wrap {
        padding: 46px 42px 40px 42px;
    }
}

@media (max-width: 48em) {
    .img-first-title {
        position: static;
        top: 100%;
        transform: translateY(0%);
    }
    .img-first.thired .img-first-title {
        position: absolute;
    }
    .img-first-title .pos-wrap,
    .img-first.second .title-wrap {
        width: 100%;
    }
    .img-first-title .title-wrap {
        width: 100%;
        padding: 22px 18px 26px 18px;
    }
    .img-first-title.acoustics .title-wrap {
        background-color: #fff;
    }
}

@media (max-width: 61.1825em) {
    .img-first-title.acoustics {
        position: static;
        top: 100%;
        transform: translateY(0%);
    }
    .img-first-title.acoustics .pos-wrap,
    .img-first.second .title-wrap {
        width: 100%;
    }
    .img-first-title.acoustics .title-wrap.video-page {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 4%;
        padding: 38px 0 25px 0;
        background-color: #fff;
        border-left: 42px solid #ada8a8;
        border-right: 42px solid #ada8a8;
    }
    .img-first-title.acoustics .title-wrap {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 4%;
        padding: 38px 0 25px 0;
        background-color: #fff;
        border-left: 42px solid transparent;
        border-right: 42px solid transparent;
    }
}

/*------------------------------------------------------------------------------------acustics视频样式*/

.video-tab {
    position: relative;
    width: 92.5%;
    max-width: 1400px;
    height: 440px;
    margin: 0 auto;
}

.video-warp {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 91.89189%;
    max-width: 1190px;
    margin: 0 auto;
}

.video-box {
    float: left;
    width: 56.86275%;
    margin-top: 2%;
}

.video-inner {
    width: 67%;
    margin: 0 auto;
    text-align: center;
}

.video-inner video {
    width: 100%;
}

/*-------------------------------------------------------------------------------------video控件开始*/

.video_ls {
    cursor: pointer;
}

.video_ls {
    position: relative;
}

.video_ls .ctrl-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#pass {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    background-color: rgba(47, 53, 61, 0.6);
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
}

#pass.active {
    opacity: 0;
}

#pass .pass-box {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 6px auto 6px auto;
    background-color: #f25529;
    border-radius: 50%;
    transition: all .5s;
}

#pass .pass-box:hover {
    background-color: #d94c25;
    transform: scale(1.05);
}

#pass .pass-box:after {
    position: absolute;
    top: 20px;
    left: 23px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 21px solid white;
    border-bottom: 10px solid transparent;
}

.controls {
    position: relative;
    height: 40px;
    background-color: rgba(153, 153, 153, .8);
    display: none;
}

.video_ls:hover .controls {
    display: block;
}

#play {
    position: absolute;
    left: 24px;
    top: 10px;
    background: url("images/play.png") no-repeat center;
}

#play.active {
    background: url("images/pause.png") no-repeat center;
    background-size: 20px;
}

#progress {
    position: absolute;
    top: 17px;
    left: 60px;
    width: 60%;
    height: 6px;
    background-color: #FFF;
    cursor: pointer;
}

#progress .p-l {
    /*position: relative;*/
}

#progress .p-l .or {
    position: relative;
    width: 0;
    height: 6px;
    background-color: #ed4e23;
}

#progress .p-l .or span {
    position: absolute;
    top: -3px;
    right: -2px;
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #ed4e23;
    border-radius: 50%;
}

#fullsrceen {
    position: absolute;
    top: 9px;
    right: 20px;
    background: url("images/fullscreen.png") no-repeat center;
}

#volumn {
    top: 9px;
    right: 60px;
    background: url("images/volumn.png") no-repeat center;
}

/*------------------------------------------------video音量控制*/

.volumeBox {
    position: absolute;
    top: -68px;
    right: 20px;
    width: 80px;
    border: 10px solid rgba(153, 153, 153, .8);
    cursor: pointer;
    transform: rotate(-90deg);
}

.volume {
    position: relative;
    height: 4px;
    background: #fff;
    cursor: pointer;
}

.vol-orange {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #FF6A03;
    width: 80px;
}

.vol-circle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: -2px;
    left: 71px;
    width: 9px;
    height: 9px;
}

#volumn.active {
    background: url("images/volumn_no.png") no-repeat center;
    background-size: 19px;
}

#play,
#fullsrceen,
#volumn {
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    cursor: pointer;
}

@media (max-width: 61.1825em) {
    #progress {
        width: 50%;
    }
}

@media (max-width: 48em) {
    #progress {
        width: 71%;
    }
}

/*-----------------------------------------------------------------------------------------video控件结束*/

.video-tips {
    box-sizing: border-box;
    float: left;
    width: 42.60784%;
    padding: 94px 28px;
    margin-left: 0.52941%;
}

.video-tips h2 {
    font-size: 1.875em;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
    color: #2f353d;
}

.video-tips p {
    font-size: .8125em;
    line-height: 1.53846;
    color: #83838f;
}

@media (max-width: 47.9375em) {
    .video-box {
        float: none;
        width: 100%;
    }
    .video-inner {
        width: 100%;
    }
    .video-tips {
        float: none;
        width: 100%;
        padding: 32px 18px 26px 18px;
        margin-left: 0;
    }
    .video-tab {
        width: 100%;
    }
}

@media (max-width: 61.1875em) {
    .video-tips {
        padding: 57px 4px 120px 4px
    }
    .video-tips h2 {
        font-size: 1.5em;
        line-height: 1.25;
        margin-bottom: 18px;
    }
    .video-tips p {
        font-size: .75em;
        line-height: 1.5;
        color: #83838f;
    }
    .video-inner video {}
}

/*------------------------------------------------------------------------------------------------------第三块*/

.img-first-title .title-wrap h2 {
    font-size: 1.875em;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: -.04em;
    color: #fff;
}

@media (max-width: 61.1875em) {
    .img-first-title .title-wrap h2 {
        font-size: 1.5em;
        line-height: 1.25;
        margin-bottom: 18px;
    }
    .img-first-title.acoustics .title-wrap h2 {
        font-size: 2.5em;
        line-height: 1.15;
        color: #2f353d;
    }
    .img-first-title .title-wrap h3 {
        font-size: .875em;
        line-height: 1.5;
        margin-bottom: 5px;
        color: #fff;
    }
    .img-first-title.acoustics .title-wrap p {
        color: #83838f;
    }
    .ft-t {
        position: static;
        padding: 5px 1em;
        color: #83838f;
    }
}

@media (max-width: 47.9375em) {
    .img-first-title.acoustics .title-wrap.video-page {
        padding: 65px 0 25px 0
    }
    .img-first-title.acoustics .title-wrap.video-page p {
        display: none;
    }
    .img-first-title.acoustics .title-wrap.video-page h2 {
        font-size: 1.77em;
    }
}

.img-first-title .title-wrap h3 {
    font-size: .9375em;
    line-height: 1.46667;
    margin-bottom: 6px;
    color: #fff;
}

.img-first-title .title-wrap p {
    margin-bottom: 10px;
    font-size: .8125em;
    line-height: 1.53846;
    color: #bcbccc
}

.img-first.thired .img-first-title {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 65.48463%;
    margin: 0 0 0 17.25768%;
    text-align: center;
    color: #fff;
    font-size: 1em;
}

.img-first.thired .img-first-title h2 {
    color: #2f353d;
    font-weight: 400;
    font-size: 2.375em;
    line-height: 1.15789;
    margin-bottom: 20px;
    margin-top: 50px;
    letter-spacing: -.04em
}

.img-first.thired .img-first-title p {
    color: #83838f;
    font-size: 1em;
}

.img-first.audio .img-first-title h2 {
    font-size: 2.375em;
    line-height: 1.15789;
    letter-spacing: -0.04em;
}

.img-first.audio .img-first-title p {
    font-size: .9375em;
    line-height: 1.46667;
}

.img-first.thired {
    padding-top: 82px;
    background-color: #F1F5F9;
}

@media (min-width: 75em) {
    .bigimg.section .img-first.first .img-wrap,
    .bigimg.section .img-first.second .img-wrap,
    .bigimg.section .img-first.thired .img-wrap {
        height: 100%;
    }
}

@media (max-width: 61.1875em) {
    .img-first.thired .img-first-title p {
        font-size: .8125em;
        line-height: 1.53846;
    }
    .img-first.thired .img-first-title h2 {
        font-size: 2em;
        line-height: 1.15625;
        margin-bottom: 22px;
        letter-spacing: -0.04em;
    }
    .img-first.thired {
        padding-top: 100px;
    }
    .bigimg.section .img-first.first .img-wrap,
    .bigimg.section .img-first.second .img-wrap,
    .bigimg.section .img-first.thired .img-wrap {
        height: 420px;
    }
}

@media (max-width: 47.9375em) {
    .img-first.audio .img-first-title p {
        display: none;
    }
    .img-first-title.acoustics .title-wrap {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #ada8a8;
    }
    .img-first.audio .img-first-title h2 {
        font-size: 1.77em;
    }
    .bigimg.section .img-first.first .img-wrap,
    .bigimg.section .img-first.second .img-wrap,
    .bigimg.section .img-first.thired .img-wrap {
        height: 320px;
    }
}

/*-------------------------------------------------------------------------------------------------------第四块*/

.img-first.fourth img {
    height: 300px
}

.img-first.fourth .img-first-title .pos-wrap {
    width: 91.89189%;
    margin: 0 auto
}

.img-first.fourth .img-first-title .title-wrap {
    width: 64%;
    padding: 54px 64px 52px 58px;
    background: none
}

.img-first.fourth .img-first-title .title-wrap h1 {
    margin-bottom: 20px;
    font-size: 2.375em;
    line-height: 1.15789;
    color: #fff;
}

.img-first.fourth .img-first-title .title-wrap p {
    margin-bottom: 12px;
    font-size: .9375em;
    line-height: 1.46667;
    color: #fff
}

.img-first.fourth .img-first-title .title-wrap a,
.link a {
    display: inline-block;
    padding: 10px 24px;
    margin-top: 8px;
    color: #fff;
    transition: background-color .25s linear, border-color .25s linear, opacity .25s linear, color .25s linear, fill .25s linear;
    background: #5887f5;
    font-size: .8125em;
    line-height: inherit;
    text-align: center;
    cursor: pointer;
    border-radius: 1px
}

@media (max-width: 61.1875em) {
    .img-first.fourth .img-first-title {
        position: static;
        transform: translateY(0);
    }
    .img-first.fourth .img-first-title .title-wrap {
        width: 100%;
        padding: 22px 120px 32px 32px;
    }
    .img-first.fourth .img-first-title .title-wrap h1 {
        font-size: 1.75em;
        color: #2f353d;
        font-weight: normal;
    }
    .img-first.fourth .img-first-title .title-wrap p {
        font-size: .8125em;
        line-height: 1.53846;
        color: #83838f;
    }
    .btm-container {
        width: 100%;
    }
    .img-first.fourth .img-first-title .pos-wrap {
        width: 100%;
    }
}

.img-first.fourth .img-first-title .title-wrap a:hover,
.link a:hover {
    background: #4572ed;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------轮播*/

.flexslider {
    position: relative;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.flash {
    margin-top: 70px;
}

.fix-top {
    position: relative;
}

.flex-direction-nav a {
    background: url("image/arr.png") no-repeat center;
}

#top {
	position: fixed;
    right: 20px;
    bottom: 100px;
    width: 2.5em;
    height: 2em;
    border-radius: .125em;
    cursor: pointer;
    transition: all .5s;
    background: rgba(33, 37, 48, 0.4) url("image/arrow.png") no-repeat center;
    background-size: 16px;
    transform: rotate(-90deg);
}

#top:hover {
    background-color: rgba(33, 37, 48, 0.9);
}

#top.active {
    position: fixed;
    right: 20px;
    bottom: 100px;
}

.flex-control-paging li a {
    width: 8px;
    height: 8px;
}

.slides>li {
    position: relative;
    float: left;
    max-width: 1290px;
    margin-right: 25px;
}

/*.slides > li:first-child{*/

/*margin-left: 150px;*/

/*}*/

.slides li a {
    display: block;
}

.slides li a img {
    transition: opacity .1s;
}

.slides li a img:hover {
    opacity: .9;
}

.slides-tips {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 500px;*/
    /* height: 80px; */
    padding: 0 12%;
    background-color: rgba(33, 37, 48, 0.95);
    color: #bcbccc;
    font-size: 1.625em;
    line-height: 80px;
    letter-spacing: -0.04em;
}

/*.flash li a {*/

/*display: block;*/

/*width: 100%*/

/*}*/

/*.flash li a img {*/

/*max-width: 100%*/

/*}*/

/*------------------------------------------------------------------------------------------------最下面*/

.f-tps p {
    width: 50%;
    margin: 0 auto 12px auto;
    font-size: .9375em;
    line-height: 1.46667;
    color: #83838f;
    text-align: center;
}

/*------------------------------------------------------------------------------------------------------切换*/

.show-tips {
    background-color: #F1F5F9;
}

.show-tips ul li {
    width: 80%;
    margin: 0 auto;
}

.show-tips a {
    display: block;
    /*padding-right: 10px;*/
    padding: 0 10% 0 10%;
    color: #293d54;
    line-height: 55px;
    text-align: right;
    font-size: .8125em;
}

.show-tips a .pos {
    position: relative;
    padding-right: 10px;
}

.show-tips .tri {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -2px;
    border: 4px solid transparent;
    border-bottom-color: #83838f;
    transform: translateY(-50%);
}

.show-tips .tri.active {
    margin-top: 2px;
    border-bottom-color: transparent;
    border-top-color: #83838f;
}

.show-tips a:hover .tri {
    border-bottom-color: #000;
}

.show-tips ul {
    border-top: 1px solid #e4e7eb;
    color: #bcbccc;
}

.show-tips ul.active {
    border-bottom: none;
}

.show-tips li {
    padding: 34px 0 50px;
}

.show-tips li .num {
    font-weight: bold;
    color: #2f353d;
    font-size: .8125em;
    line-height: 1.53846;
}

.show-tips li .num-t {
    margin-left: 37px;
    color: #83838f;
    font-size: .8125em;
    line-height: 1.53846;
}

/*----------------------------------------------------------------------------------------------汽车页面*/

.car-tit {
    background-color: #212530;
    padding: 70px 75px;
    color: #fff;
    text-align: center;
}

.car-tit .wrap {
    width: 65.4902%;
    margin: 0 auto;
}

.car-tit h2 {
    font-size: 2.375em;
    line-height: 1.15789;
    margin-bottom: 24px;
    letter-spacing: -0.04em;
    font-weight: normal;
    color: #fff;
}

.car-tit h3 {
    font-size: 1.125em;
    line-height: 1.44444;
    margin-bottom: 8px;
    font-weight: normal;
    color: #fff;
}

@media (max-width: 47.9375em) {
    .car-tit {
        padding: 42px 0 28px;
    }
    .car-tit .wrap {
        width: 93.75%;
        max-width: 1190px;
        background-color: #f1f5f9;
    }
    .car-tit h2 {
        color: #2f353d;
        font-size: 1.75em;
        line-height: 1.17857;
        margin-bottom: 20px;
        letter-spacing: -0.04em;
        font-weight: normal;
    }
    .car-tit h3 {
        color: #2f353d;
        font-size: 1em;
        line-height: 1.375;
        margin-bottom: 8px;
    }
}

/*----------------------------------------------------------------------------------------------------汽车详情*/

.car-container {
    margin-top: 28px;
}

.car-container .wrap {
    width: 92.5%;
    margin: 0 auto;
}

.car-container .wrap .wrap-h {
    height: 124px;
}

.car-container .wrap ul {
    width: 91.89189%;
    margin: 0 auto;
    text-align: center;
}

.car-container .wrap li {
    display: inline-block;
    width: 29.98039%;
    margin-right: 3.52941%;
    margin-bottom: 28px;
}

.car-container .wrap li:nth-child(3n) {
    margin-right: 0;
}

.car-container .wrap li .img {
    margin-bottom: 30px;
}

.car-container .wrap img {
    width: 100%;
}

.car-container .wrap h2 {
    font-size: .9375em;
    line-height: 1.46667;
    margin-bottom: 6px;
    color: #2f353d;
    text-align: left;
}

.car-container .wrap p {
    margin-bottom: 12px;
    font-size: .8125em;
    line-height: 1.53846;
    color: #83838f;
    text-align: left;
}

.car-container .wrap .link {
    text-align: left;
}

@media (min-width: 70em) {
    .car-container .wrap {
        width: 92.5%;
        max-width: 1400px;
    }
}

@media (max-width: 47.9375em) {
    .car-container .wrap .wrap-h {
        height: auto;
    }
    .car-container .wrap li {
        width: 100%;
        margin-right: 0;
    }
}

/*-------------------------------------------------------------------------------------------video页面*/

.img-first.video .img-wrap {
    height: 520px;
    overflow: hidden;
}

.img-first .video-box {
    position: absolute;
    top: -33px;
    left: 0;
    width: 100%;
    height: 541px;
    z-index: 98;
    overflow: hidden;
}

@media (min-width: 1400px) {
    .img-first .video-box video {
        transform: translateY(-300px);
    }
}

/*图片点击切换*/

.img974 {
    position: relative;
    overflow: hidden;
    width: 92%;
    /*height: 749px;*/
    margin: 0 auto;
}

#i1,
#i2 {
    position: absolute;
    top: 0;
    left: 0;
}

.img974-box {
    width: 92.5%;
    ;
    margin: 70px auto 0 auto;
}

.img974-box h2 {
    color: #2f353d;
    font-size: 2.375em;
    line-height: 1.15789;
    margin-bottom: 24px;
    font-weight: normal;
    letter-spacing: -0.04em;
    text-align: center;
}

.img974-box .img974 {
    margin-top: 52px;
}

.img974-box img {
    width: 100%;
    background-size: cover;
}

.ctrl-img974 {
    position: relative;
    height: 132px;
    line-height: 132px;
    color: #83838F;
}

.ctrl-img974 .cir-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ctrl-img974 span.left {
    float: left;
    width: 43%;
    display: inline-block;
    text-align: right;
}

.ctrl-img974 span.right {
    float: right;
    width: 43%;
    display: inline-block;
    text-align: left;
    display: none;
}

.ctrl-img974 .ctrl-box {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100px;
    height: 44px;
    margin: 0 30px;
    border: 8px solid #cecdcf;
    border-radius: 22px;
    background-color: #83838F;
    vertical-align: middle;
    cursor: pointer;
}

#cir .cir {
    transition: all 0.4s ease;
}

#cir .cir.active {
    left: 57px;
    transform: rotate(180deg);
}

#cir .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: 28px;
    border-radius: 22px;
    background-color: #f25529;
    transition: width .4s ease;
}

#cir .bg.active {
    width: 87px;
    border-radius: 22px;
}

.ctrl-img974 .ctrl-box .cir .tri-b {
    position: relative;
}

/*.ctrl-img974 .ctrl-box .cir .tri-b:before{*/

/*position: absolute;*/

/*top:0;*/

/*left: 0;*/

/*content: '';*/

/*width: 32px;*/

/*height: 32px;*/

/*background-color: #f25529;*/

/*z-index: 2;*/

/*}*/

.ctrl-img974 .ctrl-box .cir {
    box-sizing: content-box;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(183, 181, 185, .8);
    background-color: #f25529;
    z-index: 33;
}

.ctrl-img974 .ctrl-box .cir .tri-b:after {
    position: absolute;
    top: -2px;
    left: -2px;
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url("image/arrow.png") no-repeat center;
    background-size: 16px;
}

.big-img.video .img-wrap img {
    display: none;
}

@media (max-width: 61.1875em) {
    .big-img.video .img-wrap img {
        display: block;
    }
    .img-first.video .img-wrap {
        height: auto;
    }
    .img-first .video-box {
        display: none;
    }
}

@media (max-width: 48em) {
    .img-first .video-box {
        display: block;
    }
    .img-first .video-box video {
        width: 768px;
    }
    .img-first.video .img-wrap {
        height: 418px;
    }
    .ctrl-img974 span.left,
    .ctrl-img974 span.right {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }
}

.img-first.video .img-wrap {
    background-position: center 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.img-first.video .img-wrap img {
    display: none;
}

@media (max-width: 61.1875em) {
    .img-first.video .img-wrap {
        display: block;
        height: 380px;
        background-position: center;
    }
    .img-first.video .img-wrap img {
        display: block;
    }
}

/*-------------------------------------------------------------------------------------------分析图*/

.ani {}

.imge4e {
    margin-bottom: 30px;
    text-align: center;
}

.imge4e img {
    display: inline-block;
    width: 471px;
    margin-right: 30px;
}

.ani-p {
    max-width: 1190px;
    margin: 0 auto;
}

.ani-p p {
    width: 82.7451%;
    padding: 70px 0 75px;
    margin: 0 auto 12px auto;
    color: #83838f;
    font-size: .9375em;
    line-height: 1.46667;
    text-align: center;
}

@media (max-width: 61.1875em) {
    .ani-p p {
        font-size: .8125em;
        line-height: 1.53846;
    }
    .imge4e img {
        width: 39.69231%;
    }
}

@media (max-width: 47.9375em) {
    .imge4e img {
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------------标题和文字解析*/

.text .wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1C1C1C;
    padding: 70px 0 75px;
}

.text .wrap h2 {
    font-size: 2.375em;
    letter-spacing: -0.04em;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    font-size: 2.375em;
    line-height: 1.15789;
    margin-bottom: 24px;
    letter-spacing: -0.04em;
}

.text .container {
    text-align: center;
    width: 40%;
    margin-left: 30%;
}

.text .wrap h3 {
    color: #fff;
    font-size: .9375em;
    line-height: 1.46667;
    margin-bottom: 12px;
}

div.text {
    margin: 0
}
/*whatisoemaudio  */
.whatisoemaudio{
    padding-top: 0px;
    margin: 0 auto;
}
.whatisoemaudio .img-first-title{
	top:51%;
}

.whatisoemaudio .img-first-title .title-wrap{
	padding:60px 50px 0px 50px;
	width:30.9%;
	height:360px;
}

.whatisoemaudio .img-first-title .pos-wrap{
	max-width:1223px;
}

.whatisoemaudio .text .wrap{
	background-color:#fff;
	padding-bottom:30px;
}

.whatisoemaudio .text .wrap h3{
	color:#8a84a0;
}

.whatisoemaudio .text .container{
	margin:0 auto;
	width:57%;
}
.whatisoemaudio h3,.sbbWebPageFinalDraft h3{
	margin-bottom: 20px;
}
.whatisoemaudio #top,.sbbWebPageFinalDraft #top{
    position: fixed;
    right: 20px;
    bottom: 100px;
}

/*left-right-image-text */
.pure-gallery-text .x-gallery-text h3,.image-gallery h3,.left-right-image-text h3,.article-text h3,.image-custom-tab h3{
	font-family: "GillSans", Verdana, sans-serif;
	margin-bottom: 20px;
    font-size: 24px;
    line-height: 26px;
    color: #2F2F2F;
    font-weight: 600;
}
.pure-gallery-text .x-gallery-text h4,.image-gallery h4,.left-right-image-text h4,.article-text h4,.image-custom-tab h4{
	font-family: "GillSans", Verdana, sans-serif;
	font-size: 18px;
    margin-bottom: 10px;
    color: #000000;
    line-height: 20px;
}
.pure-gallery-text .x-gallery-text p,.video-tab p,.image-gallery p,.left-right-image-text p,.article-text p,.image-custom-tab p{
	font-family: "??????", Arial, Helvetica, sans-serif;
	color: #2f353d;
    font-weight: 100;
    font-size: .9375em;
    line-height: 1.46667;
    line-height: 20px;
}
.left-right-image-text {
	min-height:47px;
}
.left-right-image-text .img-left{
	width: 90%;
    margin: 0 auto;
    display: table;
}
.left-right-image-text .img-left .common-image{
    padding: 20px;
}
.left-right-image-text .img-left .common-image img{
    width: 100%;
    height: auto;
    display: block;
}
.left-right-image-text .img-left .common-text{
    margin: auto;
    width: 42%;
    padding: 0px 70px;
    display: table-cell;
    vertical-align: middle;
}
/*article-text-item */
.article-text-item{
	min-height:46px;
	text-align: center;
	ont-family: inherit;
	width: 57%;
    margin: 20px auto;/*xgq改*/
}
.article-text-item .art-title{
	font-size: 23px;
    font-weight: 700;
    margin: 20px 0;
}
.article-text-item .art-subtitle{
	line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0;
}
.article-text-item .art-text{
	font-size: 14px;
    line-height: 25px;
    margin: 5px 0;
}
/*only-video-tab  */
.only-video-tab{
	min-height:47px;
}
.whatisoemaudio .only-video-tab{
	width: 900px;
    margin: 0 auto;
}
/*image-custom  */
.image-custom{
	min-height:47px;
    margin: 0 auto;
}
.image-custom img{
	width:100%
}
.image-custom-tab{
	position: relative;
}
.image-custom-info{
	width: 26%;
}
.image-custom-info .text_left{
	text-align: left;
}
.image-custom-info .text_right{
	text-align: right;
}
.image-custom-info .text_center{
	text-align: center;
}
.image-custom-tab .info_left{
	position: absolute;
	-webkit-transform:translateY(-50%);
	-webkit-transform:  translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform:translateY(-50%);
	/*xgq修改：调整信息框高度位置*/ 
    top: 47%;
    left: 7.5%;
    /*xgq结束*/  
}
.image-custom-tab .info_right{
	position: absolute;
	top: 48%;
	right:7.5%;
	-webkit-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform:  translateY(-50%);
	-ms-transform:  translateY(-50%);
	transform:translateY(-50%);
}
.image-custom-tab .info_center{
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.image-custom-info h3,.image-custom-info h4,.image-custom-info p{
	color: #fff;
}
.image-custom-tab .image-custom-info .info-text{
	background: rgba(33, 37, 48, .95);
    padding: 40px 40px;
}
/*sbbWebPageFinalDraft */
.sbbWebPageFinalDraft{
	width: 100%;
    margin: 0 auto;
    padding: 0;
}
.sbbWebPageFinalDraft .master_title .article-text-item{
    width: 90%;
    margin: 20px auto;
    padding-left: 20%;
    text-align: left;
    min-height: 20px;
}
.sbbWebPageFinalDraft .master_img{
	width: 90%;
    margin: 0 auto;
}
.sbbWebPageFinalDraft .master_img img{
	width: 100%;
}
.sbbWebPageFinalDraft .master-container{
	width: 1240px;
    padding-top: 0px;
    margin: 0 auto;
}
.sbbWebPageFinalDraft .master-container .video-inner{
	width:100%;
}
/*pure-gallery  */
.pure-gallery{
	position: relative;
	min-height:100px;
    margin: 50px 0px 100px;
}
.pure-gallery img{
	width:100%;
}
.pure-gallery .flex-viewport{
	overflow: hidden !important;
}
.pure-gallery .flex-viewport .slides>li{
    margin-right: 0px;
}
.pure-gallery .flex-prev{
	left: 60px;
	opacity: 1;
}
.pure-gallery .flex-next{
	left: unset;
	right:60px;
	opacity: 1;
}
/* pure-gallery-text  */
.pure-gallery-text{
    min-height: 100px;
    margin: 50px 0px 100px;
    padding: 40px 0px 40px 100px;
}
.pure-gallery-text .pure-container{
    width: 450px;
}
.pure-gallery-text .flex-viewport{
    width: 450px;
}
.pure-gallery-text .flex-viewport .slides>li{
    margin-right: 0px;
}
.pure-gallery-text .pure-container{
    position: relative;
}
.pure-gallery-text img{
    width:100%;
}
.pure-gallery-text .flex-viewport{
    overflow: hidden !important;
}
.pure-gallery-text .flex-prev{
    left: -38px;
    opacity: 1;
}
.pure-gallery-text .flex-next{
    left: unset;
    right:-50px;
    opacity: 1;
}
.s203ev .title,.liveacousticsinterview .title {
	text-align:center;
	margin-top:40px;
}

.s203ev .title h2,.liveacousticsinterview .title h2{
	margin-bottom:10px;
}

.s203ev .title p,.liveacousticsinterview .title p{
	margin-bottom:10px;
	font-size:17px;
	color:#2f353d;
}

.image-gallery.section .switch,.image-text.section .switch{
	width:960px;
	margin:40px auto;
    display: table;
}

.image-gallery.section .switch .switch-left,.image-text.section .switch .switch-left{
	float:left;
	width:450px;
}

.image-text.section .switch .switch-left img{
	width:100%;
}

.image-gallery.section .switch .switch-left .img-list li {
	display:none;
	position:relative;
}

.image-gallery.section .switch .switch-left .img-list li .dot{
	position:absolute;
    z-index: 1;
}
.image-gallery.section .switch .switch-left .img-list li .dot .add {
    z-index:2;
}
.image-gallery.section .switch .switch-left .img-list li .dot .arrow {
    display:none;
    position: absolute;
    top: 8px;
    left: 40px;
    z-index: 3;
}
.image-gallery.section .switch .switch-left .img-list li .dot .item_popup{
	display:none;
    width: 430px;
    background: #fff;
    position: absolute;
    left: 49px;
    top: 80px;
    z-index: 101;
}
.image-gallery.section .switch .switch-left .img-list li .dot .item_popup .item_popup_img{
    position: absolute;
    bottom: -4px;
}
.image-gallery.section .switch .switch-left .img-list li .dot .item_popup .item_popup_img img{
    width: 100%;
}
.image-gallery.section .switch .switch-left .img-list li .dot .item_popup .item_popup_text{
    padding: 20px;
    width: 388px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0px;
}
.image-gallery.section .switch .switch-left .img-list li .dot .item_popup_text .dottitle{
	font-size: 18px;
    color: #000;
    font-weight: 600;
}

.image-gallery.section .switch .switch-left .img-list li .dot .item_popup_text .dotsubtitle{
	line-height: 25px;
    margin-top: 10px;
}
.image-gallery.section .switch .switch-left .img-list li>img{
    width:100%;
}
/*xgq开始：*/
.image-gallery.section .switch .switch-left .img-list li a div .imagePopup{
    background: #6b7eae;
    position: absolute;
    width: 215px;
    height: 100px;
    top: -100px;
    left: 52px;
    border: none;
}
/*pure-gallery-text*/
.x-gallery {
    min-height: 100px;
    width: 1100px;
    display: table;
}
.x-gallery-text {
    background: white;
    width: 420px;
    padding: 0px 30px;
    line-height: 256px;
    display: table-cell;
    vertical-align: middle;
}
/*xgq结束。*/
.image-gallery.section .switch .switch-right,.image-text.section .switch .switch-right{
	/*float:left;*/
	width:450px;
	margin-left:60px;
	line-height:256px;
    display:table-cell;
    vertical-align: middle;
}

.image-gallery.section .switch .switch-right .text-con,.image-text.section .switch .switch-right .text-con{
	display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}
.image-gallery.section .switch .switch-right .text-con h3,.image-text.section .switch .switch-right .text-con h3{
	font-size:24px;
}

.image-gallery.section .switch .switch-right .text-con h4,.image-text.section .switch .switch-right .text-con h4{
	font-size:16px;
	font-weight:bold;
	color:#000;
	margin-top:20px;
}

.image-gallery.section .switch .switch-right .text-con p,.image-text.section .switch .switch-right .text-con p{
	margin-top:20px;
	font-size:16px;
}

.image-gallery.section .switch .switch-left .des-list {
	display: block;
    height: 55px;
}

.image-gallery.section .switch .switch-left .des-list li a{
	display: flex;
    height: 50px;
    width: 54px;
    float: left;
    background: #fff;
    /* padding-top: 15px; */
    position: relative;
    padding-left: 35px;
    align-items: center;
	font-size:14px;
    /* justify-content: center;*/
}

.image-gallery.section .switch .switch-left .des-list li a:hover{
    border-top: 4px solid #5764f5;
    margin-top: -4px;
	/*border-top:3px #5764f5;
	background:#f1f5f9 url(../../../content/dam/sonyportal/car-marine/images/cover.png) no-repeat;*/
}

.image-gallery.section .switch .switch-left .des-list li a.active{
    border-top: 4px solid #5764f5;
    margin-top: -4px;
	/*border-top:3px #5764f5;*/
	/*background:#f1f5f9 url(../../../content/dam/sonyportal/car-marine/images/cover.png) no-repeat;*/
}

.image-gallery.section .switch .switch-left .des-list li a span{
	display: block;
    position: absolute;
    background: url(../../../content/dam/sonyportal/car-marine/images/circle.png) no-repeat;
    width: 16.5px;
    height: 21px;
    padding-top: 3px;
    padding-left: 7.5px;
    left: 5px;
    top: 12px;
}

.image-gallery.section .switch .switch-left>a{
	display:none;
}

.liveacousticsinterview .bigimg.section .img-wrap img{
	height:100% !important;
}

.liveacousticsinterview .img-first-title .title-wrap{
	width:30.89811%;
}

.liveacousticsinterview .img-first-title .title-wrap h1{
	font-size:30px;
	color:#fff;
	line-height:30px;
	margin-bottom:20px;
}

.liveacousticsinterview .img-first-title .title-wrap h2{
	font-size:15px;
	color:#fff;
}

.liveacousticsinterview .img-first-title .title-wrap h3{
	font-size:13px;
	color:#bcbccc;
}

.liveacousticsinterview .text.section .wrap{
	background:#fff;
}

.liveacousticsinterview .text.section h3{
	color:#706c7a;
}

.liveacousticsinterview  .text.section .container {
    text-align: center;
    width: 50%;
    margin-left: 25%;
}

.liveacousticsinterview .ft-t {
    right: 70px;
    bottom: 15px;
	z-index:2;
}

.bigimg.section .ft-t-bg{
	height:50px;
	background:rgba(33,37,48,0.95);
	bottom:0px;
	width:100%;
	position:absolute;
	z-index:1;
}

.qa{
	padding-top:70px;
	margin-bottom:20px;
}

.qa .container{
	width: 78%;
    margin: 0 auto;
}

.qa .container h2{
	margin-bottom:8px;
	color:#2f353d;
	font-size:18px;
	line-height:26px;
}


.qa .container p{
	margin-bottom:8px;
	color:#2f353d;
	font-size:15px;
	line-height:22px;
}
/*xgq开始：*/
.s203ev .image-gallery.section .switch, .image-text.section .switch {
    width: 1200px;
}
.s203ev .image-gallery.section .switch .switch-left, .image-text.section .switch .switch-left{
    width: 700px;
}

.s203ev .image-gallery.section .switch .switch-right, .image-text.section .switch .switch-right{
    width: 450px;
}
.s203ev .image-gallery.section .switch .switch-left .des-list li a {
    width: auto;
    padding-right: 7.5px;
}
/*xgq结束。*/
.image-gallery.section .switch .switch-left .img-list li .direction-left .item_popup {
    left: -450px;
}
.image-gallery.section .switch .switch-left .img-list li .direction-left .arrow {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
    left: -20px;
}
.image-close{
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg);
}
.swiper-container{
    /* width:1240px !important; */
    text-align:center;
}
/** bigImg组件*/
.links_a{
	border-radius: 3px !important;
    margin-right: 5px;
}

.wrap {
    width: 1280px;
    margin: 80px auto 0 auto;
}
.wrap h2 {
    font-size: 58px;
    font-family: MicrosoftYaHeiSemibold;
    line-height: 78px;
    color: #000000;
}

.wrap h3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    line-height: 27px;
    color: #000000;
}

.wrap .cover__block{
    margin-top:70px;
    width: 100%;
}
.wrap .cover__block img{
    width: 100%;
}
.pqirui__wrapper {
    width: 1280px;
    margin: 80px auto 0 auto;
}

.pqirui__wrapper h2 {
    font-size: 58px;
    font-family: MicrosoftYaHeiSemibold;
    line-height: 78px;
    color: #000000;
}

.pqirui__wrapper h3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    line-height: 27px;
    color: #000000;
}

.pqirui__wrapper .hide {
    display: none;
}

.pqirui__wrapper .container__block {
    position: relative;
    margin-top: 70px;
    /* overflow: hidden; */
}

.pqirui__wrapper .container__block .bg-img {
    width: 100%;
}

.pqirui__wrapper .pop--pos {
    position: absolute;
    z-index: 1;
    /* width:142px;
    height:137px; */
    width: 230px;
    height: 230px;
}

.pqirui__wrapper .pos-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(image/qirui/pop-icon1-new.png) no-repeat;
    cursor: pointer;
}

.pqirui__wrapper .pos--active {
    background: url(image/qirui/pop-icon1-active-new.png) no-repeat;
}

.pqirui__wrapper .pos-pos1 {
    position: absolute;
    top: 251px;
    left: 893px
}

.pqirui__wrapper .pos-pos1::before,
.pqirui__wrapper .pos-pos3::before,
.pqirui__wrapper .pos-pos7::before,
.pqirui__wrapper .pos-pos5::before {
    content: "低频扬声器";
    position: absolute;
    width: 200px;
    text-align: right;
    top: 2px;
    right: 34px;
    color: #ffffff;
    opacity: 0.8;
    font-size: 14px;
    cursor: default;
}

.pqirui__wrapper .pos-pos2::before,
.pqirui__wrapper .pos-pos4::before,
.pqirui__wrapper .pos-pos6::before,
.pqirui__wrapper .pos-pos8::before {
    content: "低频扬声器";
    position: absolute;
    width: 200px;
    text-align: left;
    top: 2px;
    left: 34px;
    opacity: 0.8;
    color: #ffffff;
    font-size: 14px;
    cursor: default;
}

.pqirui__wrapper .pos-pos3::before,
.pqirui__wrapper .pos-pos4::before,
.pqirui__wrapper .pos-pos7::before,
.pqirui__wrapper .pos-pos8::before {
    content: "高频扬声器";
}

.pqirui__wrapper .pos-pos5::before,
.pqirui__wrapper .pos-pos6::before,
.pqirui__wrapper .pos-pos1::before,
.pqirui__wrapper .pos-pos2::before {
    content: "低频扬声器";
}


.pqirui__wrapper .pos-active-font::before {
    font-weight: 600;
    opacity: 1;
    font-size: 16px;
}



.pqirui__wrapper .pos-pos2 {
    position: absolute;
    top: 251px;
    left: 1095px
}

.pqirui__wrapper .pos-pos3 {
    position: absolute;
    top: 412px;
    left: 874px;
}

.pqirui__wrapper .pos-pos4 {
    position: absolute;
    top: 412px;
    left: 1113px
}

.pqirui__wrapper .pos-pos5 {
    position: absolute;
    top: 439px;
    left: 880px;
}

.pqirui__wrapper .pos-pos6 {
    position: absolute;
    top: 439px;
    left: 1108px
}

.pqirui__wrapper .pos-pos7 {
    position: absolute;
    top: 283px;
    left: 901px;
}

.pqirui__wrapper .pos-pos8 {
    position: absolute;
    top: 283px;
    left: 1087px
}

.pqirui__wrapper .pop--pos img {
    width: 100%;
}

.pqirui__wrapper .pos1,
.pqirui__wrapper .pos2,
.pqirui__wrapper .pos5,
.pqirui__wrapper .pos6 {
    position: absolute;
    top: 139px;
    left: 530px;
}


.pqirui__wrapper .pos3,
.pqirui__wrapper .pos4,
.pqirui__wrapper .pos7,
.pqirui__wrapper .pos8 {
    position: absolute;
    top: 139px;
    left: 530px;
}

.qirui-high-frequency {
    position: absolute;
    top: 120px;
    left: 70px;
    cursor: pointer;
}

.qirui-min-frequency {
    position: absolute;
    top: 253px;
    left: 70px;
    cursor: pointer;

}

.min-text-title,
.high-text-title {
    font-size: 40px;
    color: #000000;
    line-height: 53px;
}

.min-text-sub-title,
.high-text-sub-title {
    margin-top: 10px;
    height: 28px;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}

.line-site-block {
    margin-top: 10px;
    width: 382px;
    height: 1px;
}

/* .pqirui__wrapper .pop--line {
	position: absolute;
	height: 1px;
	background-color: #ffffff;
	opacity: .3;
}

.pqirui__wrapper .pop--line.line1 {
	width: 80px;
    top: 246px;
    left: 650px;
    transform: rotate(30deg);
}

.pqirui__wrapper .pop--line.line2 {
	width: 340px;
    top: 250px;
    left: 656px;
    transform: rotate(8deg);
}

.pqirui__wrapper .pop--line.line3 {
	width: 55px;
    top: 405px;
    left: 654px;
    transform: rotate(-25deg);
}

.pqirui__wrapper .pop--line.line4 {
	width: 352px;
    top: 405px;
    left: 656px;
    transform: rotate(-4deg);
}

.pqirui__wrapper .pop--line.line5 {
	width: 198px;
    top: 320px;
    left: 588px;
    transform: rotate(71deg);
}

.pqirui__wrapper .pop--line.line6 {
	width: 398px;
    top: 320px;
    left: 628px;
    transform: rotate(29deg);
} */
.qirui__wrapper {
    position: relative;
    width: 1280px;
    margin: 80px auto 0 auto;
}

.qirui__wrapper .pop--pos {
    position: absolute;
    z-index:1;
    width:107px;
    height:103px;
	display: flex;
}

.qirui__wrapper .pos-icon {
    position: absolute;
    width:22px;
    height:22px;
    background:url(image/qirui/pop-icon1-new.png) no-repeat;
	display: flex;
	padding-left: 22px;
	width: 112px;
	font-size: 12px;
	color: #ffffff;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

.qirui__wrapper .pos--active {
    background:url(image/qirui/pop-icon1-active-new.png) no-repeat;
}

.qirui__wrapper .pos-pos1 {
    position: absolute;
    top:168px;
    left:220px;
}

.qirui__wrapper .pos-pos2 {
    position: absolute;
    top:200px;
    left:366px;
}

.qirui__wrapper .pos-pos3 {
    position: absolute;
    top:250px;
    left:376px;
}

.qirui__wrapper .pos-pos4 {
    position: absolute;
    top:240px;
    left:260px;
}

.qirui__wrapper .pop--pos img{
    width: 100%;
}

.qirui__wrapper .pos1 {
    position: absolute;
    top:15px;
    left:15px;
}

.qirui__wrapper .pos2 {
    position: absolute;
    top:15px;
    left:15px;
}

.qirui__wrapper .pos3 {
    position: absolute;
    top:15px;
    left:140px;
}

.qirui__wrapper .pos4 {
    position: absolute;
    top:15px;
    left:140px;
}

.qirui__wrapper .pop--line {
	position: absolute;
	height: 1px;
	background-color: #ffffff;
	opacity: .3;
}

.qirui__wrapper .pop--line.line1 {
	width: 132px;
    top: 144px;
    left: 106px;
    transform: rotate(30deg);
}

.qirui__wrapper .pop--line.line2 {
	width: 274px;
    top: 158px;
    left: 105px;
    transform: rotate(21deg);
}

.qirui__wrapper .pop--line.line3 {
	width: 200px;
    top: 184px;
    left: 212px;
    transform: rotate(45deg);
}

.qirui__wrapper .pop--line.line4 {
	width: 150px;
    top: 180px;
    left: 180px;
    transform: rotate(77deg);
}

.qirui__wrapper .img__block{
    width: 100%;
    height:inherit;
}

.qirui__wrapper .img__block .img--bg{
    width: 100%;
}

.qirui__wrapper .hide {
    display: none;
}

.qirui__wrapper .tab__switch {
    position: absolute;
    left: 108px;
    bottom: 21px;
    width: 480px;
    height: 58px;
    line-height: 53px;
    background: #FFFFFF;
    border-radius: 9px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: 600;
}

.qirui__wrapper .tab__switch .line{
    width: 1px;
    height: 26px;
    border-left: 1px solid #E0E0E0;
}

.qirui__wrapper .tab__switch .active{
    border-bottom: 4px solid #0A83D7;
    border-radius: 3px;
}
.changan__wrapper {
    position: relative;
    width: 1280px;
    margin: 80px auto 0 auto;
}

.changan__wrapper .pop--pos {
    position: absolute;
    z-index:1;
    width:184px;
    height:122px;
}

.changan__wrapper .pos-icon {
    position: absolute;
    width:66px;
    height:64px;
    background:url(image/changan/pop-icon.png) no-repeat;
}

.changan__wrapper .pos--active {
    background:url(image/changan/pop-icon-active.png) no-repeat;
}

.changan__wrapper .pos-pos1 {
    position: absolute;
    top: 113px;
    left: 102px;
}

.changan__wrapper .pos-pos2 {
    position: absolute;
    top: 122px;
    left: 508px;
}

.changan__wrapper .pos-pos3 {
    position: absolute;
    top: 252px;
    left: 519px;
}

.changan__wrapper .pos-pos4 {
    position: absolute;
    top: 288px;
    left: 75px;
}

.changan__wrapper .pop--pos img{
    width: 100%;
}

.changan__wrapper .pos1 {
    position: absolute;
    top: 12px;
    left: 43px;
}

.changan__wrapper .pos2 {
    position: absolute;
    top: 21px;
    left: 449px;
}

.changan__wrapper .pos3 {
    position: absolute;
    top: 151px;
    left: 460px;
}

.changan__wrapper .pos4 {
    position: absolute;
    top: 186px;
    left: 16px;
}

.changan__wrapper .img__block{
    width: 100%;
    height:inherit;
}

.changan__wrapper .img__block .img--bg{
    width: 100%;
}

.changan__wrapper .hide {
    display: none;
}

.changan__wrapper .tab__switch {
    font-size:12px;
    position: absolute;
    left: 108px;
    bottom: 21px;
    width: 480px;
    height: 58px;
    line-height: 53px;
    background: #FFFFFF;
    border-radius: 9px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: 600;
}

.changan__wrapper .tab__switch .line{
    width: 1px;
    height: 26px;
    border-left: 1px solid #E0E0E0;
}

.changan__wrapper .tab__switch .active{
    border-bottom: 4px solid #0A83D7;
    border-radius: 3px;
}
.changanNew___wrapper {
    position: relative;
    width: 1280px;
    margin: 80px auto 0 auto;
}

.changanNew___wrapper .pop--pos {
    position: absolute;
    z-index:1;
    width:184px;
    height:122px;
}

.changanNew___wrapper .pos-icon {
    position: absolute;
    width:66px;
    height:64px;
    background:url(image/changan/pop-icon.png) no-repeat;
}

.changanNew___wrapper .pos--active {
    background:url(image/changan/pop-icon-active.png) no-repeat;
}

.changanNew___wrapper .pos-pos1 {
    position: absolute;
    top: 113px;
    left: 102px;
}

.changanNew___wrapper .pos-pos2 {
    position: absolute;
    top: 122px;
    left: 508px;
}

.changanNew___wrapper .pos-pos3 {
    position: absolute;
    top: 252px;
    left: 519px;
}

.changanNew___wrapper .pos-pos4 {
    position: absolute;
    top: 288px;
    left: 75px;
}

.changanNew___wrapper .pop--pos img{
    width: 100%;
}

.changanNew___wrapper .pos1 {
    position: absolute;
    top: 12px;
    left: 43px;
}

.changanNew___wrapper .pos2 {
    position: absolute;
    top: 21px;
    left: 449px;
}

.changanNew___wrapper .pos3 {
    position: absolute;
    top: 151px;
    left: 460px;
}

.changanNew___wrapper .pos4 {
    position: absolute;
    top: 186px;
    left: 16px;
}

.changanNew___wrapper .img__block{
    width: 100%;
    height:inherit;
}

.changanNew___wrapper .img__block .img--bg{
    width: 100%;
}

.changanNew___wrapper .hide {
    display: none;
}

.changanNew___wrapper .tab__switch {
    position: absolute;
    left: 148px;
    bottom: 21px;
    /* width: 480px; */
    height: 58px;
    line-height: 53px;
    background: #FFFFFF;
    border-radius: 9px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
}

.changanNew___wrapper .tab__switch .line{
    width: 1px;
    height: 26px;
    border-left: 1px solid #E0E0E0;
}

.changanNew___wrapper .tab__switch .active{
    border-bottom: 4px solid #0A83D7;
    border-radius: 3px;
}
.pchangan__wrapper {
    width: 1280px;
    margin: 80px auto 0 auto;
}

.pchangan__wrapper h2 {
    font-size: 58px;
    font-family: MicrosoftYaHeiSemibold;
    line-height: 78px;
    color: #000000;
}

.pchangan__wrapper h3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    line-height: 27px;
    color: #000000;
}

.pchangan__wrapper .hide {
    display: none;
}

.pchangan__wrapper .container__block {
    position: relative;
    margin-top: 70px;
    /* overflow: hidden; */
}

.pchangan__wrapper .container__block .bg-img {
    width: 100%;
}


.pchangan__wrapper .pop--pos {
    position: absolute;
    z-index: 1;
    width: 165px;
    height: 165px;
}

.pchangan__wrapper .pos-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(image/changan/pop-icon1-new.png) no-repeat;
}

.pchangan__wrapper .pos--active {
    background: url(image/changan/pop-icon1-active-new.png) no-repeat;
}

.pchangan__wrapper .pos-pos1 {
    position: absolute;
    top: 107px;
    left: 518px;
}

.pchangan__wrapper .pos--name {
    width: 120px;
    height: 21px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 21px;
    opacity: 0.7;
}

.pchangan__wrapper .activie-name {
    color: #FFFFFF;
    font-weight: 600;
    transform: scale(1.05);
    opacity: 1;
}

.pchangan__wrapper .pos-name1 {
    position: absolute;
    top: 107px;
    left: 80px;
}

.pchangan__wrapper .pos-name2 {
    position: absolute;
    top: 137px;
    left: 80px;
}

.pchangan__wrapper .pos-name3 {
    position: absolute;
    top: 165px;
    left: 80px;
}

.pchangan__wrapper .pos-name4 {
    position: absolute;
    top: 193px;
    left: 80px;
}

.pchangan__wrapper .pos-name5 {
    position: absolute;
    top: 222px;
    left: 80px;
}


.pchangan__wrapper .pos-name6 {
    position: absolute;
    top: 215px;
    right: 65px;
}


.pchangan__wrapper .pos-name7 {
    position: absolute;
    top: 246px;
    right: 65px;
}

.pchangan__wrapper .pos-name8 {
    position: absolute;
    top: 275px;
    right: 65px;
}

.pchangan__wrapper .pos-name9 {
    position: absolute;
    top: 304px;
    right: 65px;
}


.pchangan__wrapper .pos-pos2 {
    position: absolute;
    top: 136px;
    left: 420px;
}

.pchangan__wrapper .pos-pos3 {
    position: absolute;
    top: 165px;
    left: 519px;
}

.pchangan__wrapper .pos-pos4 {
    position: absolute;
    top: 194px;
    left: 438px;
}

.pchangan__wrapper .pos-pos5 {
    position: absolute;
    top: 229px;
    left: 478px;
}

.pchangan__wrapper .pos-pos6 {
    position: absolute;
    top: 217px;
    left: 509px;
}

.pchangan__wrapper .pos-pos7 {
    position: absolute;
    top: 234px;
    left: 662px;
}

.pchangan__wrapper .pos-pos8 {
    position: absolute;
    top: 253px;
    left: 508px;
}

.pchangan__wrapper .pos-pos9 {
    position: absolute;
    top: 337px;
    left: 650px;
}

.pchangan__wrapper .pop--pos img {
    width: 100%;
}

.pchangan__wrapper .pos1 {
    position: absolute;
    top: 274px;
    left: 105px;
}

.pchangan__wrapper .pos2 {
    position: absolute;
    top: 274px;
    left: 105px;
}

.pchangan__wrapper .pos3 {
    position: absolute;
    top: 274px;
    left: 105px;
}

/* 4是左边 */

.pchangan__wrapper .pos4 {
    position: absolute;
    top: 274px;
    left: 105px;
}

.pchangan__wrapper .pos5 {
    position: absolute;
    top: 274px;
    left: 105px;
}

.pchangan__wrapper .pos6 {
    position: absolute;
    top: 26px;
    left: 1012px;
}

.pchangan__wrapper .pos7 {
    position: absolute;
    top: 26px;
    left: 1012px;
}

.pchangan__wrapper .pos8 {
    position: absolute;
    top: 26px;
    left: 1012px;
}

.pchangan__wrapper .pos9 {
    position: absolute;
    top: 56px;
    left: 1012px;
}
.changAn-mySwiper {
    width: 100%;
    margin: 80px auto 0 auto;
}

.changan_part10 {
    position: relative;
    /* height: 300vw; */
    height: 508px;
    background: #000;
}

.changan_sticky {
    position: sticky;
    top: 0;
    /* height: 100vh; */
    width: 100%;
    overflow: hidden;
    background: #000;
}

.changan_part10_main {
    width: 300vw;
    transition: all .3s ease-out;
    -webkit-overflow-scrolling: touch;
    display: flex;
}

.changan_part10_item {
    width: 100vw;
    flex-shrink: 1;
    position: relative;
    background: #000;
    border: 0px solid #000;
}

.changan_part10_item img {
    width: 100vw;
    height: 508px;
}
.changan_wrap {
    width: 1280px;
    margin: 80px auto 0 auto;
}
.changan_wrap h2 {
    font-size: 58px;
    font-family: MicrosoftYaHeiSemibold;
    line-height: 78px;
    color: #000000;
}

.changan_wrap h3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    line-height: 27px;
    color: #000000;
}

.changan_wrap .cover__block{
    margin-top:70px;
    width: 100%;
    position: relative;
}
.changan_wrap .cover__block img{
    width: 100%;
}

.changan_wrap .cover__block .link-1 {
    position: absolute;
    left: 232px;
    bottom: 33px;
    display: block;
    width: 140px;
    height: 40px;
}

.changan_wrap .cover__block .link-2 {
    position: absolute;
    right: 232px;
    bottom: 33px;
    display: block;
    width: 140px;
    height: 40px;
}

.changan_wrap .cover__block .link-3 {
    position: absolute;
    left: 424px;
    bottom: 78px;
    display: block;
    width: 140px;
    height: 40px;
}

.changan_wrap .cover__block .link-4 {
    position: absolute;
    right: 60px;
    bottom: 78px;
    display: block;
    width: 140px;
    height: 40px;
}
.carHomeImageLink_wrap {
    width: 1240px;
    margin: 80px auto 0 auto;
}

.carHomeImageLink_wrap .cover__block{
    margin-top:70px;
    width: 100%;
    position: relative;
}
.carHomeImageLink_wrap .cover__block img{
    width: 100%;
}

.carHomeImageLink_wrap .cover__block .link-1 {
    position: absolute;
    left: 125px;
    top: 124px;
    display: block;
    width: 140px;
    height: 40px;
}

.carHomeImageLink_wrap .cover__block .link-2 {
    position: absolute;
    left: 545px;
    top: 124px;
    display: block;
    width: 140px;
    height: 40px;
}

.carHomeImageLink_wrap .cover__block .link-3 {
    position: absolute;
    right: 135px;
    top: 124px;
    display: block;
    width: 140px;
    height: 40px;
}
.carListImageLink_wrap {
    width: 1280px;
    margin: 80px auto 0 auto;
}
.carListImageLink_wrap .cover__block{
    margin-top:70px;
    width: 100%;
    position: relative;
}
.carListImageLink_wrap .cover__block img{
    width: 100%;
}

.carListImageLink_wrap .cover__block .link-1 {
    position: absolute;
    left: 75px;
    bottom: 32px;
    display: block;
    width: 140px;
    height: 40px;
}

.changan-card-swiper-container {
  /* margin: 80px auto 0 auto;
  width: 1440px;
  min-height: 604px; */
  /* height: 508px; */
}

/* * { margin: 0; padding: 0; } */
/* body { background-color: #333333; } */
/* img { border: 0; vertical-align: top; } */
/* ul, li { list-style: none; } */
.changan-card-swiper-container img {
  border: 0;
  vertical-align: top;
}

.shutter {
  overflow: hidden;
  width: 1280px;
  height: 604px;
  position: relative;
  margin: 80px auto 0;
}

.shutter-img {
  z-index: 1;
}

.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.shutter-img a {
  cursor: default;
}

.shutter-img a>img {
  width: 1280px !important;
  height: 604px !important;
  /* width: 100%;
  height: 100%; */
}

.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}

.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}

.shutter-btn li.prev {
  left: 20px;
  background: url(image/qirui/shutter_prevBtn.png) no-repeat 0 -49px;
}

.shutter-btn li.next {
  right: 20px;
  background: url(image/qirui/shutter_nextBtn.png) no-repeat 0 -49px;
}

.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(images/shutter_shadow.png) repeat;
}

.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}
.column_list{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.column__item{
    height: 336px;
    position: relative;
}
.column__item > img{
    width: 100%;
    height: 100%;
}
.column__item .box_image_title{
    position: absolute;   
    top: 51px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 30px;
    font-size: 36px;
    font-weight: 500;
    color: #000000; 
    line-height: 30px;
    text-align: center;
    font-family: PingFangSC-Semibold, PingFang SC;
}
.column__item .box_subtitle{
    position: absolute;
    top: 86px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    text-align: center;
    height: 30px;
    font-size: 20px; 
    font-weight: 600;
    color: #000000;
    line-height: 30px;
    font-family: PingFangSC-Medium, PingFang SC;
}
.column__item .box_description{
    position: absolute;
    top: 103px;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    width: 80%;
    height: 96px;
    font-size: 15px;
    font-family: MicrosoftYaHei;
    color: #333333;
    font-weight: 400;
    line-height: 32px;
}
.column__item .box_hit_btn{
    position: absolute;
    width: 140px!important;
    height: 40px;
    /* top: 266px; */
    top: 260px;
    left: 50%;
    transform: translate(-50%);
}
.column__item  .hit-link{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 33px;
    display: block;
    width: 140px;
    height: 40px;
}
.column__item .box_bottom{
    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 5px;
    width: 366px;
    height: 14px;
    font-size: 10px;
    color: #666666;
    line-height: 14px;
}
.card__grid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.grid_item{
    height: 336px;
    width: 624px;
    position: relative;
    margin-bottom: 30px;
}
.grid_item .grid_btn{
    position: absolute;
    width: 140px!important;
    height: 40px;
    bottom: 78px;
    right: 60px;
}
.grid_item .grid_btn_link{
    position: absolute;
    width: 140px!important;
    height: 40px;
    bottom: 78px;
    right: 60px;
    display: block;
    width: 140px;
    height: 40px;
    cursor: pointer;
}


.layout_box{
    height: 318px;
    width: 100%;
    position: relative;
}
.layout_box .layout_title{
    position: absolute;
    width: 668px;
    height: 48px;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    position: absolute;
    top: 30px;
    left: 80px;
    font-family: MicrosoftYaHeiSemibold;
}
.layout_box .layout_desc{
    position: absolute;
    width: 668px;
    top: 80px;
    left: 80px;
    height: 48px;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-family: MicrosoftYaHei;
}
.layout_box .layout_container{
    position: absolute;
    display: flex;
    align-items: flex-start;
    position: absolute;
    left: 80px;
    top: 166px;
}
.layout_box .layout_btn{
    position: absolute;
    bottom: 30px;
    left: 80px;
    display: block;
    width: 140px;
    height: 40px;
    cursor: pointer;
}
.layout_box .layout_feature3,
.layout_box .layout_feature2,
.layout_box .layout_feature1{
    position: relative;
    padding-right: 16px;
    align-items: center;
}
/* .layout_box .layout_feature1::before,
.layout_box .layout_feature2::before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 1px;
    background-color: #e0e0ee;
} */
.layout_box .layout_feature1,
.layout_box .layout_feature2{
    display: flex;
    flex-direction: column;
}
.layout_box .p16{
    padding-left: 16px;
}
.layout_bfont{
    font-size: 26px;
    color: #000000;
    font-family: MicrosoftYaHeiSemibold;
}
.layout_downfont{
    font-family: MicrosoftYaHeiSemibold;
}