@charset "utf-8";

.bor {
    border: 1px solid red;
}

.red {
    color: red;
    font-weight: bold;
}

.red2 {
    color: red;
}

body {
    margin: 0 auto;
    font-size: 12px;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif !important;
    line-height: normal;
}

ul,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    border: 0px;
    vertical-align: middle;
}

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

.clearfix {
    overflow: auto;
    zoom: 1;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

p {
    line-height: 20px;
}

input {
    outline: none;
}

.taL {
    text-align: left;
}

.dpN {
    display: none;
}

.dpB {
    display: block;
}

.cur-p {
    cursor: pointer;
}

.maT30 {
    margin-bottom: 30px;
}

/* header */
.content {
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

.content-buy {
    max-width: 1000px;
    min-width: 1200px;
    margin: 0 auto;
}

.logo-img {
    margin-left: 20px;
}

.header {
    background: url('../images/bg-2.png');
    background-repeat: repeat-x;
}

.header-top {
    display: flex;
    justify-content: space-between;
}

.nav-con {
    line-height: 80px;
}

.nav-con li {
    float: left;
}

.nav-con li a.active,
.nav-con li a:hover {
    background: #ffd900;
    color: #000;
}

.nav-con li a {
    color: #fff;
    margin-left: 10px;
    width: 90px;
    height: 38px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
}

.login-btn {
    border-radius: 10px;
    background: #ffd900;
    color: #000 !important;
    width: 80px;
    height: 30px !important;
    line-height: 30px !important;
    display: inline-block;
}

.swiper-container img {
    max-width: 100%;
}

.introduce-con {
    position: relative;
}

.introduce {
    position: absolute;
    width: 100%;
    top: -80px;
    z-index: 99;
}

.introduce-con .item {
    background-color: #1A1A1A;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    margin: 0 10px;
    transition: 0.5s;
    position: relative;
    box-shadow: 0 0 20px #000;
    text-align: center;
}

.introduce-con .item:hover {
    transform: translate(0, -20px);
    border: 2px solid #ffd900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.introduce-con .item .item-img {
    margin-top: -50px;
}

.introduce-con .item .item-text {
    position: absolute;
    z-index: 99;
    bottom: 55px;
    width: 100%;
    text-align: center;
}

.introduce-con .item .item-text p {
    color: #fff;
    font-size: 18px;
}

.introduce-con .item .item-text span {
    color: #666;
    font-size: 14px;
}

.introduce-con .item .item-img-con {
    margin-top: 50px;
}

.exhibition-con {
    background: url(../images/bg-1.jpg) center no-repeat;
    height: 900px;
}

.exhibition-con .tit {
    padding-top: 220px;
    text-align: center;
}

.exhibition-con .tit h1 {
    font-size: 32px;
}

.exhibition-con .tit p {
    font-size: 14px;
    color: #231f20;
}

.swiper-exh {
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-exh .exh-item {
    position: relative;
    width: 275px;
    height: 400px;
    background: #1A1A1A;
    border-radius: 10px;
    overflow: hidden;
    color: #7c7c7c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-exh .exh-item:hover {
    background: #ffd900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-exh .exh-item img {
    height: 261px;
    width: 100%;
}

.exh-bor {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 275px;
    height: 400px;
    border: 8px solid #ffd900;
}

.swiper-exh .exh-item:hover .exh-bor {
    display: inline-block;
}

.exh-item .text {
    padding: 20px 15px;
}

.exh-item .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.exh-item .text p {
    line-height: 20px;
}

.swiper-container .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.content-s {
    overflow: hidden;
}

.more {
    width: 168px;
    height: 50px;
    text-align: center;
    margin: 60px auto;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    background: #1A1A1A;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.5s;
}

.more a {
    color: #fff;
}

.more:hover {
    background: #ffd900;
}

.banner-2 {
    width: 100%;
}

.banner-3 {
    background: url(../images/bg-6.jpg) center no-repeat;
    height: 407px;
    margin-top: -3px;
}

.banner-3 .item {
    margin: 60px 0;
    text-align: center;
}

.banner-3 .item p {
    font-size: 18px;
    margin-top: 20px;
}

.query {
    height: 90px;
    box-shadow: 0 0 10px #000;
    border-radius: 10px;
    border: 3px solid #000;
    /* overflow: hidden; */
    position: relative;
}

.order-list {
    position: absolute;
    width: 80%;
    background: #F6F6F6;
    max-height: 200px;
    overflow-y: auto;
    top: 90px;
    color: #000;
    z-index: 99;
    box-shadow: 0 0 10px #000;

}

.order-list li {
    line-height: 40px;
    font-size: 16px;
    padding-left: 20px;
}

.order-list li:hover {
    color: #1685DF;
    background: #E5E5E5;
}

.query .input {
    width: 80%;
}

.query .input input {
    width: 100%;
    height: 83px;
    padding: 0 20px;
    font-size: 18px;
    border: none;
    border-radius: 10px;
}

.query .btn {
    width: 20%;
    background: #2D2829;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 90px;
}

.bz .tit {
    text-align: center;
    margin: 80px 0;
}

.tit h1 {
    font-size: 32px;
}

.tit p {
    font-size: 14px;
    color: #231f20;
}

.fw .item {
    text-align: center;
    color: #0055AA;
    max-width: 175px;
    margin-bottom: 80px;
    cursor: pointer;
}

.fw .item:hover {
    color: red;
}

.fw .item h1 {
    margin: 20px;
}

.fw .item p {
    line-height: 20px;
    font-size: 14px;
}

.fw .item .rad .icon {
    max-width: 170px;
    max-height: 170px;
    width: 150px;
    height: 150px;
    border: 5px solid #DFE0E0;
}

.fw .item .rad .show1 {
    background: #fff url(../images/pa43.png) no-repeat center center;
    margin: 0 auto;
    border-radius: 100%
}

.fw .item .rad .show1:hover {
    background: #1685DF url(../images/pa431.png) no-repeat center center;
}

.fw .item .rad .show2 {
    background: #fff url(../images/pa44.png) no-repeat center center;
    margin: 0 auto;
    border-radius: 100%
}

.fw .item .rad .show2:hover {
    background: #1685DF url(../images/pa442.png) no-repeat center center;
}

.fw .item .rad .show3 {
    background: #fff url(../images/pa45.png) no-repeat center center;
    margin: 0 auto;
    border-radius: 100%
}

.fw .item .rad .show3:hover {
    background: #1685DF url(../images/pa452.png) no-repeat center center;
}

.fw .item .rad .show4 {
    background: #fff url(../images/pa46.png) no-repeat center center;
    margin: 0 auto;
    border-radius: 100%
}

.fw .item .rad .show4:hover {
    background: #1685DF url(../images/pa462.png) no-repeat center center;
}

.fw .item .rad .show5 {
    background: #fff url(../images/pa47.png) no-repeat center center;
    margin: 0 auto;
    border-radius: 100%
}

.fw .item .rad .show5:hover {
    background: #1685DF url(../images/pa472.png) no-repeat center center;
}

.car-tips {
    text-align: center;
    background: url(../images/a_13.jpg) center no-repeat;
    height: 1018px;
    box-sizing: border-box;
    padding-top: 94px;
}

.car-tips .tit {
    margin: 20px 0;
    margin-bottom: 40px
}

.car-tips .tit h1,
.car-tips .tit p {
    color: #fff;
}

.tips .item {
    float: left;
    display: inline-block;
    position: relative;
    color: #e5e5e5;
    padding: 0 15px;
    width: 175px;
    display: inline-block;
    height: 400px;
    background: #222222;
    border-radius: 85px;
    margin: 0 12px;
    transition: All 0.4s;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tips .item:hover {
    background: rgb(229, 229, 229);
    color: #222222;
}

.tips .item .icon {
    margin: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding-top: 35px;
    text-align: center;
    background: rgb(255, 255, 255);
}

.car-tips h2 {
    margin-bottom: 15px;
}

.car-tips .btn {
    position: absolute;
    bottom: 40px;
    left: 30px;
    background: url(../images/btn-1.png) center no-repeat;
    display: block;
    margin: 20px auto;
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.car-tips .btn a {
    color: #000;
}

.car-tips .btn a:hover {
    color: #fff;
}

.tips .item:hover .btn {
    background: url(../images/btn-2.png) center no-repeat;
    color: #ffffff;
}

.footer {
    background: #101010;
}

.taR {
    text-align: right;
}

.taC {
    text-align: center;
}

.foot-nav {
    margin-top: 70px;
}

.foot-nav li {
    cursor: pointer;
    float: left;
    color: #fff;
    text-align: center;
    padding-top: 20px;
    background: url(../images/icon-23.png) center no-repeat;
    width: 90px;
    height: 90px;
    margin-left: 30px;
}

.foot-nav li p {
    margin-top: 10px;
    font-size: 14px;
}

.footer .ewm {
    margin: 30px 0;
}

.footer .foot {
    margin-top: 10px;
    padding-bottom: 10px;
}

.foot-nav li a {
    margin-top: 10px;
    color: #fff;
    padding-bottom: 10px;
}

.erm-gg {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 999;
    width: 190px;
    text-align: center;
}

.erm-gg .btn {
    background: url(../images/kfbg1.png) center no-repeat;
    width: 138px;
    height: 48px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

.erm-gg>span {
    cursor: pointer;
    position: absolute;
    right: -50px;
    height: 60px;
    width: 20px;
    background: #2D2829;
    color: #fff;
    text-align: center;
    line-height: 60px;
    border-radius: 10px 0 0 10px;
}

/* 关于我们 */
.about-cont {
    background-image: url(../images/bg-n.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #eeeeee;
    padding-bottom: 50px;
}

.about-cont .title {
    padding: 80px 0;
    font-size: 18px;
}

.about-cont .txt {
    font-size: 20px;
    line-height: 50px;
    padding-bottom: 40px;
    text-indent: 2em;
}

/* 托运小知识 */
.consult-main .consult .times {
    margin: 15px 0;
}

.consult-main .consult .times .size {
    cursor: pointer;
}

.consult-main .consult .times .size:hover {
    color: #05a;
}

.consult-main .main-txt p {
    line-height: 30px;
    font-size: 16px;
}

.consult-main .main-txt p.tit {
    margin-bottom: 20px;
}

.paging {
    margin-top: 50px;
}

.paging span {
    cursor: pointer;
    color: #05a;
}

.paging span:hover {
    cursor: pointer;
    color: red;
}

/*案例*/
.case .item {
    display: inline-block;
    margin: 20px 2px;
    position: relative;
    width: 390px;
    cursor: pointer;
    padding: 15px;
    height: 420px;
    background: #EEEEEE;
    border: 1px solid #ccc;
}

.case .item img {
    width: 100%;
    height: 330px;
}

.case .item p {
    position: absolute;
    width: 100%;
    bottom: 15px;
    color: #05a;
}

.case .item:hover {
    background: rgb(244, 244, 244);
}

.case .flex-between {
    margin-bottom: 30px;
}

.print-model {
    visibility: hidden;
    /* display: none; */
    background: rgba(0, 0, 0, .2);
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.modelTost {
    display: none;
    background: rgba(0, 0, 0, .2);
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.modelTostChile {
    width: 800px;
    margin-top: 30px;
    background-color: #fff;
    padding-bottom: 1%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modelTostChile p {
    font-size: 24px;
    padding: 3%;
}

.modelClose {
    float: right;
    cursor: pointer;
}

.swiper-slide {
    text-align: center;
}

.swiper-slide img {
    text-align: center;
}

/* 汽车检测信息 */
.company-bg img {
    width: 100%;
}

.tab-content {
    margin-bottom: 40px;
}

.tab-content .title {
    background: #F2A300;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    border: 1px solid #555;
}

.tab-content .tit {
    background: #EAEAE5;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
}

.table-main {
    width: 100%;
}

.table-main div.tab-td {
    width: 25%;
    display: inline-block;
    float: left;
    line-height: 45px;
    text-align: center;
}

.table-main div.tab-td {
    border-top: none;
}

.table-main div.tab-td img {
    border-top: none;
}

.table-update {
    overflow: auto;
    zoom: 1;
}

.table-update tr.u {
    display: inline-block;
    width: 50%;
    overflow: auto;
    zoom: 1;
    float: left;
}

.tatable tr td {
    line-height: 45px;
}

.table-update tr.u td {
    display: inline-block;
    width: 50%;
    float: left;
    border-top: none;
    min-height: 55px;
    padding-top: 10px;
}

.table-update tr.u td:nth-child(even) {
    border-left: none;
}

.table-update tr.u td:nth-child(odd) {
    padding-top: 20px;
}

.table-main div.tab-td:nth-child(2n+1) {
    /* border-right: 1px solid #555;
    border-left: 1px solid #555; */
}

.table-main div.tab-td:nth-child(4n-1) {
    /* border-left: none; */
}

.table-main div.tab-td:nth-child(2n+2) {
    /* border-right: 1px solid #555; */
    /* margin-left: -1px; */
}

.checkType-main div {
    display: inline-block;
}

.checkType-main .item {
    width: 50%;
    display: inline-block;
    float: left;
    line-height: 45px;
    text-align: center;
    border: 1px solid #555;
    border-top: none;
}

/* .checkType-main .item:nth-child(even) {
    border-left: none;
    background: #F2A300;
} */
.noError {
    text-align: center;
    border: 1px solid #555;
    border-top: none;
    line-height: 65px;
    font-size: 16px;
}

.checkType-main .item div {
    width: 50%;
    display: inline-block;
}

.checkType-main .item div:nth-child(even) {
    border-left: 1px solid #555;
    /* background: #F2A300; */
}

.checkType-main .item div:nth-child(odd) {
    border-left: none;
    /* background: #F2A300; */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

table td {
    /* line-height: 45px; */
    border: 1px solid #555;
}

table .title {
    background: #F2A300;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
}

table .tit-2 {
    background: #EAEAE5;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
}

.title-top {
    background: #F2A300;
    padding: 60px 0;
}

.title-top h1 {
    font-size: 36px;
}

.borB {
    padding: 15px;
    border-bottom: 5px solid #F2A300;
}

.jr p {
    width: 50%;
}

.time span {
    margin-right: 30px;
}

.car-msg .car-photo {
    width: 55%;
    padding-right: 20px;
    overflow: hidden;
    height: 440px;
}

.car-msg .photo-bor {
    border: 3px solid #000;
}

.car-msg .car-photo .swiper-container {
    overflow: hidden;
    height: 440px;
}

.car-msg .car-photo .swiper-container img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.car-msg .car-info {
    width: 45%;
    position: relative;
}

.car-msg .car-info ul li {
    line-height: 30px;
    font-size: 14px;
}

.car-msg .car-info img {
    width: 45%;
    margin-top: 20px;
}

.car-msg .car-img {
    width: 100%;
}

.num-tit {
    background: #EAEAE5;
    line-height: 40px;
    margin-bottom: 15px;
}

.num-tit>span {
    background: #F2A300;
    padding: 0 15px;
    display: inline-block;
}

.user-msg div p {
    line-height: 30px;
}

.user-msg .txt {
    width: 50%;
}

.user-msg .user-name {
    margin: 15px 0;
}

.user-msg .user-img .zg {
    margin-top: 100px;
}

.user-msg .user-img p {
    /* display: inline-block; */
    padding: 0 10px;
    width: 160px;
    /* */
}

.state .txt {
    text-align: left;
    height: 150px;
    vertical-align: text-top;
    padding: 0 15px;
}


.bor-L-none {
    border-left: none !important;
}

.file-struct .car-icon-1-1 {
    position: absolute;
    margin: 0.1rem;
    background: url(../images/car/1-1-1.png) no-repeat;
    background-size: 100% 100%;
    height: 160px;
    width: 250px;
    right: 50px;
    top: 180px;
}

.file-struct .car-icon-1-1 .car-1-1-con {
    position: relative;
    width: 100%;
    height: 100%;
}

.file-struct .car-icon-1-1 .car-1-1-con .car-icon-21 {
    background: url(../images/car/21.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.file-struct .car-icon-1-1 .car-1-1-con .car-icon-22 {
    background: url(../images/car/22.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.file-struct {
    position: relative;
    margin: 10px;
    background: url(../images/car/flatCar.png) no-repeat;
    background-size: 100% 100%;
    height: 700px;
}

.file-struct .car-icon {
    position: absolute;
    left: 0;
    width: 100%;
    height: 700px;
}

.file-struct .car-icon-1 {
    background: url(../images/car/1.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-2 {
    background: url(../images/car/2.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-3 {
    background: url(../images/car/3.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-4 {
    background: url(../images/car/4.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-5 {
    background: url(../images/car/5.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-6 {
    background: url(../images/car/6.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-7 {
    background: url(../images/car/7.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-8 {
    background: url(../images/car/8.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-9 {
    background: url(../images/car/9.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-10 {
    background: url(../images/car/10.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-11 {
    background: url(../images/car/11.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-12 {
    background: url(../images/car/12.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-13 {
    background: url(../images/car/13.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-14 {
    background: url(../images/car/14.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-15 {
    background: url(../images/car/15.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-16 {
    background: url(../images/car/16.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-17 {
    background: url(../images/car/17.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-18 {
    background: url(../images/car/18.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-19 {
    background: url(../images/car/19.png) no-repeat;
    background-size: 100% 100%;
}

.file-struct .car-icon-20 {
    background: url(../images/car/20.png) no-repeat;
    background-size: 100% 100%;
}

/* @media only screen and (max-width: 970px) {

    .file-struct,
    .file-struct .car-icon {
        height: 410px;
    }

    .file-struct .car-icon-1-1 {
        height: 100px;
        width: 150px;
        top: 110px;
    }

} */

.line-main {
    position: relative;
}

.line1 {
    position: absolute;
    border-top: 3px solid #2796E9;
    width: 40%;
    height: 2px;
    left: 50%;
    margin-left: -42%;
}

.line-1 {
    top: 205px;
}

.line-2 {
    top: 290px;
}

.line-3 {
    top: 350px;
}

.line2 {
    position: absolute;
    border-top: 3px solid #2796E9;
    width: 40%;
}

.line2-1 {
    top: 205px;
    left: 48%;
}

.line2-2 {
    top: 290px;
    left: 48%;
}

.line2-3 {
    top: 350px;
    left: 48%;
}

.print-btn {
    cursor: pointer;
    margin-top: 10px;
    font-size: 28px;
    letter-spacing: 20px;
}

.ewa-pdf {
    position: relative;
    /* margin-top: 100px; */
}

/* .content1 {
    position: absolute;
    bottom: -200px;
    right: 50px;
} */

.soak-test-car-img {
    position: relative;
    background: url(../images/car/soak.png) no-repeat center top;
    background-size: contain;
    height: 600px;
    margin: 0 auto;
    text-align: center;
}

.soak-test-car-fire-img {
    position: relative;
    background: url(../images/car/soak.png) no-repeat center top;
    background-size: contain;
    height: 400px;
    margin: 0 auto;
    text-align: center;
}

.soak-test-car-havefire-img {
    position: relative;
    background: url(../images/car/havefire.png) no-repeat center top;
    background-size: contain;
    height: 400px;
    margin: 0 auto;
    text-align: center;
}

.color-car .soak-test-car-pu-img {
    position: relative;
    margin: 10px;
    background: url(../images/car2/qmdt.png) no-repeat;
    background-size: 100% 100%;
    height: 500px;
    width: 100%;
    max-width: 480px;
    border: 1px solid #ccc;
}

.color-car .car-pu {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 480px;
    height: 500px;
    background-size: 100% 100%;
}

/*漆面检测 浅色*/
.color-car .car-pu-lightcoral-1 {
    background: url(../images/car2/light/car-light-1.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-2 {
    background: url(../images/car2/light/car-light-2.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-3 {
    background: url(../images/car2/light/car-light-3.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-4 {
    background: url(../images/car2/light/car-light-4.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-5 {
    background: url(../images/car2/light/car-light-5.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-6 {
    background: url(../images/car2/light/car-light-6.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-7 {
    background: url(../images/car2/light/car-light-7.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-8 {
    background: url(../images/car2/light/car-light-8.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-9 {
    background: url(../images/car2/light/car-light-9.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-10 {
    background: url(../images/car2/light/car-light-10.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-11 {
    background: url(../images/car2/light/car-light-11.png) no-repeat;
    background-size: 100% 100%;
    top: -2px;
}

.color-car .car-pu-lightcoral-12 {
    background: url(../images/car2/light/car-light-12.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-13 {
    background: url(../images/car2/light/car-light-13.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-14 {
    background: url(../images/car2/light/car-light-14.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-15 {
    background: url(../images/car2/light/car-light-15.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-16 {
    background: url(../images/car2/light/car-light-16.png) no-repeat;
    background-size: 100% 100%;
    top: -2px;
}

.color-car .car-pu-lightcoral-17 {
    background: url(../images/car2/light/car-light-17.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-18 {
    background: url(../images/car2/light/car-light-18.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-19 {
    background: url(../images/car2/light/car-light-19.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-20 {
    background: url(../images/car2/light/car-light-20.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-21 {
    background: url(../images/car2/light/car-light-21.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-22 {
    background: url(../images/car2/light/car-light-22.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-lightcoral-23 {
    background: url(../images/car2/light/car-light-23.png) no-repeat;
    background-size: 100% 100%;
}

/*漆面检测 深色*/
.color-car .car-pu-orange-1 {
    background: url(../images/car2/orange/car-orange-1.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-2 {
    background: url(../images/car2/orange/car-orange-2.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-3 {
    background: url(../images/car2/orange/car-orange-3.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-4 {
    background: url(../images/car2/orange/car-orange-4.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-5 {
    background: url(../images/car2/orange/car-orange-5.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-6 {
    background: url(../images/car2/orange/car-orange-6.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-7 {
    background: url(../images/car2/orange/car-orange-7.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-8 {
    background: url(../images/car2/orange/car-orange-8.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-9 {
    background: url(../images/car2/orange/car-orange-9.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-10 {
    background: url(../images/car2/orange/car-orange-10.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-11 {
    background: url(../images/car2/orange/car-orange-11.png) no-repeat;
    background-size: 100% 100%;
    top: -2px;
}

.color-car .car-pu-orange-12 {
    background: url(../images/car2/orange/car-orange-12.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-13 {
    background: url(../images/car2/orange/car-orange-13.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-14 {
    background: url(../images/car2/orange/car-orange-14.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-15 {
    background: url(../images/car2/orange/car-orange-15.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-16 {
    background: url(../images/car2/orange/car-orange-16.png) no-repeat;
    background-size: 100% 100%;
    top: -2px;
}

.color-car .car-pu-orange-17 {
    background: url(../images/car2/orange/car-orange-17.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-18 {
    background: url(../images/car2/orange/car-orange-18.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-19 {
    background: url(../images/car2/orange/car-orange-19.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-20 {
    background: url(../images/car2/orange/car-orange-20.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-21 {
    background: url(../images/car2/orange/car-orange-21.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-22 {
    background: url(../images/car2/orange/car-orange-22.png) no-repeat;
    background-size: 100% 100%;
}

.color-car .car-pu-orange-23 {
    background: url(../images/car2/orange/car-orange-23.png) no-repeat;
    background-size: 100% 100%;
}

/* @media only screen and (max-width: 970px) {

    .color-car .soak-test-car-pu-img,
    .color-car .car-pu {
        height: 360px;
    }
} */

.qm .color-car,
.bl .color-glass-car {
    width: 60%;
    padding: 40px;
    padding-left: 100px;
}

.qm .color-tips,
.bl .color-glass-tips {
    width: 40%;
    padding-top: 80px;
}

.qm .color-tips h2 p,
.bl .color-glass-tips h2 p {
    border-bottom: 3px solid #332C2B;
    width: 180px;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.qm .color-tips .c-lump-con,
.color-glass-tips .c-lump-glass-con {
    width: 180px;
    display: inline-block;
    margin: 0 auto;
    font-size: 16px;
    padding-left: 20px;
}

.qm .color-tips .c-lump-con p,
.color-glass-tips .c-lump-glass-con p {
    margin-bottom: 10px;
}

.qm .color-tips .c-lump::before,
.color-glass-tips .c-lump-glass-con .c-lump::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
}

.qm .color-tips .lightcoral::before {
    background: #FFB682;
}

.qm .color-tips .orange::before {
    background: #FF6E00;
}

.color-glass-tips .c-lump-glass-con .lightred::before {
    background: #EB6B73;
}

.color-glass-tips .c-lump-glass-con .deepRed::before {
    background: #D3282D;
}

/*玻璃*/
.bl .color-glass-car .car-glass-img {
    position: relative;
    margin: 10px;
    background: url(../images/car2/bldt.png) no-repeat;
    background-size: 100% 100%;
    height: 500px;
    width: 100%;
    max-width: 480px;
    border: 1px solid #ccc;
}

.car-glass-img .car-glass {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 480px;
    height: 500px;
}

/* 浅红 */
.car-glass-img .car-glass-lightred-1 {
    background: url(../images/car2/lightred/car-lightred-1.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-2 {
    background: url(../images/car2/lightred/car-lightred-2.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-3 {
    background: url(../images/car2/lightred/car-lightred-3.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-4 {
    background: url(../images/car2/lightred/car-lightred-4.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-5 {
    background: url(../images/car2/lightred/car-lightred-5.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-6 {
    background: url(../images/car2/lightred/car-lightred-6.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-7 {
    background: url(../images/car2/lightred/car-lightred-7.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-8 {
    background: url(../images/car2/lightred/car-lightred-8.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-lightred-9 {
    background: url(../images/car2/lightred/car-lightred-9.png) no-repeat;
    background-size: 100% 100%;
}

/* 深红 */
.car-glass-img .car-glass-deepRed-1 {
    background: url(../images/car2/deepRed/car-deepRed-1.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-2 {
    background: url(../images/car2/deepRed/car-deepRed-2.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-3 {
    background: url(../images/car2/deepRed/car-deepRed-3.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-4 {
    background: url(../images/car2/deepRed/car-deepRed-4.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-5 {
    background: url(../images/car2/deepRed/car-deepRed-5.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-6 {
    background: url(../images/car2/deepRed/car-deepRed-6.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-7 {
    background: url(../images/car2/deepRed/car-deepRed-7.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-8 {
    background: url(../images/car2/deepRed/car-deepRed-8.png) no-repeat;
    background-size: 100% 100%;
}

.car-glass-img .car-glass-deepRed-9 {
    background: url(../images/car2/deepRed/car-deepRed-9.png) no-repeat;
    background-size: 100% 100%;
}

/* @media only screen and (max-width: 970px) {

    .bl .color-glass-car .car-glass-img,
    .bl .car-glass-img .car-glass {
        height: 360px;
    }
} */

/*图片查看器*/
.pc-slide {
    width: 800px;
    margin: 0 auto;
}

.view .swiper-container {
    width: 780px;
    height: 500px;
    overflow: initial
}

.view {
    overflow: hidden;
    padding-bottom: 40px;
}

.pc-slide img {
    height: 100%;
    padding: 1px;
}

.pc-slide .swiper-container img {
    height: 100% !important;
}

.pc-slide h3 {
    position: absolute;
    bottom: -30px;
    left: 20px;
}

.pc-slide .swiper-wrapper {
    position: relative;
}

.more-con .swiper-slide {
    display: inline-block;
    margin: 20px 5px;
}

.more-con {
    text-align: left;
}