@charset "utf-8";
/* CSS Document */

* { border: none; -webkit-text-size-adjust: none; text-size-adjust: none; outline: none; }
html, body { width: 100%; height: 100%; }
body { font: 14px/1.5 "PingFangSC", "PingFang SC", "Microsoft YaHei", "sans-serif"; color: #333; background: #fff; margin: 0; }
a { text-decoration: none; color: #333; -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6, strong, b, span, a, dl, dt, dd, p, img, ul, ol, input, select, textarea { list-style-type: none; margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
.fl { float: left; }
.fr { float: right; }
.ov { overflow: hidden; }
.dis { display: block !important; }
.dn { display: none; }
.clearFix { *zoom:1
}
.clearFix:before, .clearFix:after { display: table; content: "" }
.clearFix:after { clear: both }
input, select, textarea { -webkit-appearance: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#999;
}
input[type=checkbox] { -webkit-appearance: checkbox; }
body::-webkit-scrollbar {
width:5px;
height:1px;
}
body::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#890027;
}
body::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}

/*index*/
@media screen and (min-width:1600px) {
.header { width: 100%; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 99; box-shadow: 0 0 0.520833vw #0000001f; }
.header .bg { display: none; }
.header .head { width: 90%; margin: auto; height: 80px; }
.header .head .hamburger { display: none; }
.header .head .logo { display: block; height: 60px; float: left; padding: 10px 0; }
.header .head .logo img { display: block; height: 60px; }
.header .head .logo img.img02, .header .head .logo img.img03 { display: none; }
.header .head .yu { float: right; height: 100%; display: flex; align-items: center; margin-left: 4vw; font-size:.989583333vw;
color: #333; }
.header .head .yu img { width: 18px; margin-right: 10px; display: block; }
.header .head .yu a { color: inherit; display: block; }
.header .head .yu a:hover { color: #890027; }
.header .head .yu span { margin: 0 10px; display: block; }
.header .head .nav { float: right; height: 100%; }
.header .head .nav li { display: flex; align-items: center; text-transform: capitalize; float: left; height: 100%; position: relative; margin-left: 3vw; }
.header .head .nav li>a { display: block; font-size:.989583333vw;
}
.header .head .nav li:hover>a { color: #890128; }
.header .head .nav li.on:before { width: 100%; height:.15625vw;
background-color: #890128; content: ''; display: block; position: absolute; left: 0; bottom: 0; overflow: hidden; }
.header .head .nav li.on>a { color: #890128; font-weight: bold; }
.header .head .nav li p { width: 150px; background-color: #fff; box-shadow:0 0 .520833vw #0000000f;
left: 50%; opacity: 0; position: absolute; top: 80px; transform: translate(-50%) scaleY(0); transform-origin: top; transition: all .3s ease; z-index: 99; }
.header .head .nav li p a { border-bottom: 1px solid #f1f1f1; font-size:.885417vw;
height: 2.916667vw; line-height: 2.916667vw; text-align: center; display: block; overflow: hidden; padding: 0 20px; }
.header .head .nav li p a:last-child { border-bottom: none; }
.header .head .nav li p a:hover { font-weight: 600; }
.header .head .nav li:hover p { opacity: 1; transform: translate(-50%) scaleY(1); }
.header .head .nav li .subnav { width: 100vw; background-color: #fff; box-shadow:0 0 .520833vw #0000000f;
left: 0; opacity: 0; position: fixed; top: 80px; transform: scaleY(0); transform-origin: top; transition: all .3s ease; z-index: 99; text-align: center; }
.header .head .nav li .subnav:before, .header .head .nav li .subnav:after { width: 100%; height: 2.8vw; display: block; content: ''; overflow: hidden; }
.header .head .nav li .subnav a {
 font-size:.885417vw; line-height: 2.916667vw; text-align: center; display: inline-block; overflow: hidden; padding:.2vw 20px;
}
.header .head .nav li .subnav a img { display: block; height: 5vw; margin: 5px auto; }
.header .head .nav li .subnav a:hover { font-weight: 600; }
.header .head .nav li:hover .subnav { opacity: 1; transform: scaleY(1); }
.hbg { width: 100%; height: 80px; background-color: #fff; position: relative; z-index: 1; }
}
@media screen and (min-width:1024px) and (max-width:1599px) {
.header { width: 100%; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 99; box-shadow: 0 0 0.520833vw #0000001f; }
.header .bg { display: none; }
.header .head { width: 90%; margin: auto; height: 70px; }
.header .head .hamburger { display: none; }
.header .head .logo { display: block; height: 50px; float: left; padding: 10px 0; }
.header .head .logo img { display: block; height: 50px; }
.header .head .logo img.img01, .header .head .logo img.img03 { display: none; }
.header .head .yu { float: right; height: 100%; display: flex; align-items: center; margin-left: 3vw; font-size: 16px; color: #333; }
.header .head .yu img { width: 18px; margin-right: 10px; display: block; }
.header .head .yu a { color: inherit; display: block; }
.header .head .yu a:hover { color: #890027; }
.header .head .yu span { margin: 0 7px; display: block; }
.header .head .nav { float: right; height: 100%; }
.header .head .nav li { display: flex; align-items: center; float: left; height: 100%; position: relative; margin-left: 2vw; text-transform: capitalize; }
.header .head .nav li>a { display: block; font-size: 16px; }
.header .head .nav li:hover>a { color: #890128; }
.header .head .nav li.on>a { color: #890128; font-weight: bold; }
.header .head .nav li.on:before { width: 100%; height:.15625vw;
background-color: #890128; content: ''; display: block; position: absolute; left: 0; bottom: 0; overflow: hidden; }
.header .head .nav li p { width: 120px; background-color: #fff; box-shadow:0 0 .520833vw #0000000f;
left: 50%; opacity: 0; position: absolute; top: 70px; transform: translate(-50%) scaleY(0); transform-origin: top; transition: all .3s ease; z-index: 99; }
.header .head .nav li p a { border-bottom: 1px solid #f1f1f1; font-size: 14px; height: 40px; line-height: 40px; text-align: center; display: block; overflow: hidden; padding: 0 20px; }
.header .head .nav li p a:last-child { border-bottom: none; }
.header .head .nav li p a:hover { font-weight: 600; }
.header .head .nav li:hover p { opacity: 1; transform: translate(-50%) scaleY(1); }
.header .head .nav li .subnav { width: 100vw; padding: 0 30px; background-color: #fff; box-shadow:0 0 .520833vw #0000000f;
left: 0; opacity: 0; position: fixed; top: 70px; transform: scaleY(0); transform-origin: top; transition: all .3s ease; z-index: 99; text-align: center; }
.header .head .nav li .subnav:before, .header .head .nav li .subnav:after { width: 100%; height: 2.5vw; display: block; content: ''; overflow: hidden; }
.header .head .nav li .subnav a { font-size: 14px; line-height: 24px; text-align: center; display: inline-block; overflow: hidden; padding:.5vw 20px;
}
.header .head .nav li .subnav a img { display: block; height: 5vw; margin: 5px auto; }
.header .head .nav li .subnav a:hover { font-weight: 600; }
.header .head .nav li:hover .subnav { opacity: 1; transform: scaleY(1); }
.hbg { width: 100%; height: 70px; background-color: #fff; position: relative; z-index: 1; }
}
 @media screen and (min-width:1024px) and (max-width:1280px) {
.header .head .logo { height: 40px; padding: 15px 0; }
.header .head .logo img.img03 { display: block; height: 40px; }
.header .head .logo img.img01, .header .head .logo img.img02 { display: none; }
.header .head .yu { margin-left: 1.5vw; font-size: 14px; }
.header .head .yu img { width: 18px; margin-right: 6px; }
.header .head .nav li { margin-left: 1.4vw; }
.header .head .nav li>a { font-size: 14px; }
}
@media only screen and (max-width:1023px) {
.header { width: 100%; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 99; box-shadow: 0 0 0.520833vw #0000001f; }
.header .head { width: 100%; height: 60px; position: relative; z-index: 3; background-color: #fff; }
.header .head .hamburger { height: 30px; width: 24px; padding: 15px 5vw; border-left: 1px solid #eee; float: right; transition: left 0.3s ease-out 0s, opacity 0.3s linear 0s; }
.header .head .hamburger .h-bar { display: block; width: 24px; height: 2px; background-color: #333; margin: 6px auto; transform: rotate(0deg); opacity: 1; transition: all 0.4s ease-out 0s; }
.header .head .hamburger.open-menu .h-bar { margin-left: 8px; }
.header .head .hamburger.open-menu .h-bar:nth-of-type(1) { transform: rotate(45deg) translateY(11px); }
.header .head .hamburger.open-menu .h-bar:nth-of-type(2) { opacity: 0; }
.header .head .hamburger.open-menu .h-bar:nth-of-type(3) { transform: rotate(-45deg) translateY(-11px); }
.header .head .hamburger.open-menu .h-bar { margin-bottom: 0px; }
.header .head .logo { display: block; padding: 10px 5%; float: left; }
.header .head .logo img { display: block; height: 40px; }
.header .head .logo img.img01, .header .head .logo img.img02 { display: none; }
.header .head .yu { float: right; height: 100%; display: flex; align-items: center; font-size: 16px; color: #333; margin-right:3vw;}
.header .head .yu img { width: 18px; margin-right: 6px; display: block; }
.header .head .yu a { color: inherit; display: block; }
.header .head .yu a:hover { color: #890027; }
.header .head .yu span { margin: 0 7px; display: block; }
.header .bg { width: 0; height: 100vh; position: absolute; left: 0; top: 0; background-color: #000; opacity: .5; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.header .bg.open-menu { width: 100%; }
.header .head .nav { background-color: #fff; display: block; opacity: 0; position: absolute; overflow-y: scroll; width: 90vw; height: calc(100vh - 60px); top: 60px; left: -100vw; color: rgb(255, 255, 255); transition: left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index: 222; }
.header .head .nav.open-menu { opacity: 1; left: 0px; transition: left 0.3s ease-out 0s; }
.header .head .nav li { width: 100%; display: block; overflow: hidden; border-top: 1px solid #f1f1f1; position: relative; text-transform: capitalize; }
.header .head .nav li>a { display: block; font-size: 16px; color: #333; padding-left: 5vw; height: 50px; line-height: 50px; }
.header .head .nav li.on>a { color: #890128; font-weight: bold; }
.header .head .nav li b { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 50px; width: 60px; position: absolute; right: 0; top: 0px; text-align: center; }
.header .head .nav li b::after { content: "+"; background-color: transparent; font-size: 24px; color: #333; transform: rotateZ(0deg); transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; }
.header .head .nav li.active b::after { transform: rotateZ(135deg); }
.header .head .nav li.active>a { color: #890128; }
.header .head .nav li p, .header .head .nav li .subnav { display: none; width: 100%; overflow: hidden; padding-left: 5vw; box-sizing: border-box; padding-bottom: 10px; margin-top: -10px; }
.header .head .nav li p a, .header .head .nav li .subnav a { display: block; font-size: 14px; line-height: 30px; height: 30px; color: #666; overflow: hidden; }
.header .head .nav li p a:hover, .header .head .nav li .subnav a:hover { color: #890128; }
.header .head .nav li .subnav a img { display: none; }
.hbg { width: 100%; height: 60px; background-color: #fff; position: relative; z-index: 1; }
}

/*banner*/
@media screen and (min-width:1600px) {
.banner { width: 100%; height: calc(100% - 80px); position: relative; z-index: 1; background-color: #000; }
.banner .swiper-container, .banner .swiper-wrapper { width: 100%; height: 100%; }
.banner .swiper-container .swiper-slide { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
.banner .swiper-container .swiper-slide img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; }
.banner .swiper-container .swiper-slide img.mobile { display: none; }
.banner .swiper-pagination { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 3; }
.banner .swiper-pagination span { width: 60px; height: 3px; display: block; float: left; margin: 0 5px; cursor: pointer; border-radius: 8px; background-color: #fff; overflow: hidden; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color: #890027; }
.banner .prev { width: 5%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.banner .next { width: 5%; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; }
.banner .swiper-button-white { width: 50px; height: 50px; border-radius: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: none; }
.banner .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.banner .swiper-button-white:hover { background-color: #890128; }
.banner .prev:hover .swiper-button-prev { display: block; }
.banner .next:hover .swiper-button-next { display: block; }
.section-second { width: 100%; height: 100%; position: relative; overflow: hidden; }
}
@media screen and (min-width:1024px) and (max-width:1599px) {
.banner { width: 100%; height: calc(100% - 70px); max-height: 54.6875vw; position: relative; z-index: 1; background-color: #000; }
.banner .swiper-container, .banner .swiper-wrapper { width: 100%; height: 100%; }
.banner .swiper-container .swiper-slide { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
.banner .swiper-container .swiper-slide img { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; }
.banner .swiper-container .swiper-slide img.mobile { display: none; }
.banner .swiper-pagination { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 3; }
.banner .swiper-pagination span { width: 50px; height: 3px; display: block; float: left; margin: 0 5px; cursor: pointer; border-radius: 8px; background-color: #fff; overflow: hidden; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color: #890027; }
.banner .prev { width: 8%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.banner .next { width: 8%; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; }
.banner .swiper-button-white { width: 44px; height: 44px; border-radius: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: none; }
.banner .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.banner .swiper-button-white:hover { background-color: #890128; }
.banner .prev:hover .swiper-button-prev { display: block; }
.banner .next:hover .swiper-button-next { display: block; }
.section-second { width: 100%; height: 100%; position: relative; overflow: hidden; }
}
@media only screen and (max-width:1023px) {
.banner { width: 100%; position: relative; z-index: 1; background-color: #000; }
.banner .swiper-container, .banner .swiper-wrapper { width: 100%; }
.banner .swiper-container .swiper-slide { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
.banner .swiper-container .swiper-slide img { width: 100%; display: block; z-index: 1; }
.banner .swiper-container .swiper-slide img.pc { display: none; }
.banner .swiper-pagination { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 3; }
.banner .swiper-pagination span { width: 40px; height: 2px; display: block; float: left; margin: 0 5px; cursor: pointer; border-radius: 6px; background-color: #fff; overflow: hidden; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color: #890027; }
.banner .prev { width: 50px; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.banner .next { width: 50px; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; }
.banner .swiper-button-white { width: 36px; height: 36px; border-radius: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: none; }
.banner .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.banner .swiper-button-white:hover { background-color: #890128; }
.banner .prev:hover .swiper-button-prev { display: block; }
.banner .next:hover .swiper-button-next { display: block; }
.section-second { width: 100%; height: 100%; position: relative; overflow: hidden; }
}

/*关于*/
@media screen and (min-width:1600px) {
.abox { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow:hidden;}
.abox .left { width: 50%; padding: 0 5%; display: none; align-items: center; }
.abox .left img { max-width: 100%; display: block; margin: auto; }
.abox .right { width: 40%; padding: 3.90625vw 5%; min-height: calc(100vh - 80px); box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;  position:relative; float:right;}
.abox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000;}
.abox .right .w01 { font-size: 2.08333vw; font-weight: 600; margin-bottom: 1vw; color: #fff; position:relative; z-index:3;}
.abox .right .w02 { color: #fff; font-size: 0.885417vw; line-height: 1.45833vw; position:relative; z-index:3;}
}
@media screen and (min-width:1024px) and (max-width:1599px) {
.abox { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow:hidden;}
.abox .left { width: 45%; padding: 0 5%; display: none; align-items: center; }
.abox .left img { max-width: 100%; display: block; margin: auto; }
.abox .right { width: 45%; padding: 3.90625vw 5%; min-height: 54.6875vw; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; position:relative; float:right;}
.abox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000;}
.abox .right .w01 { font-size: 30px; font-weight: 600; margin-bottom: 1vw; color: #fff;  position:relative; z-index:3;}
.abox .right .w02 { color: #fff; font-size: 16px; line-height: 26px;  position:relative; z-index:3;}
}
@media only screen and (max-width:1023px) {
.abox { width: 100%; min-height: 133.333333vw; background-position: center; background-repeat: no-repeat; background-size: cover; position:relative;}
.abox .left { width: 100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.abox .left img { width: 100%; display: block; }
.abox .right { width: 100%; padding: 10.666667vw 5%; padding-top:60vw; box-sizing:border-box;  position:relative; z-index:3;}
.abox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000;}
.abox .right .w01 { font-size: 20px; line-height:1.2; font-weight: 600; margin-bottom: 1vw; color: #fff;  position:relative; z-index:3;}
.abox .right .w02 { color: #fff; font-size: 14px; line-height:1.2;  position:relative; z-index:3;}
}

/*车型*/
@media screen and (min-width:1600px) {
.pbox { width: 100%; height: calc(100% - 80px); position: relative; overflow: hidden; }
.pbox .gallery-top { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.pbox .gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.pbox .gallery-top .swiper-slide { width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; }
.pbox .gallery-top .swiper-slide img{ width:100%; display:none;}
.pbox .gallery-top .swiper-slide b { width: 100%; height: 35%; display: block; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#282728)); background: linear-gradient(180deg, transparent, #282728); overflow: hidden; position: absolute; left: 0; bottom: 0; }
.pbox .prev { width: 5%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.pbox .next { width: 5%; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; }
.pbox .swiper-button-white { width: 50px; height: 50px; border-radius: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.pbox .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.pbox .swiper-button-white:hover { background-color: #890128; }
.pbox .thumbs { position: absolute; left: 5%; bottom: 3.90625vw; z-index: 3; overflow: hidden; }
.pbox .list { display: block; width:860px;}
.pbox .list li { display: none; width:100%;}
.pbox .list li .w01 { font-size: 1.3vw; font-weight: 600; margin-bottom: .5vw; color: #fff; }
.pbox .list li .w02 { color: #fff; font-size: 0.885417vw; line-height: 1.45833vw; }
.pbox .list li.active { display: block; }
.pbox .gallery-thumbs { width: 420px; overflow: hidden; }
.pbox .gallery-thumbs .swiper-slide { width: 90px; color: #fff; }
.pbox .gallery-thumbs .swiper-slide .w01 { width: 100%; height: 2px; border-radius: 4px; background-color: #fff; opacity: .6; margin-bottom: 1vw; }
.pbox .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .w01 { background-color: #890128; opacity: 1; }
}
@media screen and (min-width:1024px) and (max-width:1599px) {
.pbox { width: 100%; height: 54.6875vw; position: relative; z-index: 1; }
.pbox .gallery-top { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.pbox .gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.pbox .gallery-top .swiper-slide { width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; }
.pbox .gallery-top .swiper-slide img{ width:100%; display:none;}
.pbox .gallery-top .swiper-slide b { width: 100%; height: 40%; display: block; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#282728)); background: linear-gradient(180deg, transparent, #282728); overflow: hidden; position: absolute; left: 0; bottom: 0; }
.pbox .prev { width: 8%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.pbox .next { width: 8%; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; }
.pbox .swiper-button-white { width: 44px; height: 44px; border-radius: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.pbox .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.pbox .swiper-button-white:hover { background-color: #890128; }
.pbox .thumbs { position: absolute; left: 5%; bottom: 3.90625vw; z-index: 3; overflow: hidden; }
.pbox .list { display: block; width:860px;}
.pbox .list li { display: none; width:100%;}
.pbox .list li.active { display: block; }
.pbox .list li .w01 { font-size: 22px; font-weight: 600; margin-bottom: .5vw; color: #fff; }
.pbox .list li .w02 { color: #fff; font-size: 16px; line-height: 26px; }
.pbox .gallery-thumbs { width: 420px; overflow: hidden; }
.pbox .gallery-thumbs .swiper-slide { width: 90px; color: #fff; }
.pbox .gallery-thumbs .swiper-slide .w01 { width: 100%; height: 2px; border-radius: 4px; background-color: #fff; opacity: .6; margin-bottom: 1vw; }
.pbox .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .w01 { background-color: #890128; opacity: 1; }
}
@media only screen and (max-width:1023px) {
.pbox { width: 100%; height: 133.333333vw; position: relative; z-index: 1; }
.pbox .gallery-top { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.pbox .gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.pbox .gallery-top .swiper-slide { width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; background-image:none !important;}
.pbox .gallery-top .swiper-slide img{ width:100%; display:block;}
.pbox .gallery-top .swiper-slide b { width: 100%; height: 45%; display: block; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#282728)); background: linear-gradient(180deg, transparent, #282728); overflow: hidden; position: absolute; left: 0; bottom: 0; }
.pbox .prev { width: 50px; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.pbox .next { width: 50px; height: 100%; position: absolute; right: 0; top: 0; z-index: 99; }
.pbox .swiper-button-white { width: 36px; height: 36px; border-radius: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.pbox .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.pbox .swiper-button-white:hover { background-color: #890128; }
.pbox .thumbs { width: 90%; position: absolute; left: 5%; bottom: 10.666667vw; z-index: 3; overflow: hidden; }
.pbox .list { width:100%; display: block; }
.pbox .list li { display: none; width:100%;}
.pbox .list li.active { display: block; }
.pbox .list li .w01 { font-size: 16px; line-height: 1.4; font-weight: 600; margin-bottom: 2vw; color: #fff; }
.pbox .list li .w02 { color: #fff; font-size: 14px; line-height: 1.2; }
.pbox .gallery-thumbs { width:100%; overflow: hidden; }
.pbox .gallery-thumbs .swiper-slide { width: calc(25% - 15px); color: #fff; }
.pbox .gallery-thumbs .swiper-slide .w01 { width: 100%; height: 2px; border-radius: 4px; background-color: #fff; opacity: .6; margin-bottom: 3vw; }
.pbox .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .w01 { background-color: #890128; opacity: 1; }
}

/*新闻*/
@media screen and (min-width:1600px) {
.nbox { width: 100%; height: calc(100% - 80px); position: relative; overflow: hidden; }
.nbox .gallery-top { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.nbox .gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.nbox .gallery-top .swiper-slide { width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; }
.nbox .gallery-top .swiper-slide img{ width:100%; display:none;}
.nbox .swi { position: absolute; right: 3%; bottom: 2.90625vw; margin-bottom: 5px;  z-index:3;}
.nbox .swiper-button-white { border: 1px solid #fff; border-radius: 100%; float: left; margin-left: 20px; width: 48px; height: 48px; display: block; position: relative; }
.nbox .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.nbox .swiper-button-white:hover { background-color: #890128; border: 1px solid #890128; }
.nbox .thumbs { width: 30%; position: absolute; left: 5%; top: 40%; transform: translateY(-50%); z-index: 3;  padding: 2.90625vw 3%; padding-bottom: 4.90625vw; overflow: hidden; }
.nbox .thumbs .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000;}
.nbox .gallery-thumbs { width: 100%; margin-bottom: 50px; position:relative; z-index:3;}
.nbox .gallery-thumbs .swiper-slide { width: 100%; }
.nbox .gallery-thumbs .swiper-slide .w01 { width: 100%; font-size: 1.5vw; font-weight: 600; margin-bottom: 1vw; color: #fff;}
.nbox .gallery-thumbs .swiper-slide .w02 { color: #fff; font-size: 0.885417vw; line-height: 1.45833vw; }
}
@media screen and (min-width:1024px) and (max-width:1599px) {
.nbox { width: 100%; height: 54.6875vw; position: relative; z-index: 1; }
.nbox .gallery-top { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.nbox .gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.nbox .gallery-top .swiper-slide { width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; }
.nbox .gallery-top .swiper-slide img{ width:100%; display:none;}
.nbox .swi { position: absolute; right: 5%; bottom: 2.90625vw; margin-bottom: 5px;  z-index:3;}
.nbox .swiper-button-white { border: 1px solid #fff; border-radius: 100%; float: left; margin-left: 20px; width: 44px; height: 44px; display: block; position: relative; }
.nbox .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.nbox .swiper-button-white:hover { background-color: #890128; border: 1px solid #890128; }
.nbox .thumbs { width: 32%; position: absolute; left: 5%; top: 40%; transform: translateY(-50%); z-index: 3; padding: 2.90625vw 3%; padding-bottom:4.90625vw; overflow: hidden; }
.nbox .thumbs .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000;}
.nbox .gallery-thumbs { width: 100%; margin-bottom: 46px; position:relative; z-index:3; }
.nbox .gallery-thumbs .swiper-slide { width: 100%; }
.nbox .gallery-thumbs .swiper-slide .w01 { width: 100%; font-size: 24px; font-weight: 600; margin-bottom: 1vw; color: #fff;}
.nbox .gallery-thumbs .swiper-slide .w02 { color: #fff; font-size: 16px; line-height: 26px;}
}
@media only screen and (max-width:1023px) {
.nbox { width: 100%; height: 133.333333vw; position: relative; z-index: 1; }
.nbox .gallery-top { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.nbox .gallery-top .swiper-wrapper { width: 100%; height: 100%; }
.nbox .gallery-top .swiper-slide { width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; }
.nbox .gallery-top .swiper-slide img{ width:100%; display:block;}
.nbox .swi { position: absolute; right: 3%; bottom: 5.333333vw; margin-bottom: 5px; z-index:3;}
.nbox .swiper-button-white { border: 1px solid #fff; border-radius: 100%; float: left; margin-left: 15px; width: 36px; height: 36px; display: block; position: relative; }
.nbox .swiper-button-white img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; }
.nbox .swiper-button-white:hover { background-color: #890128; border: 1px solid #890128; }
.nbox .thumbs { width: 80%; position: absolute; left: 5%; top: 40%; transform: translateY(-50%); z-index: 3; padding: 5.333333vw 5%; padding-bottom: 10vw; overflow: hidden; }
.nbox .thumbs .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000;}
.nbox .gallery-thumbs { width: 100%; margin-bottom: 38px;  position:relative; z-index:3;}
.nbox .gallery-thumbs .swiper-slide { width: 100%; }
.nbox .gallery-thumbs .swiper-slide .w01 { width: 100%; font-size: 18px; line-height: 1.4; font-weight: 600; margin-bottom:2vw; color: #fff; }
.nbox .gallery-thumbs .swiper-slide .w02 { color: #fff; font-size: 14px; line-height: 1.2; }
}

/*footer*/
@media screen and (min-width:1600px) {
.footer { width: 100%; background-color: #f3f4f6; position: relative; z-index: 1; }
.footer .foot { padding: 1.8125vw 10%; display: flex; justify-content:center; flex-wrap: wrap; text-align:center;}
.footer .foot .left { padding-right: 6.25vw; display:none;}
.footer .foot .left .item { margin-top: -0.7812505vw; }
.footer .foot .left .item a { display: block; font-size:.885417vw; line-height: 1.40625vw; margin-top: 0.7812505vw; }
.footer .foot .left .item a:hover { color: #890128; }
/*.footer .foot .mil { padding-right: 6.25vw; }*/
.footer .foot .mil .bt { font-size:1.5vw; margin-bottom:1vw;}
.footer .foot .p1 { font-size:.885417vw; line-height: 1.40625vw; display: flex; align-items: center; margin:0 1.5vw;}
.footer .foot .tel { font-size:.885417vw; line-height: 1.40625vw; margin:0 1.5vw;}
.footer .copyright { width: 80%; margin: auto; align-items: center; border-top: 1px solid #ccc; display: flex; height: 3.125vw; justify-content: center; }
.footer .copyright p { display: block; font-size:.833333vw;
color: #999; margin:0 .5vw;
}
.footer .copyright a { color: #999; }
}
@media screen and (min-width:1024px) and (max-width:1599px) {
.footer { width: 100%; background-color: #f3f4f6; position: relative; z-index: 1; }
.footer .foot { padding: 1.8125vw 7.5%; display: flex; justify-content: center; flex-wrap: wrap; text-align:center;}
.footer .foot .left { padding-right: 6.25vw; }
.footer .foot .left .item { margin-top: -0.7812505vw; }
.footer .foot .left .item a { display: block; font-size: 16px; line-height: 26px; margin-top: 0.7812505vw; }
.footer .foot .left .item a:hover { color: #890128; }
/*.footer .foot .mil { margin-right: 3.125vw; }*/
.footer .foot .bt { font-size:24px; margin-bottom:.5vw;}
.footer .foot .p1 { font-size: 16px; line-height: 26px; display: flex; align-items: center; margin:0 1.5vw;}
.footer .foot .tel { font-size: 16px; line-height: 26px; margin:0 1.5vw;}
.footer .copyright { width: 85%; margin: auto; align-items: center; border-top: 1px solid #ccc; color: #999; display: flex; height: 50px; justify-content: center; }
.footer .copyright p { display: block; font-size: 14px; color: #999; margin:0 .5vw;
}
.footer .copyright a { color: #999; }
}
@media only screen and (max-width:1023px) {
.footer { width: 100%; background-color: #f3f4f6; position: relative; z-index: 1; }
.footer .foot { padding: 5.666667vw 5%; display: flex; justify-content:center; flex-wrap: wrap; text-align:center;}
.footer .foot .left { width: 100%; }
.footer .foot .left .item { width: 100%; text-align: center; display: flex; flex-wrap: wrap; margin-top: -5px; }
.footer .foot .left .item a { width: 50%; display: block; font-size: 15px; line-height: 25px; margin-top: 5px; }
.footer .foot .left .item a:hover { color: #890128; }
.footer .foot .mil { width: 100%; text-align: center; padding-top: 5vw; }
.footer .foot .mil .bt { font-size:20px; margin-bottom:.5vw;}
.footer .foot .p1 { display: inline-block; font-size: 15px; line-height: 1.4; margin: 5px; margin-top: 0; }
.footer .foot .tel { display: inline-block; font-size: 15px; line-height: 1.4; margin: 5px; margin-top: 0; }
.footer .copyright { width: 90%; margin: auto; border-top: 1px solid #ccc; color: #999; padding: 10px 0; text-align: center; }
.footer .copyright p { display: inline-block; font-size: 12px; line-height: 1.4; margin: 0 3px; }
.footer .copyright a { color: #999; }
}