@charset "UTF-8";
.fl { float: left; }

.fr { float: right; }

.main { width: 1170px; margin: 0px auto; }

.index-title-en { color: #d80808; font-size: 18px; line-height: 24px; font-family: "Arial"; letter-spacing: 5px; text-transform: uppercase; }

.index-title-zh { color: #000; font-size: 40px; line-height: 52px; font-weight: bold; }

.content-box { width: 100%; padding-top: 60px; padding-bottom: 100px; }

/* banner */
.indexbanner { width: 100%; position: relative; }
.indexbanner .swiper-container img { width: 100%; display: block; }
.indexbanner .arrow-left { width: 75px; height: 75px; display: block; position: absolute; top: 50%; left: 10%; z-index: 10; margin-top: -38px; background-image: url(../images/banner-prev.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.indexbanner .arrow-right { width: 75px; height: 75px; display: block; position: absolute; top: 50%; right: 10%; z-index: 10; margin-top: -38px; background-image: url(../images/banner-next.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.indexbanner .pagination { margin: 0; width: 100%; display: block; text-align: center; position: absolute; z-index: 20; bottom: 10px; }
.indexbanner .pagination .swiper-pagination-switch { width: 6px; height: 6px; margin: 0px 10px; background: #fff; border-radius: 50%; display: inline-block; border: 3px solid transparent; }
.indexbanner .pagination .swiper-active-switch { background: none; border: 3px solid #d80808; }

/* index */
.index-line { height: 60px; width: 1170px; margin: 0px auto; position: relative; }
.index-line u { width: 2px; height: 100%; display: block; background: #cfcfcf; position: absolute; top: 0px; left: 80px; }

.index-box { width: 100%; padding-top: 120px; padding-bottom: 80px; background-position: left bottom; background-repeat: no-repeat; background-size: auto 350px; }
.index-box .index-box-jtjs { width: 100%; position: relative; }
.index-box .index-about-con { width: 730px; padding: 60px; background: #fff; position: relative; z-index: 2; padding-right: 120px; }
.index-box .index-about-con .index-about-text { margin: 30px 0px; }
.index-box .index-about-con .index-about-text p { height: 168px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.index-box .index-about-con .index-about-icon { width: 50px; display: block; }
.index-box .index-about-con .index-about-icon img { width: 100%; display: block; }
.index-box .index-about-img { width: 500px; overflow: hidden; position: absolute; z-index: 4; top: -60px; right: 0px; }
.index-box .index-about-img img { width: 100%; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.index-box .index-about-img:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.index-box .index-about-info { width: 100%; margin-top: 60px; }
.index-box .index-about-info li { width: 25%; float: left; text-align: center; }
.index-box .index-about-info li h6 { color: #d80808; font-size: 16px; margin-bottom: 20px; font-family: "微软雅黑"; }
.index-box .index-about-info li h6 span { font-size: 60px; margin-right: 4px; font-family: "Century Gothic"; }
.index-box .index-about-info li p { color: #fff; font-size: 12px; line-height: 24px; font-family: "宋体"; opacity: 0.5; }

.index-box2 { width: 100%; padding-top: 60px; }
.index-box2 .index-box-title { float: right; background: #fff; margin-right: 60px; padding: 50px 80px; }
.index-box2 .index-syc-box { width: 100%; position: relative; }
.index-box2 .index-syc-box .swiper-slide { width: 100%; }
.index-box2 .index-syc-box .swiper-slide a, .index-box2 .index-syc-box .swiper-slide img { width: 100%; display: block; }
.index-box2 .index-syc-box .swiper-slide .index-syc-title { color: #555; float: right; max-width: 80%; font-size: 20px; background: #fff; font-weight: bold; line-height: 24px; margin-right: 60px; padding: 30px 50px; position: relative; padding-left: 85px; }
.index-box2 .index-syc-box .swiper-slide .index-syc-title img { width: 22px; display: block; position: absolute; top: 30px; left: 50px; }
.index-box2 .index-syc-box .pagination { margin: 0; width: 100%; display: block; text-align: center; position: absolute; z-index: 20; bottom: 18%; }
.index-box2 .index-syc-box .pagination .swiper-pagination-switch { width: 6px; height: 6px; margin: 0px 5px; background: #fff; border-radius: 50%; }
.index-box2 .index-syc-box .pagination .swiper-active-switch { background: #d80808; }
.index-box2 .index-syc-box .arrow-left { width: 50px; height: 50px; display: block; position: absolute; top: 50%; left: -25px; z-index: 10; margin-top: -80px; background-image: url(../images/icon03.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.index-box2 .index-syc-box .arrow-right { width: 50px; height: 50px; display: block; position: absolute; top: 50%; right: -25px; z-index: 10; margin-top: -80px; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

.index-box3 { width: 100%; padding-top: 120px; padding-bottom: 60px; }
.index-box3 .index-box-title2 { background: #fff; padding: 50px 80px; position: absolute; top: -70px; z-index: 12; }
.index-box3 .swiper-slide img { width: 100%; display: block; }
.index-box3 .swiper-slide .index-cyc-title { width: 1170px; margin: 0px auto; margin-top: 30px; }
.index-box3 .swiper-slide .index-cyc-title p { color: #555; float: right; max-width: 80%; font-size: 20px; line-height: 24px; font-weight: bold; }
.index-box3 .swiper-slide .index-cyc-title img { width: 22px; float: right; margin-top: 1px; margin-right: 10px; }
.index-box3 .pagination { margin: 0; width: 100%; display: block; text-align: center; position: absolute; z-index: 20; bottom: 10%; }
.index-box3 .pagination .swiper-pagination-switch { width: 10px; height: 10px; margin: 0px 6px; background: #fff; border-radius: 50%; }
.index-box3 .pagination .swiper-active-switch { background: #d80808; }
.index-box3 .arrow-left { width: 50px; height: 50px; display: block; position: absolute; top: 50%; left: 10%; z-index: 10; margin-top: -80px; background-image: url(../images/icon03.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.index-box3 .arrow-right { width: 50px; height: 50px; display: block; position: absolute; top: 50%; right: 10%; z-index: 10; margin-top: -80px; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

.index-box4 { width: 100%; padding-top: 60px; padding-bottom: 120px; }
.index-box4 .index-cczc-img { width: 100%; overflow: hidden; }
.index-box4 .index-cczc-img img { width: 100%; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.index-box4 .index-cczc-img:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.index-box4 .index-cczc-con { width: 1000px; padding: 60px; background: #fff; margin: 0px auto; margin-top: -50px; position: relative; }
.index-box4 .index-cczc-con .index-cczc-text { float: left; width: 500px; }
.index-box4 .index-cczc-con .index-cczc-text p { height: 112px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.index-box4 .index-cczc-con .index-cczc-title { width: 280px; float: right; }

.index-box5 { width: 100%; padding-top: 80px; padding-bottom: 100px; background-size: cover; background-repeat: no-repeat; background-position: left center; }
.index-box5 .index-jchd-title { width: 100%; text-align: center; margin-bottom: 40px; }

.index-jchd-con { width: 100%; }
.index-jchd-con .index-jchd-left { float: left; width: 590px; }
.index-jchd-con .index-jchd-left li { width: 100%; background: #fff; }
.index-jchd-con .index-jchd-left li:first-child { margin-bottom: 20px; }
.index-jchd-con .index-jchd-left li .index-jchd-left-img { float: left; width: 270px; overflow: hidden; position: relative; }
.index-jchd-con .index-jchd-left li .index-jchd-left-img img { width: 100%; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.index-jchd-con .index-jchd-left li .index-jchd-left-con { float: left; width: 320px; padding: 30px; }
.index-jchd-con .index-jchd-left li .index-jchd-left-con h4 { color: #000; height: 48px; font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.index-jchd-con .index-jchd-left li .index-jchd-left-con p { color: #888; height: 66px; font-size: 12px; line-height: 22px; margin-bottom: 40px; font-family: "宋体"; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.index-jchd-con .index-jchd-left li:hover .index-jchd-left-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.index-jchd-con .index-jchd-left li:hover .index-jchd-left-con .activity-details { color: #fff; background: #d80808; background-image: url(../images/icon14.png); background-position: 50px center; background-repeat: no-repeat; background-size: 10px 11px; }
.index-jchd-con .index-jchd-right { width: 560px; float: right; overflow: hidden; position: relative; }
.index-jchd-con .index-jchd-right img { width: 100%; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.index-jchd-con .index-jchd-right:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.index-jchd-con .index-jchd-right .index-jchd-right-title { width: 80%; color: #fff; font-size: 18px; margin: 0px auto; line-height: 24px; font-weight: bold; position: absolute; left: 10%; bottom: 20px; }

.activity-details { transition: 1s; color: #d80808; font-size: 12px; line-height: 28px; border-radius: 30px; padding: 0px 40px 0px 20px; border: 1px solid rgba(216, 8, 8, 0.2); background-image: url(../images/icon06.png); background-position: 50px center; background-repeat: no-repeat; background-size: 10px 11px; }

.index-jchd-data { width: 60px; color: #fff; height: 60px; padding: 6px 0px; line-height: 24px; text-align: center; background: #d80808; font-family: "Arial"; position: absolute; top: 0px; left: 0px; }
.index-jchd-data h6 { font-size: 16px; }
.index-jchd-data p { font-size: 12px; }

.crumbs { width: 100%; position: relative; }
.crumbs > img { width: 100%; display: block; }
.crumbs > a > img { width: 100%; display: block; }
.crumbs .main { position: relative; }
.crumbs .bread { color: #fff; font-size: 12px; line-height: 20px; position: absolute; right: 0px; bottom: 15px; }
.crumbs .bread a { color: #fff; float: left; height: 20px; }
.crumbs .bread u, .crumbs .bread span { float: left; height: 20px; display: block; }

.ny-nav { width: 100%; background: #fff; text-align: center; }
.ny-nav li { width: auto; display: inline-block; }
.ny-nav li a { color: #333; font-size: 18px; transition: 0.5s; line-height: 30px; padding: 20px 35px; position: relative; }
.ny-nav li a:after { width: 0px; height: 2px; content: ""; display: block; transition: 0.5s; background: #d80808; position: absolute; left: 50%; bottom: 0px; }
.ny-nav li a:hover { color: #d80808; }
.ny-nav li a:hover:after { width: 100%; left: 0px; }
.ny-nav .cur a { color: #d80808; }
.ny-nav .cur a:after { width: 100%; left: 0px; }

.about-item { width: 100%; margin-bottom: 60px; }
.about-item .about-img { width: 500px; }
.about-item .about-img img { width: 100%; display: block; }
.about-item .about-con { width: 620px; }
.about-item .about-text { max-height: 380px; }
.about-item:last-child { padding-bottom: 40px; }

.culture-top { width: 100%; margin-bottom: 50px; }
.culture-top .culture-img { float: left; width: 500px; }
.culture-top .culture-img img { width: 100%; display: block; }
.culture-top .culture-con { float: left; width: 670px; }
.culture-top .culture-con .culture-title { padding-left: 80px; }
.culture-top .culture-con .culture-info { width: 100%; padding: 60px; background: #fff; }
.culture-top .culture-con .culture-info li { width: 100%; margin-top: 20px; font-family: "宋体"; }
.culture-top .culture-con .culture-info li:first-child { margin-top: 0px; }
.culture-top .culture-con .culture-info li h4 { width: 100%; color: #666; font-size: 16px; line-height: 24px; font-weight: bold; padding-left: 20px; margin-bottom: 4px; background-image: url(../images/icon06.png); background-position: left center; background-repeat: no-repeat; background-size: 10px 11px; }
.culture-top .culture-con .culture-info li p { color: #888; font-size: 14px; line-height: 24px; padding-left: 20px; }

.culture-list { width: 100%; background: #fff; padding: 0px 30px 80px; }
.culture-list li { width: 50%; float: left; margin-top: 80px; padding-left: 90px; }
.culture-list li .culture-icon { width: 60px; float: left; }
.culture-list li .culture-icon img { width: 100%; display: block; }
.culture-list li .culture-text { float: left; line-height: 30px; font-family: "宋体"; padding-left: 40px; width: calc( 100% - 60px ); }
.culture-list li .culture-text h5 { color: #666; font-size: 16px; font-weight: bold; }
.culture-list li .culture-text p { color: #888; font-size: 14px; }

.time-axis { width: 100%; padding-top: 40px; position: relative; padding-bottom: 1px; }
.time-axis:before { width: 18px; height: 18px; content: ""; display: block; background: #fff; border-radius: 50%; border: 1px solid #dfdfdf; position: absolute; top: -20px; left: 50%; margin-left: -10px; z-index: 2; }
.time-axis:after { width: 1px; height: 100%; content: ""; display: block; background: #ddd; position: absolute; top: 0px; left: 50%; z-index: 1; }
.time-axis ul { width: 100%; position: relative; z-index: 3; }
.time-axis ul li { width: 100%; position: relative; margin-bottom: 40px; }
.time-axis ul li .time-box, .time-axis ul li .axis-text { width: 50%; }
.time-axis ul li .time-box { color: #d80808; font-size: 26px; line-height: 35px; font-weight: bold; font-family: "Arial"; }
.time-axis ul li:nth-child(odd) .time-box { text-align: right; padding-right: 40px; }
.time-axis ul li:nth-child(odd) .axis-text { padding-left: 40px; }
.time-axis ul li:nth-child(even) .time-box { padding-left: 40px; }
.time-axis ul li:nth-child(even) .axis-text { text-align: right; padding-right: 40px; }
.time-axis ul li .circle { width: 14px; height: 14px; display: block; background: #fff; border-radius: 50%; border: 1px solid #dfdfdf; position: absolute; top: 5px; left: 50%; margin-left: -8px; }
.time-axis ul li .circle:before { width: 8px; height: 8px; content: ""; display: block; border-radius: 50%; background: #d80808; position: absolute; top: 3px; left: 3px; }

.mien-list { margin: 0px -22px; }
.mien-list li { float: left; width: 33.33%; padding: 0px 22px; margin-bottom: 45px; }
.mien-list li a { width: 100%; padding: 10px; background: #fff; transition: 1s; }
.mien-list li .mien-img { width: 100%; overflow: hidden; position: relative; }
.mien-list li .mien-img img { width: 100%; display: block; transition: 1s; }
.mien-list li .mien-img .mien-time { width: 100%; color: #fff; padding: 0px 15px; font-family: "Arial"; position: absolute; left: 0px; bottom: 15px; }
.mien-list li .mien-img .mien-time p { float: left; font-size: 14px; line-height: 45px; }
.mien-list li .mien-img .mien-time h5 { float: right; font-size: 40px; line-height: 45px; }
.mien-list li .mien-title { width: 100%; padding: 25px 15px 15px; }
.mien-list li .mien-title p { color: #333; height: 24px; transition: 1s; font-size: 16px; line-height: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mien-list li:hover a { box-shadow: 0px 0px 20px #ccc; }
.mien-list li:hover .mien-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.mien-list li:hover .mien-title p { color: #d80808; }

.mien-show-title { width: 100%; text-align: center; margin-bottom: 20px; }
.mien-show-title h1 { color: #333; font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom: 10px; }
.mien-show-title p { color: #999; font-size: 12px; line-height: 20px; font-family: "宋体"; }

.mien-show-box { width: 100%; }
.mien-show-box .mien-show-big { width: 800px; margin: 0px auto; margin-bottom: 20px; position: relative; }	
.mien-show-box .mien-show-big img { width: 100%; display: block; }
.mien-show-box .swiper-pagination { width: 100%; color: #f4f4f4; text-align: right; font-weight: bold; padding-right: 20px; font-family: "Arial"; }
.mien-show-box .swiper-pagination .swiper-pagination-current { font-size: 40px; padding: 0px 8px; }
.mien-show-box .swiper-pagination .swiper-pagination-total { font-size: 20px; padding: 0px 8px; }
.mien-show-box .mien-show-small { width: 100%; padding: 0px 65px; position: relative; }
.mien-show-box .mien-show-small .swiper-slide { border: 2px solid transparent; }
.mien-show-box .mien-show-small .swiper-slide img { width: 100%; display: block; }
.mien-show-box .mien-show-small .swiper-slide .mien-mask { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0px; left: 0px; }
.mien-show-box .mien-show-small .active-nav { border: 2px solid #d80808; }
.mien-show-box .mien-show-small .active-nav .mien-mask { display: none; }
.mien-show-box .swiper-button-prev { width: 50px; height: 50px; display: block; position: absolute; top: 50%; left: -70px; z-index: 10; margin-top: -25px; background-image: url(../images/icon03.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.mien-show-box .swiper-button-next { width: 50px; height: 50px; display: block; position: absolute; top: 50%; right: -70px; z-index: 10; margin-top: -25px; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

.mien-show-bottom { width: 100%; margin-top: 60px; padding-top: 30px; border-top: 1px solid #e3e3e3; }
.mien-show-bottom .mien-show-page { width: 70%; float: left; }
.mien-show-bottom .mien-show-page p { color: #888; font-size: 12px; font-family: "宋体"; line-height: 24px; }
.mien-show-bottom .mien-show-page p span { width: 50px; float: left; display: block; }
.mien-show-bottom .mien-show-page p a { float: left; color: #888; width: calc( 100% - 50px ); }
.mien-show-bottom .mien-show-page p:hover a { color: #d80808; }
.mien-show-bottom .mien-show-return { width: 20%; float: right; text-align: right; padding-top: 8px; }

.message-box { width: 100%; background: #fff; padding: 50px 80px 80px; }
.message-box ul { margin: 0px -15px; }
.message-box li { float: left; width: 33.33%; padding: 0px 15px; margin-bottom: 15px; position: relative; }
.message-box .widthO { width: 100%; }
.message-box .message-text { width: 100%; color: #333; border: none; font-size: 14px; font-family: "宋体"; line-height: 24px; padding: 8px 15px; border-bottom: 1px solid #ddd; }
.message-box .yzmtext { padding-right: 110px; }
.message-box textarea { height: 200px; }
.message-box .tpyzm { width: 100px; height: 40px; position: absolute; top: 0px; right: 0px; }
.message-box .tpyzm img { width: 100%; }
.message-box .submit-btn { color: #fff; width: 120px; height: 40px; display: block; cursor: pointer; font-size: 12px; margin-top: 35px; line-height: 40px; text-align: center; border-radius: 30px; background: #d80808; }

.recruit-title { width: 100%; text-align: center; margin-bottom: 50px; }
.recruit-title h2 { color: #d80808; font-size: 30px; line-height: 40px; font-weight: bold; margin-bottom: 8px; }
.recruit-title h3 { color: #333; font-size: 24px; line-height: 30px; font-weight: bold; }

.recruit-item { width: 100%; }
.recruit-item .recruit-img, .recruit-item .recruit-text { width: 50%; }
.recruit-item .recruit-img { position: relative; }
.recruit-item .recruit-img img { width: 100%; display: block; }
.recruit-item .recruit-mask { width: 100%; height: 100%; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; text-align: center; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); }
.recruit-item .recruit-mask h2 { color: #fff; font-size: 36px; line-height: 40px; font-weight: bold; }
.recruit-item .recruit-mask p { color: #fff; opacity: 0.5; font-size: 14px; margin-top: 4px; line-height: 24px; font-family: "Arial"; text-transform: uppercase; }
.recruit-item .recruit-text { background: #fff; padding: 0px 60px; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; }
.recruit-item .recruit-text .recruit-info { width: 100%; max-height: 80%; position: relative; }
.recruit-item .arrow01 { width: 0px; height: 0px; display: block; border-width: 12px 0 12px 15px; border-style: solid; border-color: transparent transparent transparent rgba(0, 0, 0, 0.6); position: absolute; top: 50%; right: -15px; margin-top: -12px; }
.recruit-item .arrow02 { width: 0px; height: 0px; display: block; border-width: 12px 15px 12px 0px; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent; position: absolute; top: 50%; left: -15px; margin-top: -12px; }

.recruit-box { width: 100%; min-height: 200px; margin-top: 100px; position: relative; margin-bottom: 80px; }
.recruit-box img { width: 100%; display: block; }
.recruit-box .recruit-box-mask { width: 100%; height: 100%; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; text-align: center; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.7); }
.recruit-box .recruit-box-mask h2 { color: #d80808; font-size: 30px; line-height: 40px; font-weight: bold; margin-bottom: 10px; }
.recruit-box .recruit-box-mask p { color: #fff; font-size: 20px; line-height: 30px; }

.recruit-title2 { width: 100%; color: #333; text-align: center; margin-bottom: 20px; }
.recruit-title2 h2 { font-size: 36px; line-height: 40px; font-weight: bold; margin-bottom: 6px; }
.recruit-title2 p { opacity: 0.5; font-size: 14px; line-height: 20px; font-family: "Arial"; text-transform: uppercase; }

.recruit-list-top { width: 100%; }
.recruit-list-top li { width: 15%; float: left; padding: 20px; color: #d80808; font-size: 16px; line-height: 20px; font-weight: bold; font-family: "宋体"; }
.recruit-list-top li:first-child { width: 40%; }

.recruit-list-con { width: 100%; margin-bottom: 40px; border: 1px solid #ddd; border-bottom: none; }
.recruit-list-con li { width: 100%; border-bottom: 1px solid #ddd; }
.recruit-list-con li:nth-child(even) { background: #fff; }
.recruit-list-con li:nth-child(odd) { background: #f9f9f9; }
.recruit-list-con li .recruit-list-item { width: 15%; float: left; color: #888; font-size: 14px; line-height: 30px; padding: 10px 20px; font-family: "宋体"; }
.recruit-list-con li .recruit-list-item:first-child { width: 40%; }
.recruit-list-con li a { color: #fff; width: 90px; font-size: 12px; line-height: 30px; text-align: center; border-radius: 30px; background: #d80808; }

.recruit-show-title { width: 100%; color: #000; font-size: 24px; line-height: 30px; font-weight: bold; margin-bottom: 40px; }

.insurance-img { width: 100%; margin-bottom: 100px; }
.insurance-img img { width: 100%; display: block; }
.insurance-img:last-child { margin-bottom: 0px; }

.activity-list { width: 100%; padding-bottom: 40px; }
.activity-list li { width: 100%; transition: 1s; margin-top: 20px; background: #fff; position: relative; padding: 30px 40px 30px 100px; }
.activity-list li h3 { color: #000; height: 24px; font-size: 18px; line-height: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; }
.activity-list li h4 { color: #888; height: 44px; font-size: 12px; line-height: 22px; margin-bottom: 30px; font-family: "宋体"; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.activity-list li:hover { box-shadow: 0px 0px 20px #ccc; }
.activity-list li:hover .activity-details { color: #fff; background: #d80808; background-image: url(../images/icon14.png); background-position: 50px center; background-repeat: no-repeat; background-size: 10px 11px; }

.activity-show-title { width: 100%; text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px dashed #d5d5d5; }
.activity-show-title h1 { color: #000; font-size: 24px; line-height: 30px; font-weight: bold; margin-bottom: 10px; }
.activity-show-title p { color: #999; font-size: 12px; line-height: 20px; }

.business-search { width: 780px; height: 70px; position: absolute; left: 50%; bottom: 25%; margin-left: -390px; border: 5px solid rgba(255, 255, 255, 0.2); }
.business-search .bs-form { width: 100%; position: relative; }
.business-search .search-text { width: 100%; color: #333; border: none; padding: 15px; font-size: 14px; background: #fff; line-height: 30px; font-family: "宋体"; padding-right: 80px; }
.business-search .bs-submit-btn { width: 60px; height: 60px; position: absolute; top: 0px; right: 0px; background: #d80808 url(../images/icon15.png) no-repeat center; background-size: 23px; }

.business-list { margin: 0px -8px; padding-bottom: 10px; }
.business-list li { float: left; width: 33.33%; padding: 0px 8px; margin-bottom: 30px; }
.business-list li a { width: 100%; padding: 5px; transition: 1s; background: #fff; }
.business-list li .business-img { width: 100%; overflow: hidden; }
.business-list li .business-img img { width: 100%; display: block; transition: 1s; }
.business-list li .business-con { width: 100%; padding: 15px; padding-top: 20px; }
.business-list li .business-con h5 { color: #333; height: 24px; font-size: 18px; line-height: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.business-list li .business-con p { color: #888; font-size: 14px; margin-top: 10px; line-height: 20px; margin-bottom: 20px; }
.business-list li:hover a { box-shadow: 0px 0px 20px #ccc; }
.business-list li:hover .business-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.business-list li:hover .activity-details { color: #fff; background: #d80808; background-image: url(../images/icon14.png); background-position: 50px center; background-repeat: no-repeat; background-size: 10px 11px; }

.bread2 { width: 100%; color: #888; font-size: 12px; line-height: 20px; padding: 15px 0px; font-family: "宋体"; }
.bread2 a { color: #888; float: left; height: 20px; }
.bread2 u, .bread2 span { float: left; height: 20px; display: block; }

.business-show-top { width: 100%; position: relative; margin-bottom: 60px; }
.business-show-top .business-show-imgbox { float: left; width: 600px; }
.business-show-top .business-show-imgbox .business-show-big { width: 100%; margin-bottom: 10px; }
.business-show-top .business-show-imgbox .business-show-big img { width: 100%; display: block; }
.business-show-top .business-show-imgbox .business-show-small { width: 100%; padding: 0px 30px; position: relative; }
.business-show-top .business-show-imgbox .business-show-small .swiper-slide { border: 2px solid transparent; }
.business-show-top .business-show-imgbox .business-show-small .swiper-slide img { width: 100%; display: block; }
.business-show-top .business-show-imgbox .business-show-small .active-nav { border: 2px solid #d80808; }
.business-show-top .business-show-imgbox .business-show-small .swiper-button-prev { width: 25px; height: 25px; display: block; position: absolute; top: 50%; left: 0px; z-index: 10; margin-top: -12px; background-image: url(../images/icon03.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.business-show-top .business-show-imgbox .business-show-small .swiper-button-next { width: 25px; height: 25px; display: block; position: absolute; top: 50%; right: 0px; z-index: 10; margin-top: -12px; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.business-show-top .business-show-con { float: left; position: relative; padding-left: 50px; width: calc( 100% - 600px ); }
.business-show-top .business-show-con h1 { color: #000; font-size: 24px; margin-top: 10px; line-height: 30px; font-weight: bold; margin-bottom: 20px; }
.business-show-top .business-show-con .parameter { width: 100%; background: #fff; padding: 15px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.business-show-top .business-show-con .parameter li { width: 25%; float: left; padding: 15px 0px; text-align: center; position: relative; }
.business-show-top .business-show-con .parameter li:after { width: 1px; content: ""; height: 36px; display: block; background: #ccc; position: absolute; top: 19px; right: 0px; }
.business-show-top .business-show-con .parameter li:last-child:after { display: none; }
.business-show-top .business-show-con .parameter li:nth-child(4):after { display: none; }
.business-show-top .business-show-con .parameter li h4 { color: #333; font-size: 18px; line-height: 24px; margin-bottom: 6px; }
.business-show-top .business-show-con .parameter li p { color: #999; font-size: 12px; line-height: 20px; font-family: "宋体"; }
.business-show-top .business-show-con .business-info li { width: 100%; margin-top: 15px; }
.business-show-top .business-show-con .business-info .business-info-left { width: 50px; float: left; color: #999; font-size: 12px; line-height: 20px; font-family: "宋体"; }
.business-show-top .business-show-con .business-info .business-info-right { float: left; width: calc( 100% - 50px ); }
.business-show-top .business-show-con .business-info span { color: #fd6c34; font-size: 20px; font-weight: bold; }
.business-show-top .business-show-con .business-info u { color: #fd6c34; font-size: 30px; font-weight: bold; }
.business-show-top .business-show-con .business-info b { color: #fd6c34; font-size: 14px; }
.business-show-top .business-show-con .business-info p { color: #666; font-size: 14px; font-family: "宋体"; line-height: 20px; }
.business-show-top .business-show-con .business-info .business-info-text { max-height: 40px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.zxkc { position: absolute; left: 50px; top: 390px; }
.zxkc #consult { color: #fff; font-size: 18px; line-height: 50px; padding-left: 85px; padding-right: 50px; background-color: #d80808; background-image: url(../images/icon18.png); background-position: 50px center; background-repeat: no-repeat; background-size: 26px 24px; }
.zxkc .zxkc-mask { width: auto; display: none; min-width: 100%; font-size: 16px; margin-top: 15px; background: #fff; line-height: 22px; padding: 10px 15px; position: absolute; word-break: keep-all; white-space: nowrap; border: 1px solid #e7e7e7; box-shadow: 0px 0px 10px #ddd; }
.zxkc .zxkc-mask:before { width: 0px; height: 0px; content: ""; display: block; position: absolute; top: -10px; left: 50%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; }
.zxkc .zxkc-mask span { color: #d80808; }

.business-show-bottom { width: 100%; }
.business-show-bottom .business-show-tab { width: 100%; background: #eee; border: 1px solid #e7e7e7; }
.business-show-bottom .business-show-tab li { width: auto; float: left; display: inline-block; border-right: 1px solid #e7e7e7; }
.business-show-bottom .business-show-tab li a { color: #000; font-size: 20px; transition: 0.5s; line-height: 48px; padding: 0px 60px; position: relative; }
.business-show-bottom .business-show-tab li a:before { width: 0px; height: 2px; content: ""; display: block; transition: 0.5s; background: #d80808; position: absolute; left: 0px; top: 0px; }
.business-show-bottom .business-show-tab li a:hover { color: #d80808; background: #fff; }
.business-show-bottom .business-show-tab li a:hover:before { width: 100%; }
.business-show-bottom .business-show-tab .cur a { color: #d80808; background: #fff; }
.business-show-bottom .business-show-tab .cur a:before { width: 100%; }
.business-show-bottom .business-show-box { width: 100%; background: #fff; padding: 40px 25px; }
.business-show-bottom .business-show-box .business-show-item { display: none; }
.business-show-bottom .business-show-box .cur { display: block; }
.business-show-bottom .business-show-box .business-show-item-list { margin: 0px -10px; }
.business-show-bottom .business-show-box .business-show-item-list li { width: 50%; float: left; padding: 0px 10px; margin-bottom: 20px; }
.business-show-bottom .business-show-box .business-show-item-list li img { width: 100%; display: block; }

.brand-box { width: 100%; position: relative; }
.brand-box .brand-right-floor { width: 200px; height: 70%; overflow: hidden; overflow-y: scroll; padding-left: 50px; position: absolute; top: 30px; right: 50%; z-index: 100; margin-right: -785px; }
.brand-box .brand-right-floor.on { position: fixed; top: 100px; }
.brand-box .brand-right-floor ul { width: 100%; position: relative; }
.brand-box .brand-right-floor ul:before { width: 1px; height: 99%; content: ""; display: block; background: #ddd; position: absolute; top: 2px; left: 0px; z-index: 1; }
.brand-box .brand-right-floor ul li { width: 100%; padding-left: 30px; position: relative; z-index: 2; margin-bottom: 30px; }
.brand-box .brand-right-floor ul li a { color: #888; height: 20px; font-size: 14px; font-family: "宋体"; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brand-box .brand-right-floor ul li a:hover { color: #d80808; }
.brand-box .brand-right-floor ul li span { width: 14px; height: 14px; display: block; border-radius: 50%; background: transparent; border: 1px solid transparent; position: absolute; top: 2px; left: -8px; }
.brand-box .brand-right-floor ul li span:before { width: 8px; height: 8px; content: ""; display: block; background: #ccc; border-radius: 50%; position: absolute; top: 3px; left: 3px; }
.brand-box .brand-right-floor ul .cur a { color: #d80808; }
.brand-box .brand-right-floor ul .cur span { background: #fff; border: 1px solid #ddd; }
.brand-box .brand-right-floor ul .cur span:before { background: #d80808; }
.brand-box .brand-item { width: 100%; padding-bottom: 60px; }
.brand-box .brand-item:last-child { padding-bottom: 0px; }
.brand-box .brand-item .brand-title { color: #555; font-size: 24px; line-height: 30px; font-weight: bold; padding: 25px 40px; padding-left: 80px; background-color: #fff; background-image: url(../images/icon19.png); background-position: 40px center; background-repeat: no-repeat; background-size: 22px; }
.brand-box .brand-item .brand-title span { color: #d80808; }
.brand-box .brand-item .brand-img { width: 100%; }
.brand-box .brand-item .brand-img img { width: 100%; display: block; }

.brand-info { width: 100%; margin-top: 20px; padding: 0px 20px; }
.brand-info li { width: 50%; float: left; margin-top: 20px; line-height: 20px; font-family: "宋体"; }
.brand-info .brand-info-left { width: 50px; float: left; color: #999; font-size: 12px; }
.brand-info .brand-info-right { float: left; color: #666; font-size: 14px; width: calc( 100% - 50px ); }

.vehicle-top { width: 100%; margin-bottom: 20px; }
.vehicle-top .vehicle-title { color: #000; float: left; min-width: 170px; font-size: 24px; line-height: 30px; font-weight: bold; padding: 0px 20px; }
.vehicle-top .vehicle-choice { float: left; }
.vehicle-top .vehicle-choice li { float: left; width: 130px; position: relative; display: inline-block; }
.vehicle-top .vehicle-choice li:after { width: 1px; content: ""; height: 20px; display: block; background: #ddd; position: absolute; top: 5px; right: 0px; }
.vehicle-top .vehicle-choice li:first-child:before { width: 1px; content: ""; height: 20px; display: block; background: #ddd; position: absolute; top: 5px; left: 0px; }
.vehicle-top .vehicle-choice li a { color: #d80808; font-size: 16px; line-height: 30px; font-weight: bold; text-align: center; }
.vehicle-top .vehicle-choice li select { width: 100%; color: #666; border: none; height: 30px; font-size: 16px; background: none; line-height: 30px; padding: 0px 20px; }
.vehicle-top .vehicle-search { float: right; position: relative; }
.vehicle-top .vehicle-search input { color: #666; width: 320px; height: 30px; font-size: 12px; line-height: 24px; font-family: "宋体"; background: #fff; padding-left: 15px; padding-right: 40px; border: 1px solid #e2e2e2; }
.vehicle-top .vehicle-search button { width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0px; right: 0px; background-color: #d80808; background-image: url(../images/icon15.png); background-repeat: no-repeat; background-position: center; background-size: 14px; }

.vehicle-list { width: 100%; border-top: 2px solid #ddd; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.vehicle-list .vehicle-list-top { width: 100%; background: #eee; line-height: 50px; padding: 0px 20px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.vehicle-list .vehicle-list-con { width: 100%; background: #fff; padding: 8px 20px; border-bottom: 1px solid #e7e7e7; }
.vehicle-list .vehicle-list-item1 { width: 40%; float: left; }
.vehicle-list .vehicle-list-item1 strong { color: #000; font-size: 16px; }
.vehicle-list .vehicle-list-item1 a { color: #555; height: 30px; font-size: 14px; line-height: 30px; padding-right: 20px; font-family: "宋体"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vehicle-list .vehicle-list-item1 a:hover { color: #d80808; text-decoration: underline; }
.vehicle-list .vehicle-list-item2 { width: 15%; float: left; font-size: 14px; font-family: "宋体"; }
.vehicle-list .vehicle-list-item2 span { color: #999; line-height: 50px; }
.vehicle-list .vehicle-list-item2 p { color: #555; line-height: 30px; }
.vehicle-list .vehicle-list-item2 .vehicle-price { color: #d80808; }
.vehicle-list .vehicle-list-item2 .low-price { color: #fff; width: 70px; float: right; transition: 0.5s; line-height: 30px; text-align: center; background: #d80808; border: 1px solid #d80808; }
.vehicle-list .vehicle-list-item2 .low-price:hover { color: #d80808; background: #fff; }
.vehicle-list .vehicle-list-item2 .details { width: 70px; float: right; color: #d80808; transition: 0.5s; margin-left: 15px; line-height: 30px; text-align: center; border: 1px solid #d80808; }
.vehicle-list .vehicle-list-item2 .details:hover { color: #fff; background: #d80808; }

.consult-popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; z-index: 10000; background: rgba(0, 0, 0, 0.7); }
.consult-popup .consult-form { width: 900px; background: #fff; border-radius: 5px; padding: 50px 100px 80px 80px; position: absolute; top: 20%; left: 50%; margin-left: -450px; }
.consult-popup .consult-form .popup-close { width: 40px; height: 40px; position: absolute; top: 0px; right: 0px; z-index: 10; background-image: url(../images/icon20.png); background-repeat: no-repeat; background-position: center; background-size: 20px; }
.consult-popup .consult-form .consult-title { color: #000; font-size: 30px; line-height: 40px; font-weight: bold; text-align: center; margin-bottom: 30px; }
.consult-popup .consult-form .consult-list { width: 100%; padding-bottom: 15px; }
.consult-popup .consult-form .consult-list li { width: 100%; margin-bottom: 15px; }
.consult-popup .consult-form .consult-list .consult-left { float: left; width: 105px; line-height: 40px; text-align: right; font-family: "宋体"; padding-right: 20px; }
.consult-popup .consult-form .consult-list .consult-left u { color: #d80808; font-size: 12px; }
.consult-popup .consult-form .consult-list .consult-left span { color: #888; font-size: 14px; }
.consult-popup .consult-form .consult-list .consult-right { float: left; width: calc( 100% - 105px ); }
.consult-popup .consult-form .consult-list .consult-right input { width: 100%; color: #333; height: 40px; font-size: 14px; padding: 0px 15px; line-height: 24px; font-family: "宋体"; border: 1px solid #ddd; }
.consult-popup .consult-form .consult-list .consult-choice { width: 100%; position: relative; }
.consult-popup .consult-form .consult-list .consult-block { width: 100%; height: 40px; font-size: 14px; cursor: pointer; line-height: 38px; font-family: "宋体"; padding-left: 15px; padding-right: 50px; border: 1px solid #ddd; background-color: #fff; background-image: url(../images/icon01.png); background-position: 98% center; background-repeat: no-repeat; background-size: 10px; }
.consult-popup .consult-form .consult-list .consult-hide { width: 100%; display: none; background: #fff; max-height: 225px; position: absolute; z-index: 10; border: 1px solid #ddd; }
.consult-popup .consult-form .consult-list .consult-item { width: 100%; height: 40px; font-size: 14px; cursor: pointer; line-height: 38px; font-family: "宋体"; padding-left: 15px; padding-right: 50px; border-top: 1px dashed #ddd; }
.consult-popup .consult-form .consult-list .consult-item:first-child { border-top: none; }
.consult-popup .consult-form .consult-list .consult-name { color: #333; float: left; }
.consult-popup .consult-form .consult-list .consult-price { color: #888; float: right; }
.consult-popup .consult-form .consult-sub-box { width: 100%; text-align: center; }
.consult-popup .consult-form .consult-sub-box .consult-sub-btn { color: #fff; width: 200px; height: 40px; cursor: pointer; font-size: 18px; line-height: 40px; text-align: center; background: #d80808; letter-spacing: 5px; display: inline-block; }

.submit-popup { color: #fff; width: auto; display: none; font-size: 14px; line-height: 50px; padding: 0px 25px; border-radius: 4px; position: fixed; top: 50%; left: 50%; z-index: 10001; margin-top: -25px; margin-left: -242px; background: rgba(0, 0, 0, 0.7); }

.brand-show-title { width: 100%; padding-top: 30px; margin-bottom: 20px; border-bottom: 2px solid #ddd; }
.brand-show-title h1 { color: #000; font-size: 24px; line-height: 30px; font-weight: bold; }
.brand-show-title span { color: #d80808; font-size: 16px; margin-left: 60px; position: relative; padding-bottom: 15px; }
.brand-show-title span:after { width: 100%; height: 2px; content: ""; display: block; background: #d80808; position: absolute; left: 0px; bottom: -2px; }

.brand-show-list { width: 100%; margin-top: 30px; margin-bottom: 50px; }
.brand-show-list li { float: left; width: 33.33%; padding-left: 25px; position: relative; }
.brand-show-list li:before { width: 1px; content: ""; height: 36px; display: block; background: #ccc; position: absolute; top: 10px; left: 0px; }
.brand-show-list li:first-child { padding-left: 0px; }
.brand-show-list li:first-child:before { display: none; }
.brand-show-list li h6 { color: #333; font-size: 20px; line-height: 30px; margin-bottom: 6px; }
.brand-show-list li p { color: #999; font-size: 12px; line-height: 20px; font-family: "宋体"; }

.zxdj { width: 100%; }
.zxdj a { color: #fff; width: 150px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; background: #d80808; }

.configuration-title { width: 100%; margin-bottom: 30px; border-bottom: 2px solid #ddd; }
.configuration-title span { color: #000; font-size: 24px; line-height: 30px; font-weight: bold; position: relative; padding-bottom: 12px; }
.configuration-title span:after { width: 100%; height: 2px; content: ""; display: block; background: #d80808; position: absolute; left: 2px; bottom: -2px; }

.configuration-item { width: 100%; border: 1px solid #e7e7e7; }
.configuration-item .configuration-item-title { width: 100%; color: #000; font-size: 16px; background: #eee; line-height: 50px; font-weight: bold; padding-left: 25px; }
.configuration-item .configuration-list { width: 100%; background: #fff; }
.configuration-item .configuration-list .configuration-list-box { width: 100%; border-top: 1px solid #e7e7e7; }
.configuration-item .configuration-list li { float: left; width: 33.33%; font-size: 14px; line-height: 44px; font-family: "宋体"; }
.configuration-item .configuration-list .configuration-list-left { width: 50%; color: #999; float: left; padding-right: 8px; text-align: right; }
.configuration-item .configuration-list .configuration-list-right { width: 50%; color: #555; float: left; padding-left: 8px; }
.configuration-item .configuration-list .configuration-list-right img { width: auto; max-width: 100%; display: block; }
.configuration-item .configuration-list .configuration-list-right .circle { width: 12px; height: 12px; overflow: hidden; margin-right: 5px; border-radius: 50%; border: 1px solid #ddd; }

@media screen and (max-width: 1470px) { .brand-box .brand-right-floor { display: none; background: #fff; position: fixed; top: 100px; right: 0px; margin-right: 0px; padding: 25px; } }
@media screen and (max-width: 1299px) { .indexbanner .arrow-left, .indexbanner .arrow-right { width: 50px; height: 50px; margin-top: -25px; }
  .indexbanner .arrow-left, .index-box3 .arrow-left { left: 5%; }
  .indexbanner .arrow-right, .index-box3 .arrow-left { right: 5%; } }

/*# sourceMappingURL=style.css.map */