#chrev { width: 100%; } #chrev .kv-box { width: 100%; } #chrev .kv-box img { width: 100%; display: block; } #chrev .kv-box #kv-swiper { cursor: pointer; } #chrev .kv-box #kv-swiper .swiper-slide { position: relative; } #chrev .kv-box #kv-swiper .swiper-slide .dowm { width: 2.8125em; position: absolute; bottom: 1em; left: 50%; margin-left: -1.25em; z-index: 1; } #chrev .kv-box #kv-swiper .swiper-slide p { font-size: 1.25em; position: absolute; left: 12.5em; bottom: 6.25em; z-index: 1; color: #fff; } #chrev .kv-box #kv-swiper .swiper-slide .go-yyty { position: absolute; bottom: 0; right: -4%; z-index: 1; padding-bottom: 14%; } #chrev .kv-box #kv-swiper .swiper-slide .go-yyty img { width: 32.020833em; } #chrev .kv-box .kv-pagination { width: 100%; position: absolute; left: 0; bottom: 6.770833em; z-index: 12; text-align: center; } #chrev .kv-box .kv-pagination .swiper-pagination-switch { display: inline-block; width: .729167em; height: .729167em; background-color: #fff; vertical-align: middle; margin: 0 1em; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #chrev .kv-box .kv-pagination .swiper-active-switch { background-color: transparent; border: 2px solid #fff; } #chrev .kv-box .kv-btn { position: absolute; top: 45%; width: 1.979167em; height: 7.8125em; z-index: 3; } #chrev .kv-box .kv-next-btn { right: 0; background: url(/uploads/image/vcimages/kv-next.png) center center no-repeat; background-size: 100% 100%; } #chrev .kv-box .kv-prev-btn { left: 0; background: url(/uploads/image/vcimages/kv-prev.png) center center no-repeat; background-size: 100% 100%; } #chrev .car-color-box { width: 100%; color: #000; padding-bottom: 2.5em; background: url(/uploads/image/vcicar-color/bg.jpg) center bottom no-repeat; background-size: 100% 100%; } #chrev .car-color-box h3 { padding-top: 2.6875em; text-align: center; font-size: 2.083333em; font-weight: bold; } #chrev .car-color-box .video-btn { margin: 0 auto; width: 3.333333em; margin-top: 2.1875em; } #chrev .car-color-box .video-btn img { width: 100%; } #chrev .car-color-box .vr-btn { margin: 0 auto; margin-top: 2.083333em; width: 9.479167em; cursor: pointer; } #chrev .car-color-box .vr-btn img { width: 100%; } #chrev .car-color-box .car-box { margin: 0 auto; margin-top: 1.770833em; width: 32em; height: 15.833333em; } #chrev .car-color-box .car-box img { width: 100%; } #chrev .car-color-box .color-ul { margin: 0 auto; text-align: center; margin-top: 1.770833em; width: 47em; } #chrev .car-color-box .color-ul li { width: 4.5em; float: left; margin-left: 2.3em; position: relative; cursor: pointer; } #chrev .car-color-box .color-ul li img { width: 2.360417em; } #chrev .car-color-box .color-ul li p { font-size: .625em; line-height: 1.8em; } #chrev .car-color-box .color-ul .active:after { content: ''; width: 1.458333em; height: 1.041667em; background: url(/uploads/image/vcimages/car-hook.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: 0.7em; left: 50%; margin-left: -0.729167em; z-index: 3; } #chrev .car-color-box .color-ul .active img { border-radius: 50%; box-shadow: 0px 0px 7px 4px rgba(45, 45, 45, 0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #chrev .car-color-box .color-ul .li1 { margin-left: 0; } #chrev .car-color-box .pscc { text-align: center; margin-top: 4em; font-size: .625rem; } #chrev .section-box { width: 93.75em; margin: 0 auto; } #chrev .section-box .title-top { padding-top: 3.645833em; padding-left: 9.375em; } #chrev .section-box .title-top .text-img { font-size: 1.25em; color: #727272; display: none; } #chrev .section-box .title-top .text-img img { width: 13.4375em; } #chrev .section-box .title-top .text-img .driving-img { width: 5.104167em; } #chrev .section-box .title-top .text-img .safety-img { width: 4.375em; } #chrev .section-box .title-top .text-img .space-img { width: 3.802083em; } #chrev .section-box .title-top .text-img .inte-img { width: 8.4375em; } #chrev .section-box .title-top .text-title { margin-top: 1.5625em; font-weight: bold; } #chrev .section-box .title-top .text-title p { font-size: 2.083333em; } #chrev .section-box .title-top .text-p { margin-top: 1.5625em; margin-bottom: 2.083333em; width: 75em; line-height: 1.5em; } #chrev .section-box .title-top .text-p p { font-size: .9375em; } #chrev .section-box .look-more { width: 100%; height: 6.770833em; text-align: center; cursor: pointer; } #chrev .section-box .look-more .img-box { height: 6.770833em; text-align: center; } .look-morehide{ display:none; } .look-more_gb{ width: 3em !important; padding-top: 1.5625em; } #chrev .section-box .look-more .img-box img { width: 18.5em; } #chrev .section-box .look-more .img-box p { font-size: .78125em; } #chrev .section-box .look-more .img-box .ro45 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } #chrev .section-box .look-more .look-more-fixed { position: fixed; top: 4.270833em; left: 0; width: 100%; height: 3.7em; z-index: 88888; background-color: rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); } #chrev .section-box .line-box { width: 100%; height: 1px; background-color: #ccc; } #chrev .section-box .section-main { display: none; width: 75em; margin: 0 auto; } #chrev .section-box .section-main .group { position: relative; } #chrev .section-box .section-main .group img { width: 100%; } #chrev .section-box .section-main .group .mt76 { margin-top: 3.958333em; margin-bottom: 3.958333em; } #chrev .section-box .section-main .group .block-text { margin-top: 1.25em; position: relative; } #chrev .section-box .section-main .group .block-text .i-block { display: block; position: absolute; top: 0.1em; left: 1.8em; width: .9375em; height: .9375em; background-color: #0a95d8; } #chrev .section-box .section-main .group .block-text .title-box { font-weight: bold; font-size: .9375em; color: #000; padding-left: 3.4em; } #chrev .section-box .section-main .group .block-text .title-box i { font-size: 0.8em; font-style: normal; } #chrev .section-box .section-main .group .block-text .title-ps { margin-top: .9375em; padding: 0 1.8em; line-height: 1.1em; } #chrev .section-box .section-main .group .block-text .title-ps p { font-size: .833333em; } #chrev .section-box .section-main .group .block-text .title-ps p .top-bz { display: inline-block; font-size: 0.7em; position: relative; top: -.4em; } #chrev .section-box .section-main .group .block-text .nai-box { padding: 0 1.8em; } #chrev .section-box .section-main .group .block-text .nai-box ul { margin-bottom: .833333em; } #chrev .section-box .section-main .group .block-text .nai-box ul li { float: left; width: 48%; margin-left: 1.145833em; } #chrev .section-box .section-main .group .block-text .nai-box ul li img { width: 100%; } #chrev .section-box .section-main .group .block-text .nai-box ul .ml0 { margin-left: 0; } #chrev .section-box .section-main .group .block-text .nai-box p { font-size: .729167em; color: #a0a0a0; line-height: 1.5em; } #chrev .section-box .section-main .group .block-text .blue-tit { margin-top: .9375em; margin-bottom: 1.145833em; padding: 0 1.8em; } #chrev .section-box .section-main .group .block-text .blue-tit p { color: #0a95d8; font-size: .9375em; font-weight: bold; } #chrev .section-box .section-main .group .block-text .blue-img { padding: 0 1.8em; margin-top: .416667em; margin-bottom: 2.083333em; } #chrev .section-box .section-main .group .block-text .blue-img p { margin-top: 1em; font-size: .729167em; line-height: 2em; color: #a0a0a0; } #chrev .section-box .section-main .group .block-text .mt10 { margin-top: .520833em; } #chrev .section-box .section-main .group .group-tit p { font-size: 2.083333em; font-weight: bold; } #chrev .section-box .section-main .group .tss-tit { position: relative; padding-left: 9.895833em; line-height: 7.604167em; left: 6em; } #chrev .section-box .section-main .group .tss-tit img { width: 8.958333em; position: absolute; top: 0; left: 0; } #chrev .section-box .section-main .group .redline { width: 10.416667em; margin-top: 1.458333em; margin-bottom: 1.25em; } #chrev .section-box .section-main .group .blueline { width: 10.416667em; margin-top: 1.458333em; margin-bottom: 1.25em; height: .520833em; background-color: #46b1e4; } #chrev .section-box .section-main .group .group-tlt-ps { margin-bottom: 2.395833em; line-height: 1.3em; } #chrev .section-box .section-main .group .group-tlt-ps p { font-size: 1.041667em; } #chrev .section-box .section-main .group .w33-title { margin-top: 1.25em; line-height: 1.5em; } #chrev .section-box .section-main .group .w33-title p { font-size: 1.041667em; font-weight: bold; } #chrev .section-box .section-main .group .w33-title p i { font-style: normal; font-weight: bold; font-size: 0.7em; } #chrev .section-box .section-main .group .w33-title p span { color: #0a95d8; } #chrev .section-box .section-main .group .w33-title .w33-ps { margin-top: 1.145833em; line-height: 1.2em; } #chrev .section-box .section-main .group .w33-title .w33-ps p { font-size: .833333em; font-weight: normal; } #chrev .section-box .section-main .group .swiper-container { height: 23.833333em; } #chrev .section-box .section-main .group .swiper-container .group-pagination { width: 100%; position: absolute; left: 0; bottom: 0em; z-index: 12; text-align: center; } #chrev .section-box .section-main .group .swiper-container .group-pagination .swiper-pagination-switch { display: inline-block; width: .833333em; height: .833333em; background-color: #000; vertical-align: middle; margin: 0 .5em; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #chrev .section-box .section-main .group .swiper-container .group-pagination .swiper-active-switch { background-color: #fff; border: 2px solid #000; } #chrev .section-box .section-main .group #driving-swiper { height: 24.833333em; } #chrev .section-box .section-main .group #inte-swiper { height: 24.833333em; } #chrev .section-box .section-main .group #cool-swiper { height: 13em; } #chrev .section-box .section-main .group .swiper-btn { position: absolute; top: 2.864583em; width: 1.875em; height: 7.291667em; z-index: 3; cursor: pointer; } #chrev .section-box .section-main .group .swiper-next-btn { right: -2.5em; background: url(/uploads/image/vcimages/swiper-r.png) center center no-repeat; background-size: 100% 100%; } #chrev .section-box .section-main .group .swiper-prev-btn { left: -2.5em; background: url(/uploads/image/vcimages/swiper-l.png) center center no-repeat; background-size: 100% 100%; } #chrev .section-box .section-main .group .mideo-box { position: absolute; top: 49%; left: 43%; z-index: 1; } #chrev .section-box .section-main .group .mideo-box .video-btn { width: 3.489583em; } #chrev .section-box .section-main .group .mideo-box .video-btn img { margin-left: 3.9em; } #chrev .section-box .section-main .group .mideo-box .mideo-text { text-align: center; margin-top: 0.5em; } #chrev .section-box .section-main .group .mideo-box .mideo-text p { color: #fff; font-size: .9375em; } #chrev .section-box .section-main .group .tss-btn { position: absolute; top: 10em; right: 2em; z-index: 1; } #chrev .section-box .section-main .group .tss-btn .video-btn { width: 3.229167em; } #maps .map-boxs .btn p img { width:5%; display: inline-block; padding-right: 5px; vertical-align:middle; } #chrev .section-box .section-main .group .tss-btn .video-btn img { margin-left: 0.5em; } #chrev .section-box .section-main .group .tss-btn .tts-pxs { margin-top: 0.3em; text-align: center; } #chrev .section-box .section-main .group .tss-btn .tts-pxs p { font-size: 1em; color: #fff; } #chrev .section-box .section-main .group .mt40 { margin-top: 2.083333em; } #chrev .section-box .section-main .bottom-box { width: 100%; position: relative; margin-bottom: 4.166667em; } #chrev .section-box .section-main .bottom-box .pointer{ width: 2em; height: 2.6em; position: absolute; right: 50%; margin-right: -12em; top: 1em; background-image: url(/uploads/image/vcimages/showzhi.png); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; animation: fingerhandle 1s ease infinite both; } @keyframes fingerhandle { 0% { transform: none; } 70% { transform: scale3d(.8, .8, .8); } 100% { transform: none; } } #chrev .section-box .section-main .bottom-box .go-yyty { cursor: pointer; width: 11.71875em; height: 2.708333em; line-height: 2.708333em; border: 2px solid #000; margin: 0 auto; border-radius: .3125em; -webkit-border-radius: .3125em; -moz-border-radius: .3125em; -ms-border-radius: .3125em; -o-border-radius: .3125em; } #chrev .section-box .section-main .bottom-box .go-yyty p { font-size: 1.041667em; text-align: center; font-weight: bold; } #chrev .section-box .section-main .bottom-box .sec-ps { position: absolute; top: 1.041667em; right: 0; } #chrev .section-box .section-main .bottom-box .sec-ps p { font-size: .833333em; } #chrev .section-box .section-main .bottom-box .sec-ps p span { color: #0a95d8; } #chrev .section-box .section-main .gray-bg { margin-top: 1em; background-color: #f2f3f5; padding-bottom: 2.083333em; } #chrev .section-box .section-main .gray-bg .block-text { margin-top: 0; position: relative; } #chrev .section-box .section-main .gray-bg .block-text .title-box i { font-size: .8em; font-style: normal; } #chrev .section-box .section-main .gray-bg img { width: 96%; margin-left: 2%; } #chrev .section-box .section-main .gray-bg .video-boxs { position: absolute; right: 8%; top: 30%; z-index: 2; text-align: center; } #chrev .section-box .section-main .gray-bg .video-boxs .video-btn { width: 3.489583em; } #chrev .section-box .section-main .gray-bg .video-boxs .video-btn img { width: 100%; margin: 0 auto; margin-left: 29%; } #chrev .section-box .section-main .gray-bg .video-boxs .p-box { color: #fff; font-weight: bold; text-align: center; margin-top: 0.5em; } #chrev .section-box .section-main .gray-bg .video-boxs .p-box p { font-size: .833333em; } #chrev .surprise { width: 100%; min-height: 32.604167em; background: url(/uploads/image/vcimages/sur-bg.jpg) center center no-repeat; background-size: 100% 100%; padding-top: 3.645833em; margin-top: 3em; } #chrev .surprise .sur-top-box { width: 75em; margin: 0 auto; } #chrev .surprise .sur-top-box .sur-l-box { width: 30.416667em; padding-top: 3.125em; } #chrev .surprise .sur-top-box .sur-l-box .sur-tit-box { padding-left: 4.1em; position: relative; } #chrev .surprise .sur-top-box .sur-l-box .sur-tit-box img { width: 2.916667em; position: absolute; top: 10%; left: 0; } #chrev .surprise .sur-top-box .sur-l-box .sur-tit-box p { font-size: 2.083333em; font-weight: bold; } #chrev .surprise .sur-top-box .sur-l-box .sur-text { width: 90%; margin-top: 2.604167em; } #chrev .surprise .sur-top-box .sur-l-box .sur-text p { font-size: .9375em; line-height: 1.5em; } #chrev .surprise .sur-top-box .sur-l-box .go-yyty { cursor: pointer; margin-top: 3.645833em; width: 12.5em; height: 2.916667em; line-height: 2.916667em; border: 1px solid #000; border-radius: .364583em; text-align: center; -webkit-border-radius: .364583em; -moz-border-radius: .364583em; -ms-border-radius: .364583em; -o-border-radius: .364583em; } #chrev .surprise .sur-top-box .sur-l-box .go-yyty p { font-size: 1.041667em; font-weight: bold; } #chrev .surprise .sur-top-box .sur-r-box { width: 44.53125em; cursor: pointer; position: relative; color: #fff; } #chrev .surprise .sur-top-box .sur-r-box img { width: 100%; } #chrev .surprise .sur-top-box .sur-r-box .sur-v-box { position: absolute; top: 40%; left: 45%; margin-left: 0.9em; } #chrev .surprise .sur-top-box .sur-r-box .sur-v-box .video-btn { width: 3.489583em; } #chrev .surprise .sur-top-box .sur-r-box .sur-v-box .video-btn img { margin-bottom: 0.4em; } #chrev .surprise .sur-top-box .sur-r-box .sur-v-box p { font-size: .833333em; } #chrev .surprise .sur-bottom-box { width: 100%; margin-top: .520833em; position: relative; } #chrev .surprise .sur-bottom-box img { width: 100%; } #chrev .surprise .sur-bottom-box .video-ul { width: 75em; position: absolute; top: 2.8em; left: 50%; margin-left: -37.5em; } #chrev .surprise .sur-bottom-box .video-ul .video-li { float: left; margin-left: 3em; } #chrev .surprise .sur-bottom-box .video-ul .video-li .video-btn { width: 16.458333em; height: 9.791667em; background-color: #000; position: relative; } #chrev .surprise .sur-bottom-box .video-ul .video-li .video-btn img { width: 3.4375em; position: absolute; top: 50%; left: 50%; margin-left: -1.71875em; margin-top: -1.71875em; z-index: 2; } #chrev .surprise .sur-bottom-box .video-ul .video-li .p-texta { margin-top: .625em; padding-left: .520833em; } #chrev .surprise .sur-bottom-box .video-ul .video-li .p-texta p { font-size: .9375em; } #chrev .surprise .sur-bottom-box .video-ul .ml1 { margin-left: 0em; } #chrev .configure { width: 100%; padding-top: 5.208333em; } #chrev .configure .h3-tit { text-align: center; } #chrev .configure .h3-tit h3 { font-size: 2.083333em; font-weight: bold; } #chrev .configure .h3-tit .h3-p { margin-top: 1.25em; } #chrev .configure .h3-tit .h3-p p { font-size: .9375em; } #chrev .configure .h3-tit .h3-p p span { color: #1c77ba; } #chrev .configure .con-main { width: 100%; position: relative; margin-top: 1.875em; border-bottom: 1px solid #ccc; } #chrev .configure .con-main .swiper-boxs { width: 75em; height: 37.0625em; margin: 0 auto; } #chrev .configure .con-main .swiper-boxs #con-swiper { height: 34.0625em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 { position: relative; float: left; width: 19.270833em; height: 25.5em; padding: 2.604167em 1.770833em 2.291667em; background-color: #f2f3f5; margin-left: 3.125em; border-radius: .52083em; -webkit-border-radius: .52083em; -moz-border-radius: .52083em; -ms-border-radius: .52083em; -o-border-radius: .52083em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-tit { padding-left: 1.875em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-tit p { font-size: 1.145833em; font-weight: bold; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-pri { padding-left: 1.875em; margin-top: 1.145833em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-pri p { font-size: .9375em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-pri p span { color: #0a95d8; font-weight: bold; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-pri p .font-b { font-size: 1.4em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-car-img { width: 100%; margin-top: 1.875em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-car-img img { width: 90%; margin-left: 5%; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-ps { margin-top: 1.875em; position: relative; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-ps .con-px-text { padding-left: 1.875em; line-height: 1.5625em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-ps .con-px-text p { font-size: .833333em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-ps .con-px-text p span { color: #d6000f; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .con-ps .dian { position: absolute; top: .1em; left: .8em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .link-box { margin-top: 2.083333em; position: absolute; width: 100%; bottom: 2.604167em; left: 0; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .link-box a { float: left; margin-left: 1.3em; display: block; width: 8.958333em; height: 2.5em; line-height: 2.5em; text-align: center; position: relative; background-color: #000; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .link-box a p { font-size: .9375em; font-weight: bold; color: #fff; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .link-box a .arrow { position: absolute; right: 0.7em; top: 0.8em; width: 0.5em; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .link-box .none { display: none; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .w44 .link-box .ml0 { float: none; margin: 0 auto; } #chrev .configure .con-main .swiper-boxs #con-swiper .swiper-slide .ml0 { margin-left: 0; } #chrev .configure .con-main .swiper-boxs .con-pagination { width: 100%; position: absolute; left: 0; bottom: 0em; z-index: 12; text-align: center; } #chrev .configure .con-main .swiper-boxs .con-pagination .swiper-pagination-switch { display: inline-block; width: .833333em; height: .833333em; background-color: #000; vertical-align: middle; margin: 0 .5em; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #chrev .configure .con-main .swiper-boxs .con-pagination .swiper-active-switch { background-color: #fff; border: 2px solid #000; } #chrev .configure .con-main .swiper-btn { position: absolute; top: 25%; width: 1.979167em; height: 7.8125em; cursor: pointer; } #chrev .configure .con-main .swiper-next-btn { right: 0; background: url(/uploads/image/vcimages/kv-next.png) center center no-repeat; background-size: 100% 100%; } #chrev .configure .con-main .swiper-prev-btn { left: 0; background: url(/uploads/image/vcimages/kv-prev.png) center center no-repeat; background-size: 100% 100%; } #chrev .configure .con-main .pscc { text-align: center; margin-bottom: 4em; font-size: .625rem; color: #9c9797; } #chrev .plan { width: 100%; padding-top: 3.125em; padding-bottom: 3.645833em; border-bottom: 1px solid #ccc; } #chrev .plan .top-tlt { text-align: center; } #chrev .plan .top-tlt h3 { font-size: 2.083333em; font-weight: bold; } #chrev .plan .top-tlt .ps-rq { margin-top: 1.5625em; margin-bottom: 2.083333em; } #chrev .plan .top-tlt .ps-rq p { font-size: 1.041667em; } #chrev .plan .plan-ul { margin: 0 auto; } #chrev .plan .plan-ul .plan-box { position: relative; width: 20.625em; height: 18.0625em; float: left; margin-left: 1.166667em; padding: 1.770833em 1.0em 1.770833em 2.0em; border: 1px solid #0a95d8; background: linear-gradient(rgba(211, 235, 247, 0.7), #fff); border-radius: .520833em; -webkit-border-radius: .520833em; -moz-border-radius: .520833em; -ms-border-radius: .520833em; -o-border-radius: .520833em; } #chrev .plan .plan-ul .plan-box .plan-tit { text-align: left; } #chrev .plan .plan-ul .plan-box .plan-tit span { font-size: 1.458333em; font-weight: bold; vertical-align: middle; } #chrev .plan .plan-ul .plan-box .plan-tit img { display: inline-block; width: 2.5em; margin-right: 0.5em; vertical-align: middle; } #chrev .plan .plan-ul .plan-box .plan-main { margin-top: 1.204167em; margin-bottom: 1.125em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-fl { float: left; width: 8.0em; line-height: 1.6em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-fl p { font-size: 1.145833em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-fl p i { font-style: normal; color: #d6000f; display: inline-block; margin-right: .3em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-fr { float: left; width: 9.895833em; line-height: 1.6em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-fr p { font-size: 1.145833em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-ce p { font-size: 1.145833em; padding-left: .8em; position: relative; margin-bottom: 0.2em; line-height: 1.5em; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-ce p i { font-style: normal; color: #0a95d8; display: inline-block; margin-right: .3em; position: absolute; top: 0; left: 0; } #chrev .plan .plan-ul .plan-box .plan-main .plan-txt-box .plan-ce p .blue-ttxt { color: #0a95d8; font-size: 0.8em; vertical-align: top; line-height: normal; } #chrev .plan .plan-ul .plan-box .plan-ps { position: absolute; left: 0; bottom: 1.770833em; text-align: center; width: 100%; } #chrev .plan .plan-ul .plan-box .plan-ps p { font-size: .833333em; } #chrev .plan .plan-ul .plan-box .plan-ps p span { color: #0a95d8; } #chrev .plan .plan-ul .plan-boxs { position: relative; float: left; margin-top: 3.125em; width: 100%; height: 15.0625em; margin-left: 4.166667em; border: 1px solid #0a95d8; background: linear-gradient(rgba(211, 235, 247, 0.7), #fff); border-radius: .520833em; -webkit-border-radius: .520833em; -moz-border-radius: .520833em; -ms-border-radius: .520833em; -o-border-radius: .520833em; } #chrev .plan .plan-ul .plan-boxs .plan-tit { text-align: center; padding-top: 2.34375em; } #chrev .plan .plan-ul .plan-boxs .plan-tit span { font-size: 1.458333em; font-weight: bold; vertical-align: middle; } #chrev .plan .plan-ul .plan-boxs .plan-tit img { display: inline-block; width: 3.875em; margin-right: 0.5em; vertical-align: middle; } #chrev .plan .plan-ul .plan-boxs .plan-main { margin-top: 2.604167em; margin-bottom: 3.125em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-fl { float: left; width: 7.291667em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-fl p { font-size: 1.145833em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-fl p i { font-style: normal; color: #d6000f; display: inline-block; margin-right: .3em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-fr { float: left; width: 9.895833em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-fr p { font-size: 1.145833em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-ce { padding: 0 7.552083em; line-height: 1.5em; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-ce p { font-size: 1.145833em; position: relative; } #chrev .plan .plan-ul .plan-boxs .plan-main .plan-txt-box .plan-ce p i { font-style: normal; color: #1c77ba; display: inline-block; margin-right: .3em; position: absolute; top: 0em; left: -0.9em; } #chrev .plan .plan-ul .plan-boxs .plan-ps { position: absolute; left: 0; bottom: 1.770833em; text-align: center; width: 100%; } #chrev .plan .plan-ul .plan-boxs .plan-ps p { font-size: .833333em; } #chrev .plan .plan-ul .plan-boxs .plan-ps p span { color: #0a95d8; } #chrev .plan .plan-ul .ml0 { margin-left: 0; } #chrev .plan .plan-ul .mt10 { margin-top: .520833em; } #chrev .plan .plan-ps-ul { width: 75em; margin: 0 auto; margin-top: 2.395833em; } #chrev .plan .plan-ps-ul li { font-size: .833333em; color: #333; line-height: 1.5em; } #chrev .order-box { width: 100%; padding-top: 3.125em; padding-bottom: 5.645833em; border-bottom: 1px solid #ccc; } #chrev .order-box .top-tlt { text-align: center; } #chrev .order-box .top-tlt h3 { font-size: 2.083333em; font-weight: bold; } #chrev .order-box .top-tlt .ps-rq { margin-top: 1.5625em; margin-bottom: 2.083333em; } #chrev .order-box .top-tlt .ps-rq p { font-size: 1.041667em; } #chrev .order-box .form { width: 68.75em; padding: 2.083333em 3.125em; margin: 0 auto; box-shadow: 0px 0px 14px 10px rgba(0, 0, 0, 0.1); padding-bottom: 4em; } #chrev .order-box .form .fl-box { width: 39.583333em; float: left; position: relative; } #chrev .order-box .form .fl-box .top-txt { position: relative; width: 100%; margin-bottom: 1.5625em; } #chrev .order-box .form .fl-box .top-txt .dw-png { display: block; position: absolute; top: -0.1em; left: 0; width: 1.145833em; } #chrev .order-box .form .fl-box .top-txt .dw-png img { width: 100%; } #chrev .order-box .form .fl-box .top-txt .text { width: 100%; padding-left: 1.5625em; } #chrev .order-box .form .fl-box .top-txt .text p { font-size: .9375em; } #chrev .order-box .form .fl-box #maps { width: 100%; height: 33.104167em; background-color: #58bc58; } #chrev .order-box .form .fl-box .lately { cursor: pointer; position: absolute; top: 0; right: 0; z-index: 7; width: 6.770833em; height: 1.666667em; line-height: 1.875em; border: 1px solid #000; color: #000; border-radius: .3125em; -webkit-border-radius: .3125em; -moz-border-radius: .3125em; -ms-border-radius: .3125em; -o-border-radius: .3125em; } #chrev .order-box .form .fl-box .lately p { font-size: 1em; text-align: center; } #chrev .order-box .form .fr-box { width: 25.3125em; float: right; background-color: #fff; } #chrev .order-box .form .fr-box .form-box { width: 100%; margin-top: 2.083333em; } #chrev .order-box .form .fr-box .form-box .form-tit p { font-size: .9375em; } #chrev .order-box .form .fr-box .form-box .int-box { width: 100%; min-height: 3.333333em; border-bottom: 1px solid #ccc; } #chrev .order-box .form .fr-box .form-box .int-box .fw50 { float: left; width: 49.9%; height: 100%; } #chrev .order-box .form .fr-box .form-box .int-box .fw50 select { width: 100%; height: 100%; font-size: 1.145833em; color: #000; margin-top: 1.1em; } #chrev .order-box .form .fr-box .form-box .int-box .fw100 { width: 100%; height: 100%; } #chrev .order-box .form .fr-box .form-box .int-box .fw100 select { width: 100%; height: 100%; font-size: 1.145833em; color: #000; margin-top: 1.1em; } #chrev .order-box .form .fr-box .form-box .int-box .fw100 p { width: 100%; padding-top: 1em; font-size: 1.145833em; } #chrev .order-box .form .fr-box .form-box .int-box .fw100 input { width: 100%; height: 100%; font-size: 1.145833em; color: #000; margin-top: 1.1em; border: 0; } #chrev .order-box .form .fr-box .form-box .int-box .arrow { position: relative; } #chrev .order-box .form .fr-box .form-box .int-box .arrow:after { content: ""; width: .677083em; height: 1.145833em; position: absolute; right: 0.2em; bottom: 0; background: url(/uploads/image/vcimages/arrow-g.png) center center no-repeat; background-size: 100% 100%; z-index: 2; } #chrev .order-box .form .fr-box .form-box .adds { display: none; } #chrev .order-box .form .fr-box .form-box .check-box { vertical-align: middle; } #chrev .order-box .form .fr-box .form-box .check-box i { margin-right: 0.2em; vertical-align: middle; cursor: pointer; display: inline-block; width: 1.6em; height: 1.6em; border-radius: .104167em; -webkit-border-radius: .104167em; -moz-border-radius: .104167em; -ms-border-radius: .104167em; -o-border-radius: .104167em; background: url(/uploads/image/2vcimages/check.png); background-repeat: no-repeat; } #chrev .order-box .form .fr-box .form-box .check-box i #checkbox { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: relative; z-index: 10; } #chrev .order-box .form .fr-box .form-box .check-box .active { position: relative; } #chrev .order-box .form .fr-box .form-box .check-box .active:after { content: ""; width: 1.1em; height: 1.1em; position: absolute; top: 48%; left: 41%; margin-top: -0.546875em; margin-left: -0.390625em; z-index: 3; background: url(/uploads/image/2vcimages/checked.png) center center no-repeat; background-size: 100% 100%; } #chrev .order-box .form .fr-box .form-box .check-box span { vertical-align: middle; } #chrev .order-box .form .fr-box .form-box .check-box span a { color: #d6000f; } #chrev .order-box .form .fr-box .send-box { cursor: pointer; margin-top: 1.458333em; width: 100%; height: 3.4375em; line-height: 3.4375em; text-align: center; background-color: #000; } #chrev .order-box .form .fr-box .send-box p { font-size: 1.041667em; color: #fff; font-weight: bold; } #chrev .order-box .more-car-box { margin-top: 7.291667em; } #chrev .order-box .more-car-box h3 { font-size: 1.875em; font-weight: bold; text-align: center; } #chrev .order-box .more-car-box .more-chr-link { display: block; width: 22.916667em; margin: 0 auto; margin-top: 3.125em; } #chrev .order-box .more-car-box .more-chr-link img { margin-bottom: 1.041667em; } #chrev .order-box .more-car-box .more-chr-link p { font-size: 1.041667em; text-align: center; font-weight: bold; color: #000; } #chrev .more-box { width: 52.041667em; margin: 0 auto; padding: 3.125em 0; margin-bottom: 30px; } #chrev .more-box ul { width: 100%; } #chrev .more-box ul li { float: left; } #chrev .more-box ul li a { display: block; text-align: center; } #chrev .more-box ul li a p { font-size: 1.041667em; font-weight: bold; color: #000; } #chrev .more-box ul li a .more-img1 { width: 2.916667em; margin-bottom: 0.3em; } #chrev .more-box ul li a .more-img2 { width: 2.65625em; } #chrev .more-box ul li a .more-img3 { width: 2.5em; margin-bottom: 0.65em; } #chrev .more-box ul .li22 { margin: 0 18.7em; } #chrev .nav-box { display: none; width: 100%; height: 4.166667em; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 777; border-bottom: 1px solid #f2f3f5; cursor: pointer; } #chrev .nav-box .nav-main { width: 75em; margin: 0 auto; } #chrev .nav-box .nav-main .chrev-logo { width: 6.25em; } #chrev .nav-box .nav-main .chrev-logo img { width: 150%; margin-top: 0.5em; } #chrev .nav-box .nav-main .nav-ul { height: 4.166667em; margin-left: 5.5em; } #chrev .nav-box .nav-main .nav-ul li { height: 4.166667em; line-height: 4.166667em; float: left; padding: 0 0.8em; } #chrev .nav-box .nav-main .nav-ul li p { font-size: .833333em; } #chrev .nav-box .nav-main .nav-ul .active { font-weight: bold; position: relative; } #chrev .nav-box .nav-main .nav-ul .active:after { content: ""; width: 2.604167em; height: .3125em; position: absolute; left: 50%; bottom: 0; background-color: #46b1e4; z-index: 1; margin-left: -1.302083em; } #chrev .nav-box .nav-main .vr-yy { margin-top: 1.1em; } #chrev .nav-box .nav-main .vr-yy img { width: 100%; } #chrev .nav-box .nav-main .vr-yy .go-vr { width: 7em; margin-right: 2em; } #chrev .nav-box .nav-main .vr-yy .go-yyty { width: 6.625em; } #chrev .video-btn { cursor: pointer; } #chrev .map-boxs { cursor: pointer; width: 19.791667em; padding: 0 1.5625em; padding-bottom: 1.5625em; background-color: #fff; box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2); position: relative; } #chrev .map-boxs .title { width: 100%; line-height: 3.645833em; border-bottom: 1px solid #ccc; } #chrev .map-boxs .title p { font-size: 1.041667em; font-weight: bold; } #chrev .map-boxs .tel { margin-top: 1.041667em; } #chrev .map-boxs .tel p { font-size: .833333em; } #chrev .map-boxs .address { margin-top: .520833em; } #chrev .map-boxs .address p { font-size: .833333em; } #chrev .map-boxs .btn { margin-top: 1.666667em; width: 100%; height: 2.708333em; line-height: 2.708333em; background-color: #000; color: #fff; text-align: center; } #chrev .map-boxs .btn p { font-size: .9375em; } #chrev .map-boxs .close { position: absolute; top: 1.25em; right: .9375em; width: 1em; height: 1em; background: url(/uploads/image/vcimages/close-btn.png) center center no-repeat; background-size: 100% 100%; } #chrev .w50 { width: 36.145833em; margin-left: 2.604167em; float: left; } #chrev .w33 { width: 24.166667em; margin-left: 1.25em; float: left; } #chrev .ml0 { margin-left: 0; } #chrev .mt60 { margin-top: 3.125em; } #chrev .mt100 { margin-top: 5.208333em; } #chrev .mt155 { margin-top: 8.072917em; } #chrev .mb60 { margin-bottom: 3.125em; } #chrev .mb40 { margin-bottom: 2.083333em; } #chrev .mb34 { margin-bottom: 1.770833em; } #chrev .pt30 { padding-top: 1.2em; } #chrev .pt50 { padding-top: 2.604167em; } #chrev .re { position: relative; } #chrev .mb30 { margin-bottom: 1.25em; } #chrev .w96 { width: 96%; } #chrev .mtf60 { margin-top: -4em; } #chrev .mt15 { margin-top: 1.5em; } .video-box { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; background-color: rgba(0, 0, 0, 0.5); } .video-box .w90 { width: 70%; position: absolute; top: 12%; left: 15%; } .video-box .close-video { width: 2.5em; height: 2.5em; position: absolute; top: 2em; right: 2em; z-index: 7777; cursor: pointer; } .video-box .close-video img { width: 100%; } #chrev #newplan { width: 100%; padding: 3% 0; background-color: #f0f0f0; } #chrev #newplan .top-tlt { text-align: center; } #chrev #newplan .top-tlt h3 { font-size: 2.083333em; font-weight: bold; } #chrev #newplan .plan-ul .plan-content { position: relative; } #chrev #newplan .plan-ul .plan-content #newplan-swiper { width: 84.1%; margin: 2.6% auto 0; } #chrev #newplan .plan-ul .plan-content #newplan-swiper .swiper-slide { position: relative; box-sizing: border-box; background-color: #fff; } #chrev #newplan .plan-ul .plan-content #newplan-swiper .swiper-slide .item-boxs img { width: 50%; margin-left: 1px; display: block; } #chrev #newplan .plan-ul .plan-content #newplan-swiper .swiper-slide .item-boxs .plan-item-content { width: 50%; height: 100%; vertical-align: top; position: absolute; right: 0; top: 0; overflow: hidden; padding: 4em; box-sizing: border-box; } #chrev #newplan .plan-ul .plan-content #newplan-swiper .swiper-slide .item-boxs .plan-item-content .h2 { font-weight: bold; font-size: 1.8em; } #chrev #newplan .plan-ul .plan-content #newplan-swiper .swiper-slide .item-boxs .plan-item-content ul { font-size: 1.2em; padding-top: 1.3em; line-height: 1.8em; } #chrev #newplan .plan-ul .plan-content #newplan-swiper .swiper-slide .item-boxs .plan-item-content ul sup { vertical-align: super; } #chrev #newplan .plan-ul .plan-content .swiper-btn { width: 3.6em; height: 3.6em; position: absolute; right: 1.5%; background: url(/uploads/image/vciplan/btn-next1.png) center center no-repeat; background-size: 100% 100%; top: 50%; margin-top: -1.8em; cursor: pointer; } #chrev #newplan .plan-ul .plan-content .swiper-btn.disabled { opacity: .35; cursor: auto; pointer-events: none; } #chrev #newplan .plan-ul .plan-content .swiper-btn:hover { background-image: url(/uploads/image/vciplan/btn-next2.png); } #chrev #newplan .plan-ul .plan-content .swiper-btn.newplan-prev-btn { left: 1.5%; right: auto; background-image: url(/uploads/image/vciplan/btn-prev1.png); } #chrev #newplan .plan-ul .plan-content .swiper-btn.newplan-prev-btn:hover { background-image: url(/uploads/image/vciplan/btn-prev2.png); } #chrev #newplan .plan-ul .tabs-ul { text-align: center; margin-top: 2.4em; font-weight: bold; } #chrev #newplan .plan-ul .tabs-ul .tab-item { display: inline-block; width: 15.5%; margin: 0 2.8%; border-top: 3px solid #000; cursor: pointer; opacity: .5; font-size: 1.5em; padding: .9rem 0 1.2em; vertical-align: top; } #chrev #newplan .plan-ul .tabs-ul .tab-item.active { opacity: 1; background: linear-gradient(rgba(0, 0, 0, 0.06), transparent); } #chrev #newplan .plan-ul .allcountry1 { width: 84.1%; margin: 3% auto .6%; line-height: 1.5em; } #chrev #newplan .plan-ul .allcountry1 p:last-child { } .more-wrapper { padding-top: 57px; padding-bottom: 35px; text-align: center; } .more-wrapper .more-t{ font-size:30px; font-weight:bold; color:#303030; line-height:72px; } .more-wrapper .img-wrapper { margin-top: 65px; } .more-wrapper .img-wrapper .car-w { display: inline-block; cursor: pointer; } .more-wrapper .img-wrapper .car-w img{ width: 83%; } .more-wrapper .img-wrapper .car-w.more-img-right { margin-left: 210px; } .more-wrapper .img-wrapper .car-w div{ font-size:24px; font-weight:400; color:#303030; line-height:72px; } .more-wrapper .img-wrapper .car-w:hover div{ color: #ff4445; } .footer-text-wrapper{ background: #f6f6f6; padding-top: 36px; padding-bottom: 56px; } .tishi { font-size: .18rem; color: #e60012; display: none; margin-top: 2%; } .tishi i { display: inline-block; width: 20px; font-size: 14px; height: 20px; line-height: 22px; margin-right: 10px; color: #fff; text-align: center; vertical-align: middle; font-style: normal; border-radius: 50%; background-color: #e60012; }