@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; }

html, body { line-height: normal; position: relative; margin: 0 auto; max-width: 768px; }

body { font-size: .24rem; color: #444; -webkit-font-smoothing: antialiased; font-family: arial, sans-serif; -webkit-tap-highlight-color: transparent; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe { margin: 0; padding: 0; }

img, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; max-width: 100%; }

h1, h2, h3, h4, h5, h6, b { font-size: 100%; font-weight: normal; }

fieldset, img { border: 0; }

img { object-fit: cover; vertical-align: top; }

address, caption, cite, dfn, em, th, var, i, em { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }

a, label, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }

input, select, button { font: 100% arial, sans-serif, \5b8b\4f53; vertical-align: baseline; border: 0; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

input[type=checkbox], input[type=radio] { vertical-align: middle; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; -moz-appearance: none !important; margin: 0; }

textarea { border: 0; outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; font: 100% arial, sans-serif, \5b8b\4f53; }

table { border-collapse: collapse; border-spacing: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

.fl { float: left; }

.fr { float: right; }

.cl { clear: both; }

@keyframes rotate { /* 旋转沿x轴旋转-10度,再绕y轴旋转 */
  0% { transform: translateY(4px); }
  100% { transform: translateY(0); } }

.Index { width: 100%; position: relative; overflow: hidden; }

.Index .banner { position: relative; width: 100%; }

.Index .banner .bannerImg { width: 100%; }

.Index .banner .logo { position: absolute; top: .6rem; left: .19rem; width: 3.56rem; }

.Index .banner .titleImg { width: 6.9rem; position: absolute; left: 0; right: 0; top: 2rem; margin: auto; }

.Index .blcok1 { position: relative; width: 100%; height: 7.41rem; background: url(../images/bg1.png) no-repeat; background-size: 100% 100%; padding-top: .4rem; }

.Index .blcok1 .b1Top { background: url(../images/b1_topBg.png) no-repeat; background-size: 100% 100%; width: 7.34rem; height: 6.3rem; margin: auto; color: #333333; }

.Index .blcok1 .b1Top .b1_top_h { width: 5.7rem; padding-top: .55rem; margin: 0 auto; text-align: center; font-size: .6rem; font-weight: bold; text-align: center; }

.Index .blcok1 .b1Top .b1_top_h img { width: 1.16rem; display: inline-block; }

.Index .blcok1 .b1Top .b1_top_p { font-size: .26rem; width: 6rem; margin: 0 auto .15rem; font-weight: bold; text-align: justify; }

.Index .block2 { position: relative; width: 100%; background: url(../images/bg2.png?v=10) no-repeat; background-size: 100% 100%; padding-top: .87rem; padding-bottom: .5rem; margin-top: -1rem; }

.Index .block2 .carBox { position: relative; }

.Index .block2 .carBox .c_title { width: 4.44rem; display: block; margin: auto; }

.Index .block2 .carBox .carCont { position: relative; background: url(../images/car_bg.png) no-repeat; background-size: 100% 100%; width: 7.18rem; height: 5.17rem; margin: auto; padding: .86rem .64rem 0; }

.Index .block2 .carBox .carCont .play { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: .6rem; }

.Index .block2 .imgBox { position: relative; padding-top: .38rem; }

.Index .block2 .imgBox .c_title { width: 2.26rem; display: block; margin: auto; }

.Index .block2 .imgBox .swiper1, .Index .block2 .imgBox .swiper3 { width: 100%; position: relative; overflow: hidden; }

.Index .block2 .imgBox .swiper1 .b3Top, .Index .block2 .imgBox .swiper3 .b3Top { height: .7rem; position: absolute; top: 1rem; }

.Index .block2 .imgBox .swiper1 .b3Top img, .Index .block2 .imgBox .swiper3 .b3Top img { height: .7rem; }

.Index .block2 .imgBox .swiper1 .carImg, .Index .block2 .imgBox .swiper3 .carImg { top: .12rem; position: absolute; left: 0; width: 1.2rem; transition: all 1s; }

.Index .block2 .imgBox .swiper1 .xian_a, .Index .block2 .imgBox .swiper3 .xian_a { position: absolute; left: 0; top: .95rem; width: .8rem; z-index: 10; }

.Index .block2 .imgBox .swiper1 .swiper-wrapper, .Index .block2 .imgBox .swiper3 .swiper-wrapper { padding-left: .7rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide, .Index .block2 .imgBox .swiper3 .swiper-slide { padding-top: 1rem; margin-left: -.3rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide .car, .Index .block2 .imgBox .swiper3 .swiper-slide .car { position: absolute; left: 0; right: 0; top: .3rem; margin: auto; width: .96rem; display: inline-block; }

.Index .block2 .imgBox .swiper1 .swiper-slide .jian1, .Index .block2 .imgBox .swiper3 .swiper-slide .jian1 { position: absolute; left: 0; top: 1rem; height: .7rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide .jian2, .Index .block2 .imgBox .swiper3 .swiper-slide .jian2 { height: 1.4rem; top: .65rem; position: absolute; left: 0; display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide .jian3, .Index .block2 .imgBox .swiper3 .swiper-slide .jian3 { position: absolute; top: 1.15rem; left: 0; right: 0; margin: auto; width: .4rem; display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slideCont, .Index .block2 .imgBox .swiper3 .swiper-slide .slideCont { position: relative; color: #fff; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slideCont .slide_h, .Index .block2 .imgBox .swiper3 .swiper-slide .slideCont .slide_h { font-size: .24rem; font-weight: bold; text-align: center; line-height: .4rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slideCont .slide_t, .Index .block2 .imgBox .swiper3 .swiper-slide .slideCont .slide_t { font-size: .18rem; text-align: center; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slide_p, .Index .block2 .imgBox .swiper3 .swiper-slide .slide_p { color: #0096DF; font-size: .24rem; margin: .24rem auto 0; text-align: center; width: 75%; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slide_p .ad, .Index .block2 .imgBox .swiper3 .swiper-slide .slide_p .ad { width: .26rem; display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slideBottom, .Index .block2 .imgBox .swiper3 .swiper-slide .slideBottom { color: #6588A5; padding-top: .7rem; display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slideBottom .slide_h, .Index .block2 .imgBox .swiper3 .swiper-slide .slideBottom .slide_h { font-size: .24rem; font-weight: bold; text-align: center; line-height: .4rem; margin-top: .1rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide .slideBottom .slide_t, .Index .block2 .imgBox .swiper3 .swiper-slide .slideBottom .slide_t { font-size: .18rem; text-align: center; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active, .Index .block2 .imgBox .swiper3 .swiper-slide.active { left: -.1rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .car, .Index .block2 .imgBox .swiper3 .swiper-slide.active .car { display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .jian1, .Index .block2 .imgBox .swiper3 .swiper-slide.active .jian1 { display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .jian2, .Index .block2 .imgBox .swiper3 .swiper-slide.active .jian2 { height: 1.4rem; top: .65rem; display: block; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .slideCont .slide_h, .Index .block2 .imgBox .swiper3 .swiper-slide.active .slideCont .slide_h { font-size: .3rem; line-height: .45rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .slideCont .slide_t, .Index .block2 .imgBox .swiper3 .swiper-slide.active .slideCont .slide_t { font-size: .22rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .slide_p, .Index .block2 .imgBox .swiper3 .swiper-slide.active .slide_p { font-size: .28rem; font-weight: bold; }

.Index .block2 .imgBox .swiper1 .swiper-slide.active .slide_p .ad, .Index .block2 .imgBox .swiper3 .swiper-slide.active .slide_p .ad { display: inline-block; margin-right: .04rem; }

.Index .block2 .imgBox .swiper1 .swiper-slide.noStart .car, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .car { display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide.noStart .jian2, .Index .block2 .imgBox .swiper1 .swiper-slide.noStart .jian1, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .jian2, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .jian1 { display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide.noStart .slideCont, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .slideCont { display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide.noStart .slide_p, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .slide_p { display: none; }

.Index .block2 .imgBox .swiper1 .swiper-slide.noStart .jian3, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .jian3 { display: block; }

.Index .block2 .imgBox .swiper1 .swiper-slide.noStart .slideBottom, .Index .block2 .imgBox .swiper3 .swiper-slide.noStart .slideBottom { display: block; }

.Index .block2 .imgBox .swiper2, .Index .block2 .imgBox .swiper4 { width: 100%; position: relative; overflow: hidden; margin-top: .4rem; }

.Index .block2 .imgBox .swiper2 .swiper-slide, .Index .block2 .imgBox .swiper4 .swiper-slide { position: relative; height: 10.25rem; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox { background: url(../images/bg4.png) no-repeat; background-size: 100% 100%; width: 7.32rem; height: 10.25rem; margin: auto; overflow: hidden; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont { width: 5.9rem; margin: auto; padding-top: .79rem; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideTop, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideTop { position: relative; overflow: hidden; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideTop .playImg, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideTop .playImg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: .5rem; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideBottom, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideBottom { margin-top: .1rem; overflow: hidden; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideBottom .s_bottom_img, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideBottom .s_bottom_img { width: 2.9rem; height: 1.85rem; display: block; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideBottom .s_bottom_img.no, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideBottom .s_bottom_img.no { display: none; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideBottom .s_bottom_img.bt, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideBottom .s_bottom_img.bt { margin-bottom: .1rem; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideTxt, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideTxt { background: linear-gradient(0deg, #FFFFFF 0%, #EDF8FD 100%); border-radius: 0 0 .15rem .15rem; padding: .3rem .2rem; box-sizing: border-box; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideTxt h3, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideTxt h3 { color: #000000; font-size: .3rem; font-weight: bold; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideTxt p, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideTxt p { color: #666666; font-size: .26rem; line-height: .36rem; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .block2 .imgBox .swiper2 .swiper-slide .slideBox .slideCont .slideTxt a, .Index .block2 .imgBox .swiper4 .swiper-slide .slideBox .slideCont .slideTxt a { color: #0096DF; font-size: .26rem; }

.Index .block3 { position: relative; width: 100%; height: 13.35rem; background: url(../images/bg3.png?v=10]) no-repeat; background-size: 100% 100%; padding-top: .84rem; }

.Index .block3 .c_title { width: 2.26rem; display: block; margin: auto; }

.Index .block3 .b3Cont { width: 100%; height: 9.95rem; background: url(../images/m_bg.png) no-repeat; background-size: 100% 100%; padding-top: .38rem; }

.Index .block3 .b3Cont .b3c_top { width: 6.4rem; height: 4.6rem; margin: auto; padding: .32rem .25rem 0; }

.Index .block3 .b3Cont .b3c_top .b3Img { width: 5.9rem; height: 3.93rem; margin: auto; position: relative; }

.Index .block3 .b3Cont .b3c_top .b3Img img { width: 100%; }

.Index .block3 .b3Cont .b3c_top .b3Img .b3_p { padding: .13rem .2rem; color: #FFFFFF; font-size: .3rem; line-height: .4rem; font-weight: bold; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%); }

.Index .block3 .b3Cont .b3c_bottom { width: 5.9rem; margin: auto; }

.Index .block3 .b3Cont .b3c_bottom .b3c_b_t { color: #000000; font-size: .3rem; line-height: .4rem; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.Index .block3 .b3Cont .b3c_bottom .b3c_b_p { color: #000000; font-size: .24rem; line-height: .36rem; margin-top: .18rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .block3 .b3Cont .b3c_bottom .b3c_b_a { color: #0096DF; font-size: .24rem; display: block; margin: .18rem 0 .3rem; }

.Index .block3 .b3Cont .b3c_bottom .b3c_item { display: block; line-height: 32px; }

.Index .block3 .b3Cont .b3c_bottom .b3c_item .item_h { font-size: .28rem; color: #000; width: 4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Index .block3 .b3Cont .b3c_bottom .b3c_item .item_t { font-size: .24rem; color: #666; }

.Index .footBox { position: absolute; left: 0; right: 0; bottom: .3rem; text-align: center; color: #fff; font-size: .26rem; }

.popVideo { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 10; display: none; }

.popVideo.show { z-index: 999; opacity: 1; }

.popVideo .popCont { width: 100%; text-align: center; position: absolute; left: 0; right: 0; top: 0; margin: auto; padding-bottom: 1rem; }

.popVideo .popCont video { width: 100%; }

.popVideo .popCont .icon-guanbi { position: absolute; right: 0.3rem; top: .3rem; font-size: .24rem; color: #000; width: .6rem; height: .6rem; z-index: 10; }

.imgPop { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: #000; display: none; }

.imgPop .close { position: absolute; right: 0; top: .2rem; padding: 0.4rem; background: url(../images/btn-close.png) no-repeat; background-size: 60%; z-index: 10; }

.imgPop .swiper-slide { width: 100%; height: 100vh; display: flex; justify-content: flex-start; align-items: center; }

.imgPop .swiper-slide img { width: 100%; max-width: none; }

.imgPop .swiper-pagination { bottom: 0.5rem !important; color: #f2f2f2 !important; }

.wrapDetail .banner { position: relative; width: 100%; }

.wrapDetail .banner .bannerImg { width: 100%; }

.wrapDetail .banner .logo { position: absolute; top: .6rem; left: .19rem; width: 3.56rem; }

.wrapDetail .banner .titleImg { width: 6.9rem; position: absolute; left: 0; right: 0; top: 2rem; margin: auto; }

.wrapDetail .detailContent { position: relative; }

.wrapDetail .detailContent .cont1 { background: url(../images/detail_bg2.png); background-size: 100%; margin-top: -.3rem; padding: 0 .24rem 1rem; }

.wrapDetail .detailContent .cont1 .blockDetail { margin: auto; padding-top: .6rem; }

.wrapDetail .detailContent .cont1 .blockDetail h2 { color: #000000; font-size: .36rem; font-weight: bold; text-align: center; }

.wrapDetail .detailContent .cont1 .blockDetail .time { display: block; text-align: center; color: #666666; font-size: .24rem; margin-top: .2rem; }

.wrapDetail .detailContent .cont1 .blockDetail p { color: #000000; font-size: .26rem; margin-top: .3rem; line-height: .36rem; text-indent: 2em; }

.wrapDetail .detailContent .cont1 .blockDetail p.bold { font-weight: bold; text-indent: initial; font-size: .28rem; }

.wrapDetail .detailContent .cont1 .blockDetail .img { width: 100%; margin: .3rem auto 0; text-align: center; overflow: hidden; }

.wrapDetail .detailContent .cont1 .blockDetail .img img { width: 100%; vertical-align: top; display: inline-block; }

.wrapDetail .detailContent .footBox2 { position: relative; margin-top: -.2rem; }

.wrapDetail .detailContent .footBox2 img { width: 100%; }