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

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; width: 100%; background: #fff; font: px2rem(16)/1.1 Microsoft YaHei, system-ui, -apple-system, Heiti SC, tahoma, arial, Hiragino Sans GB, "ËÎÌå", sans-serif; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

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

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: color .5s ease; transition: color .5s ease; color: #000; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s ease; transition: all .5s ease; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

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

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

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

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

/* common */
.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.w1300 { width: 68.7%; margin: 0 auto; position: relative; }

.bgf3 { background: #f3f3f3; }

.xs-display { display: none !important; }

/*banner*/
.banner { width: 100%; height: auto; position: relative; z-index: 1; }

.banner img { width: 100%; }

.banner .logo { width: 2.2rem; position: absolute; left: 8.75%; top: 0.5rem; }

.banner .title { width: 10.05rem; position: absolute; left: 0; right: 0; top: 1.35rem; margin: auto; }

/*block*/
.block { width: 100%; height: auto; overflow: hidden; position: relative; padding: 1rem 0; }

.block .title { padding-bottom: 0.18rem; position: relative; text-align: center; }

.block .title img { width: 2.9rem; margin: 0 auto; }

.block .title:after { content: ""; width: 0.28rem; height: 0.03rem; background: #0457b4; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.block.block1 { padding-bottom: 0; }

.block.block1 .big { width: 100%; height: auto; margin: 0.35rem 0 0.3rem; position: relative; display: block; overflow: hidden; }

.block.block1 .big img { width: 100%; height: 100%; }

.block.block1 .big .text { width: 100%; height: 100%; padding: 0 0.3rem; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; transition: all .3s; }

.block.block1 .big .text h3 { font-size: 0.24rem; color: #fff; text-align: center; margin-bottom: 0.3rem; line-height: 1.5; }

.block.block1 .big:hover .text { opacity: 0; }

.block.block1 .big:hover img { transform: scale(1.05); }

.block.block1 .slide { overflow: hidden; position: relative; padding-bottom: 0.65rem; }

.block.block1 .slide .swiper-slide { position: relative; cursor: pointer; overflow: hidden; }

.block.block1 .slide .swiper-slide .img { position: relative; }

.block.block1 .slide .swiper-slide img { width: 100%; transition: all .3s; }

.block.block1 .slide .swiper-slide .coverV { text-align: center; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); transition: all .3s; padding: 0 0.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.block.block1 .slide .swiper-slide .coverV img { width: 0.3rem; display: block; margin: 0 auto 0.1rem; }

.block.block1 .slide .swiper-slide .coverV h2 { width: 100%; font-size: 0.18rem; color: #fff; line-height: 1.7; }

.block.block1 .slide .swiper-slide:last-child { margin-right: 0; }

.block.block1 .slide .swiper-slide:hover img { transform: scale(1.1); }

.block.block1 .slide .swiper-slide:hover .coverV { opacity: 0; }

.block.block1 .slide .swiper-pagination { bottom: 0; }

.block.block1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; }

.block.block1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #0457b4; }

.block.block2 { padding-bottom: 0; }

.block.block2 .title { margin-bottom: 0.35rem; }

.block.block2 .tj { height: auto; overflow: hidden; position: relative; display: flex; justify-content: space-between; }

.block.block2 .tj .left, .block.block2 .tj .right { width: 6.47rem; position: relative; z-index: 1; }

.block.block2 .tj .left .item, .block.block2 .tj .right .item { width: 3.2rem; float: left; margin: 0 0.06rem 0.06rem 0; position: relative; overflow: hidden; }

.block.block2 .tj .left .item img, .block.block2 .tj .right .item img { width: 100%; height: 100%; }

.block.block2 .tj .left .item p, .block.block2 .tj .right .item p { width: 100%; padding: 0.2rem 0.25rem; position: absolute; left: 0; bottom: 0; font-size: 0.16rem; color: #fff; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 100%); }

.block.block2 .tj .left .item.mr0, .block.block2 .tj .right .item.mr0 { margin-right: 0; }

.block.block2 .tj .left .item:hover img, .block.block2 .tj .right .item:hover img { transform: scale(1.1); }

.block.block2 .tj .left .item.big, .block.block2 .tj .right .item.big { height: 3.9rem; }

.block.block2 .tj .left.left .big, .block.block2 .tj .right.left .big { width: 100%; }

.block.block3 .title { margin-bottom: 0.45rem; }

.block.block3 .box { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }

.block.block3 .box .left { width: 6.5rem; height: 6.05rem; overflow: hidden; position: relative; }

.block.block3 .box .left img { width: 100%; height: 100%; }

.block.block3 .box .left h2 { width: 100%; font-size: 0.18rem; color: #fff; position: absolute; left: 0; bottom: 0; padding: 0.2rem; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 100%); }

.block.block3 .box .left:hover img { transform: scale(1.1); }

.block.block3 .box .right { width: 6.3rem; overflow: hidden; }

.block.block3 .box .right ul { height: auto; overflow: hidden; }

.block.block3 .box .right ul li { background: #F6F6F6; padding: 0.25rem 0.2rem; margin-bottom: 0.15rem; }

.block.block3 .box .right ul li h2 { font-size: 0.18rem; color: #454037; font-weight: bold; margin-bottom: 0.1rem; transition: all .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.block.block3 .box .right ul li p { font-size: 0.14rem; color: #5C5851; line-height: 0.28rem; height: 0.56rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.block.block3 .box .right ul li:hover h2 { color: #0457b4; }

.block.orderBlock { padding: 0 0 0.4rem; background: url(/zhuanti/tiaozhan08/images/orderBlock-bg.png) no-repeat center/cover; }

.block.orderBlock .car { width: 7.8rem; margin-top: 2.9rem; position: relative; left: -1.2rem; }

.block.orderBlock form { width: 5rem; height: 5.06rem; overflow: hidden; padding: 0.75rem 0.5rem; margin-top: 0.6rem; background: url("/zhuanti/tiaozhan08/images/orderBlock-form.png") center no-repeat; background-size: 100%; float: right; }

.block.orderBlock form .row { height: auto; overflow: hidden; background: #F7F6F4; padding: 0 0.3rem; margin-bottom: 0.15rem; position: relative; display: flex; }

.block.orderBlock form .row label { width: 0.75rem; font-size: 0.16rem; color: #000; line-height: 0.55rem; }

.block.orderBlock form .row label i { color: #ff0000; }

.block.orderBlock form .row input { width: 0; flex: 1; height: 0.55rem; font-size: 0.16rem; color: #000; border: 0; background: none; position: relative; }

.block.orderBlock form .row textarea { width: 0; flex: 1; height: 1.15rem; padding: 0.16rem 0.2rem 0.2rem 0; font-size: 0.16rem; border: 0; background: none; }

.block.orderBlock form .btn { width: 100%; height: 0.55rem; line-height: 0.55rem; font-size: 0.16rem; color: #fff; font-weight: bold; text-align: center; background: #0457b4; cursor: pointer; margin-top: 0.15rem; border: 0; }

.block.orderBlock .copyright { font-size: 0.16rem; color: #fff; text-align: center; margin-top: 0.66rem; }

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

.popVideo .video-box { width: 10rem; height: 6rem; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.popVideo .video-box video { display: block; width: 100%; height: 100%; }

.popVideo .btn-close { position: absolute; right: 5%; top: 5%; cursor: pointer; }

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

.fright { width: 0.44rem; height: auto; position: fixed; right: 0; top: 35%; z-index: 40; }

.fright .item { width: 1.34rem; height: 0.44rem; margin-bottom: 1px; position: relative; right: 0; transition: .3s; display: block; cursor: pointer; }

.fright .item .icon { width: 0.44rem; height: 0.44rem; float: left; }

.fright .item .icon.icon1 { background: url(/zhuanti/tiaozhan08/images/fright-icon1.png) center no-repeat #0457b4; }

.fright .item .icon.icon2 { background: url(/zhuanti/tiaozhan08/images/fright-icon2.png) center no-repeat #0457b4; }

.fright .item .icon.icon3 { background: url(/zhuanti/tiaozhan08/images/fright-icon4.png) center no-repeat #0457b4; }

.fright .item .icon.icon4 { background: url(/zhuanti/tiaozhan08/images/fright-icon5.png) center no-repeat #0457b4; }

.fright .item span { width: 0.9rem; line-height: 0.44rem; font-size: 0.14rem; float: left; background: #fff; text-align: center; }

.fright .item.active, .fright .item:hover { right: 0.9rem; }

.ys_boxm { display: flex; padding-right: 0.3rem; }

.ys_boxm label { display: flex; }

.ys_boxm img { object-fit: contain; width: 1rem; cursor: pointer; }

.ys_boxm input { padding-left: 0.8rem !important; }

/*! <=991 ÊÖ»ú¶Ë */
@media all and (max-width: 991px) { .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .w1300 { width: 100%; padding: 0 0.3rem; }
  /*banner*/
  .banner .logo { width: 2.5rem; left: 0.3rem; top: 0.4rem; }
  .banner .title { width: 90%; top: 1.8rem; }
  /*block*/
  .block { padding: 0.8rem 0; }
  .block .title img { width: 3.54rem; margin: 0 auto; }
  .block.block1 .big { margin: 0.35rem 0 0.3rem; }
  .block.block1 .big .text h3 { font-size: 0.28rem; }
  .block.block1 .slide .swiper-slide .coverV img { width: 0.55rem; margin: 0 auto; }
  .block.block1 .slide .swiper-slide .coverV h2 { display: none; }
  .block.block1 .slide .swiper-slide h2 { font-size: 0.26rem; line-height: 1.5; margin-top: 0.15rem; }
  .block.block1 .slide .swiper-pagination { bottom: 0; }
  .block.block1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; }
  .block.block1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #0457b4; }
  .block.block2 { padding-bottom: 0; }
  .block.block2 .title { margin-bottom: 0.35rem; }
  .block.block2 .tj-xs .slide { padding-bottom: 1rem; position: relative; }
  .block.block2 .tj-xs .slide .swiper-slide { transition: 300ms; transform: scale(0.9); position: relative; }
  .block.block2 .tj-xs .slide .swiper-slide.swiper-slide-active { transform: scale(1); }
  .block.block2 .tj-xs .slide .swiper-slide h2 { width: 100%; font-size: 0.28rem; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; padding: 0.3rem; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 100%); }
  .block.block2 .tj-xs .slide .swiper-pagination { bottom: 0.4rem; }
  .block.block2 .tj-xs .slide .swiper-pagination .swiper-pagination-bullet { margin: 0 0.05rem; }
  .block.block2 .tj-xs .slide .swiper-pagination .swiper-pagination-bullet-active { background: #0964C8; }
  .block.block3 .title { margin-bottom: 0.45rem; }
  .block.block3 .box .left { width: 100%; }
  .block.block3 .box .left h2 { font-size: 0.28rem; padding: 0.3rem; }
  .block.block3 .box .right { width: 100%; }
  .block.block3 .box .right ul { margin-top: 0.3rem; }
  .block.block3 .box .right ul li { background: #F6F6F6; padding: 0.35rem; margin-bottom: 0.2rem; }
  .block.block3 .box .right ul li h2 { font-size: 0.28rem; margin-bottom: 0.15rem; }
  .block.block3 .box .right ul li p { font-size: 0.26rem; line-height: 1.5; height: auto; }
  .block.orderBlock { height: 16rem; padding: 0; background: url(/zhuanti/tiaozhan08/images/orderBlock-bg-xs.png) no-repeat bottom/100%; }
  .block.orderBlock .car { display: none; }
  .block.orderBlock form { width: 100%; height: 9.3rem; padding: 2.1rem 0.7rem 0; margin-top: 0; background: url(/zhuanti/tiaozhan08/images/orderBlock-form-xs.png) no-repeat center/100%; }
  .block.orderBlock form .row { margin-bottom: 0.25rem; }
  .block.orderBlock form .row label { width: 1rem; font-size: 0.28rem; line-height: 0.9rem; }
  .block.orderBlock form .row input { height: 0.9rem; font-size: 0.28rem; }
  .block.orderBlock form .row textarea { height: 2rem; padding: 0.25rem 0.2rem 0.3rem 0; font-size: 0.28rem; }
  .block.orderBlock form .btn { height: 0.9rem; line-height: 0.9rem; font-size: 0.28rem; margin-top: 0; }
  .block.orderBlock .copyright { width: 100%; font-size: 0.26rem; margin-top: 0; position: absolute; left: 0; bottom: 0.4rem; }
  .fixed-right-xs { width: 2.18rem; height: .76rem; background: url(/zhuanti/tiaozhan08/images/fixed-right-xs.png) no-repeat center/100%; position: fixed; right: 0; bottom: 2rem; z-index: 10; }
  .popVideo .video-box { width: auto; height: 50vh; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
  .popVideo .video-box video { display: block; width: 100%; height: 100%; }
  .popVideo .btn-close { width: 0.4rem; height: 0.4rem; } }
<!--ºÄʱ1780273121.0635Ãë-->