@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "Microsoft YaHei","微软雅黑", sans-serif, Arial; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
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,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
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);}

/*header*/
@media screen and (min-width:1601px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:120px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{box-shadow:rgb(51, 51, 51,0.2) 10px 10px 10px; background-color:#fff; height:100px;}
.header.bg{ background-color:#fff; height:100px;}
.header .head{ width:90%; margin:auto; height:100%; position:relative; z-index:3; display:flex; justify-content:space-between; align-items:center;}
.header .head .logo{ height:60px;}
.header .head .logo img{ display:block; height:60px;}
.header .head .ser{ height:20px;}
.header .head .ser b{ width:1px; height:16px; display:none; background-color:#fff; opacity:.5; margin:2px 2vw; float:left;}
.header.pos .head .ser b,.header.bg .head .ser b{ background-color:#333; opacity:.3;}
.header .head .ser span{ display:block; width:20px; height:20px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; float:left;}
.header.pos .head .ser span,.header.bg .head .ser span{ background-image:url(../images/ser01.png);}
.header .head .ser p{ padding-left:30px; display:block; background-image:url(../images/yu.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:20px; height:20px; color:#fff; float:left; display:none;}
.header.pos .head .ser p,.header.bg .head .ser p{ background-image:url(../images/yu01.png); color:#333;}
.header .head .ser p a{ color:inherit;}
.header .head .ser p a:hover{ color:#890027;}
.header .head .nav{ height:100%; flex:1; display:flex; justify-content:center;}
.header .head .nav li{ display:flex; align-items:center; height:100%; position:relative; float:left; padding:0 3vw;}
.header .head .nav li b{ width:calc(100% - 6vw); height:1px; background-color:#890027; position:absolute; left:3vw; top:50%; margin-top:18px; display:none;}
.header .head .nav li b img{ display:none;}
.header .head .nav li.on b{ display:block;}
.header .head .nav li>a{ display:block; font-size:18px; line-height:40px; height:40px; color:#fff;}
.header .head .nav li:hover>a{ color:#890027 !important; font-weight:bold;}
.header.pos .head .nav li>a,.header.bg .head .nav li>a{ color:#333;}
.header .head .nav li.on>a{ font-weight:bold; color:#890027 !important;}
.header .head .nav li p{ width:100%; position:absolute; left:0; top:50px; background-color:rgba(255,255,255,.9); display:block; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden;}
.header .head .nav li p a{ padding:0 20px; display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden; color:#333;}
.header .head .nav li p a:hover{ background-color:#f7f7f7; color:#890027;}
.header .head .nav li:hover p{ top:100px; opacity:1; height:auto;}

.serbox{ width:100%; height:calc(100% - 101px); border-top:1px solid #eee; position:fixed; right:0; top:100px; z-index:98; display:none;}
.serbox .close{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.serbox form{ width:100%; height:100px; background-color:#fff; display:block; position:relative; z-index:3;}
.serbox .box{ width:800px; height:50px; border-bottom:1px solid #eee; margin:auto; padding-top:15px; position:relative; z-index:3;}
.serbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0;}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 60px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden; background-color:transparent; color:#333;}
.serbox .box span{ display:block; width:50px; height:50px; float:right;}
.serbox .box span input{ width:50px; height:50px; display:block; cursor:pointer; background-color:transparent; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:100px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{box-shadow:rgb(51, 51, 51,0.2) 10px 10px 10px; background-color:#fff; height:80px;}
.header.bg{ background-color:#fff; height:80px;}
.header .head{ width:90%; margin:auto; height:100%; position:relative; z-index:3; display:flex; justify-content:space-between; align-items:center;}
.header .head .logo{ height:60px;}
.header .head .logo img{ display:block; height:60px;}
.header .head .ser{ height:18px;}
.header .head .ser b{ width:1px; height:14px; display:none; background-color:#fff; opacity:.5; margin:2px 20px; float:left;}
.header.pos .head .ser b,.header.bg .head .ser b{ background-color:#333; opacity:.3;}
.header .head .ser span{ display:block; width:18px; height:18px; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; float:left; background-size:100% 100%;}
.header.pos .head .ser span,.header.bg .head .ser span{ background-image:url(../images/ser01.png);}
.header .head .ser p{ padding-left:28px; display:block; background-image:url(../images/yu.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:18px; height:18px; color:#fff; float:left; background-size:18px 18px; display:none;}
.header.pos .head .ser p,.header.bg .head .ser p{ background-image:url(../images/yu01.png); color:#333;}
.header .head .ser p a{ color:inherit;}
.header .head .ser p a:hover{ color:#890027;}
.header .head .nav{ height:100%;}
.header .head .nav li{ display:flex; align-items:center; height:100%; position:relative; float:left; padding:0 2vw;}
.header .head .nav li b{ width:calc(100% - 4vw); height:1px; background-color:#890027; position:absolute; left:2vw; top:50%; margin-top:18px; display:none;}
.header .head .nav li b img{ display:none;}
.header .head .nav li.on b{ display:block;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:40px; height:40px; color:#fff;}
.header .head .nav li:hover>a{ color:#890027 !important; font-weight:bold;}
.header.pos .head .nav li>a,.header.bg .head .nav li>a{ color:#333;}
.header .head .nav li.on>a{ font-weight:bold; color:#890027 !important;}
.header .head .nav li p{ width:180px; position:absolute; left:50%; margin-left:-90px; top:30px; background-color:rgba(255,255,255,.9); display:block; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden;}
.header .head .nav li p a{ padding:0 20px; display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden; color:#333;}
.header .head .nav li p a:hover{ background-color:#f7f7f7; color:#890027;}
.header .head .nav li:hover p{ top:80px; opacity:1; height:auto;}

.serbox{ width:100%; height:calc(100% - 81px); border-top:1px solid #eee; position:fixed; right:0; top:80px; z-index:98; display:none;}
.serbox .close{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.serbox form{ width:100%; height:80px; background-color:#fff; display:block; position:relative; z-index:3;}
.serbox .box{ width:800px; height:50px; border-bottom:1px solid #eee; margin:auto; padding-top:7px; position:relative; z-index:3;}
.serbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0;}
.serbox .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 60px);}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden; background-color:transparent; color:#333;}
.serbox .box span{ display:block; width:50px; height:50px; float:right;}
.serbox .box span input{ width:50px; height:50px; display:block; cursor:pointer; background-color:transparent; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat;}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:60px;}
.header.pos{ background-color:#fff; box-shadow:rgb(51, 51, 51,0.2) 10px 10px 10px;}
.header.bg{ background-color:#fff;}
.header .head{ width:94%; padding:0 3%; height:60px; position:relative; z-index:3; display:flex; align-items:center;}
.header .head .logo{ height:40px;}
.header .head .logo img{ display:block; height:40px;}
.header .head .ser{ flex:1; height:24px; padding-right:32px; margin-right:3vw; padding-left:3vw; position:relative; z-index:1;}
.header .head .ser b{ width:1px; height:20px; display:none; background-color:#fff; opacity:.5; position:absolute; right:32px; top:50%; margin-top:-10px;}
.header.pos .head .ser b,.header.bg .head .ser b{ background-color:#333; opacity:.3;}
.header .head .ser span{ display:block; width:24px; height:24px; cursor:pointer; background-image:url(../images/ser03.png); background-position:center; background-repeat:no-repeat; float:right; margin-right:3vw;}
.header.pos .head .ser span,.header.bg .head .ser span{ background-image:url(../images/ser02.png);}
.header .head .ser p{ padding-left:30px; display:block; background-image:url(../images/yu.png); background-position:left center; background-repeat:no-repeat; font-size:18px; line-height:24px; height:24px; color:#fff; float:left; display:none;}
.header.pos .head .ser p,.header.bg .head .ser p{ background-image:url(../images/yu01.png); color:#333;}
.header .head .ser p a{ color:inherit;}
.header .head .ser p a:hover{ color:#890027;}
.header .head .navBtn{ position:absolute; right:3%; top:0; width:32px; height:60px; cursor:pointer; z-index:9;}
.header .head .navBtn span{ display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:calc((100% - 2px) / 2); transition:all .3s;}
.header.pos .head .navBtn span{ background-color:#333;}
.header .head .navBtn span:nth-child(1){ transform:translateY(11px) rotate(0deg);}
.header .head .navBtn span:nth-child(3){ transform:translateY(-11px) rotate(0deg); background-color:#890027;}
.header .head .navBtn.active span:nth-child(1){ transform:translateY(0) rotate(45deg); background-color:#333;}
.header .head .navBtn.active span:nth-child(3){ transform:translateY(0) rotate(-45deg); background-color:#333;}
.header .head .navBtn.active span:nth-child(2){ opacity:0;}
.header .head .nav{ width:94%; height:calc(100vh - 61px); background-color:#fff; padding:0 3%; overflow:auto; position:absolute; left:0; top:60px; border-top:1px solid #eee; display:none;}
.header .head .nav li{ width:100%; padding:15px 30px 15px 0; position:relative; display:block; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #eee;}
.header .head .nav li:last-child{ border-bottom:none;}
.header .head .nav li b{ position:absolute; right:0; top:16px; width:25px; text-align:center; opacity:0.3; -o-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s;}
.header .head .nav li.cur b{ -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s;}
.header .head .nav li b img{ width:25px; height:25px; display:block;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:24px; height:24px; color:#333; font-weight:bold;}
.header .head .nav li:hover>a,.header .head .nav li.on>a{ color:#890027; font-weight:bold;}
.header .head .nav li p{ display:none; padding-left:20px; overflow:hidden;}
.header .head .nav li p a{ display:block; font-size:14px; line-height:24px; height:24px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#636b70;}
.header .head .nav li p a:hover{ color:#890027;}

.serbox{ width:100%; height:calc(100% - 61px); border-top:1px solid #eee; position:fixed; right:0; top:60px; z-index:98; display:none;}
.serbox .close{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.serbox form{ width:100%; height:60px; background-color:#fff; display:block; position:relative; z-index:3;}
.serbox .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); position:relative; z-index:3;}
.serbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0;}
.serbox .box p{ display:block; padding-left:10px; height:40px; float:left; width:calc(100% - 50px);}
.serbox .box p input{ width:100%; display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden; background-color:transparent; color:#333;}
.serbox .box span{ display:block; width:40px; height:40px; float:right;}
.serbox .box span input{ width:50px; height:40px; display:block; cursor:pointer; background-color:transparent; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat;}
}

/*banner*/
@media screen and (min-width:1601px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .tu b{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; display:block; overflow:hidden;}
.banner .swiper-slide .tu img{ display:none;}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-40%); opacity:0; transition:all 0.8s;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(-50%); opacity:1;}
.banner .swiper-slide .wen .w01{ font-size:18px; line-height:28px; color:#fff; text-transform:uppercase;}
.banner .swiper-slide .wen .w02{ font-size:48px; line-height:58px; color:#fff; margin-top:10px; letter-spacing:20px;}
.banner .swiper-slide .wen .w03{ font-size:30px; line-height:40px; color:#ccc; margin-top:30px;}
.banner .swiper-slide .wen .w04{ width:40px; height:2px; background-color:#ccc; margin:25px 0;}
.banner .swiper-slide .wen .w05{ font-size:20px; line-height:30px; color:#ccc; margin-top:20px;}
.banner .swiper-slide .wen .w06{ margin-top:65px;}
.banner .swiper-slide .wen .w06 a{ min-width:110px; padding:0 19px; background-color:rgba(137,0,39,.7); border:1px solid rgba(137,0,39,.7); text-align:center; color:#fff; font-size:16px; height:40px; line-height:40px; display:block; float:left; margin-right:20px; border-radius:5px; letter-spacing:3px; text-indent:3px;}
.banner .swiper-slide .wen .w06 a:last-child{ background-color:transparent; border:1px solid rgba(255,255,255,.3); display:none;}
.banner .swiper-slide .wen .w06 a:hover{ background-color:#890027; border:1px solid #890027;}
.banner .swiper-slide .wen .w06 a:last-child:hover{ background-color:#fff; border:1px solid #fff; color:#890027;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:2.6vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:40px; height:5px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:6px; background-color:#fff; opacity:.5; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background-color:#890027;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .tu b{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; display:block; overflow:hidden;}
.banner .swiper-slide .tu img{ display:none;}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-40%); opacity:0; transition:all 0.8s;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(-50%); opacity:1;}
.banner .swiper-slide .wen .w01{ font-size:16px; line-height:26px; color:#fff; text-transform:uppercase;}
.banner .swiper-slide .wen .w02{ font-size:42px; line-height:52px; color:#fff; margin-top:5px;}
.banner .swiper-slide .wen .w03{ font-size:30px; line-height:40px; color:#ccc; margin-top:20px;}
.banner .swiper-slide .wen .w04{ width:30px; height:2px; background-color:#ccc; margin:20px 0;}
.banner .swiper-slide .wen .w05{ font-size:20px; line-height:30px; color:#ccc; margin-top:15px;}
.banner .swiper-slide .wen .w06{ margin-top:45px;}
.banner .swiper-slide .wen .w06 a{ min-width:100px; padding:0 19px; background-color:rgba(137,0,39,.7); border:1px solid rgba(137,0,39,.7); text-align:center; color:#fff; font-size:16px; height:38px; line-height:38px; display:block; float:left; margin-right:20px; border-radius:5px; letter-spacing:3px; text-indent:3px;}
.banner .swiper-slide .wen .w06 a:last-child{ background-color:transparent; border:1px solid rgba(255,255,255,.3); display:none;}
.banner .swiper-slide .wen .w06 a:hover{ background-color:#890027; border:1px solid #890027;}
.banner .swiper-slide .wen .w06 a:last-child:hover{ background-color:#fff; border:1px solid #fff; color:#890027;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:2.6vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:30px; height:5px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:6px; background-color:#fff; opacity:.5; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background-color:#890027;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; max-height:100vh; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .tu b{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; display:block; overflow:hidden;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-40%); opacity:0; transition:all 0.8s; text-align:center;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(-50%); opacity:1;}
.banner .swiper-slide .wen .w01{ font-size:14px; line-height:24px; color:#fff;}
.banner .swiper-slide .wen .w02{ font-size:32px; line-height:42px; color:#fff; margin-top:5px;}
.banner .swiper-slide .wen .w03{ font-size:24px; line-height:34px; color:#ccc; margin-top:10px;}
.banner .swiper-slide .wen .w04{ width:20px; height:2px; background-color:#ccc; margin:15px auto;}
.banner .swiper-slide .wen .w05{ font-size:16px; line-height:26px; color:#ccc; margin-top:10px;}
.banner .swiper-slide .wen .w06{ margin-top:25px; text-align:center;}
.banner .swiper-slide .wen .w06 a{ min-width:90px; padding:0 14px; background-color:rgba(137,0,39,.7); border:1px solid rgba(137,0,39,.7); text-align:center; color:#fff; font-size:14px; height:36px; line-height:36px; display:inline-block; margin:0 10px; border-radius:5px; letter-spacing:3px; text-indent:3px;}
.banner .swiper-slide .wen .w06 a:last-child{ background-color:transparent; border:1px solid rgba(255,255,255,.3); display:none;}
.banner .swiper-slide .wen .w06 a:hover{ background-color:#890027; border:1px solid #890027;}
.banner .swiper-slide .wen .w06 a:last-child:hover{ background-color:#fff; border:1px solid #fff; color:#890027;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:20px; height:5px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:6px; background-color:#fff; opacity:.5; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background-color:#890027;}
}

@media screen and (min-width:1601px){
.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 .prev .swiper-button-prev{ width:50px; height:50px; border-radius:100%; background-color:rgba(0,0,0,.5); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none;}
.banner .next .swiper-button-next{ width:50px; height:50px; border-radius:100%; background-color:rgba(0,0,0,.5); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none;}
.banner .prev .swiper-button-prev:hover{ background-color:#890027; background-image:url(../images/prev01.png);}
.banner .next .swiper-button-next:hover{ background-color:#890027; background-image:url(../images/next01.png);}
.banner .prev:hover .swiper-button-prev{ display:block;}
.banner .next:hover .swiper-button-next{ display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.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 .prev .swiper-button-prev{ width:46px; height:46px; border-radius:100%; background-color:rgba(0,0,0,.5); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none;}
.banner .next .swiper-button-next{ width:46px; height:46px; border-radius:100%; background-color:rgba(0,0,0,.5); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none;}
.banner .prev .swiper-button-prev:hover{ background-color:#890027; background-image:url(../images/prev01.png);}
.banner .next .swiper-button-next:hover{ background-color:#890027; background-image:url(../images/next01.png);}
.banner .prev:hover .swiper-button-prev{ display:block;}
.banner .next:hover .swiper-button-next{ display:block;}
}
@media only screen and (max-width: 1023px){
.banner .prev{ position:absolute; top:50%; left:10px; transform:translateY(-50%); z-index:99;}
.banner .next{ position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:99;}
.banner .prev .swiper-button-prev{ width:40px; height:40px; border-radius:100%; background-color:rgba(0,0,0,.5); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat;}
.banner .next .swiper-button-next{ width:40px; height:40px; border-radius:100%; background-color:rgba(0,0,0,.5); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat;}
.banner .prev .swiper-button-prev:hover{ background-color:#890027; background-image:url(../images/prev01.png);}
.banner .next .swiper-button-next:hover{ background-color:#890027; background-image:url(../images/next01.png);}
.banner .prev:hover .swiper-button-prev{ display:block;}
.banner .next:hover .swiper-button-next{ display:block;}
}

/*通用*/
@media screen and (min-width:1601px){
.title{ width:100%; position:relative; z-index:3;}
.title .t01{ width:100%; display:none; margin-top:10px;}
.title .t01 strong{ display:block; float:left; font-size:16px; line-height:26px; color:#636b70; font-weight:normal;}
.title .t01 b{ display:block; float:left; width:6px; height:6px; background-color:#636b70; margin-left:10px; margin-top:15px; overflow:hidden;}
.title .t02{ width:100%; font-size:30px; line-height:40px; font-weight:bold; letter-spacing:10px;}
.title .t03{ width:20px; height:2px; background-color:#890027; margin-top:15px;}
.title .t04{ min-width:100px; padding:0 20px; background-color:#eee; text-align:center; color:#333; font-size:14px; height:40px; line-height:40px; display:block; position:absolute; right:0; bottom:0; border-radius:5px;}
.title .t04:hover{ background-color:#890027; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.title{ width:100%; position:relative; z-index:3;}
.title .t01{ width:100%; display:none; margin-top:5px;}
.title .t01 strong{ display:block; float:left; font-size:15px; line-height:25px; color:#636b70; font-weight:normal;}
.title .t01 b{ display:block; float:left; width:5px; height:5px; background-color:#636b70; margin-left:8px; margin-top:15px; overflow:hidden;}
.title .t02{ width:100%; font-size:26px; line-height:36px; font-weight:bold; letter-spacing:7px;}
.title .t03{ width:20px; height:2px; background-color:#890027; margin-top:10px;}
.title .t04{ min-width:90px; padding:0 20px; background-color:#eee; text-align:center; color:#333; font-size:14px; height:38px; line-height:38px; display:block; position:absolute; right:0; bottom:0; border-radius:5px;}
.title .t04:hover{ background-color:#890027; color:#fff;}
}
@media only screen and (max-width: 1023px){
.title{ width:100%; position:relative; z-index:3;}
.title .t01{ width:100%; display:none;}
.title .t01 strong{ display:block; float:left; font-size:14px; line-height:24px; color:#636b70; font-weight:normal;}
.title .t01 b{ display:none; float:left; width:5px; height:5px; background-color:#636b70; margin-left:8px; margin-top:15px; overflow:hidden;}
.title .t02{ width:100%; font-size:22px; line-height:32px; font-weight:bold; letter-spacing:4px;}
.title .t03{ width:20px; height:2px; background-color:#890027; margin-top:5px;}
.title .t04{ min-width:80px; padding:0 15px; background-color:#eee; text-align:center; color:#333; font-size:14px; height:36px; line-height:36px; display:block; position:absolute; right:0; bottom:0; border-radius:5px;}
.title .t04:hover{ background-color:#890027; color:#fff;}
}

/*金杯产品*/
@media screen and (min-width:1601px){
.pbox{ padding:100px 5%; position:relative; z-index:1;}
.pbox .bg{ width:50%; height:100%; position:absolute; right:0; top:0; z-index:1; background-size:cover; background-position:center;}
.pbox .box{ width:100%; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; overflow:visible;}
.pbox .box .swiper-container .swiper-slide{ width:76.125%; display:flex; align-items:center;}
.pbox .box .swiper-container .swiper-slide .left{ display:none; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .en{ display:none;}
.pbox .box .swiper-container .swiper-slide .right{ width:22.988%; position:relative; z-index:2;}
.pbox .box .swiper-container .swiper-slide .right img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .mask{ display:none;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active{ flex-direction:row-reverse;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .right{ width:58.56%;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left{ width:37.44%; display:block; margin-right:4%;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w01{ font-size:18px; line-height:28px; color:#636b70;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w02{ font-size:30px; line-height:40px; font-weight:bold; letter-spacing:8px; margin-top:10px;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w03{ width:100%; height:1px; position:relative; margin:29px 0;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w03 b{ width:30.21vw; height:1px; position:absolute; right:-4.42vw; top:0; display:block; background-color:#eee; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w04{ font-size:16px; line-height:30px; margin-top:-2px;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .en{ font-size:126px; line-height:126px; height:252px; display:block; position:absolute; right:-28.229vw; top:-240px; text-transform:uppercase; text-align:right; opacity:.05; font-weight:bold; width:50vw; z-index:1;}
.pbox .box .swi{ width:100%; margin-top:60px; position:relative;}
.pbox .box .swi .swiper-button-prev{ width:48px; height:48px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; right:70px; bottom:0;}
.pbox .box .swi .swiper-button-next{ width:48px; height:48px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.pbox .box .swi .swiper-button-prev:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/prev01.png);}
.pbox .box .swi .swiper-button-next:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/next01.png);}
.pbox .box .swi .swiper-pagination{ font-size:24px; font-weight:bold; line-height:50px; height:50px; color:#636b70; display:flex; align-items:center;}
.pbox .box .swi .swiper-pagination a{ width:10px; height:10px; background-image:url(../images/line_07.png); display:block; margin:0 10px;}
.pbox .box .swi .swiper-pagination .swiper-pagination-current{ color:#890027;}
.pbox .box .swi .more{ width:200px; height:50px; position:absolute; left:50%; margin-left:-100px; bottom:0;}
.pbox .box .swi .more a{ display:block; border-radius:50px; background-color:#636b70; overflow:hidden;}
.pbox .box .swi .more a span{ width:calc(100% - 46px); height:50px; line-height:50px; color:#fff; display:block; text-align:center; font-size:16px; letter-spacing:3px; text-indent:3px; float:left;}
.pbox .box .swi .more a b{ width:42px; height:42px; margin:4px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pbox .box .swi .more a:hover{ background-color:#890027;}
.pbox .box .swi .more a:hover b{ background-image:url(../images/more01.png);}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.pbox{ padding:70px 5%; position:relative; z-index:1;}
.pbox .bg{ width:50%; height:100%; position:absolute; right:0; top:0; z-index:1; background-size:cover; background-position:center;}
.pbox .box{ width:100%; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; overflow:visible;}
.pbox .box .swiper-container .swiper-slide{ width:76.125%; display:flex; align-items:center;}
.pbox .box .swiper-container .swiper-slide .left{ display:none; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .en{ display:none;}
.pbox .box .swiper-container .swiper-slide .right{ width:22.988%; position:relative; z-index:2;}
.pbox .box .swiper-container .swiper-slide .right img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .mask{ display:none;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active{ flex-direction:row-reverse;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .right{ width:56.56%;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left{ width:39.44%; display:block; margin-right:4%;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w01{ font-size:16px; line-height:26px; color:#636b70;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w02{ font-size:24px; line-height:34px; font-weight:bold; letter-spacing:4px; margin-top:5px;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w03{ width:100%; height:1px; position:relative; margin:19px 0;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w03 b{ width:30.21vw; height:1px; position:absolute; right:-4.42vw; top:0; display:block; background-color:#eee; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .left .w04{ font-size:15px; line-height:25px;}
.pbox .box .swiper-container .swiper-slide.swiper-slide-active .en{ font-size:100px; line-height:100px; height:200px; display:block; position:absolute; right:-26.899vw; top:-175px; text-transform:uppercase; text-align:right; opacity:.05; font-weight:bold; width:50vw; z-index:1;}
.pbox .box .swi{ width:100%; margin-top:40px; position:relative;}
.pbox .box .swi .swiper-button-prev{ width:44px; height:44px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; right:61px; bottom:0;}
.pbox .box .swi .swiper-button-next{ width:44px; height:44px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.pbox .box .swi .swiper-button-prev:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/prev01.png);}
.pbox .box .swi .swiper-button-next:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/next01.png);}
.pbox .box .swi .swiper-pagination{ font-size:20px; font-weight:bold; line-height:46px; height:46px; color:#636b70; display:flex; align-items:center;}
.pbox .box .swi .swiper-pagination a{ width:10px; height:10px; background-image:url(../images/line_07.png); display:block; margin:0 8px;}
.pbox .box .swi .swiper-pagination .swiper-pagination-current{ color:#890027;}
.pbox .box .swi .more{ width:180px; height:46px; position:absolute; left:50%; margin-left:-90px; bottom:0;}
.pbox .box .swi .more a{ display:block; border-radius:46px; background-color:#636b70; overflow:hidden;}
.pbox .box .swi .more a span{ width:calc(100% - 43px); height:46px; line-height:46px; color:#fff; display:block; text-align:center; font-size:15px; letter-spacing:3px; text-indent:3px; float:left;}
.pbox .box .swi .more a b{ width:40px; height:40px; margin:3px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pbox .box .swi .more a:hover{ background-color:#890027;}
.pbox .box .swi .more a:hover b{ background-image:url(../images/more01.png);}
}
@media only screen and (max-width: 1023px){
.pbox{ padding:40px 3%; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:100%; position:absolute; right:0; top:0; z-index:1; background-size:cover; background-position:center;}
.pbox .box{ width:100%; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%; overflow:visible;}
.pbox .box .swiper-container .swiper-slide{ width:100%;}
.pbox .box .swiper-container .swiper-slide .right{ width:100%; position:relative; z-index:2;}
.pbox .box .swiper-container .swiper-slide .right img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .left{ width:100%; display:block; margin-top:15px; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .left .w01{ font-size:14px; line-height:24px; color:#636b70;}
.pbox .box .swiper-container .swiper-slide .left .w02{ font-size:18px; line-height:28px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .left .w03{ width:100%; height:1px; position:relative; margin:9px 0;}
.pbox .box .swiper-container .swiper-slide .left .w03 b{ width:100%; height:1px; display:block; background-color:#eee; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .left .w04{ font-size:14px; line-height:24px;}
.pbox .box .swiper-container .swiper-slide .en{ font-size:70px; line-height:70px; display:block; position:absolute; right:-3vw; top:-120px; text-transform:uppercase; text-align:right; opacity:.05; font-weight:bold; width:100vw; z-index:1;}
.pbox .box .swi{ width:100%; margin-top:20px; position:relative;}
.pbox .box .swi .swiper-button-prev{ width:38px; height:38px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; right:50px; bottom:0;}
.pbox .box .swi .swiper-button-next{ width:38px; height:38px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.pbox .box .swi .swiper-button-prev:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/prev01.png);}
.pbox .box .swi .swiper-button-next:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/next01.png);}
.pbox .box .swi .swiper-pagination{ display:none;}
.pbox .box .swi .more{ width:160px; height:40px;}
.pbox .box .swi .more a{ display:block; border-radius:42px; background-color:#636b70; overflow:hidden;}
.pbox .box .swi .more a span{ width:calc(100% - 37px); height:40px; line-height:40px; color:#fff; display:block; text-align:center; font-size:14px; letter-spacing:2px; text-indent:2px; float:left;}
.pbox .box .swi .more a b{ width:34px; height:34px; margin:3px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pbox .box .swi .more a:hover{ background-color:#890027;}
.pbox .box .swi .more a:hover b{ background-image:url(../images/more01.png);}
}

/*主推车型*/
/*@media screen and (min-width:1601px){
.zbox{ width:100%; position:relative; z-index:1;}
.zbox .item{ width:100%; height:20vw; background-size:cover; background-position:center;}
.zbox .item.cur{ height:40vw;}
.zbox .item a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block;}
.zbox .item.cur a{ opacity:0;}
.zbox .item a .z01{ width:100%; height:40px; display:flex; align-items:flex-end; overflow:visible;}
.zbox .item a .z01 b{ width:5%; height:5px; background-color:#890027; display:block; overflow:hidden; margin-bottom:35px;}
.zbox .item a .z01 em{ font-style:italic; font-size:72px; line-height:72px; font-weight:bold; display:block; overflow:hidden; padding-right:30px; padding-left:20px; color:#ccc; word-break:break-all;}
.zbox .item a .z01 p{ height:5px; flex:1; background-color:#890027; display:block; overflow:hidden; margin-bottom:35px;}
.zbox .item a .z02{ padding:0 5%; padding-top:25px; font-size:30px; line-height:40px; color:#fff; font-weight:bold;}
.zbox .item a .z03{ padding:0 5%; padding-top:15px; font-size:18px; line-height:28px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.zbox{ width:100%; position:relative; z-index:1;}
.zbox .item{ width:100%; height:20vw; background-size:cover; background-position:center;}
.zbox .item.cur{ height:40vw;}
.zbox .item a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block;}
.zbox .item.cur a{ opacity:0;}
.zbox .item a .z01{ width:100%; height:30px; display:flex; align-items:flex-end; overflow:visible;}
.zbox .item a .z01 b{ width:5%; height:5px; background-color:#890027; display:block; overflow:hidden; margin-bottom:25px;}
.zbox .item a .z01 em{ font-style:italic; font-size:52px; line-height:72px; font-weight:bold; display:block; overflow:hidden; padding-right:30px; padding-left:20px; color:#ccc; word-break:break-all;}
.zbox .item a .z01 p{ height:5px; flex:1; background-color:#890027; display:block; overflow:hidden; margin-bottom:25px;}
.zbox .item a .z02{ padding:0 5%; padding-top:15px; font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.zbox .item a .z03{ padding:0 5%; padding-top:10px; font-size:16px; line-height:26px; color:#fff;}
.zbox .item{ flex-grow:1; background-size:cover; background-position:center;}
.zbox .item.cur{ flex-grow:30;}
}
@media only screen and (max-width: 1023px){
.zbox{ width:100%; position:relative; z-index:1;}
.zbox .item{ width:100%; height:40vw; background-size:cover; background-position:center; display:flex;}
.zbox .item.cur{ height:80vw;}
.zbox .item a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block;}
.zbox .item.cur a{ opacity:0;}
.zbox .item a .z01{ width:100%; height:20px; display:flex; align-items:flex-end; overflow:visible;}
.zbox .item a .z01 b{ width:3%; height:3px; background-color:#890027; display:block; overflow:hidden; margin-bottom:17px;}
.zbox .item a .z01 em{ font-style:italic; font-size:32px; line-height:42px; font-weight:bold; display:block; overflow:hidden; padding-right:20px; padding-left:10px; color:#ccc; word-break:break-all;}
.zbox .item a .z01 p{ height:3px; flex:1; background-color:#890027; display:block; overflow:hidden; margin-bottom:17px;}
.zbox .item a .z02{ width:94%; margin:auto; font-size:20px; line-height:30px; margin-top:5px; color:#fff; font-weight:bold;}
.zbox .item a .z03{ width:94%; margin:auto; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
}*/
@media screen and (min-width:1601px){
.zbox{ width:100%; height:calc(100% - 100px); position:relative; z-index:1;}
.zbox .item{ flex-grow:1; background-size:cover; background-position:center;}
.zbox .item.cur{ flex-grow:30;}
.zbox .item a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block;}
.zbox .item.cur a{ opacity:0;}
.zbox .item a .z01{ width:40px; height:100%; display:flex; flex-direction:column; margin-left:-20px; float:left;}
.zbox .item a .z01 b{ width:5px; height:100px; background-color:#890027; display:block; overflow:hidden; margin-left:20px;}
.zbox .item a .z01 em{ width:60px; font-style:italic; font-size:72px; line-height:1; font-weight:bold; display:block; overflow:hidden; margin-top:22px; color:#ccc; word-break:break-all;}
.zbox .item a .z01 p{ width:5px; flex:1; margin-top:-8px; background-color:#890027; display:block; overflow:hidden; margin-left:20px;}
.zbox .item a .z02{ float:left; padding-top:285px; font-size:30px; letter-spacing:5px; writing-mode:vertical-rl; color:#fff; font-weight:bold;}
.zbox .item a .z03{ float:left; padding-top:315px; margin-left:10px; font-size:18px; letter-spacing:4px; writing-mode:vertical-rl; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:calc(100% - 315px); display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.zbox{ width:100%; height:calc(100% - 80px); position:relative; z-index:1;}
.zbox .item{ flex-grow:1; background-size:cover; background-position:center;}
.zbox .item.cur{ flex-grow:30;}
.zbox .item a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block;}
.zbox .item.cur a{ opacity:0;}
.zbox .item a .z01{ width:40px; height:100%; display:flex; flex-direction:column; margin-left:-20px; float:left;}
.zbox .item a .z01 b{ width:5px; height:70px; background-color:#890027; display:block; overflow:hidden; margin-left:20px;}
.zbox .item a .z01 em{ width:60px; font-style:italic; font-size:52px; line-height:1; font-weight:bold; display:block; overflow:hidden; margin-top:17px; color:#ccc; word-break:break-all;}
.zbox .item a .z01 p{ width:5px; flex:1; margin-top:-5px; background-color:#890027; display:block; overflow:hidden; margin-left:20px;}
.zbox .item a .z02{ float:left; padding-top:205px; font-size:24px; letter-spacing:5px; writing-mode:vertical-rl; color:#fff; font-weight:bold;}
.zbox .item a .z03{ float:left; padding-top:225px; margin-left:5px; font-size:16px; letter-spacing:4px; writing-mode:vertical-rl; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:calc(100% - 225px); display:none;}
}
@media only screen and (max-width: 1023px){
.zbox{ width:100%; height:calc(100% - 60px); position:relative; z-index:1;}
.zbox .item{ width:100%; height:33.33%; background-size:cover; background-position:center; display:flex;}
.zbox .item a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:block;}
.zbox .item.cur a{ opacity:0;}
.zbox .item a .z01{ width:100%; padding-top:25px; display:flex;}
.zbox .item a .z01 b{ width:3%; height:10px; display:block;}
.zbox .item a .z01 em{ font-style:italic; font-size:32px; line-height:1; font-weight:bold; display:block; color:#ccc;}
.zbox .item a .z01 p{ height:3px; flex:1; background-color:#890027; display:block; overflow:hidden; margin-top:26px;}
.zbox .item a .z02{ width:94%; margin:auto; font-size:20px; line-height:30px; margin-top:20px; color:#fff; font-weight:bold;}
.zbox .item a .z03{ width:94%; margin:auto; font-size:14px; line-height:24px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; display:none;}
}

/*技术优势*/
.jbox .title .t01 strong{ color:#ccc;}
.jbox .title .t01 b{ background-color:#ccc;}
.jbox .title .t02{ color:#fff;}
@media screen and (min-width:1601px){
.jbox{ padding:100px 5%; padding-bottom:0; height:49.48vw; box-sizing:border-box; position:relative; z-index:1;}
.jbox .bg{ width:50%; height:calc(100% - 250px); background-color:#000; opacity:.5; position:absolute; left:0; top:0; z-index:2;}
.jbox .bg01{ width:50%; height:250px; background-color:#000; opacity:.7; position:absolute; right:0; bottom:0; z-index:2;}
.jbox .tu{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.jbox .tu li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-size:cover;}
.jbox .en{ position:absolute; right:0; top:-10px; width:50%; text-align:right; z-index:2;}
.jbox .en li{ display:block; font-size:126px; line-height:126px; height:252px; color:#fff; opacity:.05; text-transform:uppercase; font-weight:bold; overflow:hidden;}
.jbox .tab_menu{ display:block; position:absolute; left:5%; bottom:0; z-index:5; height:250px; display:flex; align-items:center;}
.jbox .tab_menu li{ display:block; overflow:hidden; margin-right:10px; cursor:pointer;}
.jbox .tab_menu li b{ font-size:24px; line-height:34px; color:#ccc; display:block; float:left;}
.jbox .tab_menu li span{ width:60px; height:1px; background-color:#fff; margin:16px 10px; display:none; float:left; overflow:hidden;}
.jbox .tab_menu li.on b{ color:#fff;}
.jbox .tab_menu li.on span{ display:block;}
.jbox .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.jbox .box .wen{ width:43.75%; display:block;}
.jbox .box .wen .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.jbox .box .wen .w01 a{ color:#fff;}
.jbox .box .wen .w01 a:hover{ color:#890027;}
.jbox .box .wen .w02{ font-size:16px; line-height:36px; height:216px; color:#fff; margin-top:25px;}
.jbox .sj{ position:absolute; right:5%; bottom:0; z-index:3; height:250px; width:41.665%;}
.jbox .sj dl{ width:100%; height:100%; display:flex; align-items:center;}
.jbox .sj dl dt{ display:block; flex:1; text-align:center;}
.jbox .sj dl dt b{ font-size:40px; line-height:46px; color:#fff; display:block;}
.jbox .sj dl dt p{ font-size:16px; line-height:26px; color:#fff; display:block; margin-top:8px;}
.jbox .sj dl dd{ width:1px; height:60px; display:block; background-color:#fff; opacity:.5;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.jbox{ padding:70px 5%; padding-bottom:0; min-height:calc(100vh - 150px); position:relative; z-index:1;}
.jbox .bg{ width:50%; height:calc(100% - 200px); background-color:#000; opacity:.5; position:absolute; left:0; top:0; z-index:2;}
.jbox .bg01{ width:50%; height:200px; background-color:#000; opacity:.7; position:absolute; right:0; bottom:0; z-index:2;}
.jbox .tu{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.jbox .tu li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-size:cover;}
.jbox .en{ position:absolute; right:0; top:-10px; width:50%; text-align:right; z-index:2;}
.jbox .en li{ display:block; font-size:100px; line-height:100px; height:200px; color:#fff; opacity:.05; text-transform:uppercase; font-weight:bold; overflow:hidden;}
.jbox .tab_menu{ display:block; position:absolute; left:8.335%; bottom:0; z-index:5; height:200px; display:flex; align-items:center;}
.jbox .tab_menu li{ display:block; overflow:hidden; margin-right:10px; cursor:pointer;}
.jbox .tab_menu li b{ font-size:20px; line-height:30px; color:#ccc; display:block; float:left;}
.jbox .tab_menu li span{ width:40px; height:1px; background-color:#fff; margin:14px 8px; display:none; float:left; overflow:hidden;}
.jbox .tab_menu li.on b{ color:#fff;}
.jbox .tab_menu li.on span{ display:block;}
.jbox .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.jbox .box .wen{ width:43.75%; display:block;}
.jbox .box .wen .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.jbox .box .wen .w01 a{ color:#fff;}
.jbox .box .wen .w01 a:hover{ color:#890027;}
.jbox .box .wen .w02{ font-size:15px; line-height:29px; height:174px; color:#fff; margin-top:15px;}
.jbox .sj{ position:absolute; right:5%; bottom:0; z-index:3; height:200px; width:45%;}
.jbox .sj dl{ width:100%; height:100%; display:flex; align-items:center;}
.jbox .sj dl dt{ display:block; flex:1; text-align:center;}
.jbox .sj dl dt b{ font-size:30px; line-height:36px; color:#fff; display:block;}
.jbox .sj dl dt p{ font-size:15px; line-height:25px; color:#fff; display:block; margin-top:5px;}
.jbox .sj dl dd{ width:1px; height:46px; display:block; background-color:#fff; opacity:.5;}
}
@media only screen and (max-width: 1023px){
.jbox{ padding:40px 3%; position:relative; z-index:1;}
.jbox .bg{ width:100%; height:100%; background-color:#000; opacity:.5; position:absolute; left:0; top:0; z-index:2;}
.jbox .tu{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.jbox .tu li{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-size:cover;}
.jbox .en{ position:absolute; right:0; top:-10px; width:100%; text-align:right; z-index:3;}
.jbox .en li{ display:block; font-size:70px; line-height:70px; height:140px; color:#fff; opacity:.05; text-transform:uppercase; font-weight:bold; overflow:hidden;}
.jbox .tab_menu{ display:block; position:relative; z-index:5; display:flex; align-items:center; margin-top:10px;}
.jbox .tab_menu li{ display:block; overflow:hidden; margin-right:10px; cursor:pointer;}
.jbox .tab_menu li b{ font-size:16px; line-height:26px; color:#ccc; display:block; float:left;}
.jbox .tab_menu li span{ width:20px; height:1px; background-color:#fff; margin:12px 5px; display:none; float:left; overflow:hidden;}
.jbox .tab_menu li.on b{ color:#fff;}
.jbox .tab_menu li.on span{ display:block;}
.jbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.jbox .box .wen{ width:100%; display:block;}
.jbox .box .wen .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.jbox .box .wen .w01 a{ color:#fff;}
.jbox .box .wen .w01 a:hover{ color:#890027;}
.jbox .box .wen .w02{ font-size:14px; line-height:24px; height:240px; color:#fff; margin-top:5px;}
.jbox .sj{ width:100%; margin-top:20px; position:relative; z-index:5;}
.jbox .sj dl{ width:100%; display:flex; align-items:center;}
.jbox .sj dl dt{ display:block; flex:1; text-align:center;}
.jbox .sj dl dt b{ font-size:20px; line-height:34px; color:#fff; display:block;}
.jbox .sj dl dt p{ font-size:14px; line-height:24px; color:#fff; display:block; margin-top:2px;}
.jbox .sj dl dd{ width:1px; height:30px; display:block; background-color:#fff; opacity:.5;}
}

@media screen and (min-width:1601px){
.sbox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:40%; padding:100px 5%; position:relative; z-index:3;}
.sbox .box:nth-child(2){ background-color:#f7f7f7;}
.sbox .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:10px;}
.sbox .box .list li{ width:48.5%; margin-top:40px; margin-left:3%; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.sbox .box:nth-child(2) .list li{ background-color:#fff;}
.sbox .box .list li:nth-child(2n+1){ margin-left:0;}
.sbox .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.sbox .box .list li .tu:before{ width:100%; display:block; padding-top:34.09%; content:''; overflow:hidden;}
.sbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.sbox .box .list li .tu p{ position:absolute; right:20px; top:20px; z-index:2; padding:0 20px; font-size:16px; line-height:36px; border-radius:36px; background-color:rgba(0,0,0,.7); color:#fff; overflow:hidden;}
.sbox .box .list li .wen{ padding:25px 8.1%;}
.sbox .box .list li .wen .w01{ font-size:16px; line-height:26px;}
.sbox .box .list li .wen .w02{ padding-top:6px;}
.sbox .box .list li .wen .w02 p{ display:flex; margin-top:4px;}
.sbox .box .list li .wen .w02 p img{ height:14px; display:block; margin:5px 10px; margin-left:0;}
.sbox .box .list li .wen .w02 p span{ display:block; flex:1; font-size:14px; line-height:24px; overflow:hidden;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.sbox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:40%; padding:100px 5%; position:relative; z-index:3;}
.sbox .box:nth-child(2){ background-color:#f7f7f7;}
.sbox .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:5px;}
.sbox .box .list li{ width:48.5%; margin-top:30px; margin-left:3%; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.sbox .box .list li:nth-child(2n+1){ margin-left:0;}
.sbox .box:nth-child(2) .list li{ background-color:#fff;}
.sbox .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.sbox .box .list li .tu:before{ width:100%; display:block; padding-top:34.09%; content:''; overflow:hidden;}
.sbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.sbox .box .list li .tu p{ position:absolute; right:15px; top:15px; z-index:2; padding:0 15px; font-size:15px; line-height:30px; border-radius:30px; background-color:rgba(0,0,0,.7); color:#fff; overflow:hidden;}
.sbox .box .list li .wen{ padding:20px 5%;}
.sbox .box .list li .wen .w01{ font-size:16px; line-height:26px;}
.sbox .box .list li .wen .w02{ padding-top:2px;}
.sbox .box .list li .wen .w02 p{ display:flex; margin-top:2px;}
.sbox .box .list li .wen .w02 p img{ height:14px; display:block; margin:5px 8px; margin-left:0;}
.sbox .box .list li .wen .w02 p span{ display:block; flex:1; font-size:14px; line-height:24px; overflow:hidden;}
}
@media only screen and (max-width: 1023px){
.sbox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:94%; padding:100px 3%; position:relative; z-index:3;}
.sbox .box:nth-child(2){ background-color:#f7f7f7;}
.sbox .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:5px;}
.sbox .box .list li{ width:48.5%; margin-top:15px; margin-left:3%; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.sbox .box .list li:nth-child(2n+1){ margin-left:0;}
.sbox .box:nth-child(2) .list li{ background-color:#fff;}
.sbox .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.sbox .box .list li .tu:before{ width:100%; display:block; padding-top:40.54%; content:''; overflow:hidden;}
.sbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.sbox .box .list li .tu p{ position:absolute; right:10px; top:10px; z-index:2; padding:0 15px; font-size:14px; line-height:28px; border-radius:28px; background-color:rgba(0,0,0,.7); color:#fff; overflow:hidden;}
.sbox .box .list li .wen{ padding:10px 5%;}
.sbox .box .list li .wen .w01{ font-size:16px; line-height:26px;}
.sbox .box .list li .wen .w02{ padding-top:2px;}
.sbox .box .list li .wen .w02 p{ display:flex; padding-top:3px;}
.sbox .box .list li .wen .w02 p img{ height:14px; display:block; margin:5px 8px; margin-left:0;}
.sbox .box .list li .wen .w02 p span{ display:block; flex:1; font-size:14px; line-height:24px; overflow:hidden;}
}

/*预约驾驶*/
.ybox .title .t01 strong{ color:#ccc;}
.ybox .title .t01 b{ background-color:#ccc;}
.ybox .title .t02{ color:#fff;}
@media screen and (min-width:1601px){
.ybox{ padding:100px 5%; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover;}
.ybox:before{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7); display:block; content:''; overflow:hidden;}
.ybox .box{ width:100%; position:relative; z-index:3;}
.ybox .box .left{ width:100%;}
.ybox .box .left .cont{ display:none;}
.ybox .box .left .cont .w01{ width:100%;}
.ybox .box .left .cont .w01 b{ display:block; color:#fff; font-size:30px; line-height:40px;}
.ybox .box .left .cont .w01 p{ display:none; color:#fff; font-size:16px; line-height:26px; text-transform:uppercase;}
.ybox .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:40px;}
.ybox .box .left .cont .w02 img{ display:block; width:50px;}
.ybox .box .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.ybox .box .left .cont .w02 p span{ display:block; font-size:16px; line-height:24px; color:#ccc;}
.ybox .box .left .cont .w02 p a{ display:block; font-size:18px; line-height:26px; color:#fff;}
.ybox .box .left .cont .w02 p b{ display:block; font-size:20px; line-height:26px; color:#fff; font-weight:normal;}
.ybox .box .left .cont .w03{ width:100%; display:flex; align-items:flex-start; margin-top:60px;}
.ybox .box .left .cont .w03 p{ width:100px; display:block; margin-right:30px;}
.ybox .box .left .cont .w03 strong{ width:100px; display:block;}
.ybox .box .left .cont .w03 strong img{ width:100%;}
.ybox .box .left .cont .w03 span{ display:block; font-size:16px; line-height:26px; color:#ccc; text-align:center; margin-top:5px;}
.ybox .box .right{ width:100%; margin-top:45px;}
.ybox .box .right .w01{ width:47.5%; margin-left:5%; float:left; margin-bottom:45px;}
.ybox .box .right .w01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .right .w01 .top{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.ybox .box .right .w01 .sel select{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; display:block; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .sel select:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .sel select option{ background-color:rgba(0,0,0,.7);}
.ybox .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; display:block; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .inp input:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .inp{ position:relative;}
.ybox .box .right .w01 .inp a{ display:block; position: absolute; right:0; bottom:0; font-size:16px; line-height:36px; color:#ccc;}
.ybox .box .right .w01 .inp a:hover{ color:#fff;}
.ybox .box .right .w01 .city-picker-selector{ height:37px; width:100%;}
.ybox .box .right .w01 .city-picker-selector select{ float:left; margin-right:6%; width:47%; height:37px; position:relative; font-size:16px; line-height:36px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; color:#fff; background-color:transparent; border-bottom:1px solid #ddd;}
.ybox .box .right .w01 .city-picker-selector select:nth-child(2){ margin-right:0;}
.ybox .box .right .w01 .city-picker-selector select:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .city-picker-selector select option{ background-color:rgba(0,0,0,.7);}
.ybox .box .right .w02{ float:left; padding-top:5px;}
.ybox .box .right .w02 input{ width:150px; height:44px; line-height:44px; text-align:center; font-size:16px; background-color:#890027; color:#fff; cursor:pointer; display:block; overflow:hidden;}
.ybox .box .right .w03{ width:calc(97% - 150px); margin-left:3%; float:left; margin-top:15px; font-size:14px; line-height:24px; color:#999;}
.ybox .box .right .w03 b{ color:#890027;}
} 
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ybox{ padding:70px 5%; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover;}
.ybox:before{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7); display:block; content:''; overflow:hidden;}
.ybox .box{ width:100%; position:relative; z-index:3;}
.ybox .box .left{ width:100%;}
.ybox .box .left .cont{ width:100%; display:none;}
.ybox .box .left .cont .w01{ width:100%;}
.ybox .box .left .cont .w01 b{ display:block; color:#fff; font-size:24px; line-height:34px;}
.ybox .box .left .cont .w01 p{ display:none; color:#fff; font-size:15px; line-height:25px; text-transform:uppercase;}
.ybox .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:30px;}
.ybox .box .left .cont .w02 img{ display:block; width:50px;}
.ybox .box .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.ybox .box .left .cont .w02 p span{ display:block; font-size:16px; line-height:24px; color:#ccc;}
.ybox .box .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.ybox .box .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.ybox .box .left .cont .w03{ width:100%; display:flex; align-items:flex-start; margin-top:40px;}
.ybox .box .left .cont .w03 p{ width:80px; display:block; margin-right:20px;}
.ybox .box .left .cont .w03 strong{ width:80px; display:block;}
.ybox .box .left .cont .w03 strong img{ width:100%;}
.ybox .box .left .cont .w03 span{ display:block; font-size:15px; line-height:25px; color:#ccc; text-align:center; margin-top:5px;}
.ybox .box .right{ width:100%; margin-top:30px;}
.ybox .box .right .w01{ margin-bottom:35px; width:47.5%; margin-left:5%; float:left;}
.ybox .box .right .w01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .right .w01 .top{ font-size:15px; line-height:25px; font-weight:bold; color:#fff;}
.ybox .box .right .w01 .sel select{ width:100%; border-bottom:1px solid #ddd; font-size:15px; line-height:35px; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; display:block; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .sel select:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .sel select option{ background-color:rgba(0,0,0,.7);}
.ybox .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:15px; line-height:35px; display:block; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .inp input:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .inp{ position:relative;}
.ybox .box .right .w01 .inp a{ display:block; position: absolute; right:0; bottom:0; font-size:15px; line-height:35px; color:#ccc;}
.ybox .box .right .w01 .inp a:hover{ color:#fff;}
.ybox .box .right .w01 .city-picker-selector{ height:36px; width:100%;}
.ybox .box .right .w01 .city-picker-selector select{ float:left; margin-right:6%; width:47%; height:36px; position:relative; font-size:15px; line-height:35px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .city-picker-selector select:nth-child(2){ margin-right:0;}
.ybox .box .right .w01 .city-picker-selector select:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .city-picker-selector select option{ background-color:rgba(0,0,0,.7);}
.ybox .box .right .w02{ float:left; padding-top:5px;}
.ybox .box .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:15px; background-color:#890027; color:#fff; cursor:pointer; display:block; overflow:hidden;}
.ybox .box .right .w03{ width:calc(97% - 150px); margin-left:3%; float:left; margin-top:13px; font-size:14px; line-height:24px; color:#999;}
.ybox .box .right .w03 b{ color:#890027;}
}
@media only screen and (max-width: 1023px){
.ybox{ padding:40px 3%; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover;}
.ybox:before{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7); display:block; content:''; overflow:hidden;}
.ybox .box{ width:100%; position:relative; z-index:3;}
.ybox .box .left{ width:100%;}
.ybox .box .left .cont{ width:100%; display:none;}
.ybox .box .left .cont .w01{ width:100%;}
.ybox .box .left .cont .w01 b{ display:block; color:#fff; font-size:20px; line-height:30px;}
.ybox .box .left .cont .w01 p{ display:none; color:#fff; font-size:14px; line-height:24px; text-transform:uppercase;}
.ybox .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:20px;}
.ybox .box .left .cont .w02 img{ display:block; width:50px;}
.ybox .box .left .cont .w02 p{ display:block; flex:1; margin-left:15px;}
.ybox .box .left .cont .w02 p span{ display:block; font-size:14px; line-height:24px; color:#ccc;}
.ybox .box .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.ybox .box .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.ybox .box .left .cont .w03{ width:100%; display:flex;align-items:flex-start; margin-top:20px;}
.ybox .box .left .cont .w03 p{ width:60px; display:block; margin-right:20px;}
.ybox .box .left .cont .w03 strong{ width:60px; display:block;}
.ybox .box .left .cont .w03 strong img{ width:100%;}
.ybox .box .left .cont .w03 span{ display:block; font-size:14px; line-height:24px; color:#ccc; text-align:center; margin-top:5px;}
.ybox .box .right{ width:100%; margin-top:15px;}
.ybox .box .right .w01{ margin-bottom:15px;}
.ybox .box .right .w01 .top{ font-size:14px; line-height:24px; font-weight:bold; color:#fff;}
.ybox .box .right .w01 .sel select{ width:100%; border-bottom:1px solid #ddd; font-size:14px; line-height:30px; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; display:block; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .sel select:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .sel select option{ background-color:rgba(0,0,0,.7);}
.ybox .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:14px; line-height:30px; display:block; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .inp input:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .inp{ position:relative;}
.ybox .box .right .w01 .inp a{ display:block; position: absolute; right:0; bottom:0; font-size:14px; line-height:30px; color:#ccc;}
.ybox .box .right .w01 .inp a:hover{ color:#fff;}
.ybox .box .right .w01 .city-picker-selector{ height:31px; width:100%;}
.ybox .box .right .w01 .city-picker-selector select{ float:left; margin-right:6%; width:47%; height:36px; position:relative; font-size:14px; line-height:30px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd; color:#fff; background-color:transparent;}
.ybox .box .right .w01 .city-picker-selector select:nth-child(2){ margin-right:0;}
.ybox .box .right .w01 .city-picker-selector select:focus{ border-bottom:1px solid #890027;}
.ybox .box .right .w01 .city-picker-selector select option{ background-color:rgba(0,0,0,.7);}
.ybox .box .right .w02{ padding-top:5px;}
.ybox .box .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#890027; color:#fff; cursor:pointer; display:block; overflow:hidden;}
.ybox .box .right .w03{ margin-top:10px; font-size:14px; line-height:24px; color:#999;}
.ybox .box .right .w03 b{ color:#890027;}
}

/*footer*/
@media screen and (min-width:1601px){
.ff{ width:100%; height:100px; position:fixed; left:0; bottom:0; z-index:990;}
.footer{ width:100%; position:absolute; left:0; bottom:-400px; padding:0 5%; box-sizing:border-box; background-color:#1b191a; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer.pos{ bottom:0;}
.footer .foot{ width:100%; display:flex; justify-content:space-between; align-items:center;}
.footer .foot .f01{ display:block; padding:25px 0; position:relative; z-index:3; position:relative;}
.footer .foot .f01 dl{ display:block; padding-right:3vw; float:left; height:50px; }
.footer .foot .f01 dt{ display:block; font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer .foot .f01 dt a{ color:#fff;}
.footer .foot .f01 dd{ width:80vw; display:none; overflow:hidden; position:absolute; left:0; top:51px;}
.footer .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; color:#999; float:left; margin-right:20px; background-color:#1b191a;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f01 dl.on dd{ display:block;}
.footer .foot .f02{ display:block; padding:25px 2vw; position:relative; z-index:1;}
.footer .foot .f02 .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-left:3vw; float:left;}
.footer .foot .f02 .t01:nth-child(3){ clear:left; font-size:14px; line-height:24px; height:24px; color:#999; margin-left:3vw; float:left;}
.footer .foot .right{ float:right; display:block; width:180px;}
.footer .foot .right dl{ margin-left:20px; display:flex; align-items:center; float:left; position:relative; height:100%;}
.footer .foot .right dl dt{ width:40px; height:40px; background-color:#fff; border-radius:100%; display:block; overflow:hidden;}
.footer .foot .right dl dt img{ width:100%; display:block;}
.footer .foot .right dl dd{ display:none; width:100px; position:absolute; right:-10px; bottom:100%; margin-bottom:10px; padding:10px; background-color:#1b191a; border-radius:5px;}
.footer .foot .right dl dd b{ width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#1b191a transparent transparent transparent; display:block; position:absolute; right:30px; top:100%;}
.footer .foot .right dl dd strong{ width:100%; display:block;}
.footer .foot .right dl dd strong img{ display:block; width:100%;}
.footer .foot .right dl dd p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px; color:#fff;}
.footer .foot .right dl:hover dd{ display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ff{ width:100%; height:80px; position:fixed; left:0; bottom:0; z-index:990;}
.footer{ width:100%; position:absolute; left:0; bottom:-500px; padding:25px 5%; box-sizing:border-box; background-color:#1b191a; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer.pos{ bottom:0;}
.footer .foot{ width:100%; display:flex; justify-content:space-between; align-items:center;}
.footer .foot .f01{ display:block; width:calc(56% - 75px); position:relative; z-index:3;}
.footer .foot .f01 dl{ display:block; padding-right:1.5vw; float:left; height:70px;}
.footer .foot .f01 dt{ display:block; font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer .foot .f01 dt a{ color:#fff;}
.footer .foot .f01 dd{ width:50vw; box-sizing:border-box; display:none; position:absolute; left:0; top:26px;}
.footer .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; color:#999; float:left; margin-right:1.5vw; background-color:#1b191a;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f01 dl.on dd{ display:block;}
.footer .foot .f02{ display:block; width:calc(44% - 75px); margin-left:-2vw; position:relative; z-index:1;}
.footer .foot .f02 .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-left:2vw; float:left;}
.footer .foot .f02 .t01:nth-child(3){ clear:left;}
.footer .foot .right{ float:right; display:block; width:150px;}
.footer .foot .right dl:first-child{ margin-left:0;}
.footer .foot .right dl{ margin-left:15px; display:flex; align-items:center; float:left; position:relative; height:100%;}
.footer .foot .right dl dt{ width:40px; height:40px; background-color:#fff; border-radius:100%; display:block; overflow:hidden;}
.footer .foot .right dl dt img{ width:100%; display:block;}
.footer .foot .right dl dd{ display:none; width:80px; position:absolute; right:-10px; bottom:100%; margin-bottom:10px; padding:10px; background-color:#1b191a; border-radius:5px;}
.footer .foot .right dl dd b{ width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#1b191a transparent transparent transparent; display:block; position:absolute; right:30px; top:100%;}
.footer .foot .right dl dd strong{ width:100%; display:block;}
.footer .foot .right dl dd strong img{ display:block; width:100%;}
.footer .foot .right dl dd p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px; color:#fff;}
.footer .foot .right dl:hover dd{ display:block;}
}
@media only screen and (max-width: 1023px){
.ff{ display:none !important;}
}

@media screen and (min-width:1601px){
.footer01{ width:100%; position:relative; padding:25px 5%; box-sizing:border-box; background-color:#1b191a; z-index:991;}
.footer01 .foot{ width:100%;}
.footer01 .foot .left{ width:calc(100% - 580px); position:relative;}
.footer01 .foot .logo{ float:left; height:50px; width:160px; display:flex; align-items:center; margin-top:15px;}
.footer01 .foot .logo img{ display:block; max-height:50px; max-width:130px;}
.footer01 .foot .f01{ display:block; padding-right:20px; float:left; overflow:visible;}
.footer01 .foot .f01:last-child{ padding-right:0;}
.footer01 .foot .f01 dt{ display:block; font-size:16px; line-height:46px; height:46px; color:#fff;}
.footer01 .foot .f01 dt a{ color:#fff;}
.footer01 .foot .f01 dd{ width:100%; box-sizing:border-box; display:none; position:absolute; left:0; top:46px; overflow:hidden; background-color:#1b191a;}
.footer01 .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; color:#999; float:left; margin-right:20px;}
.footer01 .foot .f01 dd a:hover{ color:#fff;}
.footer01 .foot .f01:hover dd{ display:block;}
.footer01 .foot .f02{ clear:left; float:left; margin-left:-30px;}
.footer01 .foot .f02 .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-left:30px; float:left;}
.footer01 .foot .right{ float:right; display:block; padding-top:5px; position:absolute; right:5%; top:50%; transform:translateY(-50%);}
.footer01 .foot .right li{ margin-left:20px; width:100px; display:block; float:left;}
.footer01 .foot .right strong{ width:100%; display:block;}
.footer01 .foot .right strong img{ display:block; width:100%;}
.footer01 .foot .right p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px; color:#fff;}
.footer01 .bq{ border-top:1px solid #2e2c2d; width:calc(100% - 450px); margin-top:15px; padding:15px 0;}
.footer01 .bq .left{ float:left; display:flex; align-items:center;}
.footer01 .bq .left p{ display:block; float:left; margin-right:35px; font-size:14px; line-height:24px; color:#999;}
.footer01 .bq .left p a{ color:#999;}
.footer01 .bq .right{ float:right; display:flex; align-items:center;}
.footer01 .bq .right span{ display:block; width:1px; height:12px; background-color:#999; margin:0 20px; overflow:hidden;}
.footer01 .bq .right p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer01 .bq .right p a{ color:#999;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.footer01{ width:100%; position:relative; padding:25px 5%; box-sizing:border-box; background-color:#1b191a; z-index:991;}
.footer01 .foot{ width:100%;}
.footer01 .foot .left{  width:calc(100% - 440px); position:relative;}
.footer01 .foot .logo{ float:left; height:50px; width:130px; display:flex; align-items:center; margin-top:15px;}
.footer01 .foot .logo img{ display:block; max-height:50px; max-width:100%;}
.footer01 .foot .f01{ display:block; padding-right:15px; float:left; overflow:visible;}
.footer01 .foot .f01:last-child{ padding-right:0;}
.footer01 .foot .f01 dt{ display:block; font-size:16px; line-height:36px; height:36px; color:#fff;}
.footer01 .foot .f01 dt a{ color:#fff;}
.footer01 .foot .f01 dd{ width:100%; box-sizing:border-box; display:none; position:absolute; left:0; top:36px; overflow:hidden; background-color:#1b191a;}
.footer01 .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; color:#999; float:left; margin-right:15px;}
.footer01 .foot .f01 dd a:hover{ color:#fff;}
.footer01 .foot .f01:hover dd{ display:block;}
.footer01 .foot .f02{ clear:left; float:left; margin-left:-20px;}
.footer01 .foot .f02 .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-left:20px; float:left;}
.footer01 .foot .right{ float:right; display:block; padding-top:5px; position:absolute; right:5%; top:50%; transform:translateY(-50%);}
.footer01 .foot .right li{ margin-left:15px; width:80px; display:block; float:left;}
.footer01 .foot .right strong{ width:100%; display:block;}
.footer01 .foot .right strong img{ display:block; width:100%;}
.footer01 .foot .right p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px; color:#fff;}
.footer01 .bq{ border-top:1px solid #2e2c2d; width:calc(100% - 340px); margin-top:15px; padding:15px 0;}
.footer01 .bq .left{ float:left; display:flex; align-items:center;}
.footer01 .bq .left p{ display:block; float:left; margin-right:15px; font-size:14px; line-height:24px; color:#999;}
.footer01 .bq .left p a{ color:#999;}
.footer01 .bq .right{ float:right; display:flex; align-items:center;}
.footer01 .bq .right span{ display:block; width:1px; height:12px; background-color:#999; margin:0 15px; overflow:hidden;}
.footer01 .bq .right p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer01 .bq .right p a{ color:#999;}
}
@media only screen and (max-width: 1023px){
.footer01{ width:100%; padding:25px 3%; box-sizing:border-box; background-color:#1b191a; position:relative; z-index:1;}
.footer01 .foot{ width:100%;}
.footer01 .foot .logo{ width:100%;}
.footer01 .foot .logo img{ display:block; max-height:50px; max-width:100%; margin:5px auto;}
.footer01 .foot .left{ position:relative; padding-top:5px; text-align:center;}
.footer01 .foot .f01{ display:inline-block; margin:0 5px; overflow:hidden;}
.footer01 .foot .f01:last-child{ padding-right:0;}
.footer01 .foot .f01 dt{ display:block; font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer01 .foot .f01 dt a{ color:#fff;}
.footer01 .foot .f01 dd{ width:100%; box-sizing:border-box; display:none; position:absolute; left:0; bottom:0; overflow:hidden; background-color:#1b191a;}
.footer01 .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; color:#999; float:left; margin-right:15px;}
.footer01 .foot .f01 dd a:hover{ color:#fff;}
.footer01 .foot .f02{ display:block; width:100%;}
.footer01 .foot .f02 .t01{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.footer01 .foot .right{ float:right; display:flex; padding-top:5px; text-align:center; width:100%; justify-content:center}
.footer01 .foot .right li{ margin:5px; width:60px; display:inline-block;}
.footer01 .foot .right strong{ width:100%; display:block;}
.footer01 .foot .right strong img{ display:block; width:100%;}
.footer01 .foot .right p{ display:block; font-size:12px; line-height:22px; text-align:center; margin-top:5px; color:#fff;}
.footer01 .bq{ border-top:1px solid #2e2c2d; width:100%; margin-top:10px; padding-top:10px;}
.footer01 .bq .left{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.footer01 .bq .left p{ display:block; float:left; margin:0 5px; font-size:14px; line-height:24px; color:#999;}
.footer01 .bq .left p a{ color:#999;}
.footer01 .bq .right{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.footer01 .bq .right span{ display:block; width:1px; height:12px; background-color:#999; margin:0 10px; overflow:hidden;}
.footer01 .bq .right p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer01 .bq .right p a{ color:#999;}
}

@media screen and (min-width:1601px){
.kefu{ position:fixed; z-index:993; bottom:23%; right:1%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:48px; height:48px; background:#fff; border:1px solid #ddd; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#890027; color:#fff; border:1px solid #890027;}
.kefu ul li a.kf-a1{ background:url(../images/kf-f1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-f2.png) center no-repeat #890027; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #890027; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-a2.png) center no-repeat #890027; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #890027; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #890027; border:1px solid #890027; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#890027;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#890027;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ width:100%;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.kefu{ position:fixed; z-index:993; bottom:23%; right:1%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:44px; height:44px; background:#fff; border:1px solid #ddd; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#890027; color:#fff; border:1px solid #890027;}
.kefu ul li a.kf-a1{ background:url(../images/kf-f1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-f2.png) center no-repeat #890027; background-size:18px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #890027; background-size:18px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-a2.png) center no-repeat #890027; background-size:18px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #890027; background-size:18px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:18px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #890027; border:1px solid #890027; background-size:18px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:7px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#890027;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#890027;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ width:100%;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media only screen and (max-width: 1023px){
.kefu{ position:fixed; z-index:99; bottom:14%; right:1%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:38px; height:38px; background:#fff; border:1px solid #ddd; display:block; text-align:center; line-height:38px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#890027; color:#fff; border:1px solid #890027;}
.kefu ul li a.kf-a1{ display:none;}
.kefu ul li a.kf-b1{ display:none;}
.kefu ul li a.kf-c1{ display:none;}
.kefu ul li a.kf-d1{ display:none;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #890027; border:1px solid #890027; background-size:16px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#890027;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#890027;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ width:100%;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}

/*内页*/
@media screen and (min-width:1601px){
.header.white{ height:100px; background-color:#fff;}
.header.white .head .ser b{ background-color:#333; opacity:.3;}
.header.white .head .ser span{ background-image:url(../images/ser01.png);}
.header.white .head .ser p{ background-image:url(../images/yu01.png); color:#333;}
.header.white .head .nav li>a{ color:#333;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.header.white{ height:80px; background-color:#fff;}
.header.white .head .ser b{ background-color:#333; opacity:.3;}
.header.white .head .ser span{ background-image:url(../images/ser01.png);}
.header.white .head .ser p{ background-image:url(../images/yu01.png); color:#333;}
.header.white .head .nav li>a{ color:#333;}
}
@media only screen and (max-width: 1023px){
.header.white{ height:60px; background-color:#fff;}
.header.white .head .ser b{ background-color:#333; opacity:.3;}
.header .head .ser span{ display:block; width:24px; height:24px; cursor:pointer; background-image:url(../images/ser03.png); background-position:center; background-repeat:no-repeat; float:right; margin-right:3vw;}
.header.white .head .ser span{ background-image:url(../images/ser02.png);}
.header.white .head .ser p{ background-image:url(../images/yu01.png); color:#333;}
.header.white .head .navBtn span{ background-color:#333;}
.header.white .head .navBtn span:nth-child(3){ background-color:#890027;}
.header.white .head .navBtn.active span:nth-child(3){ background-color:#333;}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
@media screen and (min-width:1601px){
.ban{ width:100%; height:450px; position:relative; overflow:hidden; z-index:1; border-top:100px solid #fff;;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.3); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1; box-sizing:border-box;}
.ban .box p{ width:90%; margin:auto;}
.ban .box p b{ display:none; color:#fff; font-size:48px; line-height:58px; margin-bottom:5px; font-weight:bold; text-transform:uppercase; opacity:.5;}
.ban .box p span{ text-align:center; display:none; color:#fff; font-size:48px; line-height:68px; letter-spacing:10px; text-indent:10px;}
.daoh{ width:90%; height:80px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); position:relative; z-index:2; margin:auto; margin-top:-40px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.daoh a{ display:block; font-size:18px; margin-left:2.34375vw; margin-right:2.34375vw;}
.daoh a:hover,.daoh a.on{ color:#890027;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ban{ width:100%; height:300px; position:relative; overflow:hidden; z-index:1; border-top:80px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.3); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1; box-sizing:border-box;}
.ban .box p{ width:90%; margin:auto;}
.ban .box p b{ display:none; color:#fff; font-size:38px; line-height:48px; font-weight:bold; text-transform:uppercase; opacity:.5; margin-bottom:4px;}
.ban .box p span{ text-align:center; display:none; color:#fff; font-size:38px; line-height:48px; letter-spacing:7px; text-indent:7px;}
.daoh{ width:90%; height:70px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); position:relative; z-index:2; margin:auto; margin-top:-35px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.daoh a{ display:block; font-size:16px; margin-left:2.34375vw; margin-right:2.34375vw;}
.daoh a:hover,.daoh a.on{ color:#890027;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:200px; position:relative; overflow:hidden; z-index:1; border-top:60px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.3); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1; box-sizing:border-box;}
.ban .box p{ width:94%; margin:auto;}
.ban .box p b{ display:none; color:#fff; font-size:28px; line-height:38px; font-weight:bold; text-transform:uppercase; opacity:.5;}
.ban .box p span{ text-align:center; display:none; color:#fff; font-size:28px; line-height:38px; letter-spacing:4px; text-indent:4px;}
.daoh{ width:94%; height:60px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); position:relative; z-index:2; margin:auto; margin-top:-30px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.daoh a{ display:block; font-size:14px; line-height:24px; margin-left:5px; margin-right:5px;}
.daoh a:hover,.daoh a.on{ color:#890027;}
}

/*产品展示*/
@media screen and (min-width:1601px){
.pro{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; position:relative; z-index:3;}
.pro .box .list{ width:100%; display:block; overflow:hidden;}
.pro .box .list li{ display:flex; margin-top:50px; overflow:hidden; align-items:center; justify-content:space-between;}
.pro .box .list li:nth-child(2n){ flex-direction:row-reverse;}
.pro .box .list li .left{ width:47.5%; position:relative;}
.pro .box .list li .left a{ padding-top:57.89%; width:100%; position:relative; display:block; overflow:hidden;}
.pro .box .list li .left a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .list li .right{ width:47.5%; position:relative;}
.pro .box .list li .right .w01{ border-left:5px solid #890027; padding-left:10px; font-weight:bold;}
.pro .box .list li .right .w01 b{ display:block; font-size:18px; height:28px; line-height:28px; color:#636b70; text-transform:uppercase; overflow:hidden;}
.pro .box .list li .right .w01 a{ display:block; font-size:30px; height:40px; line-height:40px; margin-top:4px; overflow:hidden;}
.pro .box .list li .right .w02{ font-size:16px; line-height:30px; max-height:150px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-top:33px;}
.pro .box .list li .right .w03{ width:160px; height:40px; margin-top:43px;}
.pro .box .list li .right .w03 a{ display:block; border-radius:40px; background-color:#636b70; overflow:hidden;}
.pro .box .list li .right .w03 a span{ width:calc(100% - 38px); height:40px; line-height:40px; color:#fff; display:block; text-align:center; font-size:14px; letter-spacing:3px; text-indent:3px; float:left;}
.pro .box .list li .right .w03 a b{ width:36px; height:36px; margin:2px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro .box .list li .right .w03 a:hover{ background-color:#890027;}
.pro .box .list li .right .w03 a:hover b{ background-image:url(../images/more01.png);}

.fanye{ width:100%; margin-top:50px;}
.fanye ul{ width:100%; text-align:center; display:block;}
.fanye ul li{ display:inline-block; width:40px; line-height:40px; height:40px; border-radius:100%; font-size:18px; background-color:#f7f7f7; margin:0 5px;}
.fanye ul li:hover a{ color:#890027;}
.fanye ul li.active{ background-color:#890027;}
.fanye ul li.active span{ color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.pro{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; position:relative; z-index:3;}
.pro .box .list{ width:100%; display:block; overflow:hidden;}
.pro .box .list li{ display:flex; margin-top:35px; overflow:hidden; align-items:center; justify-content:space-between;}
.pro .box .list li:nth-child(2n){ flex-direction:row-reverse;}
.pro .box .list li .left{ width:47.5%; position:relative;}
.pro .box .list li .left a{ padding-top:57.89%; width:100%; position:relative; display:block; overflow:hidden;}
.pro .box .list li .left a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .list li .right{ width:47.5%; position:relative;}
.pro .box .list li .right .w01{ border-left:5px solid #890027; padding-left:10px; font-weight:bold;}
.pro .box .list li .right .w01 b{ display:block; font-size:16px; height:26px; line-height:26px; color:#636b70; text-transform:uppercase; overflow:hidden;}
.pro .box .list li .right .w01 a{ display:block; font-size:24px; height:34px; line-height:34px; margin-top:2px; overflow:hidden; letter-spacing:6px;}
.pro .box .list li .right .w02{ font-size:15px; line-height:25px; max-height:100px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; margin-top:20px;}
.pro .box .list li .right .w03{ width:150px; height:38px; margin-top:20px;}
.pro .box .list li .right .w03 a{ display:block; border-radius:40px; background-color:#636b70; overflow:hidden;}
.pro .box .list li .right .w03 a span{ width:calc(100% - 36px); height:38px; line-height:38px; color:#fff; display:block; text-align:center; font-size:14px; letter-spacing:3px; text-indent:3px; float:left;}
.pro .box .list li .right .w03 a b{ width:34px; height:34px; margin:2px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro .box .list li .right .w03 a:hover{ background-color:#890027;}
.pro .box .list li .right .w03 a:hover b{ background-image:url(../images/more01.png);}

.fanye{ width:100%; margin-top:35px;}
.fanye ul{ width:100%; text-align:center; display:block;}
.fanye ul li{ display:inline-block; width:36px; line-height:36px; height:36px; border-radius:100%; font-size:16px; background-color:#f7f7f7; margin:0 5px;}
.fanye ul li:hover a{ color:#890027;}
.fanye ul li.active{ background-color:#890027;}
.fanye ul li.active span{ color:#fff;}
}
@media only screen and (max-width: 1023px){
.pro{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; position:relative; z-index:3;}
.pro .box .list{ width:100%; display:block; overflow:hidden;}
.pro .box .list li{ display:block; margin-top:20px; overflow:hidden;}
.pro .box .list li .left{ width:100%; position:relative;}
.pro .box .list li .left a{ padding-top:57.89%; width:100%; position:relative; display:block; overflow:hidden;}
.pro .box .list li .left a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .list li .right{ width:100%; position:relative; margin-top:15px;}
.pro .box .list li .right .w01{ border-left:2px solid #890027; padding-left:8px; font-weight:bold;}
.pro .box .list li .right .w01 b{ display:block; font-size:14px; height:24px; line-height:24px; color:#636b70; text-transform:uppercase; overflow:hidden;}
.pro .box .list li .right .w01 a{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; letter-spacing:4px;}
.pro .box .list li .right .w02{ font-size:14px; line-height:24px; max-height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-top:10px;}
.pro .box .list li .right .w03{ width:140px; height:36px; margin-top:10px;}
.pro .box .list li .right .w03 a{ display:block; border-radius:36px; background-color:#636b70; overflow:hidden;}
.pro .box .list li .right .w03 a span{ width:calc(100% - 34px); height:36px; line-height:36px; color:#fff; display:block; text-align:center; font-size:14px; letter-spacing:3px; text-indent:3px; float:left;}
.pro .box .list li .right .w03 a b{ width:32px; height:32px; margin:2px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro .box .list li .right .w03 a:hover{ background-color:#890027;}
.pro .box .list li .right .w03 a:hover b{ background-image:url(../images/more01.png);}

.fanye{ width:100%; margin-top:20px;}
.fanye ul{ width:100%; text-align:center; display:block;}
.fanye ul li{ display:inline-block; width:32px; line-height:32px; height:32px; border-radius:100%; font-size:14px; background-color:#f7f7f7; margin:0 5px;}
.fanye ul li:hover a{ color:#890027;}
.fanye ul li.active{ background-color:#890027;}
.fanye ul li.active span{ color:#fff;}
}

/*产品内页*/
@media screen and (min-width:1601px){
.pro01{ padding:100px 5%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:100%; position:relative; z-index:3; display:flex; align-items:center;}
.pro01 .box .left{ width:42.5%;}
.pro01 .box .left .w01{ width:100%; padding-top:7px;}
.pro01 .box .left .w01 p{ display:flex; align-items:center; padding:0 20px; min-width:180px; font-size:24px; height:70px; color:#fff; background-color:#890027; border-radius:10px; float:left;}
.pro01 .box .left .w01 p img{ display:block; height:40px; margin-right:15px;}
.pro01 .box .left .w02{ margin-left:16px;}
.pro01 .box .left .w02 img{ display:block;}
.pro01 .box .left .w03{ margin-top:20px; font-size:48px; line-height:58px; font-weight:bold; color:#890027;}
.pro01 .box .left .w04{ margin-top:15px; font-size:48px; line-height:58px; letter-spacing:8px;}
.pro01 .box .left .w05{ margin-top:38px; font-size:16px; line-height:30px;}
.pro01 .box .right{ width:42.1875%; margin-left:15.3125%;}
.pro01 .box .right img{ width:100%; display:block;}
.pro01 .down{ width:100%; margin-top:40px;}
.pro01 .down a{ display:block; overflow:hidden; width:40px; height:90px; border-radius:40px; margin:auto; background-color:#890027; position:relative;}
.pro01 .down a b{ width:34px; height:34px; margin:3px; display:block; position:absolute; left:0; bottom:0; background-color:#fff; border-radius:100%; background-image:url(../images/arr_11.jpg); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro01 .down a:hover b{ bottom:50px;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.pro01{ padding:70px 5%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:100%; position:relative; z-index:3; display:flex; align-items:center;}
.pro01 .box .left{ width:42.5%;}
.pro01 .box .left .w01{ width:100%; padding-top:5px;}
.pro01 .box .left .w01 p{ display:flex; align-items:center; padding:0 20px; min-width:160px; font-size:20px; height:60px; color:#fff; background-color:#890027; border-radius:10px; float:left;}
.pro01 .box .left .w01 p img{ display:block; height:30px; margin-right:10px;}
.pro01 .box .left .w02{ margin-left:11px;}
.pro01 .box .left .w02 img{ display:block;}
.pro01 .box .left .w03{ margin-top:15px; font-size:38px; line-height:48px; font-weight:bold; color:#890027;}
.pro01 .box .left .w04{ margin-top:10px; font-size:38px; line-height:48px; letter-spacing:6px;}
.pro01 .box .left .w05{ margin-top:25px; font-size:15px; line-height:25px;}
.pro01 .box .right{ width:50.1875%; margin-left:7.3125%;}
.pro01 .box .right img{ width:100%; display:block;}
.pro01 .down{ width:100%; margin-top:30px;}
.pro01 .down a{ display:block; overflow:hidden; width:38px; height:80px; border-radius:40px; margin:auto; background-color:#890027; position:relative;}
.pro01 .down a b{ width:32px; height:32px; margin:3px; display:block; position:absolute; left:0; bottom:0; background-color:#fff; border-radius:100%; background-image:url(../images/arr_11.jpg); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro01 .down a:hover b{ bottom:42px;}
}
@media only screen and (max-width: 1023px){
.pro01{ padding:40px 3%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.pro01 .box{ width:100%; position:relative; z-index:3;}
.pro01 .box .left{ width:100%;}
.pro01 .box .left .w01{ width:100%; padding-top:20px;}
.pro01 .box .left .w01 p{ display:flex; align-items:center; padding:0 15px; min-width:140px; font-size:16px; height:50px; color:#fff; background-color:#890027; border-radius:10px; float:left; line-height:20px;}
.pro01 .box .left .w01 p img{ display:block; height:24px; margin-right:10px;}
.pro01 .box .left .w02{ margin-left:11px;}
.pro01 .box .left .w02 img{ display:block; height:29px;}
.pro01 .box .left .w03{ margin-top:10px; font-size:28px; line-height:38px; font-weight:bold; color:#890027;}
.pro01 .box .left .w04{ font-size:28px; line-height:38px; letter-spacing:4px;}
.pro01 .box .left .w05{ margin-top:10px; font-size:14px; line-height:24px;}
.pro01 .box .right{ width:100%; margin-top:15px;}
.pro01 .box .right img{ width:100%; display:block;}
.pro01 .down{ width:100%; margin-top:20px;}
.pro01 .down a{ display:block; overflow:hidden; width:36px; height:70px; border-radius:40px; margin:auto; background-color:#890027; position:relative;}
.pro01 .down a b{ width:30px; height:30px; margin:3px; display:block; position:absolute; left:0; bottom:0; background-color:#fff; border-radius:100%; background-image:url(../images/arr_11.jpg); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro01 .down a:hover b{ bottom:34px;}
}

@media screen and (min-width:1601px){
.pro02{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.pro02 .swiper-button-prev{ width:48px; height:48px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; right:70px; bottom:0;}
.pro02 .swiper-button-next{ width:48px; height:48px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.pro02 .swiper-button-prev:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/prev01.png);}
.pro02 .swiper-button-next:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/next01.png);}
.pro02 .box{ width:100%; position:relative; z-index:3; margin-top:50px;}
.pro02 .box .swiper-container{ width:100%;}
.pro02 .box .swiper-container .swiper-slide{ width:62.5%; position:relative;}
.pro02 .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pro02 .box .swiper-container .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:60%; overflow:hidden;}
.pro02 .box .swiper-container .swiper-slide .tu img{ width:100%; position:absolute; left:0; top:0; display:block; z-index:1;}
.pro02 .box .swiper-container .swiper-slide .tu b{ overflow:hidden; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:3;}
.pro02 .box .swiper-container .swiper-slide .wen{ width:90%; height:calc(100% - 130px); overflow:auto; padding:65px 5%; text-align:center; position:absolute; left:0; top:0; z-index:2;}
.pro02 .box .swiper-container .swiper-slide .wen .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.pro02 .box .swiper-container .swiper-slide .wen .w02{ font-size:16px; line-height:30px; margin-top:18px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.pro02{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.pro02 .swiper-button-prev{ width:44px; height:44px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; right:61px; bottom:0;}
.pro02 .swiper-button-next{ width:44px; height:44px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.pro02 .swiper-button-prev:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/prev01.png);}
.pro02 .swiper-button-next:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/next01.png);}
.pro02 .box{ width:100%; position:relative; z-index:3; margin-top:35px;}
.pro02 .box .swiper-container{ width:100%;}
.pro02 .box .swiper-container .swiper-slide{ width:62.5%; position:relative;}
.pro02 .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pro02 .box .swiper-container .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:60%; overflow:hidden;}
.pro02 .box .swiper-container .swiper-slide .tu img{ width:100%; position:absolute; left:0; top:0; display:block; z-index:1;}
.pro02 .box .swiper-container .swiper-slide .tu b{ overflow:hidden; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:3;}
.pro02 .box .swiper-container .swiper-slide .wen{ width:90%; height:calc(100% - 90px); overflow:auto; padding:45px 5%; text-align:center; position:absolute; left:0; top:0; z-index:2;}
.pro02 .box .swiper-container .swiper-slide .wen .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.pro02 .box .swiper-container .swiper-slide .wen .w02{ font-size:15px; line-height:25px; margin-top:10px; color:#fff;}
}
@media only screen and (max-width: 1023px){
.pro02{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.pro02 .swiper-button-prev{ width:38px; height:38px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; right:50px; bottom:0;}
.pro02 .swiper-button-next{ width:38px; height:38px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.pro02 .swiper-button-prev:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/prev01.png);}
.pro02 .swiper-button-next:hover{ background-color:#890027; border:1px solid #890027; background-image:url(../images/next01.png);}
.pro02 .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.pro02 .box .swiper-container{ width:100%;}
.pro02 .box .swiper-container .swiper-slide{ width:100%; position:relative;}
.pro02 .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pro02 .box .swiper-container .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:60%; overflow:hidden;}
.pro02 .box .swiper-container .swiper-slide .tu img{ width:100%; position:absolute; left:0; top:0; display:block; z-index:1;}
.pro02 .box .swiper-container .swiper-slide .tu b{ overflow:hidden; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:3;}
.pro02 .box .swiper-container .swiper-slide .wen{ width:90%; height:calc(100% - 50px); overflow:auto; padding:25px 5%; text-align:center; position:absolute; left:0; top:0; z-index:2;}
.pro02 .box .swiper-container .swiper-slide .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pro02 .box .swiper-container .swiper-slide .wen .w02{ font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
}

@media screen and (min-width:1601px){
.pro03{ width:100%; position:relative; z-index:1; background-position:center; background-size:cover;}
.pro03 .box{ padding:100px 5%; background-color:rgba(0,0,0,.7); height:44.27vw; box-sizing:border-box;}
.pro03 .box .w01{ font-size:24px; line-height:34px; color:#fff;}
.pro03 .box .w02{ font-size:48px; line-height:58px; color:#fff; margin-top:20px;}
.pro03 .box .w03{ margin-top:65px; display:flex; overflow:hidden;}
.pro03 .box .w03 dt{ display:block; float:left; font-size:16px; color:#fff;}
/*.pro03 .box .w03 dt p{ display:block; font-size:16px; line-height:26px; color:#fff; height:26px; overflow:hidden;}
.pro03 .box .w03 dt span{ display:block; font-size:30px; line-height:34px; color:#fff; height:34px; overflow:hidden; margin-top:10px;}*/
.pro03 .box .w03 dd{ width:1px; background-color:#fff; display:block; opacity:.7; float:left; margin-left:3.125%; margin-right:1.875%;}
.pro03 .box .w04{ margin-top:100px; overflow:hidden;}
.pro03 .box .w04 a{ min-width:110px; padding:0 19px; background-color:rgba(137,0,39,.7); border:1px solid rgba(137,0,39,.7); text-align:center; color:#fff; font-size:16px; height:40px; line-height:40px; display:block; float:left; margin-right:20px; border-radius:5px; letter-spacing:3px; text-indent:3px;}
.pro03 .box .w04 a:last-child{ background-color:transparent; border:1px solid rgba(255,255,255,.3);}
.pro03 .box .w04 a:hover{ background-color:#890027; border:1px solid #890027;}
.pro03 .box .w04 a:last-child:hover{ background-color:#fff; border:1px solid #fff; color:#890027;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.pro03{ width:100%; position:relative; z-index:1; background-position:center; background-size:cover;}
.pro03 .box{ padding:70px 5%; background-color:rgba(0,0,0,.7); height:calc(100vh - 80px); box-sizing:border-box;}
.pro03 .box .w01{ font-size:20px; line-height:30px; color:#fff;}
.pro03 .box .w02{ font-size:38px; line-height:48px; color:#fff; margin-top:15px;}
.pro03 .box .w03{ margin-top:45px; display:flex; overflow:hidden;}
.pro03 .box .w03 dt{ display:block; float:left; font-size:15px; color:#fff;}
/*.pro03 .box .w03 dt p{ display:block; font-size:15px; line-height:25px; color:#fff; height:25px; overflow:hidden;}
.pro03 .box .w03 dt span{ display:block; font-size:28px; line-height:32px; color:#fff; height:32px; overflow:hidden; margin-top:7px;}*/
.pro03 .box .w03 dd{ width:1px; background-color:#fff; display:block; opacity:.7; float:left; margin-left:3.125%; margin-right:1.875%;}
.pro03 .box .w04{ margin-top:70px;}
.pro03 .box .w04 a{ min-width:100px; padding:0 19px; background-color:rgba(137,0,39,.7); border:1px solid rgba(137,0,39,.7); text-align:center; color:#fff; font-size:16px; height:38px; line-height:38px; display:block; float:left; margin-right:20px; border-radius:5px; letter-spacing:3px; text-indent:3px;}
.pro03 .box .w04 a:last-child{ background-color:transparent; border:1px solid rgba(255,255,255,.3);}
.pro03 .box .w04 a:hover{ background-color:#890027; border:1px solid #890027;}
.pro03 .box .w04 a:last-child:hover{ background-color:#fff; border:1px solid #fff; color:#890027;}
}
@media only screen and (max-width: 1023px){
.pro03{ width:100%; position:relative; z-index:1; background-position:center; background-size:cover;}
.pro03 .box{ padding:40px 3%; background-color:rgba(0,0,0,.7); height:calc(100vh - 60px); box-sizing:border-box; text-align:center;}
.pro03 .box .w01{ font-size:16px; line-height:26px; color:#fff;}
.pro03 .box .w02{ font-size:28px; line-height:38px; color:#fff; margin-top:10px;}
.pro03 .box .w03{ margin-top:25px; display:flex; overflow:hidden; display:flex;}
.pro03 .box .w03 dt{ display:block; float:left; flex:1; font-size:14px; color:#fff;}
/*.pro03 .box .w03 dt p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden;}
.pro03 .box .w03 dt span{ display:block; font-size:26px; line-height:30px; color:#fff; height:30px; overflow:hidden; margin-top:6px;}*/
.pro03 .box .w03 dd{ width:1px; background-color:#fff; display:block; opacity:.7; float:left;}
.pro03 .box .w04{ margin-top:40px; text-align:center;}
.pro03 .box .w04 a{ min-width:90px; padding:0 14px; background-color:rgba(137,0,39,.7); border:1px solid rgba(137,0,39,.7); text-align:center; color:#fff; font-size:14px; height:36px; line-height:36px; display:inline-block; margin:0 10px; border-radius:5px; letter-spacing:3px; text-indent:3px;}
.pro03 .box .w04 a:last-child{ background-color:transparent; border:1px solid rgba(255,255,255,.3);}
.pro03 .box .w04 a:hover{ background-color:#890027; border:1px solid #890027;}
.pro03 .box .w04 a:last-child:hover{ background-color:#fff; border:1px solid #fff; color:#890027;}
}

@media screen and (min-width:1601px){
.pro04{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.pro04 .title .more{ width:200px; height:40px; position:absolute; right:0; bottom:0;}
.pro04 .title .more a{ display:block; border-radius:40px; background-color:#636b70; overflow:hidden;}
.pro04 .title .more a span{ width:calc(100% - 38px); height:40px; line-height:40px; color:#fff; display:block; text-align:center; font-size:16px; letter-spacing:3px; text-indent:3px; float:left;}
.pro04 .title .more a b{ width:36px; height:36px; margin:2px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro04 .title .more a:hover{ background-color:#890027;}
.pro04 .title .more a:hover b{ background-image:url(../images/more01.png);}
.pro04 .box{ width:100%; position:relative; z-index:3; margin-top:50px;}
.pro04 .box table{ width:100% !important; word-break:break-all;}
table{ border-collapse: collapse; border: 1px solid #cacaca;}
td, th{ padding:5px 10px; border:1px solid #cacaca !important; font-size:16px;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.pro04{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.pro04 .title .more{ width:180px; height:38px; position:absolute; right:0; bottom:0;}
.pro04 .title .more a{ display:block; border-radius:40px; background-color:#636b70; overflow:hidden;}
.pro04 .title .more a span{ width:calc(100% - 36px); height:38px; line-height:38px; color:#fff; display:block; text-align:center; font-size:15px; letter-spacing:3px; text-indent:3px; float:left;}
.pro04 .title .more a b{ width:34px; height:34px; margin:2px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro04 .title .more a:hover{ background-color:#890027;}
.pro04 .title .more a:hover b{ background-image:url(../images/more01.png);}
.pro04 .box{ width:100%; position:relative; z-index:3; margin-top:35px;}
.pro04 .box table{ width:100% !important; word-break:break-all;}
table{ border-collapse: collapse; border: 1px solid #cacaca;}
td, th{ padding:5px 10px; border:1px solid #cacaca !important; font-size:15px;}
}
@media only screen and (max-width: 1023px){
.pro04{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.pro04 .title .more{ width:160px; height:36px; position:absolute; right:0; bottom:0;}
.pro04 .title .more a{ display:block; border-radius:40px; background-color:#636b70; overflow:hidden;}
.pro04 .title .more a span{ width:calc(100% - 36px); height:36px; line-height:36px; color:#fff; display:block; text-align:center; font-size:14px; letter-spacing:3px; text-indent:3px; float:left;}
.pro04 .title .more a b{ width:32px; height:32px; margin:2px; margin-left:0; background-color:#fff; border-radius:100%; display:block; float:left; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro04 .title .more a:hover{ background-color:#890027;}
.pro04 .title .more a:hover b{ background-image:url(../images/more01.png);}
.pro04 .box{ width:100%; position:relative; z-index:3; margin-top:35px; overflow:auto;}
.pro04 .box table{ width:100%; min-width:800px !important; word-break:break-all;}
table{ border-collapse: collapse; border: 1px solid #cacaca;}
td, th{ padding:0 5px; border:1px solid #cacaca !important; font-size:14px;}
}

/*技术优势*/
@media screen and (min-width:1601px){
.js01{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.js01 .box{ width:100%; position:relative; z-index:3; margin-top:50px;}
.js01 .box .left{ width:48.75%; float:left;}
.js01 .box .left .w01{ width:80px; height:2px; background-color:#890027;}
.js01 .box .left .w02{ font-size:16px; line-height:36px; padding:20px 16.46% 40px 0; background-image:url(../images/js01_08.png); background-position:right bottom; background-repeat:no-repeat; background-size:9.49% auto;}
.js01 .box .left .w03{ display:block; margin-top:-34px;}
.js01 .box .left .w03 li{ display:block; overflow:hidden; margin-top:34px;}
.js01 .box .left .w03 li .tu{ width:70px; float:left; padding:3px 0;}
.js01 .box .left .w03 li .tu img{ width:50px; display:block;}
.js01 .box .left .w03 li .wen{ width:calc(100% - 70px); float:left;}
.js01 .box .left .w03 li .wen .z01{ font-size:20px; line-height:30px; font-weight:bold;}
.js01 .box .left .w03 li .wen .z02{ font-size:16px; line-height:26px; color:#636b70;}
.js01 .box .right{ width:45%; float:right; padding-right:30px; position:relative;}
.js01 .box .right p{ width:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.js01 .box .right p img{ width:100%; display:block;}
.js01 .box .right b{ width:100%; height:calc(100% - 80px); position:absolute; right:0; top:40px; display:block; background-color:#890027; z-index:1;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.js01{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.js01 .box{ width:100%; position:relative; z-index:3; margin-top:35px;}
.js01 .box .left{ width:50%; float:left;}
.js01 .box .left .w01{ width:60px; height:2px; background-color:#890027;}
.js01 .box .left .w02{ font-size:15px; line-height:25px; padding:20px 16.46% 30px 0; background-image:url(../images/js01_08.png); background-position:right bottom; background-repeat:no-repeat; background-size:9.49% auto;}
.js01 .box .left .w03{ display:block; margin-top:-26px;}
.js01 .box .left .w03 li{ display:block; overflow:hidden; margin-top:26px;}
.js01 .box .left .w03 li .tu{ width:65px; float:left; padding:2px 0;}
.js01 .box .left .w03 li .tu img{ width:50px; display:block;}
.js01 .box .left .w03 li .wen{ width:calc(100% - 65px); float:left;}
.js01 .box .left .w03 li .wen .z01{ font-size:18px; line-height:28px; font-weight:bold;}
.js01 .box .left .w03 li .wen .z02{ font-size:15px; line-height:25px; color:#636b70;}
.js01 .box .right{ width:45%; float:right; padding-right:20px; position:relative;}
.js01 .box .right p{ width:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.js01 .box .right p img{ width:100%; display:block;}
.js01 .box .right b{ width:100%; height:calc(100% - 60px); position:absolute; right:0; top:30px; display:block; background-color:#890027; z-index:1;}
}
@media only screen and (max-width: 1023px){
.js01{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.js01 .box{ width:100%; position:relative; z-index:3;}
.js01 .box .left{ width:100%;}
.js01 .box .left .w02{ font-size:14px; line-height:24px; padding:15px 15% 20px 0; background-image:url(../images/js01_08.png); background-position:right bottom; background-repeat:no-repeat; background-size:9.49% auto;}
.js01 .box .left .w03{ display:block;}
.js01 .box .left .w03 li{ display:block; overflow:hidden; margin-bottom:10px;}
.js01 .box .left .w03 li .tu{ width:40px; float:left; padding:5px 0;}
.js01 .box .left .w03 li .tu img{ width:30px; display:block;}
.js01 .box .left .w03 li .wen{ width:calc(100% - 40px); float:left;}
.js01 .box .left .w03 li .wen .z01{ font-size:16px; line-height:26px; font-weight:bold;}
.js01 .box .left .w03 li .wen .z02{ font-size:14px; line-height:24px; color:#636b70;}
.js01 .box .right{ padding-right:15px; position:relative;}
.js01 .box .right p{ width:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.js01 .box .right p img{ width:100%; display:block;}
.js01 .box .right b{ width:100%; height:calc(100% - 40px); position:absolute; right:0; top:20px; display:block; background-color:#890027; z-index:1;}
}

@media screen and (min-width:1601px){
.js02{ padding:100px 5%; position:relative; z-index:1; background-color:#f7f7f7;}
.js02 .box{ width:100%; position:relative; z-index:3; margin-top:50px; display:flex;}
.js02 .box .tab_menu{ display:block; float:left; width:28.75%;}
.js02 .box .tab_menu li{ display:block; overflow:hidden; margin-bottom:30px; background-color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; background-image:url(../images/duo.png); background-position:right 4.3% center; background-repeat:no-repeat;}
.js02 .box .tab_menu li:last-child{ margin-bottom:0;}
.js02 .box .tab_menu li.on{ border-top:2px solid #890027; border-bottom:none; background-image:none;}
.js02 .box .tab_menu li .top{ font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap; padding:15px 6.5%;}
.js02 .box .tab_menu li.on .top{ display:none;}
.js02 .box .tab_menu li .bot{ display:none; padding:30px 6.5%; padding-bottom:25px; height:260px; width:100%; box-sizing:border-box; position:relative;}
.js02 .box .tab_menu li.on .bot{ display:block;}
.js02 .box .tab_menu li .bot .b01{ height:50px;}
.js02 .box .tab_menu li .bot .b01 img{ display:block; height:50px;}
.js02 .box .tab_menu li .bot .b02{ font-size:24px; line-height:34px; color:#890027; margin-top:25px;}
.js02 .box .tab_menu li .bot .b03{ display:none; font-size:16px; line-height:26px; height:26px; color:#636b70; text-transform:uppercase;}
.js02 .box .tab_menu li .bot .b04{ font-size:16px; line-height:26px; max-height:52px; position:absolute; left:6.5%; bottom:25px;}
.js02 .box .tabox{ display:block; float:right; width:65.625%; margin-left:5.625%;}
.js02 .box .tabox .tab{ width:100%; height:100%; position:relative; background-position:center; background-size:cover;}
.js02 .box .tabox .tab .wen{ position:absolute; left:0; bottom:0; width:76.19%; padding:45px 3.8%; background-color:rgba(0,0,0,.7); box-sizing:border-box; max-height:100%; overflow:auto;}
.js02 .box .tabox .tab .wen .b02{ font-size:20px; line-height:30px; color:#fff;}
.js02 .box .tabox .tab .wen .b03{ display:none; font-size:16px; line-height:26px; margin-top:5px; color:#999; text-transform:uppercase;}
.js02 .box .tabox .tab .wen .b04{ font-size:16px; line-height:30px; margin-top:15px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.js02{ padding:70px 5%; position:relative; z-index:1; background-color:#f7f7f7;}
.js02 .box{ width:100%; position:relative; z-index:3; margin-top:35px; display:flex;}
.js02 .box .tab_menu{ display:block; float:left; width:30.75%;}
.js02 .box .tab_menu li{ display:block; overflow:hidden; margin-bottom:20px; background-color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; background-image:url(../images/duo.png); background-position:right 4.3% center; background-repeat:no-repeat;}
.js02 .box .tab_menu li:last-child{ margin-bottom:0;}
.js02 .box .tab_menu li.on{ border-top:2px solid #890027; border-bottom:none; background-image:none;}
.js02 .box .tab_menu li .top{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap; padding:10px 6.5%;}
.js02 .box .tab_menu li.on .top{ display:none;}
.js02 .box .tab_menu li .bot{ display:none; padding:25px 6.5%; padding-bottom:20px; height:220px; width:100%; box-sizing:border-box; position:relative;}
.js02 .box .tab_menu li.on .bot{ display:block;}
.js02 .box .tab_menu li .bot .b01{ height:50px;}
.js02 .box .tab_menu li .bot .b01 img{ display:block; height:50px;}
.js02 .box .tab_menu li .bot .b02{ font-size:20px; line-height:30px; color:#890027; margin-top:15px;}
.js02 .box .tab_menu li .bot .b03{ display:none; font-size:15px; line-height:25px; height:25px; color:#636b70; text-transform:uppercase;}
.js02 .box .tab_menu li .bot .b04{ font-size:15px; line-height:25px; max-height:50px; position:absolute; left:6.5%; bottom:20px;}
.js02 .box .tabox{ display:block; float:right; width:65.625%; margin-left:3.625%;}
.js02 .box .tabox .tab{ width:100%; height:100%; position:relative; background-position:center; background-size:cover;}
.js02 .box .tabox .tab .wen{ position:absolute; left:0; bottom:0; width:80%; padding:30px 3%; background-color:rgba(0,0,0,.7); box-sizing:border-box; max-height:100%; overflow:auto;}
.js02 .box .tabox .tab .wen .b02{ font-size:18px; line-height:28px; color:#fff;}
.js02 .box .tabox .tab .wen .b03{ display:none; font-size:15px; line-height:25px; margin-top:5px; color:#999; text-transform:uppercase;}
.js02 .box .tabox .tab .wen .b04{ font-size:15px; line-height:25px; margin-top:15px; color:#fff;}
}
@media only screen and (max-width: 1023px){
.js02{ padding:40px 3%; position:relative; z-index:1; background-color:#f7f7f7;}
.js02 .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.js02 .box .tab_menu{ display:block; float:left; width:100%; padding-bottom:5px;}
.js02 .box .tab_menu li{ display:block; overflow:hidden; margin-bottom:10px; background-color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; background-image:url(../images/duo.png); background-position:right 4.3% center; background-repeat:no-repeat;}
.js02 .box .tab_menu li.on{ border-top:2px solid #890027; border-bottom:none; background-image:none;}
.js02 .box .tab_menu li .top{ font-size:14px; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap; padding:5px 5%;}
.js02 .box .tab_menu li.on .top{ display:none;}
.js02 .box .tab_menu li .bot{ display:none; padding:15px 5%; padding-bottom:10px; width:100%; box-sizing:border-box; position:relative;}
.js02 .box .tab_menu li.on .bot{ display:block;}
.js02 .box .tab_menu li .bot .b01{ height:50px;}
.js02 .box .tab_menu li .bot .b01 img{ display:block; height:50px;}
.js02 .box .tab_menu li .bot .b02{ font-size:16px; line-height:26px; color:#890027; margin-top:10px;}
.js02 .box .tab_menu li .bot .b03{ display:none; font-size:14px; line-height:24px; height:25px; color:#636b70; text-transform:uppercase;}
.js02 .box .tab_menu li .bot .b04{ font-size:14px; line-height:24px; max-height:48px;}
.js02 .box .tabox{ display:block; float:right; width:100%; height:48.34vw;}
.js02 .box .tabox .tab{ width:100%; height:100%; position:relative; background-position:center; background-size:cover;}
.js02 .box .tabox .tab .wen{ position:absolute; left:0; bottom:0; width:100%; padding:15px 5%; background-color:rgba(0,0,0,.7); box-sizing:border-box; max-height:100%; overflow:auto;}
.js02 .box .tabox .tab .wen .b02{ font-size:16px; line-height:26px; color:#fff;}
.js02 .box .tabox .tab .wen .b03{ display:none; font-size:14px; line-height:24px; color:#999; text-transform:uppercase;}
.js02 .box .tabox .tab .wen .b04{ font-size:14px; line-height:24px; margin-top:10px; color:#fff;}
}

@media screen and (min-width:1601px){
.js03{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.js03 .box{ width:100%; position:relative; z-index:3; margin-top:50px;}
.js03 .box ul{ width:calc(100% + 10px); display:block; overflow:hidden;}
.js03 .box ul li{ width:21.875%; height:580px; display:block; float:left; margin-right:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.js03 .box ul li.active{ width:calc(34.375% - 40px);}
.js03 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.js03 .box ul li.active .bg{ background-color:rgba(137,0,39,.7);}
.js03 .box ul li .tu{ position:absolute; left:10%; bottom:60px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.js03 .box ul li .tu img{ height:60px; display:block;}
.js03 .box ul li.active .tu{ left:8%;}
.js03 .box ul li .wen{ width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:120px;}
.js03 .box ul li.active .wen{ width:86%;}
.js03 .box ul li .wen .en{ display:none; font-size:16px; line-height:26px; height:26px; color:#fff; opacity:.7; text-transform:uppercase;}
.js03 .box ul li .wen .cn{ font-size:24px; line-height:34px; height:34px; color:#fff; margin-top:5px;}
.js03 .box ul li .wen .wz{ display:none; padding-top:20px; font-size:20px; line-height:30px; color:#fff;}
.js03 .box ul li .wen .wz01{ display:none; padding-top:10px; font-size:16px; line-height:26px; color:#fff;}
.js03 .box ul li.active .wen .wz{ display:block;}
.js03 .box ul li.active .wen .wz01{ display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.js03{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.js03 .box{ width:100%; position:relative; z-index:3; margin-top:35px;}
.js03 .box ul{ width:calc(100% + 10px); display:block; overflow:hidden;}
.js03 .box ul li{ width:21.875%; height:480px; display:block; float:left; margin-right:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.js03 .box ul li.active{ width:calc(34.375% - 40px);}
.js03 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.js03 .box ul li.active .bg{ background-color:rgba(137,0,39,.7);}
.js03 .box ul li .tu{ position:absolute; left:10%; bottom:40px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.js03 .box ul li .tu img{ height:60px; display:block;}
.js03 .box ul li.active .tu{ left:8%;}
.js03 .box ul li .wen{ width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:100px;}
.js03 .box ul li.active .wen{ width:86%;}
.js03 .box ul li .wen .en{ display:none; font-size:15px; line-height:25px; height:25px; color:#fff; opacity:.7; text-transform:uppercase;}
.js03 .box ul li .wen .cn{ font-size:20px; line-height:30px; color:#fff;}
.js03 .box ul li .wen .wz{ display:none; padding-top:10px; font-size:18px; line-height:28px; color:#fff;}
.js03 .box ul li .wen .wz01{ display:none; padding-top:5px; font-size:15px; line-height:25px; color:#fff;}
.js03 .box ul li.active .wen .wz{ display:block;}
.js03 .box ul li.active .wen .wz01{ display:block;}
}
@media only screen and (max-width: 1023px){
.js03{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.js03 .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.js03 .box ul{ width:100%; display:block; overflow:hidden;}
.js03 .box ul li{ width:48.5%; height:79.45vw; display:block; float:left; margin-left:3%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; margin-top:15px;}
.js03 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.js03 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.js03 .box ul li.active .bg{ background-color:rgba(137,0,39,.7);}
.js03 .box ul li .tu{ position:absolute; right:15px; bottom:20px; z-index:2; height:30px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.js03 .box ul li .tu img{ height:30px; display:block;}
.js03 .box ul li.active .tu{ bottom:calc(100% - 50px);}
.js03 .box ul li .wen{ width:calc(100% - 30px); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.js03 .box ul li .wen .en{ display:none; font-size:14px; line-height:22px; height:22px; color:#fff; opacity:.7; text-transform:uppercase;}
.js03 .box ul li .wen .cn{ font-size:18px; line-height:28px; color:#fff;}
.js03 .box ul li .wen .wz{ display:none; padding-top:5px; font-size:16px; line-height:26px; color:#fff;}
.js03 .box ul li .wen .wz01{ display:none; font-size:14px; line-height:24px; color:#fff;}
.js03 .box ul li.active .wen .wz{ display:block;}
.js03 .box ul li.active .wen .wz01{ display:block;}
}

/*购车支持*/
@media screen and (min-width:1601px){
.support{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.support .title{ position:relative; z-index:5;}
.support .title .gc01{ position:absolute; right:0; bottom:0;}
.support .title .city-picker-selector{ height:44px; float:left;}
.support .title .city-picker-selector select{ display:block; float:left; margin-right:20px; width:220px; height:44px; position:relative; text-indent:19px; display:block; font-size:16px; line-height:42px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
/*.support .title .selector-item{ float:left; margin-right:20px; width:220px; height:44px; position:relative;}
.support .title .selector-item:last-child{ display:none;}
.support .title .selector-name{ width:calc(100% - 2px); text-indent:19px; display:block; font-size:16px; line-height:42px; height:42px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-radius:5px; border:1px solid #ddd;}
.support .title .city-picker-selector .selector-list{ position:absolute; left:0; top:45px; padding:5px 0; z-index:899; min-width:100%; border:1px solid #eee; max-height:180px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:1px 1px 4px rgb(0 0 0 / 8%); box-sizing:border-box}
.support .title .city-picker-selector .hide{ display:none;}
.support .title .city-picker-selector ul{ display:block; background-color:#fff;}
.support .title .city-picker-selector li{ color:#333; cursor:pointer; padding:0 10px; height:36px; line-height:36px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; box-sizing:border-box; font-size:16px;}
.support .title .city-picker-selector li.caller:hover{ background-color:#f7f7f7;}
.support .title .city-picker-selector li.caller.active{ background-color:#f7f7f7; color:#890027; font-weight:700;}*/
.support .title .gc01 .sbtn{ float:left; height:44px;}
.support .title .gc01 .sbtn p{ display:block; float:left; overflow:hidden; position:relative; border-radius:5px;}
.support .title .gc01 .sbtn p input{ padding:0 25px; background-color:#890027; height:44px; line-height:44px; border-radius:5px; overflow:hidden; display:block; font-size:16px; color:#fff; cursor:pointer;}
.support .title .gc01 .sbtn a{ display:block; float:left; overflow:hidden; position:relative; border-radius:5px; padding:0 24px; border:1px solid #636b70; font-size:16px; height:42px; line-height:42px; overflow:hidden; cursor:pointer; margin-left:20px; color:#636b70;}
.support .title .gc01 .sbtn a:hover{ border:1px solid #890027; color:#890027;}
.support .box{ width:100%; position:relative; z-index:3; margin-top:10px;}
.support .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.support .box .list li{ width:23.125%; margin-top:40px; margin-left:2.5%; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.support .box .list li:nth-child(4n+1){ margin-left:0;}
.support .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.support .box .list li .tu:before{ width:100%; display:block; padding-top:34.09%; content:''; overflow:hidden;}
.support .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.support .box .list li .tu p{ position:absolute; right:20px; top:20px; z-index:2; padding:0 20px; font-size:16px; line-height:36px; border-radius:36px; background-color:rgba(0,0,0,.7); color:#fff; overflow:hidden;}
.support .box .list li .wen{ padding:25px 8.1%;}
.support .box .list li .wen .w01{ font-size:16px; line-height:26px;}
.support .box .list li .wen .w02{ padding-top:6px;}
.support .box .list li .wen .w02 p{ display:flex; margin-top:4px;}
.support .box .list li .wen .w02 p img{ height:14px; display:block; margin:5px 10px; margin-left:0;}
.support .box .list li .wen .w02 p span{ display:block; flex:1; font-size:14px; line-height:24px; overflow:hidden;}
.support .box .list li .wen .w02 p:last-child{ display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.support{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.support .title{ position:relative; z-index:5;}
.support .title .gc01{ position:absolute; right:0; bottom:0;}
.support .title .city-picker-selector{ height:40px; float:left;}
.support .title .city-picker-selector select{ display:block; float:left; margin-right:15px; width:200px; height:40px; position:relative; text-indent:14px; display:block; font-size:15px; line-height:38px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
/*.support .title .selector-item{ float:left; margin-right:15px; width:200px; height:40px; position:relative;}
.support .title .selector-item:last-child{ display:none;}
.support .title .selector-name{ width:calc(100% - 2px); text-indent:14px; display:block; font-size:15px; line-height:38px; height:38px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-radius:5px; border:1px solid #ddd;}
.support .title .city-picker-selector .selector-list{ position:absolute; left:0; top:42px; padding:5px 0; z-index:899; min-width:100%; border:1px solid #eee; max-height:175px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:1px 1px 4px rgb(0 0 0 / 8%); box-sizing:border-box}
.support .title .city-picker-selector .hide{ display:none;}
.support .title .city-picker-selector ul{ display:block; background-color:#fff;}
.support .title .city-picker-selector li{ color:#333; cursor:pointer; padding:0 10px; height:33px; line-height:33px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; box-sizing:border-box; font-size:15px;}
.support .title .city-picker-selector li.caller:hover{ background-color:#f7f7f7;}
.support .title .city-picker-selector li.caller.active{ background-color:#f7f7f7; color:#890027; font-weight:700;}*/
.support .title .gc01 .sbtn{ float:left; height:40px;}
.support .title .gc01 .sbtn p{ display:block; float:left; overflow:hidden; position:relative; border-radius:5px;}
.support .title .gc01 .sbtn p input{ padding:0 20px; background-color:#890027; height:38px; line-height:38px; border-radius:5px; overflow:hidden; display:block; font-size:15px; color:#fff; cursor:pointer;}
.support .title .gc01 .sbtn a{ display:block; float:left; overflow:hidden; position:relative; border-radius:5px; padding:0 19px; border:1px solid #636b70; font-size:15px; height:38px; line-height:38px; overflow:hidden; cursor:pointer; margin-left:15px; color:#636b70;}
.support .title .gc01 .sbtn a:hover{ border:1px solid #890027; color:#890027;}
.support .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.support .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.support .box .list li{ width:32%; margin-top:30px; margin-left:2%; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.support .box .list li:nth-child(3n+1){ margin-left:0;}
.support .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.support .box .list li .tu:before{ width:100%; display:block; padding-top:34.09%; content:''; overflow:hidden;}
.support .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.support .box .list li .tu p{ position:absolute; right:15px; top:15px; z-index:2; padding:0 15px; font-size:15px; line-height:30px; border-radius:30px; background-color:rgba(0,0,0,.7); color:#fff; overflow:hidden;}
.support .box .list li .wen{ padding:20px 5%;}
.support .box .list li .wen .w01{ font-size:16px; line-height:26px;}
.support .box .list li .wen .w02{ padding-top:2px;}
.support .box .list li .wen .w02 p{ display:flex; margin-top:2px;}
.support .box .list li .wen .w02 p img{ height:14px; display:block; margin:5px 8px; margin-left:0;}
.support .box .list li .wen .w02 p span{ display:block; flex:1; font-size:14px; line-height:24px; overflow:hidden;}
.support .box .list li .wen .w02 p:last-child{ display:none;}
}
@media only screen and (max-width: 1023px){
.support{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.support .title{ position:relative; z-index:5;}
.support .title .gc01{ margin-top:15px;}
.support .title .city-picker-selector{ height:36px; float:left; height:36px; margin-top:5px;}
.support .title .city-picker-selector select{ display:block; float:left; margin-right:10px; width:130px; height:36px; position:relative; text-indent:14px; display:block; font-size:14px; line-height:34px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 5px center; background-repeat:no-repeat; background-color:#fff; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
/*.support .title .selector-item{ float:left; margin-right:10px; width:130px; height:36px; position:relative;}
.support .title .selector-item:last-child{ display:none;}
.support .title .selector-name{ width:calc(100% - 2px); text-indent:9px; display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 5px center; background-repeat:no-repeat; background-color:#fff; border-radius:5px; border:1px solid #ddd;}
.support .title .city-picker-selector .selector-list{ position:absolute; left:0; top:40px; padding:5px 0; z-index:899; min-width:100%; border:1px solid #eee; max-height:160px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:1px 1px 4px rgb(0 0 0 / 8%); box-sizing:border-box}
.support .title .city-picker-selector .hide{ display:none;}
.support .title .city-picker-selector ul{ display:block; background-color:#fff;}
.support .title .city-picker-selector li{ color:#333; cursor:pointer; padding:0 10px; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; box-sizing:border-box; font-size:14px;}
.support .title .city-picker-selector li.caller:hover{ background-color:#f7f7f7;}
.support .title .city-picker-selector li.caller.active{ background-color:#f7f7f7; color:#890027; font-weight:700;}*/
.support .title .gc01 .sbtn{ float:left; height:36px; margin-top:5px;}
.support .title .gc01 .sbtn p{ display:block; float:left; overflow:hidden; position:relative; border-radius:5px;}
.support .title .gc01 .sbtn p input{ padding:0 10px; background-color:#890027; height:36px; line-height:36px; border-radius:5px; overflow:hidden; display:block; font-size:14px; color:#fff; cursor:pointer;}
.support .title .gc01 .sbtn a{ display:block; float:left; overflow:hidden; position:relative; border-radius:5px; padding:0 9px; border:1px solid #636b70; font-size:14px; height:34px; line-height:34px; overflow:hidden; cursor:pointer; margin-left:5px; color:#636b70;}
.support .title .gc01 .sbtn a:hover{ border:1px solid #890027; color:#890027;}
.support .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.support .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.support .box .list li{ width:48.5%; margin-top:15px; margin-left:3%; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.support .box .list li:nth-child(2n+1){ margin-left:0;}
.support .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.support .box .list li .tu:before{ width:100%; display:block; padding-top:50.09%; content:''; overflow:hidden;}
.support .box .list li .tu img{ height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.support .box .list li .tu p{ position:absolute; right:10px; top:10px; z-index:2; padding:0 15px; font-size:14px; line-height:28px; border-radius:28px; background-color:rgba(0,0,0,.7); color:#fff; overflow:hidden;}
.support .box .list li .wen{ padding:10px 5%;}
.support .box .list li .wen .w01{ font-size:16px; line-height:26px;}
.support .box .list li .wen .w02{ padding-top:2px;}
.support .box .list li .wen .w02 p{ display:flex; padding-top:3px;}
.support .box .list li .wen .w02 p img{ height:14px; display:block; margin:5px 8px; margin-left:0;}
.support .box .list li .wen .w02 p span{ display:block; flex:1; font-size:14px; line-height:24px; overflow:hidden;}
.support .box .list li .wen .w02 p:last-child{ display:none;}
}

/*新闻中心*/
@media screen and (min-width:1601px){
.news{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:100%; position:relative; z-index:3; margin-top:10px;}
.news .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.news .box .list li{ width:23.125%; margin-top:40px; margin-left:2.5%; overflow:hidden;}
.news .box .list li:nth-child(4n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; position:relative;}
.news .box .list li .tu a{ width:100%; display:block; padding-top:75%; position:relative; overflow:hidden;}
.news .box .list li .tu img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; }
.news .box .list li .tu p{ position:absolute; left:0; bottom:0; border-left:10px solid #890027; padding-left:10px; font-size:20px; line-height:40px; height:40px; color:#fff; font-weight:bold; z-index:2;}
.news .box .list li .wen{ width:100%; margin-top:15px;}
.news .box .list li .wen .w01 a{ font-size:20px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.news .box .list li .wen .w01 a:hover{ color:#890027;}
.news .box .list li .wen .w02{ font-size:16px; line-height:30px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin-top:8px; color:#636b70;}
.news .box .list li .wen .w03{ font-size:16px; line-height:26px; color:#999; margin-top:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.news{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.news .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.news .box .list li{ width:32%; margin-top:30px; margin-left:2%; overflow:hidden;}
.news .box .list li:nth-child(3n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; position:relative;}
.news .box .list li .tu a{ width:100%; display:block; padding-top:75%; position:relative; overflow:hidden;}
.news .box .list li .tu img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.news .box .list li .tu p{ position:absolute; left:0; bottom:0; border-left:6px solid #890027; padding-left:6px; font-size:18px; line-height:34px; height:34px; color:#fff; font-weight:bold; z-index:2;}
.news .box .list li .wen{ width:100%; margin-top:10px;}
.news .box .list li .wen .w01 a{ font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.news .box .list li .wen .w01 a:hover{ color:#890027;}
.news .box .list li .wen .w02{ font-size:15px; line-height:25px; height:75px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin-top:8px; color:#636b70;}
.news .box .list li .wen .w03{ font-size:15px; line-height:25px; color:#999; margin-top:5px;}
}
@media only screen and (max-width: 1023px){
.news{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.news .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.news .box .list li{ width:48.5%; margin-top:15px; margin-left:3%; overflow:hidden;}
.news .box .list li:nth-child(2n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; position:relative;}
.news .box .list li .tu a{ width:100%; display:block; padding-top:75%; position:relative; overflow:hidden;}
.news .box .list li .tu img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.news .box .list li .tu p{ position:absolute; left:0; bottom:0; border-left:4px solid #890027; padding-left:6px; font-size:16px; line-height:30px; height:30px; color:#fff; font-weight:bold; z-index:2;}
.news .box .list li .wen{ width:100%; margin-top:5px;}
.news .box .list li .wen .w01 a{ font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.news .box .list li .wen .w01 a:hover{ color:#890027;}
.news .box .list li .wen .w02{ font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin-top:5px; color:#636b70;}
.news .box .list li .wen .w03{ font-size:14px; line-height:24px; color:#999;}
}

/*新闻中心内页*/
@media screen and (min-width:1601px){
.ny{ padding:100px 0; max-width:1000px; margin:auto; position:relative; z-index:1; background-color:#fff;}
.ny .w01{ width:100px; height:100px; background-color:#890027; margin:auto; text-align:center;}
.ny .w01 span{ display:block; color:#fff; font-size:48px; line-height:48px; height:48px; padding-top:15px; font-weight:700;}
.ny .w01 p{ display:block; color:#fff; font-size:20px; line-height:28px;}
.ny .w02{ font-size:24px; line-height:34px; margin-top:35px; font-weight:bold; text-align:center;}
.ny .w03{ font-size:16px; line-height:30px; margin-top:28px;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ margin-top:43px;}
.ny .w04 a{ display:flex; align-items:center; justify-content:space-between; height:90px; box-sizing:border-box; width:48.75%; border:1px solid #ddd; border-radius:10px; float:left; padding:0 2.5%;}
.ny .w04 a:nth-child(2){ float:right; flex-direction:row-reverse;}
.ny .w04 a b{ display:block; width:5%; height:20px; background-image:url(../images/fl.png); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.ny .w04 a:nth-child(2) b{ background-image:url(../images/fr.png);}
.ny .w04 a p{ display:block; width:90%;}
.ny .w04 a p span{ display:block; font-size:16px; line-height:26px; color:#636b70;}
.ny .w04 a p strong{ display:block; font-size:18px; line-height:28px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.ny .w04 a:hover{ border:1px solid #890027;}
.ny .w04 a:hover b{ background-image:url(../images/fl01.png);}
.ny .w04 a:nth-child(2):hover b{ background-image:url(../images/fr01.png);}
.ny .w04 a:hover p strong{ color:#890027;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ny{ padding:70px 0; max-width:1000px; margin:auto; position:relative; z-index:1; background-color:#fff;}
.ny .w01{ width:80px; height:80px; background-color:#890027; margin:auto; text-align:center;}
.ny .w01 span{ display:block; color:#fff; font-size:38px; line-height:38px; height:38px; padding-top:10px; font-weight:700;}
.ny .w01 p{ display:block; color:#fff; font-size:18px; line-height:26px;}
.ny .w02{ font-size:20px; line-height:30px; margin-top:25px; font-weight:bold; text-align:center;}
.ny .w03{ font-size:15px; line-height:25px; margin-top:20px;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ margin-top:25px;}
.ny .w04 a{ display:flex; align-items:center; justify-content:space-between; height:75px; box-sizing:border-box; width:48.75%; border:1px solid #ddd; border-radius:10px; float:left; padding:0 2.5%;}
.ny .w04 a:nth-child(2){ float:right; flex-direction:row-reverse;}
.ny .w04 a b{ display:block; width:5%; height:17px; background-image:url(../images/fl.png); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.ny .w04 a:nth-child(2) b{ background-image:url(../images/fr.png);}
.ny .w04 a p{ display:block; width:90%;}
.ny .w04 a p span{ display:block; font-size:15px; line-height:25px; color:#636b70;}
.ny .w04 a p strong{ display:block; font-size:16px; line-height:26px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.ny .w04 a:hover{ border:1px solid #890027;}
.ny .w04 a:hover b{ background-image:url(../images/fl01.png);}
.ny .w04 a:nth-child(2):hover b{ background-image:url(../images/fr01.png);}
.ny .w04 a:hover p strong{ color:#890027;}
}
@media only screen and (max-width: 1023px){
.ny{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.ny .w01{ width:80px; height:60px; background-color:#890027; margin:auto; text-align:center;}
.ny .w01 span{ display:block; color:#fff; font-size:28px; line-height:28px; height:28px; padding-top:5px; font-weight:700;}
.ny .w01 p{ display:block; color:#fff; font-size:16px; line-height:24px;}
.ny .w02{ font-size:18px; line-height:28px; margin-top:15px; font-weight:bold; text-align:center;}
.ny .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%;}
.ny .w04 a{ display:flex; align-items:center; justify-content:space-between; height:60px; box-sizing:border-box; width:100%; border:1px solid #ddd; border-radius:10px; float:left; padding:0 2.5%; margin-top:15px;}
.ny .w04 a:nth-child(2){ float:right; flex-direction:row-reverse;}
.ny .w04 a b{ display:block; width:7%; height:10px; background-image:url(../images/fl.png); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.ny .w04 a:nth-child(2) b{ background-image:url(../images/fr.png);}
.ny .w04 a p{ display:block; width:90%;}
.ny .w04 a p span{ display:block; font-size:14px; line-height:24px; color:#636b70;}
.ny .w04 a p strong{ display:block; font-size:14px; line-height:24px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.ny .w04 a:hover{ border:1px solid #890027;}
.ny .w04 a:hover b{ background-image:url(../images/fl01.png);}
.ny .w04 a:nth-child(2):hover b{ background-image:url(../images/fr01.png);}
.ny .w04 a:hover p strong{ color:#890027;}
}

/*关于我们*/
@media screen and (min-width:1601px){
.index{ width:100%; position:relative; top:-100px;}
.ab01{ padding:100px 5%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%; position:relative; z-index:3;}
.ab01 .left{ width:40%; margin-top:35px; float:left; font-weight:bold;}
.ab01 .left span{ display:block; font-size:80px; line-height:90px; text-transform:uppercase; color:#890027;}
.ab01 .left b{ display:block; font-size:80px; line-height:90px; text-transform:uppercase; color:#890027; margin-left:32.03125%;}
.ab01 .left a{ display:block; font-size:80px; line-height:90px; text-transform:uppercase; color:#890027; margin-left:19.53125%;}
.ab01 .right{ width:60%; margin-top:-5px; float:right;}
.ab01 .right .w01{ font-weight:bold; font-size:30px; line-height:40px; color:#890027;}
.ab01 .right .w02{ width:60px; height:2px; margin-top:15px; background-color:#636b70;}
.ab01 .right .w03{ width:100%; font-size:16px; line-height:30px; padding-top:9px;}
.ab01 .right .w03 p{ display:block; font-size:16px; line-height:30px; margin-top:14px;}
.ab01 .tu{ width:100%; float:left; margin-top:40px;}
.ab01 .tu img{ width:100%; display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.index{ width:100%; position:relative; top:-80px;}
.ab01{ padding:70px 5%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%; position:relative; z-index:3;}
.ab01 .left{ width:40%; margin-top:20px; float:left; font-weight:bold;}
.ab01 .left span{ display:block; font-size:60px; line-height:70px; text-transform:uppercase; color:#890027;}
.ab01 .left b{ display:block; font-size:60px; line-height:70px; text-transform:uppercase; color:#890027; margin-left:32.03125%;}
.ab01 .left a{ display:block; font-size:60px; line-height:70px; text-transform:uppercase; color:#890027; margin-left:19.53125%;}
.ab01 .right{ width:60%; margin-top:-5px; float:right;}
.ab01 .right .w01{ font-weight:bold; font-size:24px; line-height:40px; color:#890027;}
.ab01 .right .w02{ width:50px; height:2px; margin-top:10px; background-color:#636b70;}
.ab01 .right .w03{ width:100%; font-size:15px; line-height:25px; padding-top:10px;}
.ab01 .right .w03 p{ display:block; font-size:15px; line-height:25px; margin-top:10px;}
.ab01 .tu{ width:100%; float:left; margin-top:30px;}
.ab01 .tu img{ width:100%; display:block;}
}
@media only screen and (max-width: 1023px){
.index{ width:100%; position:relative; top:-60px;}
.ab01{ padding:40px 3%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%; position:relative; z-index:3;}
.ab01 .left{ width:100%; margin-top:-40px; float:right; font-weight:bold; text-align:right;}
.ab01 .left span{ display:block; font-size:40px; line-height:1; text-transform:uppercase; color:#890027;}
.ab01 .left b{ display:block; font-size:40px; line-height:1; text-transform:uppercase; color:#890027; margin-right:20%;}
.ab01 .left a{ display:block; font-size:40px; line-height:1; text-transform:uppercase; color:#890027;}
.ab01 .right{ width:100%; margin-top:-30px; float:right;}
.ab01 .right .w01{ font-weight:bold; font-size:20px; line-height:30px; color:#890027;}
.ab01 .right .w02{ width:40px; height:2px; margin-top:5px; background-color:#636b70;}
.ab01 .right .w03{ width:100%; font-size:14px; line-height:24px; padding-top:5px;}
.ab01 .right .w03 p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.ab01 .tu{ width:100%; float:left; margin-top:15px;}
.ab01 .tu img{ width:100%; display:block;}
}

@media screen and (min-width:1601px){
.ab02{ padding:100px 5%; position:relative; z-index:1; background-color:#fff; background-image:url(../images/abg02_07.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:-57px;}
.ab02 .box .left{ width:60%; float:right;}
.ab02 .box .left .w01{ font-weight:bold; font-size:30px; line-height:40px; margin-top:45px; display:none;}
.ab02 .box .left .w02{ font-size:16px; line-height:30px; margin-top:28px; display:none;}
.ab02 .box .left .w03{ display:flex; flex-wrap:wrap; margin-top:-30px; overflow:hidden;}
.ab02 .box .left .w03 li{ width:30.33%; display:block; float:left; margin-left:3%; margin-top:30px; overflow:hidden; background-color:#f7f7f7; border-radius:10px; padding:30px; box-sizing:border-box;}
.ab02 .box .left .w03 li:nth-child(4){ margin-left:36.33%;}
.ab02 .box .left .w03 li strong{ height:80px; display:block; margin:auto;}
.ab02 .box .left .w03 li strong img{ height:80px; display:block; margin:5px auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .box .left .w03 li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ab02 .box .left .w03 li p{ text-align:center; display:block; overflow:hidden; margin-top:15px;}
.ab02 .box .left .w03 li p b{ font-size:24px; line-height:34px; display:block;}
.ab02 .box .left .w03 li p span{ font-size:16px; line-height:26px; display:block; color:#636b70; margin-top:5px;}
.ab02 .box .right{ position:absolute; left:0; width:40%; bottom:0; height:100%; display:flex; align-items:center;}
.ab02 .box .right img{ max-height:300px; display:block; margin:auto; max-width:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ab02{ padding:70px 5%; position:relative; z-index:1; background-color:#fff; background-image:url(../images/abg02_07.jpg); background-position:bottom right; background-repeat:no-repeat; background-size:100% auto;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:-48px;}
.ab02 .box .left{ width:70%; float:right;}
.ab02 .box .left .w01{ font-weight:bold; font-size:24px; line-height:34px; margin-top:30px; display:none;}
.ab02 .box .left .w02{ font-size:15px; line-height:25px; margin-top:15px; display:none;}
.ab02 .box .left .w03{ display:flex; flex-wrap:wrap; margin-top:-20px; overflow:hidden;}
.ab02 .box .left .w03 li{ width:30.33%; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden; background-color:#f7f7f7; border-radius:10px; padding:20px; box-sizing:border-box;}
.ab02 .box .left .w03 li:nth-child(4){ margin-left:36.33%;}
.ab02 .box .left .w03 li strong{ height:60px; display:block; margin:auto;}
.ab02 .box .left .w03 li strong img{ height:60px; display:block; margin:5px auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .box .left .w03 li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ab02 .box .left .w03 li p{ text-align:center; display:block; overflow:hidden; margin-top:10px;}
.ab02 .box .left .w03 li p b{ font-size:20px; line-height:30px; display:block;}
.ab02 .box .left .w03 li p span{ font-size:15px; line-height:25px; display:block; color:#636b70; margin-top:5px;}
.ab02 .box .right{ position:absolute; left:0; bottom:0; width:30%; height:100%; display:flex; align-items:center; padding-top:48px; box-sizing:border-box;}
.ab02 .box .right img{ max-height:250px; display:block; margin:auto; max-width:100%;}
}
@media only screen and (max-width: 1023px){
.ab02{ padding:40px 3%; position:relative; z-index:1; background-color:#fff; background-image:url(../images/abg02_07.jpg); background-position:bottom left; background-repeat:no-repeat; background-size:180% auto;}
.ab02 .box{ width:100%; position:relative; z-index:3;}
.ab02 .box .left{ width:100%;}
.ab02 .box .left .w01{ font-weight:bold; font-size:20px; line-height:30px; margin-top:15px; display:none;}
.ab02 .box .left .w02{ font-size:14px; line-height:24px; margin-top:5px; display:none;}
.ab02 .box .left .w03{ display:flex; flex-wrap:wrap; margin-top:5px; overflow:hidden;}
.ab02 .box .left .w03 li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden; background-color:#f7f7f7; border-radius:10px; padding:15px; box-sizing:border-box;}
.ab02 .box .left .w03 li:nth-child(2n+1){ margin-left:0;}
.ab02 .box .left .w03 li strong{ height:40px; display:block; margin:auto;}
.ab02 .box .left .w03 li strong img{ height:40px; display:block; margin:5px auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .box .left .w03 li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ab02 .box .left .w03 li p{ text-align:center; display:block; overflow:hidden; margin-top:10px;}
.ab02 .box .left .w03 li p b{ font-size:16px; line-height:26px; display:block;}
.ab02 .box .left .w03 li p span{ font-size:14px; line-height:24px; display:block; color:#636b70;}
.ab02 .box .right{ position:absolute; right:0; bottom:0;}
.ab02 .box .right img{ max-width:30vw; max-height:150px; display:block;}
}

@media screen and (min-width:1601px){
.ab03{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:100%; position:relative; z-index:3; margin-top:50px; display:flex;  flex-direction:row-reverse;}
.ab03 .box .thumbs{ width:12.5%; float:left; position:relative;}
.ab03 .box .thumbs .bg{ display:none;}
.ab03 .box .gallery-thumbs{ width:100%; height:490px; position:absolute; left:0; top:50%; margin-top:-245px; z-index:4;}
.ab03 .box .gallery-thumbs .swiper-wrapper{ width:100%;}
.ab03 .box .gallery-thumbs .swiper-slide{ font-size:24px; height:70px; display:flex; align-items:center; font-weight:bold; cursor:pointer;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-active{ font-size:30px; color:#890027;}
.ab03 .box .gallery-top{ width:87.5%; float:right;}
.ab03 .box .gallery-top .swiper-slide{ background-color:#fff; display:block; overflow:hidden; position:relative; z-index:1; opacity:0;}
.ab03 .box .gallery-top .swiper-slide.swiper-slide-active{ z-index:9; opacity:1;}
.ab03 .box .gallery-top .left{ width:57.14%; float:left; position:relative; z-index:1;}
.ab03 .box .gallery-top .left:before{ width:100%; display:block; content:''; padding-top:72.5%;}
.ab03 .box .gallery-top .left img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.ab03 .box .gallery-top .right{ width:35.71%; float:right; position:relative; z-index:5;}
.ab03 .box .gallery-top .right .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#636b70; display:none;}
.ab03 .box .gallery-top .right .w02{ font-size:24px; line-height:34px; font-weight:bold; color:#890027; margin-top:25px;}
.ab03 .box .gallery-top .right .w03{ width:100%; margin:20px 0; height:1px; background-color:#eee;}
.ab03 .box .gallery-top .right .w04{ font-size:16px; line-height:30px;}
.ab03 .box .gallery-top .shu{ font-size:120px; font-weight:bold; position:absolute; right:0; bottom:2vw; color:#890027; z-index:3;}
.ab03 .box .gallery-top .swi{ position:absolute; right:0; bottom:0; z-index:9;}
.ab03 .box .gallery-top .swi .swiper-button-prev{ width:48px; height:48px; border:1px solid #636b70; border-radius:100%; margin-right:20px; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left;}
.ab03 .box .gallery-top .swi .swiper-button-next{ width:48px; height:48px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; float:left;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ab03{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:100%; position:relative; z-index:3; display:flex; margin-top:35px; flex-direction:row-reverse;}
.ab03 .box .thumbs{ width:12.5%; float:left; position:relative;}
.ab03 .box .thumbs .bg{ display:none; width:100%; padding-top:290%; background-image:url(../images/ab03_10.png); background-size:auto 100%; background-repeat:repeat-x; z-index:3; position:relative;}
.ab03 .box .gallery-thumbs{ width:100%; height:300px; position:absolute; left:0; top:50%; margin-top:-150px; z-index:4;}
.ab03 .box .gallery-thumbs .swiper-wrapper{ width:100%;}
.ab03 .box .gallery-thumbs .swiper-slide{ font-size:20px; height:60px; display:flex; align-items:center; font-weight:bold; cursor:pointer;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-active{ font-size:24px; color:#890027;}
.ab03 .box .gallery-top{ width:87.5%; float:right;}
.ab03 .box .gallery-top .swiper-slide{ background-color:#fff; display:block; overflow:hidden;}
.ab03 .box .gallery-top .left{ width:57.14%; float:left; position:relative; z-index:1;}
.ab03 .box .gallery-top .left:before{ width:100%; display:block; content:''; padding-top:72.5%;}
.ab03 .box .gallery-top .left img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.ab03 .box .gallery-top .right{ width:37%; float:right; position:relative; z-index:5;}
.ab03 .box .gallery-top .right .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#636b70; display:none;}
.ab03 .box .gallery-top .right .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#890027; margin-top:15px;}
.ab03 .box .gallery-top .right .w03{ width:100%; margin:15px 0; height:1px; background-color:#eee;}
.ab03 .box .gallery-top .right .w04{ font-size:15px; line-height:25px;}
.ab03 .box .gallery-top .shu{ font-size:80px; font-weight:bold; position:absolute; right:0; bottom:3vw; color:#890027; z-index:3;}
.ab03 .box .gallery-top .swi{ position:absolute; right:0; bottom:0; z-index:9;}
.ab03 .box .gallery-top .swi .swiper-button-prev{ width:44px; height:44px; border:1px solid #636b70; border-radius:100%; margin-right:15px; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left;}
.ab03 .box .gallery-top .swi .swiper-button-next{ width:44px; height:44px; border:1px solid #636b70; border-radius:100%; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; float:left;}
}
@media only screen and (max-width: 1023px){
.ab03{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.ab03 .box .thumbs{ width:30%; float:left; position:relative;}
.ab03 .box .thumbs .bg{ width:100%; display:none; padding-top:290%; background-image:url(../images/ab03_10.png); background-size:auto 100%; background-repeat:repeat-x; z-index:3; position:relative;}
.ab03 .box .gallery-thumbs{ width:100%; height:350px;}
.ab03 .box .gallery-thumbs .swiper-wrapper{ width:100%;}
.ab03 .box .gallery-thumbs .swiper-slide{ font-size:16px; height:50px; display:flex; align-items:center; font-weight:bold; cursor:pointer;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-active{ font-size:18px; color:#890027;}
.ab03 .box .gallery-top{ width:70%; float:right;}
.ab03 .box .gallery-top .swiper-slide{ background-color:#fff; display:block; overflow:hidden;}
.ab03 .box .gallery-top .left{ width:100%; float:left; position:relative; z-index:1;}
.ab03 .box .gallery-top .left:before{ width:100%; display:block; content:''; padding-top:72.5%;}
.ab03 .box .gallery-top .left img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.ab03 .box .gallery-top .right{ width:100%; float:right; margin-top:10px; padding-bottom:60px;}
.ab03 .box .gallery-top .right .w01{ font-size:14px; line-height:24px; font-weight:bold; color:#636b70; display:none;}
.ab03 .box .gallery-top .right .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#890027;}
.ab03 .box .gallery-top .right .w03{ width:100%; margin:10px 0; height:1px; background-color:#eee;}
.ab03 .box .gallery-top .right .w04{ font-size:14px; line-height:24px;}
.ab03 .box .gallery-top .shu{ font-size:40px; line-height:40px; font-weight:bold; position:absolute; left:0; bottom:0; color:#890027; z-index:3;}
.ab03 .box .gallery-top .swi{ position:absolute; right:0; bottom:0; z-index:9;}
.ab03 .box .gallery-top .swi .swiper-button-prev{ width:38px; height:38px; border:1px solid #636b70; border-radius:100%; margin-right:10px; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; float:left;}
.ab03 .box .gallery-top .swi .swiper-button-next{ width:38px; height:38px; border:1px solid #636b70; border-radius:100%; margin-right:10px; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; float:left;}
}

@media screen and (min-width:1601px){
.ab04{ padding:100px 5%; position:relative; z-index:1; background-color:#f7f7f7;}
.ab04 .box{ width:100%; position:relative; z-index:3; padding-top:20px;}
.ab04 .box a{ width:15%; margin-left:2%; display:block; float:left; margin-top:30px; position:relative;}
.ab04 .box a:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box a:before{ width:100%; display:block; content:''; padding-top:50%; overflow:hidden;}
.ab04 .box a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ab04{ padding:100px 5%; position:relative; z-index:1; background-color:#f7f7f7;}
.ab04 .box{ width:100%; position:relative; z-index:3; padding-top:15px;}
.ab04 .box a{ width:23.5%; margin-left:2%; display:block; float:left; margin-top:20px; position:relative;}
.ab04 .box a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box a:before{ width:100%; display:block; content:''; padding-top:50%; overflow:hidden;}
.ab04 .box a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media only screen and (max-width: 1023px){
.ab04{ padding:40px 3%; position:relative; z-index:1; background-color:#f7f7f7;}
.ab04 .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.ab04 .box a{ width:31.33%; margin-left:3%; display:block; float:left; margin-top:15px; position:relative;}
.ab04 .box a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box a:before{ width:100%; display:block; content:''; padding-top:50%; overflow:hidden;}
.ab04 .box a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

@media screen and (min-width:1601px){
.ab05{ padding:100px 5%; position:relative; z-index:1; background-color:#f7f7f7;}
.ab05 .box{ width:100%; position:relative; z-index:3;}
.ab05 .box .bt{ width:100%; margin-top:45px; font-size:24px; line-height:34px; font-weight:bold;}
.ab05 .box .list{ width:100%; margin-top:-5px;}
.ab05 .box .list a{ width:48.5%; display:block; margin-top:30px; margin-left:3%; float:left; position:relative; overflow:hidden; padding:15px 30px; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.ab05 .box .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box .list a p{ width:calc(97% - 150px); padding-left:30px; background-image:url(../images/down.png); background-position:left center; background-repeat:no-repeat; display:block; float:left; font-size:18px; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ab05 .box .list a span{ width:120px; height:40px; line-height:40px; border-radius:10px; text-align:center; font-size:16px; overflow:hidden; background-color:#f7f7f7; display:block; overflow:hidden; float:right;}
.ab05 .box .list a span:hover{ background-color:#890027; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.ab05{ padding:100px 5%; position:relative; z-index:1; background-color:#f7f7f7;}
.ab05 .box{ width:100%; position:relative; z-index:3;}
.ab05 .box .bt{ width:100%; margin-top:35px; font-size:20px; line-height:30px; font-weight:bold;}
.ab05 .box .list{ width:100%; margin-top:-5px;}
.ab05 .box .list a{ width:48.5%; display:block; margin-left:3%; float:left; margin-top:20px; position:relative; overflow:hidden; padding:15px 20px; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.ab05 .box .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab05 .box .list a p{ width:calc(97% - 128px); padding-left:28px; background-image:url(../images/down.png); background-position:left center; background-repeat:no-repeat; display:block; float:left; font-size:16px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-size:18px auto;}
.ab05 .box .list a span{ width:100px; height:36px; line-height:36px; border-radius:10px; text-align:center; font-size:15px; overflow:hidden; background-color:#f7f7f7; display:block; overflow:hidden; float:right;}
.ab05 .box .list a span:hover{ background-color:#890027; color:#fff;}
}
@media only screen and (max-width: 1023px){
.ab05{ padding:40px 3%; position:relative; z-index:1; background-color:#f7f7f7;}
.ab05 .box{ width:100%; position:relative; z-index:3;}
.ab05 .box .bt{ width:100%; margin-top:20px; font-size:18px; line-height:28px; font-weight:bold;}
.ab05 .box .list{ width:100%; margin-top:-5px;}
.ab05 .box .list a{ width:100%; display:block; margin-top:15px; position:relative; overflow:hidden; padding:10px; box-sizing:border-box; background-color:#fff; border-radius:5px;}
.ab05 .box .list a p{ width:calc(97% - 100px); padding-left:20px; background-image:url(../images/down.png); background-position:left center; background-repeat:no-repeat; display:block; float:left; font-size:14px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-size:14px auto;}
.ab05 .box .list a span{ width:80px; height:30px; line-height:30px; border-radius:5px; text-align:center; font-size:14px; overflow:hidden; background-color:#f7f7f7; display:block; overflow:hidden; float:right;}
.ab05 .box .list a span:hover{ background-color:#890027; color:#fff;}
}

/*联系我们*/
@media screen and (min-width:1601px){
.lx{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:50px; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex;}
.lx .box .left{ width:50%; background-position:center; background-size:cover;}
.lx .box .left .cont{ padding:65px 6.25%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .box .left .cont .w01{ width:100%;}
.lx .box .left .cont .w01 b{ display:block; color:#fff; font-size:30px; line-height:40px;}
.lx .box .left .cont .w01 p{ display:none; color:#fff; font-size:16px; line-height:26px; text-transform:uppercase;}
.lx .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:40px;}
.lx .box .left .cont .w02 img{ display:block; width:50px;}
.lx .box .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.lx .box .left .cont .w02 p span{ display:block; font-size:16px; line-height:24px; color:#ccc;}
.lx .box .left .cont .w02 p a{ display:block; font-size:18px; line-height:26px; color:#fff;}
.lx .box .left .cont .w02 p b{ display:block; font-size:20px; line-height:26px; color:#fff; font-weight:normal;}
.lx .box .left .cont .w03{ width:100%; display:flex; align-items:flex-start; margin-top:60px;}
.lx .box .left .cont .w03 p{ width:100px; display:block; margin-right:30px;}
.lx .box .left .cont .w03 strong{ width:100px; display:block;}
.lx .box .left .cont .w03 strong img{ width:100%;}
.lx .box .left .cont .w03 span{ display:block; font-size:16px; line-height:26px; color:#ccc; text-align:center; margin-top:5px;}
.lx .box .right{ width:50%; padding:80px 4.375%; box-sizing:border-box;}
.lx .box .right .w01{ margin-bottom:45px;}
.lx .box .right .w01 .top{ font-size:16px; line-height:26px; font-weight:bold;}
.lx .box .right .w01 .sel select{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; display:block;}
.lx .box .right .w01 .sel select:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; display:block;}
.lx .box .right .w01 .inp input:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .city-picker-selector{ height:37px; width:100%;}
.lx .box .right .w01 .city-picker-selector select{ float:left; margin-right:6%; width:47%; height:37px; position:relative; font-size:16px; line-height:36px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd;}
.lx .box .right .w01 .city-picker-selector select:nth-child(2){ margin-right:0;}
.lx .box .right .w01 .city-picker-selector select:focus{ border-bottom:1px solid #890027;}
/*.lx .box .right .w01 .selector-item{ float:left; margin-right:6%; width:47%; height:37px; position:relative;}
.lx .box .right .w01 .selector-item:nth-child(2){ margin-right:0;}
.lx .box .right .w01 .selector-item:last-child{ display:none;}
.lx .box .right .w01 .selector-name{ width:100%; display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd;}
.lx .box .right .w01 .selector-name:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .city-picker-selector .selector-list{ position:absolute; left:0; top:40px; padding:5px 0; z-index:899; min-width:100%; border:1px solid #eee; max-height:175px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:1px 1px 4px rgb(0 0 0 / 8%); box-sizing:border-box}
.lx .box .right .w01 .city-picker-selector .hide{ display:none;}
.lx .box .right .w01 .city-picker-selector ul{ display:block; background-color:#fff;}
.lx .box .right .w01 .city-picker-selector li{ color:#333; cursor:pointer; padding:0 10px; height:33px; line-height:33px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; box-sizing:border-box; font-size:15px;}
.lx .box .right .w01 .city-picker-selector li.caller:hover{ background-color:#f7f7f7;}
.lx .box .right .w01 .city-picker-selector li.caller.active{ background-color:#f7f7f7; color:#890027; font-weight:700;}*/
.lx .box .right .w02{ padding-top:5px;}
.lx .box .right .w02 input{ width:150px; height:44px; line-height:44px; text-align:center; font-size:16px; background-color:#890027; color:#fff; cursor:pointer; display:block; overflow:hidden; border-radius:10px;}
.lx .box .right .w03{ margin-top:25px; font-size:14px; line-height:24px; color:#636b70;}
.lx .box .right .w03 b{ color:#890027;}
} 
@media screen and (min-width: 1024px) and (max-width: 1600px){
.lx{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:35px; box-shadow:0 0 10px rgba(0,0,0,.1); display:flex;}
.lx .box .left{ width:50%; background-position:center; background-size:cover;}
.lx .box .left .cont{ padding:45px 6.25%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .box .left .cont .w01{ width:100%;}
.lx .box .left .cont .w01 b{ display:block; color:#fff; font-size:24px; line-height:34px;}
.lx .box .left .cont .w01 p{ display:none; color:#fff; font-size:15px; line-height:25px; text-transform:uppercase;}
.lx .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:30px;}
.lx .box .left .cont .w02 img{ display:block; width:50px;}
.lx .box .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.lx .box .left .cont .w02 p span{ display:block; font-size:16px; line-height:24px; color:#ccc;}
.lx .box .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.lx .box .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.lx .box .left .cont .w03{ width:100%; display:flex; align-items:flex-start; margin-top:60px;}
.lx .box .left .cont .w03 p{ width:80px; display:block; margin-right:20px;}
.lx .box .left .cont .w03 strong{ width:80px; display:block;}
.lx .box .left .cont .w03 strong img{ width:100%;}
.lx .box .left .cont .w03 span{ display:block; font-size:15px; line-height:25px; color:#ccc; text-align:center; margin-top:5px;}
.lx .box .right{ width:50%; padding:60px 4.375%; box-sizing:border-box;}
.lx .box .right .w01{ margin-bottom:35px;}
.lx .box .right .w01 .top{ font-size:15px; line-height:25px; font-weight:bold;}
.lx .box .right .w01 .sel select{ width:100%; border-bottom:1px solid #ddd; font-size:15px; line-height:35px; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; display:block;}
.lx .box .right .w01 .sel select:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:15px; line-height:35px; display:block;}
.lx .box .right .w01 .inp input:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .city-picker-selector{ height:36px; width:100%;}
.lx .box .right .w01 .city-picker-selector select{ float:left; margin-right:6%; width:47%; height:36px; position:relative; font-size:15px; line-height:35px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd;}
.lx .box .right .w01 .city-picker-selector select:nth-child(2){ margin-right:0;}
.lx .box .right .w01 .city-picker-selector select:focus{ border-bottom:1px solid #890027;}
/*.lx .box .right .w01 .selector-item{ float:left; margin-right:6%; width:47%; height:36px; position:relative;}
.lx .box .right .w01 .selector-item:nth-child(2){ margin-right:0;}
.lx .box .right .w01 .selector-item:last-child{ display:none;}
.lx .box .right .w01 .selector-name{ width:100%; display:block; font-size:15px; line-height:35px; height:35px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd;}
.lx .box .right .w01 .selector-name:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .city-picker-selector .selector-list{ position:absolute; left:0; top:40px; padding:5px 0; z-index:899; min-width:100%; border:1px solid #eee; max-height:175px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:1px 1px 4px rgb(0 0 0 / 8%); box-sizing:border-box}
.lx .box .right .w01 .city-picker-selector .hide{ display:none;}
.lx .box .right .w01 .city-picker-selector ul{ display:block; background-color:#fff;}
.lx .box .right .w01 .city-picker-selector li{ color:#333; cursor:pointer; padding:0 10px; height:33px; line-height:33px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; box-sizing:border-box; font-size:15px;}
.lx .box .right .w01 .city-picker-selector li.caller:hover{ background-color:#f7f7f7;}
.lx .box .right .w01 .city-picker-selector li.caller.active{ background-color:#f7f7f7; color:#890027; font-weight:700;}*/
.lx .box .right .w02{ padding-top:5px;}
.lx .box .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:15px; background-color:#890027; color:#fff; cursor:pointer; display:block; overflow:hidden; border-radius:10px;}
.lx .box .right .w03{ margin-top:20px; font-size:14px; line-height:24px; color:#636b70;}
.lx .box .right .w03 b{ color:#890027;}
}
@media only screen and (max-width: 1023px){
.lx{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:25px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.lx .box .left{ width:100%; background-position:center; background-size:cover;}
.lx .box .left .cont{ padding:25px 15px; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .box .left .cont .w01{ width:100%;}
.lx .box .left .cont .w01 b{ display:block; color:#fff; font-size:20px; line-height:30px;}
.lx .box .left .cont .w01 p{ display:none; color:#fff; font-size:14px; line-height:24px; text-transform:uppercase;}
.lx .box .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:20px;}
.lx .box .left .cont .w02 img{ display:block; width:50px;}
.lx .box .left .cont .w02 p{ display:block; flex:1; margin-left:15px;}
.lx .box .left .cont .w02 p span{ display:block; font-size:14px; line-height:24px; color:#ccc;}
.lx .box .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.lx .box .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.lx .box .left .cont .w03{ width:100%; display:flex; align-items:flex-start; margin-top:60px;}
.lx .box .left .cont .w03 p{ width:60px; display:block; margin-right:20px;}
.lx .box .left .cont .w03 strong{ width:60px; display:block;}
.lx .box .left .cont .w03 strong img{ width:100%;}
.lx .box .left .cont .w03 span{ display:block; font-size:14px; line-height:24px; color:#ccc; text-align:center; margin-top:5px;}
.lx .box .right{ width:100%; padding:30px 15px; box-sizing:border-box;}
.lx .box .right .w01{ margin-bottom:15px;}
.lx .box .right .w01 .top{ font-size:14px; line-height:24px; font-weight:bold;}
.lx .box .right .w01 .sel select{ width:100%; border-bottom:1px solid #ddd; font-size:14px; line-height:30px; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; display:block;}
.lx .box .right .w01 .sel select:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:14px; line-height:30px; display:block;}
.lx .box .right .w01 .inp input:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .city-picker-selector{ height:31px; width:100%;}
.lx .box .right .w01 .city-picker-selector select{ float:left; margin-right:6%; width:47%; height:36px; position:relative; font-size:14px; line-height:30px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd;}
.lx .box .right .w01 .city-picker-selector select:nth-child(2){ margin-right:0;}
.lx .box .right .w01 .city-picker-selector select:focus{ border-bottom:1px solid #890027;}
/*.lx .box .right .w01 .selector-item{ float:left; margin-right:6%; width:47%; height:31px; position:relative;}
.lx .box .right .w01 .selector-item:nth-child(2){ margin-right:0;}
.lx .box .right .w01 .selector-item:last-child{ display:none;}
.lx .box .right .w01 .selector-name{ width:100%; display:block; font-size:14px; line-height:30px; height:36px; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ddd;}
.lx .box .right .w01 .selector-name:focus{ border-bottom:1px solid #890027;}
.lx .box .right .w01 .city-picker-selector .selector-list{ position:absolute; left:0; top:34px; padding:5px 0; z-index:899; min-width:100%; border:1px solid #eee; max-height:175px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:1px 1px 4px rgb(0 0 0 / 8%); box-sizing:border-box}
.lx .box .right .w01 .city-picker-selector .hide{ display:none;}
.lx .box .right .w01 .city-picker-selector ul{ display:block; background-color:#fff;}
.lx .box .right .w01 .city-picker-selector li{ color:#333; cursor:pointer; padding:0 10px; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; box-sizing:border-box; font-size:15px;}
.lx .box .right .w01 .city-picker-selector li.caller:hover{ background-color:#f7f7f7;}
.lx .box .right .w01 .city-picker-selector li.caller.active{ background-color:#f7f7f7; color:#890027; font-weight:700;}*/
.lx .box .right .w02{ padding-top:5px;}
.lx .box .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#890027; color:#fff; cursor:pointer; display:block; overflow:hidden; border-radius:10px;}
.lx .box .right .w03{ margin-top:10px; font-size:14px; line-height:24px; color:#636b70;}
.lx .box .right .w03 b{ color:#890027;}
}

@media screen and (min-width:1601px){
.job{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.job .box{ width:100%; position:relative; z-index:3;}
.job .box .list a{ width:31.25%; display:block; overflow:auto; float:left; margin-left:3.125%; margin-top:50px; border:1px solid #eee; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:35px 2.08%; border-radius:10px;}
.job .box .list a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.job .box .list a .w01{ display:none; float:left; font-weight:bold;}
.job .box .list a .w01 span{ display:block; font-size:20px; line-height:28px; height:28px; text-align:right; color:#999;}
.job .box .list a .w01 p{ display:block; font-size:30px; line-height:34px; height:34px; color:#333;}
.job .box .list a .w02{ width:40px; height:40px; border-radius:100%; background-color:#fafafa; float:right; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat;}
.job .box .list a .w03{ width:100%; height:1px; background-color:#eee; margin:15px 0; float:left; display:none;}
.job .box .list a .w04{ width:100%; float:left;}
.job .box .list a .w04{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job .box .list a .w05{ width:100%; font-size:16px; line-height:30px; margin-top:5px; color:#666; float:left;}
.job .box .list a:hover{ background-color:#890027; border-radius:30px; border:1px solid #890027;}
.job .box .list a:hover .w02{ background-color:#fff; background-image:url(../images/gd01.png);}
.job .box .list a:hover .w03{ opacity:.5;}
.job .box .list a:hover .w04,.job .box .list a:hover .w05,.job .box .list a:hover .w01 span,.job .box .list a:hover .w01 p{ color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.job{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.job .box{ width:100%; position:relative; z-index:3;}
.job .box .list a{ width:32%; display:block; overflow:auto; float:left; margin-left:2%; margin-top:35px; border:1px solid #eee; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:25px 2.08%; border-radius:10px;}
.job .box .list a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.job .box .list a .w01{ display:none; float:left; font-weight:bold;}
.job .box .list a .w01 span{ display:block; font-size:18px; line-height:26px; height:26px; text-align:right; color:#999;}
.job .box .list a .w01 p{ display:block; font-size:24px; line-height:30px; height:30px; color:#333;}
.job .box .list a .w02{ width:38px; height:38px; border-radius:100%; background-color:#fafafa; float:right; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat;}
.job .box .list a .w03{ width:100%; height:1px; background-color:#eee; margin:10px 0; float:left; display:none;}
.job .box .list a .w04{ width:100%; float:left;}
.job .box .list a .w04{ width:100%; display:block; font-size:18px; height:28px; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job .box .list a .w05{ width:100%; font-size:15px; line-height:25px; margin-top:5px; color:#666; float:left;}
.job .box .list a:hover{ background-color:#890027; border-radius:20px; border:1px solid #890027;}
.job .box .list a:hover .w02{ background-color:#fff; background-image:url(../images/gd01.png);}
.job .box .list a:hover .w03{ opacity:.5;}
.job .box .list a:hover .w04,.job .box .list a:hover .w05,.job .box .list a:hover .w01 span,.job .box .list a:hover .w01 p{ color:#fff;}
}
@media only screen and (max-width: 1023px){
.job{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.job .box{ width:100%; position:relative; z-index:3;}
.job .box .list a{ width:100%; display:block; overflow:auto; float:left; margin-top:20px; border:1px solid #eee; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:15px; border-radius:10px;}
.job .box .list a .w01{ display:none; float:left; font-weight:bold;}
.job .box .list a .w01 span{ display:block; font-size:16px; line-height:24px; height:24px; text-align:right; color:#999;}
.job .box .list a .w01 p{ display:block; font-size:20px; line-height:26px; height:26px; color:#333;}
.job .box .list a .w02{ width:34px; height:34px; border-radius:100%; background-color:#fafafa; float:right; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat;}
.job .box .list a .w03{ width:100%; height:1px; background-color:#eee; margin:5px 0; float:left; display:none;}
.job .box .list a .w04{ width:100%; float:left;}
.job .box .list a .w04{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job .box .list a .w05{ width:100%; font-size:14px; line-height:24px; color:#666; float:left;}
.job .box .list a:hover{ background-color:#890027; border-radius:20px; border:1px solid #890027;}
.job .box .list a:hover .w02{ background-color:#fff; background-image:url(../images/gd01.png);}
.job .box .list a:hover .w03{ opacity:.5;}
.job .box .list a:hover .w04,.job .box .list a:hover .w05,.job .box .list a:hover .w01 span,.job .box .list a:hover .w01 p{ color:#fff;}
}

@media screen and (min-width:1601px){
.job01{ padding:50px; border-radius:30px; background-color:#f7f7f7; margin-top:50px;}
.job01 .w01{ font-size:30px; line-height:40px;}
.job01 .w02{ font-size:20px; line-height:30px; margin-top:1vw; color:#666;}
.job01 .w02 p{ display:block; float:left;}
.job01 .w02 span{ display:block; float:left; margin-left:4%;}
.job01 .w03{ font-size:24px; line-height:34px; padding-top:2vw; margin-top:1.2vw; border-top:1px solid #ddd;}
.job01 .w04{ font-size:16px; line-height:36px; margin-top:1vw;}
.job01 .w05{ font-size:24px; line-height:34px; padding-top:2vw; margin-top:1.2vw; border-top:1px solid #ddd;}
.job01 .w06{ font-size:16px; line-height:26px; display:block; padding-top:1vw;}
.job01 .w06 li{ display:block; width:25%; float:left; overflow:hidden;}
.job01 .w06 li span{ display:block; color:#999;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.job01{ padding:35px 30px; border-radius:20px; background-color:#f7f7f7; margin-top:35px;}
.job01 .w01{ font-size:24px; line-height:34px;}
.job01 .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#666;}
.job01 .w02 p{ display:block; float:left;}
.job01 .w02 span{ display:block; float:left; margin-left:4%;}
.job01 .w03{ font-size:20px; line-height:30px; padding-top:20px; margin-top:15px; border-top:1px solid #ddd;}
.job01 .w04{ font-size:15px; line-height:25px; margin-top:10px;}
.job01 .w05{ font-size:20px; line-height:30px; padding-top:20px; margin-top:15px; border-top:1px solid #ddd;}
.job01 .w06{ font-size:15px; line-height:25px; display:block; padding-top:10px;}
.job01 .w06 li{ display:block; width:25%; float:left; overflow:hidden;}
.job01 .w06 li span{ display:block; color:#999;}
}
@media only screen and (max-width: 1023px){
.job01{ padding:15px; border-radius:10px; background-color:#f7f7f7; margin-top:20px;}
.job01 .w01{ font-size:18px; line-height:28px;}
.job01 .w02{ font-size:14px; line-height:24px; color:#666;}
.job01 .w02 p{ display:block; float:left;}
.job01 .w02 span{ display:block; float:left; margin-left:4%;}
.job01 .w03{ font-size:16px; line-height:26px; padding-top:10px; margin-top:5px; border-top:1px solid #ddd;}
.job01 .w04{ font-size:14px; line-height:24px; margin-top:5px;}
.job01 .w05{ font-size:16px; line-height:26px; padding-top:10px; margin-top:5px; border-top:1px solid #ddd;}
.job01 .w06{ font-size:14px; line-height:24px; display:block;}
.job01 .w06 li{ display:block; width:50%; float:left; overflow:hidden; padding-top:5px;}
.job01 .w06 li span{ display:block; color:#999;}
}

/*在线购车*/
@media screen and (min-width:1601px){
.support .mess{ width:100%; position:relative; z-index:3; padding-top:45px; padding-bottom:50px; border-bottom:1px solid #ddd; overflow:hidden;}
.support .mess:last-child{ padding-bottom:0; border-bottom:none;}
.support .mess .bt{ width:100%; float:left; font-size:24px; line-height:34px; font-weight:bold;}
.support .mess .item{ clear:none; width:48.5%; margin-left:3%; display:flex; align-items:center; margin-top:35px; border-radius:40px; background-color:#f7f7f7; padding:0 30px; box-sizing:border-box; min-height:50px; float:left;}
.support .mess .item:nth-child(2n){ clear:left; float:left; margin-left:0;}
.support .mess form:nth-child(1) .item{ width:100%; margin-left:0;}
.support .mess .item .zc{ width:200px; font-size:16px; line-height:1;}
.support .mess .item .zc b{ color:#890027; margin-right:3px;}
.support .mess .item .yc{ flex:1; position:relative;}
.support .mess .item .yc>a{ position:absolute; right:0; top:50%; margin-top:-12px; height:24px; line-height:24px; font-size:14px;}
.support .mess .item .yc>a:hover{ color:#890027;}
.support .mess .item .yc .list{ display:block; margin-left:-30px; margin-top:-15px;}
.support .mess .item .yc .list li{ display:flex; align-items:center; margin-left:30px; margin-top:15px; float:left;}
.support .mess .item .yc .list li input{ margin-right:10px;}
.support .mess .item .yc .list li p{ display:block; font-size:16px; line-height:1; text-align:center;}
.support .mess .item .yc .list li p img{ display:none; height:66px; margin-bottom:10px;}
.support .mess .item .yc .sel{ width:100%; font-size:16px; height:50px; line-height:50px; display:block; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 19px center; background-repeat:no-repeat; background-color:#f7f7f7; box-sizing:border-box;}
.support .mess .item .yc .inp{ width:100%; font-size:16px; height:50px; line-height:50px; display:block; overflow:hidden; background-color:#f7f7f7; box-sizing:border-box; position:relative;}
.support .mess .item .yc .list01{ display:block; margin-left:-30px; margin-top:-15px;}
.support .mess .item .yc .list01 li{ display:flex; align-items:center; margin-left:30px; margin-top:15px; float:left;}
.support .mess .item .yc .list01 li input{ display:block; margin-right:10px;}
.support .mess .item .yc .list01 li p{ display:block; font-size:16px; line-height:1;}
.support .mess .item .submit{ margin:auto; width:150px; height:46px; line-height:46px; font-size:16px; border-radius:5px; text-align:center; color:#fff; background-color:#890027; color:#fff; cursor:pointer; margin-top:10px;}
.support .mess:last-child .item:last-child{ background-color:transparent; width:100%; margin-left:0;}
.support .mess .item .submit:hover{ font-weight:bold;}
.support .mess .city-picker-selector{ width:100%; height:50px;}
.support .mess .city-picker-selector select{ width:47.5%; font-size:16px; height:50px; line-height:50px; display:block; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#f7f7f7; box-sizing:border-box; float:left; margin-left:5%;}
.support .mess .city-picker-selector select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.support .mess{ width:100%; position:relative; z-index:3; padding-top:30px; padding-bottom:35px; border-bottom:1px solid #ddd;}
.support .mess:last-child{ padding-bottom:0; border-bottom:none;}
.support .mess .bt{ font-size:22px; line-height:30px; font-weight:bold;}
.support .mess .item{ clear:none; width:48.5%; margin-left:3%; display:flex; align-items:center; margin-top:25px; border-radius:40px; background-color:#f7f7f7; padding:0 20px; box-sizing:border-box; min-height:50px; float:left;}
.support .mess .item:nth-child(2n){ clear:left; float:left; margin-left:0;}
.support .mess form:nth-child(1) .item{ width:100%; margin-left:0;}
.support .mess .item .zc{ width:160px; font-size:15px; line-height:1;}
.support .mess .item .zc b{ color:#890027; margin-right:3px;}
.support .mess .item .yc{ flex:1; position:relative;}
.support .mess .item .yc>a{ position:absolute; right:0; top:50%; margin-top:-12px; height:24px; line-height:24px; font-size:14px;}
.support .mess .item .yc>a:hover{ color:#890027;}
.support .mess .item .yc .list{ display:block; margin-left:-20px; margin-top:-10px;}
.support .mess .item .yc .list li{ display:flex; align-items:center; margin-left:20px; margin-top:10px; float:left;}
.support .mess .item .yc .list li input{ margin-right:10px;}
.support .mess .item .yc .list li p{ display:block; font-size:15px; line-height:1; text-align:center;}
.support .mess .item .yc .list li p img{ display:none; height:66px; margin-bottom:10px;}
.support .mess .item .yc .sel{ width:100%; font-size:15px; height:46px; line-height:46px; display:block; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 19px center; background-repeat:no-repeat; background-color:#f7f7f7; box-sizing:border-box;}
.support .mess .item .yc .inp{ width:100%; font-size:15px; height:46px; line-height:50px; display:block; overflow:hidden; background-color:#f7f7f7; box-sizing:border-box;}
.support .mess .item .yc .list01{ display:block; margin-left:-20px; margin-top:-10px;}
.support .mess .item .yc .list01 li{ display:flex; align-items:center; margin-left:20px; margin-top:10px; float:left;}
.support .mess .item .yc .list01 li input{ display:block; margin-right:10px;}
.support .mess .item .yc .list01 li p{ display:block; font-size:15px; line-height:1;}
.support .mess .item .submit{ margin:auto; width:150px; height:46px; line-height:46px; font-size:16px; border-radius:5px; text-align:center; color:#fff; background-color:#890027; color:#fff; cursor:pointer; margin-top:10px;}
.support .mess:last-child .item:last-child{ background-color:transparent; width:100%; margin-left:0;}
.support .mess .item .submit:hover{ font-weight:bold;}
.support .mess .city-picker-selector{ width:100%; height:50px;}
.support .mess .city-picker-selector select{ width:47.5%; font-size:16px; height:50px; line-height:50px; display:block; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right center; background-repeat:no-repeat; background-color:#f7f7f7; box-sizing:border-box; float:left; margin-left:5%;}
.support .mess .city-picker-selector select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
}
@media only screen and (max-width: 1023px){
.support .mess{ width:100%; position:relative; z-index:3; padding-top:25px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.support .mess:last-child{ padding-bottom:0; border-bottom:none;}
.support .mess .bt{ font-size:18px; line-height:28px; font-weight:bold;}
.support .mess .item{ width:100%; margin-top:25px;}
.support .mess .item:nth-child(2){ margin-top:15px;}
.support .mess .item.hei{ align-items:flex-start ;}
.support .mess .item .zc{ width:100%; font-size:14px; line-height:24px; font-weight:bold;}
.support .mess .item .zc b{ color:#890027; margin-right:3px;}
.support .mess .item .yc{ margin-top:5px; position:relative;}
.support .mess .item .yc>a{ position:absolute; right:14px; top:50%; margin-top:-12px; height:24px; line-height:24px; font-size:14px;}
.support .mess .item .yc>a:hover{ color:#890027;}
.support .mess .item .yc .list{ display:block; margin-left:-20px; margin-top:-15px;}
.support .mess .item .yc .list li{ display:flex; align-items:center; margin-left:20px; margin-top:15px; float:left;}
.support .mess .item .yc .list li input{ margin-right:5px;}
.support .mess .item .yc .list li p{ display:block; font-size:14px; line-height:1; text-align:center;}
.support .mess .item .yc .list li p img{ display:none; height:33px; margin-bottom:5px;}
.support .mess .item .yc .sel{ width:100%; font-size:14px; height:40px; line-height:38px; text-indent:14px; border:1px solid #ddd; border-radius:5px; display:block; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 14px center; background-repeat:no-repeat; background-color:#fff; box-sizing:border-box;}
.support .mess .item .yc .inp{ width:100%; font-size:14px; height:40px; line-height:38px; text-indent:14px; border:1px solid #ddd; border-radius:5px; display:block; overflow:hidden; background-color:#fff; box-sizing:border-box;}
.support .mess .item .yc .list01{ display:block; margin-left:-20px; margin-top:-15px;}
.support .mess .item .yc .list01 li{ display:flex; align-items:center; margin-left:20px; margin-top:15px; float:left;}
.support .mess .item .yc .list01 li input{ display:block; margin-right:10px;}
.support .mess .item .yc .list01 li p{ display:block; font-size:14px; line-height:1; min-width:100px;}
.support .mess .item .submit{ width:150px; height:40px; line-height:40px; font-size:14px; border-radius:5px; text-align:center; color:#fff; background-color:#890027; color:#fff; cursor:pointer; margin-top:10px;}
.support .mess .item .submit:hover{ font-weight:bold;}
.support .mess .city-picker-selector{ width:100%; height:46px;}
.support .mess .city-picker-selector select{ width:48.5%; font-size:14px; height:40px; line-height:38px; text-indent:14px; border:1px solid #ddd; border-radius:5px; display:block; overflow:hidden; background-image:url(../images/sel_10.png); background-position:right 14px center; background-repeat:no-repeat; background-color:#fff; box-sizing:border-box; float:left; margin-left:3%;}
.support .mess .city-picker-selector select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
}

@media screen and (min-width:1601px){
.tj{ padding:100px 5%; position:relative; z-index:1; background-color:#fff;}
.tj .w01{ width:100%;}
.tj .w01 img{ display:block; height:200px; margin:auto;}
.tj .w02{ font-size:30px; line-height:40px; text-align:center; margin-top:45px;}
.tj .w03{ font-size:18px; line-height:28px; text-align:center; margin-top:10px;}
.tj .w04{ width:100%; margin-top:45px;}
.tj .w04 a{ width:178px; height:48px; line-height:48px; border:1px solid #890027; text-align:center; margin:auto; display:block; border-radius:10px; color:#890027; font-size:16px;}
.tj .w04 a:hover{ background-color:#890027; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.tj{ padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.tj .w01{ width:100%;}
.tj .w01 img{ display:block; height:150px; margin:auto;}
.tj .w02{ font-size:24px; line-height:34px; text-align:center; margin-top:30px;}
.tj .w03{ font-size:16px; line-height:26px; text-align:center; margin-top:5px;}
.tj .w04{ width:100%; margin-top:30px;}
.tj .w04 a{ width:158px; height:40px; line-height:40px; border:1px solid #890027; text-align:center; margin:auto; display:block; border-radius:10px; color:#890027; font-size:16px;}
.tj .w04 a:hover{ background-color:#890027; color:#fff;}
}
@media only screen and (max-width: 1023px){
.tj{ padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.tj .w01{ width:100%;}
.tj .w01 img{ display:block; height:100px; margin:auto;}
.tj .w02{ font-size:18px; line-height:28px; text-align:center; margin-top:15px;}
.tj .w03{ font-size:14px; line-height:24px; text-align:center;}
.tj .w04{ width:100%; margin-top:15px;}
.tj .w04 a{ width:138px; height:34px; line-height:34px; border:1px solid #890027; text-align:center; margin:auto; display:block; border-radius:10px; color:#890027; font-size:14px;}
.tj .w04 a:hover{ background-color:#890027; color:#fff;}
}