@charset "utf-8"; /* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"思源黑体","Source Han Sans CN","Noto Sans", sans-serif; font-size:14px; line-height:1.15; 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,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {       /* 标准语法 */
  background-color:#fff; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1530px){
.hbg{ width:100%; height: 100px; background-color: #fff;}
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .head{ width:84%; height:100px; margin:auto;}
.header .head .mNav{ display:none;}
.header .head .logo{ display:block; height:50px; padding: 25px 0; float: left;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ float:right; width: 16px; height:16px; padding: 42px 0; margin-left:1.04vw; cursor: pointer;}
.header .head .ser p{ height:16px; display:block;}
.header .head .ser span{ height:16px; display:none;}
.header .head .ser.active p{ display:none;}
.header .head .ser.active span{ display:block;}
.header .head .ser p img{ display:block; height:16px;}
.header .head .ser span img{ display:block; height:16px;}
.header .head .nav{ float:right; height:100px; position:relative; z-index:1;}
.header .head .nav dd{ display:block; float:left; margin-right: 2.6vw; font-size:16px; line-height:100px; height:100px; color:#333; position:relative;}
.header .head .nav dd:hover>a{ color:#be1d2c;}
.header .head .nav dd.on:before{ width: 7px; height: 14px; position: absolute; left: -12px; top: 50%; margin-top: -7px; content: ''; background-image: url("../images/nav_03.png"); background-position: left center; background-repeat: no-repeat;}
.header .head .nav dd p{ width:140px; position:absolute; left:50%; transform:translateX(-50%); top:80px; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 20px;}
.header .head .nav dd p a{ display:block; font-size:15px; line-height:31px; height:31px; overflow:hidden; color:#333; text-align: center;}
.header .head .nav dd p a:hover{ color:#be1d2c;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}

.serbox{ width:100%; height:100%; background-color:rgba(190,29,44,.9); position:fixed; bottom:0; left:0; z-index:90;}
.serbox .box{ width:84%; max-width:800px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-bottom:1px solid rgba(255,255,255,.7);}
.serbox .box p{ width:calc(100% - 56px); display:block; float:left;}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:56px; height:56px; color:#fff; background-color:transparent; text-indent:20px;}
.serbox .box p input::-webkit-input-placeholder{ color:#eee;} 
.serbox .box p input:-moz-placeholder{ color:#eee;} 
.serbox .box p input::-moz-placeholder{ color:#eee;} 
.serbox .box p input:-ms-input-placeholder{ color:#eee;} 
.serbox .box span{ width:56px; height:56px; float:right; display:block;}
.serbox .box span input{ width:100%; height:56px; display:block; cursor:pointer; background-color:transparent; background-position:center; background-repeat:no-repeat; background-image:url(../images/ser01.svg); background-size:16px auto;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.hbg{ width:100%; height: 80px; background-color: #fff;}
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.header .head{ width:90%; height:79px; margin:auto;}
.header .head .mNav{ display:none;}
.header .head .logo{ display:block; height:45px; padding: 17px 0; float: left;}
.header .head .logo img{ display:block; height:45px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ float:right; width: 15px; height:15px; padding: 32px 0; margin-left:1.04vw; cursor: pointer;}
.header .head .ser p{ height:15px; display:block;}
.header .head .ser span{ height:15px; display:none;}
.header .head .ser.active p{ display:none;}
.header .head .ser.active span{ display:block;}
.header .head .ser p img{ display:block; height:15px;}
.header .head .ser span img{ display:block; height:15px;}
.header .head .nav{ float:right; height:79px; position:relative; z-index:1;}
.header .head .nav dd{ display:block; float:left; margin-right: 2.6vw; font-size:15px; line-height:79px; height:79px; color:#333; position:relative;}
.header .head .nav dd:hover>a{ color:#be1d2c;}
.header .head .nav dd.on:before{ width: 7px; height: 13px; position: absolute; left: -12px; top: 33px; content: ''; background-image: url("../images/nav_03.png"); background-position: left center; background-repeat: no-repeat; background-size: auto 13px;}
.header .head .nav dd p{ width:120px; position:absolute; left:50%; transform:translateX(-50%); top:80px; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; padding:7px 15px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333; text-align: center;}
.header .head .nav dd p a:hover{ color:#be1d2c;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}

.serbox{ width:100%; height:100%; background-color:rgba(190,29,44,.9); position:fixed; bottom:0; left:0; z-index:90;}
.serbox .box{ width:84%; max-width:800px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-bottom:1px solid rgba(255,255,255,.7);}
.serbox .box p{ width:calc(100% - 55px); display:block; float:left;}
.serbox .box p input{ width:100%; display:block; font-size:15px; line-height:55px; height:55px; color:#fff; background-color:transparent; text-indent:20px;}
.serbox .box p input::-webkit-input-placeholder{ color:#eee;} 
.serbox .box p input:-moz-placeholder{ color:#eee;} 
.serbox .box p input::-moz-placeholder{ color:#eee;} 
.serbox .box p input:-ms-input-placeholder{ color:#eee;} 
.serbox .box span{ width:55px; height:55px; float:right; display:block;}
.serbox .box span input{ width:100%; height:55px; display:block; cursor:pointer; background-color:transparent; background-position:center; background-repeat:no-repeat; background-image:url(../images/ser01.svg); background-size:15px auto;}
}
@media only screen and (max-width:1023px){
.hbg{ width:100%; height: 60px; background-color: #fff;}
.header{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .head{ width:100%; height:60px;}
.header .head .logo{ display:block; padding:12px 3%; float:left;}
.header .head .logo img{ display:block; height:36px;}
.header .head .logo img.img01{ display:none;}
.header .head .mNav{ height:22px; width:16px; border-radius:100%; background-color:#be1d2c; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; padding:7px 10px; position: absolute; right: 3%; top: 12px;}
.header .head .mNav .burger{ display:block; width:16px; height:1px; background-color:#fff; margin:5px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .mNav.active .burger{ margin-left:7px;}
.header .head .mNav.active .burger:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .head .mNav.active .burger:nth-of-type(2){ opacity:0;}
.header .head .mNav.active .burger:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .head .mNav.active .burger{ margin-bottom:0px;}
.header .head .nav{ background-color:#f1f1f1; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 60px); top:60px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; box-sizing:border-box; border-top:1px solid #eee;}
.header .head .nav.open{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .head .nav dd{ width:100%; display:block; overflow:hidden; border-top:1px solid #ddd; position:relative;}
.header .head .nav dd:first-child{ border-top:none;}
.header .head .nav a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px;}
.header .head .nav dd b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .head .nav dd b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .head .nav dd.active b::after{ transform:rotateZ(135deg);}
.header .head .nav dd.active>a,.header .head .nav dd.on>a{ color:#be1d2c;}
.header .head .nav dd p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.header .head .nav dd p a:hover{ color:#be1d2c;}

.header .head .ser{ height:36px; width:36px; background-color:#eee; border-radius:100%; cursor: pointer; position:absolute; right: 6%; margin-right: 36px; top: 12px;}
.header .head .ser p{ width:100%; height:36px; display:block;}
.header .head .ser span{ width:100%; height:36px; display:none;}
.header .head .ser.active p{ display:none;}
.header .head .ser.active span{ display:block;}
.header .head .ser p img{ display:block; height:16px; margin:10px auto;}
.header .head .ser span img{ display:block; height:14px; margin:11px auto;}

.serbox{ width:100%; height:100%; background-color:rgba(190,29,44,.9); position:fixed; bottom:0; left:0; z-index:90;}
.serbox .box{ width:94%; max-width:1000px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-bottom:1px solid rgba(255,255,255,.7);}
.serbox .box p{ width:calc(100% - 44px); display:block; float:left;}
.serbox .box p input{ width:100%; display:block; font-size:14px; line-height:44px; height:44px; color:#fff; background-color:transparent; text-indent:10px;}
.serbox .box p input::-webkit-input-placeholder{ color:#eee;} 
.serbox .box p input:-moz-placeholder{ color:#eee;} 
.serbox .box p input::-moz-placeholder{ color:#eee;} 
.serbox .box p input:-ms-input-placeholder{ color:#eee;} 
.serbox .box span{ width:44px; height:44px; float:right; display:block;}
.serbox .box span input{ width:100%; height:44px; display:block; cursor:pointer; background-color:transparent; background-position:center; background-repeat:no-repeat; background-image:url(../images/ser01.svg); background-size:16px auto;}
}

/*banner*/
@media screen and (min-width:1530px){
.banner{ width:100%; height:calc(100% - 100px); 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;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; position:absolute; left: 0; top: 0; z-index:2; background-color: rgba(0,0,0,.5);}
.banner .swiper-slide .bg b{ width:31.25%; height:100%; display: block; background-color: rgba(190,29,44,.9);}
.banner .swiper-slide .wen{ width:84%; position:absolute; left:8%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ max-width:60%; font-size:24px; line-height:34px; letter-spacing:4px; color: #fff;}
.banner .swiper-slide .wen .w02{ max-width:60%; font-size:54px; line-height:1.56; letter-spacing:10px; color: #fff; font-weight: bold; margin-top:1.04vw;}
.banner .swiper-slide .wen .w03{ margin-top:2.86vw; padding-bottom: 5px;}
.banner .swiper-slide .wen .w03 a{ width:146px; height:42px; line-height:42px; display: block; font-size:16px; color:#fff; border: 2px solid #fff; text-align: center; overflow:hidden;}
.banner .swiper-slide .wen .w03 a:hover{ background-color: #fff; color: #be1d2c;}

.banner .swiper-pagination{ position:absolute; bottom:2.6vw; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:50px; height:6px; border-radius: 6px; overflow: hidden; display:block; float:left; cursor:pointer; background-color: rgba(0,0,0,.7); margin:0 10px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #be1d2c;}
    
.lian{ position:absolute; right:8%; bottom: 5.2vw; z-index:3;}
.lian .top{ width: calc(100% - 76px); height: 22px; margin-left: 70px; border: 3px solid #be1d2c; border-bottom: none;}
.lian .bot{ width: calc(100% - 76px); height: 22px; margin-left: 70px; border: 3px solid #be1d2c; border-top: none;}
.lian .mil{ border-right: 3px solid #be1d2c; display: block; padding: 20px 0; padding-right: 27px;}
.lian .mil dt{ display: block;}
.lian .mil dd{ display: block; margin-top: 20px;}
.lian .mil b{ display:block; overflow: hidden; color: #fff; font-size: 14px; line-height: 24px;}
.lian .mil b img{ display:block; height: 16px; margin: 4px 10px; margin-left: 0; float: left;}
.lian .mil dt p{ display:block; overflow: hidden; color: #fff; font-size: 16px; line-height: 24px; margin-top: -3px; margin-left: 26px;}
.lian .mil dd p{ display:block; overflow: hidden; color: #fff; font-size: 14px; line-height: 24px; margin-top: -3px; margin-left: 26px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.banner{ width:100%; height:calc(100% - 79px); max-height: 46.875vw; 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;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; position:absolute; left: 0; top: 0; z-index:2; background-color: rgba(0,0,0,.5);}
.banner .swiper-slide .bg b{ width:31.25%; height:100%; display: block; background-color: rgba(190,29,44,.9);}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ max-width:60%; font-size:20px; line-height:34px; letter-spacing:2px; color: #fff;}
.banner .swiper-slide .wen .w02{ max-width:60%; font-size:44px; line-height:1.56; letter-spacing:5px; color: #fff; font-weight: bold; margin-top:1.04vw;}
.banner .swiper-slide .wen .w03{ margin-top:2.86vw; padding-bottom: 5px;}
.banner .swiper-slide .wen .w03 a{ width:126px; height:39px; line-height:39px; display: block; font-size:15px; color:#fff; border: 2px solid #fff; text-align: center; overflow:hidden;}
.banner .swiper-slide .wen .w03 a:hover{ background-color: #fff; color: #be1d2c;}

.banner .swiper-pagination{ position:absolute; bottom:2.6vw; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:40px; height:5px; border-radius: 6px; overflow: hidden; display:block; float:left; cursor:pointer; background-color: rgba(0,0,0,.7); margin:0 7px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #be1d2c;}
    
.lian{ position:absolute; right:5%; bottom: 5.2vw; z-index:3;}
.lian .top{ width: calc(100% - 76px); height: 22px; margin-left: 70px; border: 3px solid #be1d2c; border-bottom: none;}
.lian .bot{ width: calc(100% - 76px); height: 22px; margin-left: 70px; border: 3px solid #be1d2c; border-top: none;}
.lian .mil{ border-right: 3px solid #be1d2c; display: block; padding: 15px 0; padding-right: 22px;}
.lian .mil dt{ display: block;}
.lian .mil dd{ display: block; margin-top: 15px;}
.lian .mil b{ display:block; overflow: hidden; color: #fff; font-size: 14px; line-height: 24px;}
.lian .mil b img{ display:block; height: 16px; margin: 4px 10px; margin-left: 0; float: left;}
.lian .mil dt p{ display:block; overflow: hidden; color: #fff; font-size: 16px; line-height: 24px; margin-top: -3px; margin-left: 26px;}
.lian .mil dd p{ display:block; overflow: hidden; color: #fff; font-size: 14px; line-height: 24px; margin-top: -3px; margin-left: 26px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner .swiper-slide .wen .w01{ font-size:18px; line-height: 28px;}
.banner .swiper-slide .wen .w02{ font-size:34px;}
    
.lian .top{ width: calc(100% - 74px); border: 2px solid #be1d2c; border-bottom: none;}
.lian .bot{ width: calc(100% - 74px); border: 2px solid #be1d2c; border-top: none;}
.lian .mil{ border-right: 2px solid #be1d2c; padding-right: 23px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:30vh; min-height: 260px; 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;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; position:absolute; left: 0; top: 0; z-index:2; background-color: rgba(0,0,0,.5);}
.banner .swiper-slide .bg b{ width:40%; height:100%; display: block; background-color: rgba(190,29,44,.9);}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ font-size:16px; line-height:26px; color: #fff;}
.banner .swiper-slide .wen .w02{ font-size:24px; line-height:40px; color: #fff; font-weight: bold; margin-top:2px;}
.banner .swiper-slide .wen .w03{ margin-top:12px; padding-bottom: 5px;}
.banner .swiper-slide .wen .w03 a{ width:106px; height:34px; line-height:34px; display: block; font-size:14px; color:#fff; border: 1px solid #fff; text-align: center; overflow:hidden;}
.banner .swiper-slide .wen .w03 a:hover{ background-color: #fff; color: #be1d2c;}

.banner .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:30px; height:4px; border-radius: 6px; overflow: hidden; display:block; float:left; cursor:pointer; background-color: rgba(0,0,0,.7); margin:0 4px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #be1d2c;}
   
.lian{ display: none;}
}

/*通用*/
@media screen and (min-width:1530px){
.index{ width:100%; position:relative; z-index:1; top:-100px; left:0;}
.title{ width:100%; position:relative; z-index:3; margin-top: -5px;}
.title .t01{ padding-left: 12px; background-image: url("../images/title01.png"); background-position: left center; background-repeat: no-repeat; font-size:16px; line-height:24px; height:24px; font-weight:bold; color:#be1d2c; text-transform: uppercase;}
.title .t02{ font-size:36px; line-height:46px; font-weight:bold; margin-top: 0.52vw;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.index{ width:100%; position:relative; z-index:1; top:-79px; left:0;}
.title{ width:100%; position:relative; z-index:3; margin-top: -5px;}
.title .t01{ padding-left: 11px; background-image: url("../images/title01.png"); background-position: left center; background-repeat: no-repeat; font-size:15px; line-height:23px; height:23px; font-weight:bold; color:#be1d2c; background-size: auto 13px; text-transform: uppercase;}
.title .t02{ font-size:30px; line-height:40px; font-weight:bold; margin-top: 0.52vw;}
}
@media only screen and (max-width:1023px){
.index{ width:100%; position:relative; z-index:1; top:-60px; left:0;}
.title{ width:100%; position:relative; z-index:3; margin-top: -5px;}
.title .t01{ padding-left: 10px; background-image: url("../images/title01.png"); background-position: left center; background-repeat: no-repeat; font-size:14px; line-height:22px; height:22px; font-weight:bold; color:#be1d2c; background-size: auto 12px; text-transform: uppercase;}
.title .t02{ font-size:20px; line-height:30px; font-weight:bold;}
}

/*品牌溯源*/
@media screen and (min-width:1530px){
.bbox{ width:84%; padding:5.2vw 8%; padding-bottom: 0; position:relative; z-index:1; background-color: #fff;}
.bbox .bg{ position: absolute; right: 0; bottom: -5.2vw; z-index: 1;}
.bbox .bg img{ height:8.02vw; display: block;}
.bbox .box{ width:100%; position: relative; z-index: 3;}
.bbox .box .left{ width:43.75%; float: left; margin-top: 2.6vw;}
.bbox .box .left .bt{ font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 0.52vw;}
.bbox .box .left .wen{ font-size: 16px; line-height: 36px; max-height: 216px; margin-top: 1.3vw;}
.bbox .box .left .more{ margin-top:1.5625vw; padding-bottom: 5.2vw;}
.bbox .box .left .more a{ width:146px; height:42px; line-height:42px; display: block; font-size:16px; color:#be1d2c; border: 2px solid #be1d2c; text-align: center; overflow:hidden;}
.bbox .box .left .more a:hover{ background-color: #be1d2c; color: #fff;}
.bbox .box .right{ width:45%; float: right; padding-right: 5%; padding-bottom: 2.6vw; position: relative;}
.bbox .box .right .tu{ width:100%; padding-top: 76.389%; position: relative; z-index: 1;}
.bbox .box .right .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.bbox .box .right .wen{ width: 32.5%; padding-left: 5%; padding-bottom: 2.708vw; padding-top: 4.167vw; position: absolute; z-index: 3; right: 0; bottom: 0; background-color: #be1d2c; font-weight: bold; color: #fff; min-width: 220px;}
.bbox .box .right .wen .w01{ width:100%;}
.bbox .box .right .wen .w01 img{ height:2.6vw; display:block;}
.bbox .box .right .wen .w02{ width:100%; font-size: 60px; line-height: 66px; margin-top: 1.04vw;}
.bbox .box .right .wen .w03{ width:100%; font-size: 30px; line-height: 40px; margin-top: 0.625vw;}
.bbox .box .right .wen:before{ display:block; content: ''; height: calc(100% - 3.6425vw); width:2px; background-color: #fff; overflow: hidden; position: absolute; right: 20%; bottom: 2.08vw;}
.bbox .box .right .wen:after{ display:block; content: ''; width: calc(76.67% - 90px); height:2px; background-color: #fff; overflow: hidden; position: absolute; right: 10%; bottom: 3.542vw;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.bbox{ width:90%; padding:5.2vw 5%; padding-bottom: 0; position:relative; z-index:1; background-color: #fff;}
.bbox .bg{ position: absolute; right: 0; bottom: -5.2vw; z-index: 1;}
.bbox .bg img{ height:8.02vw; display: block;}
.bbox .box{ width:100%; position: relative; z-index: 3;}
.bbox .box .left{ width:43.75%; float: left; margin-top: 2.6vw;}
.bbox .box .left .bt{ font-size: 24px; line-height: 34px; font-weight: bold; margin-top: 0.52vw;}
.bbox .box .left .wen{ font-size: 15px; line-height: 31px; max-height: 186px; margin-top: 1.3vw;}
.bbox .box .left .more{ margin-top:1.5625vw; padding-bottom: 5.2vw;}
.bbox .box .left .more a{ width:126px; height:39px; line-height:39px; display: block; font-size:15px; color:#be1d2c; border: 2px solid #be1d2c; text-align: center; overflow:hidden;}
.bbox .box .left .more a:hover{ background-color: #be1d2c; color: #fff;}
.bbox .box .right{ width:45%; float: right; padding-right: 5%; padding-bottom: 2.6vw; position: relative;}
.bbox .box .right .tu{ width:100%; padding-top: 76.389%; position: relative; z-index: 1;}
.bbox .box .right .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.bbox .box .right .wen{ width: 32.5%; padding-left: 5%; padding-bottom: 2.708vw; padding-top: 4.167vw; position: absolute; z-index: 3; right: 0; bottom: 0; background-color: #be1d2c; font-weight: bold; color: #fff; min-width: 180px;}
.bbox .box .right .wen .w01{ width:100%;}
.bbox .box .right .wen .w01 img{ height:2.6vw; display:block;}
.bbox .box .right .wen .w02{ width:100%; font-size: 50px; line-height: 58px; margin-top: 1.04vw;}
.bbox .box .right .wen .w03{ width:100%; font-size: 24px; line-height: 34px; margin-top: 0.625vw;}
.bbox .box .right .wen:before{ display:block; content: ''; height: calc(100% - 3.6425vw); width:2px; background-color: #fff; overflow: hidden; position: absolute; right: 20%; bottom: 2.08vw;}
.bbox .box .right .wen:after{ display:block; content: ''; width: calc(76.67% - 90px); height:2px; background-color: #fff; overflow: hidden; position: absolute; right: 10%; bottom: 3.542vw;}   
}
@media only screen and (max-width:1023px){
.bbox{ width:94%; padding:40px 3%; padding-bottom: 0; position:relative; z-index:1; background-color: #fff;}
.bbox .bg{ position: absolute; right: 0; bottom: -40px; z-index: 1;}
.bbox .bg img{ height:43px; display: block;}
.bbox .box{ width:100%; position: relative; z-index: 3;}
.bbox .box .left{ width:100%; float: left;}
.bbox .box .left .bt{ font-size: 18px; line-height: 28px; font-weight: bold; margin-top: 5px;}
.bbox .box .left .wen{ font-size: 14px; line-height: 24px; max-height: 168px; margin-top: 10px;}
.bbox .box .left .more{ margin-top:15px;}
.bbox .box .left .more a{ width:106px; height:34px; line-height:34px; display: block; font-size:14px; color:#be1d2c; border: 1px solid #be1d2c; text-align: center; overflow:hidden;}
.bbox .box .left .more a:hover{ background-color: #be1d2c; color: #fff;}
.bbox .box .right{ width:95%; float: right; padding-right: 5%; padding-top:30px; position: relative;}
.bbox .box .right .tu{ width:100%; padding-top: 76.389%; position: relative; z-index: 1;}
.bbox .box .right .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.bbox .box .right .wen{ width:150px; padding-left:20px; padding-bottom:15px; padding-top:30px; position: absolute; z-index: 3; right: 0; top: 0; background-color: #be1d2c; font-weight: bold; color: #fff;}
.bbox .box .right .wen .w01{ width:100%;}
.bbox .box .right .wen .w01 img{ height:25px; display:block;}
.bbox .box .right .wen .w02{ width:100%; font-size: 40px; line-height: 50px; margin-top:5px;}
.bbox .box .right .wen .w03{ width:100%; font-size: 18px; line-height: 24px; margin-top: 5px;}
.bbox .box .right .wen:before{ display:block; content: ''; height: calc(100% - 45px); width:2px; background-color: #fff; overflow: hidden; position: absolute; right: 20px; bottom: 15px;}
.bbox .box .right .wen:after{ display:block; content: ''; width: 80px; height:2px; background-color: #fff; overflow: hidden; position: absolute; right: 10px; bottom: 25px;}     
}

@media screen and (min-width:1530px){
.tbox{ width:84%; padding:0 8%; position:relative; z-index:2;}
.tbox .bg{ width: 100%; height:calc(50% - 2.6vw); background-color: #333; position: absolute; left: 0; bottom: 0; z-index: 1;}
.tbox .box{ width:100%; position: relative; z-index: 3;}
.tbox .mask{ width: 56.25%; height:calc(100% - 5.2vw); background-color: #333; position: absolute; right: 0; bottom: 0; z-index: 1; box-shadow: 20px 20px 20px rgba(0,0,0,.1);}
.tbox .box .left{ width:50%; float: left; position: relative; z-index: 3;}
.tbox .box .left .wen{ font-size: 16px; line-height: 26px; color: #666; width: 75%; margin-top: .52vw;}
.tbox .box .left .tu{ width:100%; padding-top: 65%; position: relative; z-index: 1; margin-top: 1.82vw;}
.tbox .box .left .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.tbox .box .right{ width:50%; float: right; position: relative; z-index: 3; padding:5.2vw 6.25%; padding-bottom: 4.8958vw; box-sizing: border-box;}
.tbox .box .right dl{ display: block; padding-top: 1.3vw;}
.tbox .box .right dl dt{ display:block; margin-top: 2.08vw; font-weight: bold; font-size: 24px; line-height: 34px; overflow: hidden;}
.tbox .box .right dl dt span{ display:block; width: 50px; float:left; color: #be1d2c;}
.tbox .box .right dl dt a{ display:block; width: calc(100% - 50px); float:left; color: #fff;}
.tbox .box .right dl dd{ display:block; margin-top: 0.729vw; font-size: 16px; line-height: 28px; color: #999;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.tbox{ width:90%; padding:0 5%; position:relative; z-index:2;}
.tbox .bg{ width: 100%; height:calc(50% - 2.6vw); background-color: #333; position: absolute; left: 0; bottom: 0; z-index: 1;}
.tbox .box{ width:100%; position: relative; z-index: 3;}
.tbox .mask{ width: 56.25%; height:calc(100% - 5.2vw); background-color: #333; position: absolute; right: 0; bottom: 0; z-index: 1; box-shadow: 20px 20px 20px rgba(0,0,0,.1);}
.tbox .box .left{ width:50%; float: left; position: relative; z-index: 3;}
.tbox .box .left .wen{ font-size: 15px; line-height: 25px; color: #666; width: 75%; margin-top: .52vw;}
.tbox .box .left .tu{ width:100%; padding-top: 65%; position: relative; z-index: 1; margin-top: 1.82vw;}
.tbox .box .left .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.tbox .box .right{ width:50%; float: right; position: relative; z-index: 3; padding:5.2vw 5%; padding-bottom: 4.8958vw; box-sizing: border-box;}
.tbox .box .right dl{ display: block; padding-top: 1.3vw;}
.tbox .box .right dl dt{ display:block; margin-top: 2.08vw; font-weight: bold; font-size: 20px; line-height: 30px; overflow: hidden;}
.tbox .box .right dl dt span{ display:block; width: 45px; float:left; color: #be1d2c;}
.tbox .box .right dl dt a{ display:block; width: calc(100% - 45px); float:left; color: #fff;}
.tbox .box .right dl dd{ display:block; margin-top: 0.729vw; font-size: 15px; line-height: 26px; color: #999;}  
}
@media only screen and (max-width:1023px){
.tbox{ width:100%; padding-top: 40px; position:relative; z-index:2;}
.tbox .box{ width:100%; position: relative; z-index: 3;}
.tbox .box .left{ width:94%; margin: 0 3%; position: relative; z-index: 3;}
.tbox .box .left .wen{ font-size: 14px; line-height: 24px; color: #666; width: 75%; margin-top: 5px;}
.tbox .box .left .tu{ width:100%; padding-top: 65%; position: relative; z-index: 1; margin-top: 15px;}
.tbox .box .left .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.tbox .box .right{ width:100%; position: relative; z-index: 2; padding:25px 3%; padding-bottom: 0; box-sizing: border-box; background-color: #333; margin-top: -30px;}
.tbox .box .right dl{ display: block; padding-top: 10px;}
.tbox .box .right dl dt{ display:block; margin-top: 10px; font-weight: bold; font-size: 16px; line-height: 26px; overflow: hidden;}
.tbox .box .right dl dt span{ display:block; width: 40px; float:left; color: #be1d2c;}
.tbox .box .right dl dt a{ display:block; width: calc(100% - 40px); float:left; color: #fff;}
.tbox .box .right dl dd{ display:block; font-size: 14px; line-height: 24px; color: #999;}    
}

/*欧德龙六大产品系列*/
@media screen and (min-width:1530px){
.pbox{ width:100%; padding-top:1.5625vw; position:relative; z-index:1; background-color: #333;}
.pbox .bg{ position: absolute; right: 0; top:0; z-index: 1;}
.pbox .bg img{ height:8.0729vw; display: block;}
.pbox .title{ width: 84%; margin: auto;}
.pbox .title .t02{ color:#fff;}
.pbox .box{ width:100%; margin-top: 2.34375vw; position: relative; z-index: 3;}
.pbox .box .tab_menu{ width:56.25%; position: absolute; left: 8%; top: 0; z-index: 3;}
.pbox .box .tab_menu li{ width:16.66%; display: block; text-align: center; overflow: hidden; float: left;}
.pbox .box .tab_menu li strong{ display:block; height: 3.125vw;}
.pbox .box .tab_menu li strong img{ height:100%; display: block; margin: auto;}
.pbox .box .tab_menu li strong img.img02{ display:none;}
.pbox .box .tab_menu li.on strong img.img01{ display:none;}
.pbox .box .tab_menu li.on strong img.img02{ display:block;}
.pbox .box .tab_menu li b{ display:block; font-size: 18px; line-height: 28px; color: #fff; margin-top: 0.78125vw;}
.pbox .box .tabox{ width:100%; padding-top: 7.8125vw; position: relative;}
.pbox .box .tabox .tu{ width:100%; position: relative; z-index: 1;}
.pbox .box .tabox .tu a{ width:100%; padding-top: 41.66%; position: relative; z-index: 1; display: block; overflow: hidden;}
.pbox .box .tabox .tu a img{ width:100%; height: 100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .tabox .tu a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox .box .tabox .wen{ width:20.83%; position: absolute; z-index: 3; right: 8%; top: 0; background-color: #be1d2c; padding:3.3854vw 2.6vw; box-sizing: border-box;}
.pbox .box .tabox .wen .w01 a{ display:block; font-weight: bold; color: #fff; font-size: 24px; line-height: 34px;}
.pbox .box .tabox .wen .w02{ color: #fff; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-top: 0.26vw;}
.pbox .box .tabox .wen .w03{ color: #fff; font-size: 16px; line-height: 36px; max-height: 180px; margin-top: 0.78125vw;}
.pbox .box .tabox .wen .w04{ margin-top: 1.5625vw;}
.pbox .box .tabox .wen .w04 p{ display: block; width: 100%; height: 2px; background-color: rgba(255,255,255,0.7);}
.pbox .box .tabox .wen .w04 span{ display: block; width: 33.33%; height: 2px; background-color: rgba(255,255,255,0.4); margin-top: 0.4167vw;}
.pbox .box .tabox .wen .w05{ padding-top: 1.3vw;}
.pbox .box .tabox .wen .w05 a{ display:block; color: #fff; font-size: 16px; line-height: 26px; margin-top: .52vw;}
.pbox .box .tabox .wen .w05 a b{ display:block; width: 10px; float:left;}
.pbox .box .tabox .wen .w05 a:hover{ opacity:.85;}
.pbox .box .tabox .wen .w06{ height: 3.125vw; position: absolute; right: 2.6vw; top: 2.6vw; opacity: .1;}
.pbox .box .tabox .wen .w06 img{ height:100%; display: block; filter: brightness(1000%);}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pbox{ width:100%; padding-top:1.5625vw; position:relative; z-index:1; background-color: #333;}
.pbox .bg{ position: absolute; right: 0; top:0; z-index: 1;}
.pbox .bg img{ height:8.0729vw; display: block;}
.pbox .title{ width: 90%; margin: auto;}
.pbox .title .t02{ color:#fff;}
.pbox .box{ width:100%; margin-top: 2.34375vw; position: relative; z-index: 3;}
.pbox .box .tab_menu{ width:59.25%; position: absolute; left: 5%; top: 0; z-index: 3;}
.pbox .box .tab_menu li{ width:16.66%; display: block; text-align: center; overflow: hidden; float: left;}
.pbox .box .tab_menu li strong{ display:block; height: 3.125vw;}
.pbox .box .tab_menu li strong img{ height:100%; display: block; margin: auto;}
.pbox .box .tab_menu li strong img.img02{ display:none;}
.pbox .box .tab_menu li.on strong img.img01{ display:none;}
.pbox .box .tab_menu li.on strong img.img02{ display:block;}
.pbox .box .tab_menu li b{ display:block; font-size: 16px; line-height: 26px; color: #fff; margin-top: 0.78125vw;}
.pbox .box .tabox{ width:100%; padding-top: 7.8125vw; position: relative;}
.pbox .box .tabox .tu{ width:100%; position: relative; z-index: 1;}
.pbox .box .tabox .tu a{ width:100%; padding-top: 41.66%; position: relative; z-index: 1; display: block; overflow: hidden;}
.pbox .box .tabox .tu a img{ width:100%; height: 100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .tabox .tu a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox .box .tabox .wen{ width:23.83%; position: absolute; z-index: 3; right: 5%; top: 0; background-color: #be1d2c; padding:3.3854vw 2.6vw; box-sizing: border-box;}
.pbox .box .tabox .wen .w01 a{ display:block; font-weight: bold; color: #fff; font-size: 20px; line-height: 30px;}
.pbox .box .tabox .wen .w02{ color: #fff; font-size: 15px; line-height: 23px; text-transform: uppercase; margin-top: 0.26vw;}
.pbox .box .tabox .wen .w03{ color: #fff; font-size: 15px; line-height: 30px; max-height: 150px; margin-top: 0.78125vw;}
.pbox .box .tabox .wen .w04{ margin-top: 1.5625vw;}
.pbox .box .tabox .wen .w04 p{ display: block; width: 100%; height: 2px; background-color: rgba(255,255,255,0.7);}
.pbox .box .tabox .wen .w04 span{ display: block; width: 33.33%; height: 2px; background-color: rgba(255,255,255,0.4); margin-top: 0.4167vw;}
.pbox .box .tabox .wen .w05{ padding-top: 1.3vw;}
.pbox .box .tabox .wen .w05 a{ display:block; color: #fff; font-size: 15px; line-height: 25px; margin-top: .52vw;}
.pbox .box .tabox .wen .w05 a b{ display:block; width: 10px; float:left;}
.pbox .box .tabox .wen .w05 a:hover{ opacity:.85;}
.pbox .box .tabox .wen .w06{ height: 3.125vw; position: absolute; right: 2.6vw; top: 2.6vw; opacity: .1;}
.pbox .box .tabox .wen .w06 img{ height:100%; display: block; filter: brightness(1000%);}  
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color: #333;}
.pbox .bg{ position: absolute; right: 0; top:0; z-index: 1;}
.pbox .bg img{ height:40px; display: block;}
.pbox .title{ width: 94%; margin: auto;}
.pbox .title .t02{ color:#fff;}
.pbox .box{ width:100%;position: relative; z-index: 3;}
.pbox .box .tab_menu{ width:94%; margin: auto; display: block; overflow: hidden;}
.pbox .box .tab_menu li{ width:31.33%; margin-left: 3%; margin-top:15px; display: block; text-align: center; overflow: hidden; float: left;}
.pbox .box .tab_menu li:nth-child(3n+1){ clear:left; float: left; margin-left: 0;}
.pbox .box .tab_menu li strong{ display:block; height: 30px;}
.pbox .box .tab_menu li strong img{ height:100%; display: block; margin: auto;}
.pbox .box .tab_menu li strong img.img02{ display:none;}
.pbox .box .tab_menu li.on strong img.img01{ display:none;}
.pbox .box .tab_menu li.on strong img.img02{ display:block;}
.pbox .box .tab_menu li b{ display:block; font-size: 14px; line-height: 24px; color: #fff; margin-top:5px;}
.pbox .box .tabox{ width:100%; margin-top: 15px; position: relative; overflow: hidden;}
.pbox .box .tabox .tu{ width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.pbox .box .tabox .tu a{ width:100%; height: 100%; position: relative; z-index: 1; display: block; overflow: hidden;}
.pbox .box .tabox .tu a img{ width:100%; height: 100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .tabox .tu a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox .box .tabox .wen{ width:50%; position:relative; z-index: 3; background-color: rgba(190,29,44,.9); padding:15px; float: right;}
.pbox .box .tabox .wen .w01 a{ display:block; font-weight: bold; color: #fff; font-size: 16px; line-height: 26px;}
.pbox .box .tabox .wen .w02{ color: #fff; font-size: 14px; line-height: 22px; text-transform: uppercase;}
.pbox .box .tabox .wen .w03{ color: #fff; font-size: 14px; line-height: 24px; max-height: 120px; margin-top:5px;}
.pbox .box .tabox .wen .w04{ margin-top: 10px;}
.pbox .box .tabox .wen .w04 p{ display: block; width: 100%; height: 2px; background-color: rgba(255,255,255,0.7);}
.pbox .box .tabox .wen .w04 span{ display: block; width: 33.33%; height: 2px; background-color: rgba(255,255,255,0.4); margin-top:3px;}
.pbox .box .tabox .wen .w05{ padding-top: 5px;}
.pbox .box .tabox .wen .w05 a{ display:block; color: #fff; font-size: 14px; line-height: 24px; margin-top: 5px;}
.pbox .box .tabox .wen .w05 a b{ display:block; width: 10px; float:left;}
.pbox .box .tabox .wen .w05 a:hover{ opacity:.85;}
.pbox .box .tabox .wen .w06{ height: 30px; position: absolute; right: 15px; top: 15px; opacity: .1;}
.pbox .box .tabox .wen .w06 img{ height:100%; display: block; filter: brightness(1000%);}     
}

/*产品优势*/
@media screen and (min-width:1530px){
.ybox{ width:100%; position:relative; z-index:1; background-color: #fff;}
.ybox:before{ display: block; content: ''; overflow: hidden; width:50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background-color: #be1d2c;}
.ybox .left{ width: 50%; padding: 5.2vw 8%; padding-right: 5.2%; background-color: #be1d2c; box-sizing: border-box; float: left;}
.ybox .left .title .t01{ background-image: url("../images/title02.png"); color:#fff;}
.ybox .left .title .t02{ color:#fff;}
.ybox .left .box{ width: 100%; margin-top: -0.78125vw;}
.ybox .left .box .item{ margin-top: 2.6vw;}
.ybox .left .box .item .bt{ height: 56px; border: 2px solid #df8e96; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 60px; cursor: pointer;}
.ybox .left .box .item .bt b{ display:block; float:left; font-size: 20px; width:38px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 100%; overflow: hidden; margin: 8px; margin-right: 0; color: #fff;}
.ybox .left .box .item .bt strong{ display:block; float:left; width:0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid #fff; margin: 18px 1.04vw;}
.ybox .left .box .item .bt p{ display:block; float:left; font-size: 20px; line-height: 30px; color: #fff; margin-top: 13px; font-weight: bold;}
.ybox .left .box .item .bt span{ display:block; float:left; font-size: 18px; line-height: 28px; color: #fff; margin-top: 15px; font-weight: bold;}
.ybox .left .box .item .wen{ width:100%; display: none; color: #ddd; font-size: 16px; line-height: 30px; margin-top: 1.1458vw;}
.ybox .left .box .item.active .bt{ border: 2px solid #fff; background-color: #fff;}
.ybox .left .box .item.active .bt b{ border: 1px solid #be1d2c; background-color: #be1d2c; color: #fff;}
.ybox .left .box .item.active .bt strong{ border-left: 12px solid #be1d2c;}
.ybox .left .box .item.active .bt p{ color: #333; }
.ybox .left .box .item.active .bt span{ color: #666; }
.ybox .left .box .item.active .wen{ display:block;}
.ybox .right{ width: 50%; padding: 5.2vw 8%; padding-left: 5.2%; background-color: #fff; box-sizing: border-box; float: right;}
.ybox .right .box{ width:100%; padding-top: .26vw; display: block; overflow: hidden;}
.ybox .right .box li{ width: 47.14%; margin-top:1.5625vw; margin-left: 5.72%; float:left; position: relative; overflow: hidden; cursor: pointer;}
.ybox .right .box li:nth-child(2n+1){ clear:left; float: left; margin-left: 0;}
.ybox .right .box li .tu{ width:100%; position: relative; z-index: 1;}
.ybox .right .box li .tu:before{ width:100%; padding-top: 72.727%; content: ''; position: relative; z-index: 1; display: block; overflow: hidden;}
.ybox .right .box li .tu img{ width:100%; height: 100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ybox .right .box li .wen{ width:100%; height: 100%; display: none; position: absolute; left: 0; top: 0; z-index: 3; background-color: rgba(0,0,0,.5);}
.ybox .right .box li .wen a{ display:flex; flex-direction: column; justify-content:center; align-items:center; text-align: center; border: 2px solid rgba(255,255,255,.5); margin: 1.04vw; width: calc(100% - 2.08vw); height: calc(100% - 2.08vw); padding: 1.04vw; box-sizing: border-box;}
.ybox .right .box li .wen b{ display:block; color: #fff; font-size: 24px; line-height: 34px;}
.ybox .right .box li .wen p{ display:block; color: #fff; font-size: 18px; line-height: 28px;}
.ybox .right .box li:hover .wen{ display:block;}
} 
@media screen and (min-width:1024px) and (max-width:1529px){
.ybox{ width:100%; position:relative; z-index:1; background-color: #fff;}
.ybox:before{ display: block; content: ''; overflow: hidden; width:50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background-color: #be1d2c;}
.ybox .left{ width: 50%; padding: 5.2vw 5%; background-color: #be1d2c; box-sizing: border-box; float: left;}
.ybox .left .title .t01{ background-image: url("../images/title02.png"); color:#fff;}
.ybox .left .title .t02{ color:#fff;}
.ybox .left .box{ width: 100%; margin-top: -0.78125vw;}
.ybox .left .box .item{ margin-top: 2.6vw;}
.ybox .left .box .item .bt{ height: 54px; border: 2px solid #df8e96; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 60px; cursor: pointer;}
.ybox .left .box .item .bt b{ display:block; float:left; font-size: 18px; width:36px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #fff; border-radius: 100%; overflow: hidden; margin: 8px; margin-right: 0; color: #fff;}
.ybox .left .box .item .bt strong{ display:block; float:left; width:0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #fff; margin: 18px 1.04vw;}
.ybox .left .box .item .bt p{ display:block; float:left; font-size: 18px; line-height: 28px; color: #fff; margin-top: 13px; font-weight: bold;}
.ybox .left .box .item .bt span{ display:block; float:left; font-size: 16px; line-height: 26px; color: #fff; margin-top: 15px; font-weight: bold;}
.ybox .left .box .item .wen{ width:100%; display: none; color: #ddd; font-size: 15px; line-height: 27px; margin-top: 1.1458vw;}
.ybox .left .box .item.active .bt{ border: 2px solid #fff; background-color: #fff;}
.ybox .left .box .item.active .bt b{ border: 1px solid #be1d2c; background-color: #be1d2c; color: #fff;}
.ybox .left .box .item.active .bt strong{ border-left: 12px solid #be1d2c;}
.ybox .left .box .item.active .bt p{ color: #333; }
.ybox .left .box .item.active .bt span{ color: #666; }
.ybox .left .box .item.active .wen{ display:block;}
.ybox .right{ width: 50%; padding: 5.2vw 5%; background-color: #fff; box-sizing: border-box; float: right;}
.ybox .right .box{ width:100%; padding-top: .26vw; display: block; overflow: hidden;}
.ybox .right .box li{ width: 47.14%; margin-top:1.5625vw; margin-left: 5.72%; float:left; position: relative; overflow: hidden; cursor: pointer;}
.ybox .right .box li:nth-child(2n+1){ clear:left; float: left; margin-left: 0;}
.ybox .right .box li .tu{ width:100%; position: relative; z-index: 1;}
.ybox .right .box li .tu:before{ width:100%; padding-top: 72.727%; content: ''; position: relative; z-index: 1; display: block; overflow: hidden;}
.ybox .right .box li .tu img{ width:100%; height: 100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ybox .right .box li .wen{ width:100%; height: 100%; display: none; position: absolute; left: 0; top: 0; z-index: 3; background-color: rgba(0,0,0,.5);}
.ybox .right .box li .wen a{ display:flex; flex-direction: column; justify-content:center; align-items:center; text-align: center; border: 2px solid rgba(255,255,255,.5); margin: 1.04vw; width: calc(100% - 2.08vw); height: calc(100% - 2.08vw); padding: 1.04vw; box-sizing: border-box;}
.ybox .right .box li .wen b{ display:block; color: #fff; font-size: 20px; line-height: 30px;}
.ybox .right .box li .wen p{ display:block; color: #fff; font-size: 16px; line-height: 26px;}
.ybox .right .box li:hover .wen{ display:block;}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; position:relative; z-index:1; background-color: #fff;}
.ybox .left{ width: 100%; padding: 40px 3%; background-color: #be1d2c; box-sizing: border-box; float: left;}
.ybox .left .title .t01{ background-image: url("../images/title02.png"); color:#fff;}
.ybox .left .title .t02{ color:#fff;}
.ybox .left .box{ width: 100%; margin-top: -5px;}
.ybox .left .box .item{ margin-top: 20px;}
.ybox .left .box .item .bt{ height: 46px; border: 2px solid #df8e96; border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 60px; cursor: pointer;}
.ybox .left .box .item .bt b{ display:block; float:left; font-size: 16px; width:34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #fff; border-radius: 100%; overflow: hidden; margin: 5px; margin-right: 0; color: #fff;}
.ybox .left .box .item .bt strong{ display:block; float:left; width:0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; margin: 15px 10px;}
.ybox .left .box .item .bt p{ display:block; float:left; font-size: 16px; line-height: 26px; color: #fff; margin-top: 10px; font-weight: bold;}
.ybox .left .box .item .bt span{ display:block; float:left; font-size: 14px; line-height: 24px; color: #fff; margin-top: 12px; font-weight: bold;}
.ybox .left .box .item .wen{ width:100%; display: none; color: #ddd; font-size: 14px; line-height: 24px; margin-top:10px; margin-bottom: -5px;}
.ybox .left .box .item.active .bt{ border: 2px solid #fff; background-color: #fff;}
.ybox .left .box .item.active .bt b{ border: 1px solid #be1d2c; background-color: #be1d2c; color: #fff;}
.ybox .left .box .item.active .bt strong{ border-left: 12px solid #be1d2c;}
.ybox .left .box .item.active .bt p{ color: #333; }
.ybox .left .box .item.active .bt span{ color: #666; }
.ybox .left .box .item.active .wen{ display:block;}
.ybox .right{ width: 100%; padding: 40px 3%; background-color: #fff; box-sizing: border-box; float: right;}
.ybox .right .box{ width:100%; display: block; overflow: hidden;}
.ybox .right .box li{ width: 48.5%; margin-top:15px; margin-left: 3%; float:left; position: relative; overflow: hidden; cursor: pointer;}
.ybox .right .box li:nth-child(2n+1){ clear:left; float: left; margin-left: 0;}
.ybox .right .box li .tu{ width:100%; position: relative; z-index: 1;}
.ybox .right .box li .tu:before{ width:100%; padding-top: 72.727%; content: ''; position: relative; z-index: 1; display: block; overflow: hidden;}
.ybox .right .box li .tu img{ width:100%; height: 100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ybox .right .box li .wen{ width:100%; height: 100%; display: none; position: absolute; left: 0; top: 0; z-index: 3; background-color: rgba(0,0,0,.5);}
.ybox .right .box li .wen a{ display:flex; flex-direction: column; justify-content:center; align-items:center; text-align: center; border: 2px solid rgba(255,255,255,.5); margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px); padding: 10px; box-sizing: border-box;}
.ybox .right .box li .wen b{ display:block; color: #fff; font-size: 16px; line-height: 26px;}
.ybox .right .box li .wen p{ display:block; color: #fff; font-size: 14px; line-height: 24px;}
.ybox .right .box li:hover .wen{ display:block;}  
}

/*了解最新资讯*/
@media screen and (min-width:1530px){
.nbox{ width:84%; padding:5.2vw 8%; position:relative; z-index:1; background-color: #f1f1f1;}
.nbox .swiper-button{ height: 46px; width:46px; cursor: pointer; border-radius: 100%; background-color:#fff; overflow: hidden; z-index: 3; position: absolute; right: 0; bottom: 5px; background-position: center; background-repeat: no-repeat;}
.nbox .swiper-button-prev{ background-image: url("../images/prev.png"); margin-right: 46px; right: 1.04vw;}
.nbox .swiper-button-next{ background-image: url("../images/next.png");}
.nbox .swiper-button:hover{ background-color:#be1d2c;}
.nbox .swiper-button-prev:hover{ background-image: url("../images/prev01.png");}
.nbox .swiper-button-next:hover{ background-image: url("../images/next01.png");}
.nbox .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.nbox .box .swiper-container{ width:100%; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide{ width:31.25%;}
.nbox .box .swiper-container .swiper-slide .w01{ width:100%; display: block; overflow: hidden;}
.nbox .box .swiper-container .swiper-slide .w01 a{ width: 100%; padding-top: 69%; position: relative; overflow: hidden; display: block;}
.nbox .box .swiper-container .swiper-slide .w01 a img{ width: 100%; height: 100%; object-fit:cover; display: block; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .swiper-container .swiper-slide .w01 a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.nbox .box .swiper-container .swiper-slide .w02{ font-size:16px; line-height: 26px; margin-top:0.78125vw; color: #666;}
.nbox .box .swiper-container .swiper-slide .w02 a{ color: #be1d2c; display: block; float: left; margin-right: 1.04vw;}
.nbox .box .swiper-container .swiper-slide .w03{ font-size:20px; line-height: 30px; height: 60px; padding-top: 0.52vw; font-weight: bold;}
.nbox .box .swiper-container .swiper-slide .w03 a:hover{ color: #be1d2c;}
.nbox .box .swiper-container .swiper-slide .w04{ margin-top:1.04vw;}
.nbox .box .swiper-container .swiper-slide .w04 a{ font-size:16px; line-height: 24px; height: 24px; color: #be1d2c; display: block; float:left; overflow: hidden;}
.nbox .box .swiper-container .swiper-slide .w04 a b{ width:24px; height: 24px; border-radius: 100%; background-color:#be1d2c; float:right; margin-left:1.04vw; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.nbox .box .swiper-container .swiper-slide .w04 a b img{ display: block; height: 10px; margin: 7px auto;}
.nbox .box .swiper-container .swiper-slide .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.nbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color: #f1f1f1;}
.nbox .swiper-button{ height: 40px; width:40px; cursor: pointer; border-radius: 100%; background-color:#fff; overflow: hidden; z-index: 3; position: absolute; right: 0; bottom: 5px; background-position: center; background-repeat: no-repeat;}
.nbox .swiper-button-prev{ background-image: url("../images/prev.png"); margin-right: 40px; right: 1.04vw;}
.nbox .swiper-button-next{ background-image: url("../images/next.png");}
.nbox .swiper-button:hover{ background-color:#be1d2c;}
.nbox .swiper-button-prev:hover{ background-image: url("../images/prev01.png");}
.nbox .swiper-button-next:hover{ background-image: url("../images/next01.png");}
.nbox .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.nbox .box .swiper-container{ width:100%; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide{ width:31.25%;}
.nbox .box .swiper-container .swiper-slide .w01{ width:100%; display: block; overflow: hidden;}
.nbox .box .swiper-container .swiper-slide .w01 a{ width: 100%; padding-top: 69%; position: relative; overflow: hidden; display: block;}
.nbox .box .swiper-container .swiper-slide .w01 a img{ width: 100%; height: 100%; object-fit:cover; display: block; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .swiper-container .swiper-slide .w01 a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.nbox .box .swiper-container .swiper-slide .w02{ font-size:15px; line-height: 25px; margin-top:0.78125vw; color: #666;}
.nbox .box .swiper-container .swiper-slide .w02 a{ color: #be1d2c; display: block; float: left; margin-right: 1.04vw;}
.nbox .box .swiper-container .swiper-slide .w03{ font-size:18px; line-height: 28px; height: 56px; padding-top: 0.52vw; font-weight: bold;}
.nbox .box .swiper-container .swiper-slide .w03 a:hover{ color: #be1d2c;}
.nbox .box .swiper-container .swiper-slide .w04{ margin-top:1.04vw;}
.nbox .box .swiper-container .swiper-slide .w04 a{ font-size:15px; line-height: 22px; height: 22px; color: #be1d2c; display: block; float:left; overflow: hidden;}
.nbox .box .swiper-container .swiper-slide .w04 a b{ width:22px; height: 22px; border-radius: 100%; background-color:#be1d2c; float:right; margin-left:1.04vw; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.nbox .box .swiper-container .swiper-slide .w04 a b img{ display: block; height: 8px; margin: 7px auto;}
.nbox .box .swiper-container .swiper-slide .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}
}
@media only screen and (max-width:1023px){
.nbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #f1f1f1;}
.nbox .swiper-button{ height: 34px; width:34px; cursor: pointer; border-radius: 100%; background-color:#fff; overflow: hidden; z-index: 3; position: absolute; right: 0; bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.nbox .swiper-button-prev{ background-image: url("../images/prev.png"); margin-right: 10px; right: 34px;}
.nbox .swiper-button-next{ background-image: url("../images/next.png");}
.nbox .swiper-button:hover{ background-color:#be1d2c;}
.nbox .swiper-button-prev:hover{ background-image: url("../images/prev01.png");}
.nbox .swiper-button-next:hover{ background-image: url("../images/next01.png");}
.nbox .box{ width:100%; position: relative; z-index: 3; margin-top: 15px;}
.nbox .box .swiper-container{ width:100%; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide{ width:100%;}
.nbox .box .swiper-container .swiper-slide .w01{ width:100%; display: block; overflow: hidden;}
.nbox .box .swiper-container .swiper-slide .w01 a{ width: 100%; padding-top: 69%; position: relative; overflow: hidden; display: block;}
.nbox .box .swiper-container .swiper-slide .w01 a img{ width: 100%; height: 100%; object-fit:cover; display: block; position: absolute; left: 0; top: 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .swiper-container .swiper-slide .w01 a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.nbox .box .swiper-container .swiper-slide .w02{ font-size:14px; line-height: 24px; margin-top:10px; color: #666;}
.nbox .box .swiper-container .swiper-slide .w02 a{ color: #be1d2c; display: block; float: left; margin-right: 10px;}
.nbox .box .swiper-container .swiper-slide .w03{ font-size:16px; line-height: 26px; height: 52px; padding-top: 5px; font-weight: bold;}
.nbox .box .swiper-container .swiper-slide .w03 a:hover{ color: #be1d2c;}
.nbox .box .swiper-container .swiper-slide .w04{ margin-top:5px;}
.nbox .box .swiper-container .swiper-slide .w04 a{ font-size:14px; line-height: 22px; height: 22px; color: #be1d2c; display: block; float:left; overflow: hidden;}
.nbox .box .swiper-container .swiper-slide .w04 a b{ width:20px; height: 20px; border-radius: 100%; background-color:#be1d2c; float:right; margin-left:10px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.nbox .box .swiper-container .swiper-slide .w04 a b img{ display: block; height: 6px; margin: 7px auto;}
.nbox .box .swiper-container .swiper-slide .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}
}

/*电子质保查询*/
@media screen and (min-width:1530px){
.mbox{ width:100%; position:relative; z-index:1; background-position: center; background-size: cover;}
.mbox .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1;}
.mbox .box{ width:100%; min-height: 23.9583vw; padding: 4.9479vw 8%; box-sizing: border-box; position: relative; z-index: 3; display:flex; flex-direction: column; justify-content:center; align-items:center; text-align: center;}
.mbox .box .w01{ font-size: 36px; line-height: 46px; font-weight: bold; color: #fff;}
.mbox .box .w02{ font-size: 24px; line-height: 34px; margin-top: 1.04vw; color: #fff;}
.mbox .box .w03{ margin-top:3.3854vw; padding-bottom:5px;}
.mbox .box .w03 a{ width:146px; height:42px; line-height:42px; display: block; font-size:16px; color:#fff; border: 2px solid #fff; text-align: center; overflow:hidden;}
.mbox .box .w03 a:hover{ background-color: #fff; color: #be1d2c;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.mbox{ width:100%; position:relative; z-index:1; background-position: center; background-size: cover;}
.mbox .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1;}
.mbox .box{ width:100%; min-height: 23.9583vw; padding: 4.9479vw 5%; box-sizing: border-box; position: relative; z-index: 3; display:flex; flex-direction: column; justify-content:center; align-items:center; text-align: center;}
.mbox .box .w01{ font-size: 30px; line-height: 40px; font-weight: bold; color: #fff;}
.mbox .box .w02{ font-size: 20px; line-height: 30px; margin-top: 1.04vw; color: #fff;}
.mbox .box .w03{ margin-top:3.3854vw; padding-bottom:5px;}
.mbox .box .w03 a{ width:126px; height:39px; line-height:39px; display: block; font-size:15px; color:#fff; border: 2px solid #fff; text-align: center; overflow:hidden;}
.mbox .box .w03 a:hover{ background-color: #fff; color: #be1d2c;}
}
@media only screen and (max-width:1023px){
.mbox{ width:100%; position:relative; z-index:1; background-position: center; background-size: cover;}
.mbox .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1;}
.mbox .box{ width:100%; padding: 35px 3%; padding-bottom: 40px; box-sizing: border-box; position: relative; z-index: 3; text-align: center;}
.mbox .box .w01{ font-size: 20px; line-height: 30px; font-weight: bold; color: #fff;}
.mbox .box .w02{ font-size: 14px; line-height: 24px; margin-top: 10px; color: #fff;}
.mbox .box .w03{ margin-top:25px;}
.mbox .box .w03 a{ width:106px; height:34px; line-height:34px; display: block; font-size:14px; color:#fff; border: 1px solid #fff; text-align: center; overflow:hidden; margin: auto;}
.mbox .box .w03 a:hover{ background-color: #fff; color: #be1d2c;}
}

/*footer*/
@media screen and (min-width:1600px){
.footer{ width:100%; position: relative; z-index: 1; background-color: #333333;}
.footer .foot{ width:84%; margin:3.3854vw auto; position:relative; z-index:3; display:flex;}
.footer .foot .f01{ padding: 5px 0; flex:1; margin-right: 3%;}
.footer .foot .f01 .w01{ height:50px;}
.footer .foot .f01 .w01 img{ display: block; height:50px;}
.footer .foot .f01 .w01 img.img02{ display: none;}
.footer .foot .f01 .w02{ padding-top: 0.9896vw; font-size: 14px; color: #999; line-height: 26px;}
.footer .foot .f01 .w02 p{ font-size: 14px; display: block; line-height: 24px; margin-top: 0.3125vw; color: #999;}
.footer .foot .f01 .w03{ padding-top: 1.04vw; margin-left: -0.78125vw;}
.footer .foot .f01 .w03 a{ display: block; float:left; height: 36px; width: 36px; border-radius: 100%; background-color: rgba(255,255,255,.1); margin-left: 0.78125vw; margin-top: 0.78125vw; overflow: hidden;}
.footer .foot .f01 .w03 a img{ display: block; height: 16px; margin: 10px auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#fff;}
.footer .foot .f02{ display: block; width: 13.75%;}
.footer .foot .f02 dt{ display:block; font-weight: bold;}
.footer .foot .f02 dt a{ font-size: 18px; line-height: 28px; display: block; color: #fff;}
.footer .foot .f02 dt a:hover{color: #be1d2c;}
.footer .foot .f02 dd{ display: block; padding-top: 0.729vw;}
.footer .foot .f02 dd a{ font-size: 14px; display: block; line-height: 24px; margin-top: 0.3125vw; color: #999; white-space: nowrap;}
.footer .foot .f02 dd a:hover{	color: #be1d2c;}
.footer .bq{ width: 84%; margin: auto; padding: 1.171875vw 0; line-height: 24px; font-size: 14px; color: #999; border-top: 1px solid #444;}
.footer .bq a{ color: #999;}
.footer .bq .left{ float:left; margin-left: -1.82vw;}
.footer .bq .left p{ display:block; float:left; margin-left: 1.82vw;}
.footer .bq .right{ float:right;}
.footer .bq .right p{ display:block; float:left; margin-left: 1.82vw;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:100%; position: relative; z-index: 1; background-color: #333333;}
.footer .foot{ width:90%; margin:3.3854vw auto; position:relative; z-index:3; display:flex;}
.footer .foot .f01{ padding: 5px 0; flex:1; margin-right: 3%;}
.footer .foot .f01 .w01{ height:50px;}
.footer .foot .f01 .w01 img{ display: block; height:50px;}
.footer .foot .f01 .w01 img.img02{ display: none;}
.footer .foot .f01 .w02{ padding-top: 0.9896vw; font-size: 14px; color: #999; line-height: 26px;}
.footer .foot .f01 .w02 p{ font-size: 14px; display: block; line-height: 24px; margin-top: 0.3125vw; color: #999;}
.footer .foot .f01 .w03{ padding-top: 1.04vw; margin-left: -0.78125vw;}
.footer .foot .f01 .w03 a{ display: block; float:left; height: 34px; width: 34px; border-radius: 100%; background-color: rgba(255,255,255,.1); margin-left: 0.78125vw; margin-top: 0.78125vw; overflow: hidden;}
.footer .foot .f01 .w03 a img{ display: block; height: 14px; margin: 10px auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#fff;}
.footer .foot .f02{ display: block; width: 13.75%;}
.footer .foot .f02 dt{ display:block; font-weight: bold;}
.footer .foot .f02 dt a{ font-size: 17px; line-height: 27px; display: block; color: #fff;}
.footer .foot .f02 dt a:hover{color: #be1d2c;}
.footer .foot .f02 dd{ display: block; padding-top: 0.729vw;}
.footer .foot .f02 dd a{ font-size: 14px; display: block; line-height: 24px; margin-top: 0.3125vw; color: #999; white-space: nowrap;}
.footer .foot .f02 dd a:hover{	color: #be1d2c;}
.footer .bq{ width: 84%; margin: auto; padding: 1.171875vw 0; line-height: 24px; font-size: 14px; color: #999; border-top: 1px solid #444;}
.footer .bq a{ color: #999;}
.footer .bq .left{ float:left; margin-left: -1.82vw;}
.footer .bq .left p{ display:block; float:left; margin-left: 1.82vw;}
.footer .bq .right{ float:right;}
.footer .bq .right p{ display:block; float:left; margin-left: 1.82vw;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; position: relative; z-index: 1; background-color: #333;}
.footer .foot{ width:94%; margin:25px auto; position:relative; z-index:3;}
.footer .foot .f01{ width: 100%; float:left;}
.footer .foot .f01 .w01{ height:40px;}
.footer .foot .f01 .w01 img{ display: block; height:40px; margin: auto;}
.footer .foot .f01 .w01 img.img01{ display: none;}
.footer .foot .f01 .w02{ padding-top: 10px; font-size: 14px; color: #999; line-height: 24px; text-align: center;}
.footer .foot .f01 .w03{ margin-left: -5px; margin-right: -5px; display: flex; flex-wrap:wrap; justify-content:center;}
.footer .foot .f01 .w03 a{ display: block; height: 32px; width: 32px; border-radius: 100%; background-color: rgba(255,255,255,.1); margin:10px 5px; margin-bottom: 0; overflow: hidden;}
.footer .foot .f01 .w03 a img{ display: block; height: 12px; margin: 10px auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#fff;}
.footer .foot .f02{ display: none;}
.footer .bq{ width: 94%; margin: auto; padding: 10px 0; line-height: 20px; font-size: 14px; color: #999; border-top: 1px solid #444;}
.footer .bq a{ color: #999;}
.footer .bq .left{ text-align: center;}
.footer .bq .left p{ display:inline-block; margin: 0 5px;}
.footer .bq .right{ text-align: center;}
.footer .bq .right p{ display:inline-block; margin: 0 5px;}
}

/*内页*/
@media screen and (min-width:1530px){
.ban{ width:100%; height:23.9583vw; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.ban .bg{ width:100%; height:100%; position:absolute; left: 0; top: 0; z-index:2; background-color: rgba(0,0,0,.5);}
.ban .bg b{ width:31.25%; height:100%; display: block; background-color: rgba(190,29,44,.9);}
.ban .title{ width:84%; position:absolute; left:8%; z-index:3; top:50%; transform:translateY(-50%);}
.ban .title .t01{ color:#fff; background-image: url("../images/title02.png")}
.ban .title .t02{ color:#fff;}

.ban .wei{ position:absolute; right:8%; z-index:3; bottom:20px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; padding: 0.78125vw 0; background-color:#f1f1f1; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 0.78125vw; height:40px; line-height:40px; font-size:16px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#be1d2c;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#be1d2c;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ban{ width:100%; height:23.9583vw; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.ban .bg{ width:100%; height:100%; position:absolute; left: 0; top: 0; z-index:2; background-color: rgba(0,0,0,.5);}
.ban .bg b{ width:31.25%; height:100%; display: block; background-color: rgba(190,29,44,.9);}
.ban .title{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-50%);}
.ban .title .t01{ color:#fff; background-image: url("../images/title02.png")}
.ban .title .t02{ color:#fff;}

.ban .wei{ position:absolute; right:5%; z-index:3; bottom:15px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; padding: 0.78125vw 0; background-color:#f5f5f5; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 0.78125vw; height:35px; line-height:35px; font-size:15px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#be1d2c;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#be1d2c;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:260px; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.ban .bg{ width:100%; height:100%; position:absolute; left: 0; top: 0; z-index:2; background-color: rgba(0,0,0,.5);}
.ban .bg b{ width:31.25%; height:100%; display: block; background-color: rgba(190,29,44,.9);}
.ban .title{ width:94%; position:absolute; left:3%; z-index:3; top:50%; transform:translateY(-50%);}
.ban .title .t01{ color:#fff; background-image: url("../images/title02.png")}
.ban .title .t02{ color:#fff;}

.ban .wei{ max-width: 94%; box-sizing: border-box; position:absolute; right:3%; z-index:3; bottom:10px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; padding: 5px 0; background-color:#f5f5f5; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 5px; height:30px; line-height:30px; font-size:14px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#be1d2c;}
.dao a.on b{ width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; background:#be1d2c;}
}

/*品牌溯源*/
@media screen and (min-width:1530px){
.ab01{ width:84%; padding:5.2vw 8%; padding-bottom: 4.6875vw; position:relative; z-index:1; background-color: #fff;}
.ab01 .box{ width:100%; position: relative; z-index: 3;}
.ab01 .box .left{ width:45%; float: left;}
.ab01 .box .left .bt{ font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 1.5625vw;}
.ab01 .box .left .wen{ font-size: 16px; line-height: 36px; margin-top: 1.3vw;}
.ab01 .box .right{ width:45%; float: right; padding-right: 5%; padding-top: 2.6vw; position: relative; margin-bottom: 10px;}
.ab01 .box .right .tu{ width:100%; padding-top: 76.389%; position: relative; z-index: 1;}
.ab01 .box .right .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ab01 .box .right .wen{ width: 32.5%; padding-left: 5%; padding-bottom: 2.708vw; padding-top: 4.167vw; position: absolute; z-index: 3; right: 0; top: 0; background-color: #be1d2c; font-weight: bold; color: #fff; min-width: 220px;}
.ab01 .box .right .wen .w01{ width:100%;}
.ab01 .box .right .wen .w01 img{ height:2.6vw; display:block;}
.ab01 .box .right .wen .w02{ width:100%; font-size: 60px; line-height: 66px; margin-top: 1.04vw;}
.ab01 .box .right .wen .w03{ width:100%; font-size: 30px; line-height: 40px; margin-top: 0.625vw;}
.ab01 .box .right .wen:before{ display:block; content: ''; height: calc(100% - 3.6425vw); width:2px; background-color: #fff; overflow: hidden; position: absolute; right: 20%; bottom: 2.08vw;}
.ab01 .box .right .wen:after{ display:block; content: ''; width: calc(76.67% - 90px); height:2px; background-color: #fff; overflow: hidden; position: absolute; right: 10%; bottom: 3.542vw;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab01{ width:90%; padding:5.2vw 5%; padding-bottom: 4.6875vw; position:relative; z-index:1; background-color: #fff;}
.ab01 .box{ width:100%; position: relative; z-index: 3;}
.ab01 .box .left{ width:45%; float: left;}
.ab01 .box .left .bt{ font-size: 24px; line-height: 34px; font-weight: bold; margin-top: 1.5625vw;}
.ab01 .box .left .wen{ font-size: 15px; line-height: 31px; margin-top: 1.3vw;}
.ab01 .box .right{ width:45%; float: right; padding-right: 5%; padding-top: 2.6vw; position: relative; margin-bottom: 10px;}
.ab01 .box .right .tu{ width:100%; padding-top: 76.389%; position: relative; z-index: 1;}
.ab01 .box .right .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ab01 .box .right .wen{ width: 32.5%; padding-left: 5%; padding-bottom: 2.708vw; padding-top: 4.167vw; position: absolute; z-index: 3; right: 0; top: 0; background-color: #be1d2c; font-weight: bold; color: #fff; min-width: 180px;}
.ab01 .box .right .wen .w01{ width:100%;}
.ab01 .box .right .wen .w01 img{ height:2.6vw; display:block;}
.ab01 .box .right .wen .w02{ width:100%; font-size: 50px; line-height: 58px; margin-top: 1.04vw;}
.ab01 .box .right .wen .w03{ width:100%; font-size: 24px; line-height: 34px; margin-top: 0.625vw;}
.ab01 .box .right .wen:before{ display:block; content: ''; height: calc(100% - 3.6425vw); width:2px; background-color: #fff; overflow: hidden; position: absolute; right: 20%; bottom: 2.08vw;}
.ab01 .box .right .wen:after{ display:block; content: ''; width: calc(76.67% - 90px); height:2px; background-color: #fff; overflow: hidden; position: absolute; right: 10%; bottom: 3.542vw;}   
}
@media only screen and (max-width:1023px){
.ab01{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #fff;}
.ab01 .box{ width:100%; position: relative; z-index: 3;}
.ab01 .box .left{ width:100%; float: left;}
.ab01 .box .left .bt{ font-size: 18px; line-height: 28px; font-weight: bold; margin-top: 5px;}
.ab01 .box .left .wen{ font-size: 14px; line-height: 24px; margin-top: 10px;}
.ab01 .box .right{ width:95%; float: right; padding-right: 5%; padding-top:30px; position: relative; margin-top: 15px;}
.ab01 .box .right .tu{ width:100%; padding-top: 76.389%; position: relative; z-index: 1;}
.ab01 .box .right .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ab01 .box .right .wen{ width:150px; padding-left:20px; padding-bottom:15px; padding-top:30px; position: absolute; z-index: 3; right: 0; top: 0; background-color: #be1d2c; font-weight: bold; color: #fff;}
.ab01 .box .right .wen .w01{ width:100%;}
.ab01 .box .right .wen .w01 img{ height:25px; display:block;}
.ab01 .box .right .wen .w02{ width:100%; font-size: 40px; line-height: 50px; margin-top:5px;}
.ab01 .box .right .wen .w03{ width:100%; font-size: 18px; line-height: 24px; margin-top: 5px;}
.ab01 .box .right .wen:before{ display:block; content: ''; height: calc(100% - 45px); width:2px; background-color: #fff; overflow: hidden; position: absolute; right: 20px; bottom: 15px;}
.ab01 .box .right .wen:after{ display:block; content: ''; width: 80px; height:2px; background-color: #fff; overflow: hidden; position: absolute; right: 10px; bottom: 25px;}     
}

@media screen and (min-width:1530px){
.ab02{ width:84%; padding:5.2vw 8%; position:relative; z-index:2; background-color: #f1f1f1;}
.ab02 .box{ width:100%; position: relative; z-index: 3; margin-top:1.82vw;}
.ab02 .box .left{ width:45%; float: left; position: relative; z-index: 3; margin-bottom: 5px;}
.ab02 .box .left .tu{ width:100%; padding-top: 65%; position: relative; z-index: 1;}
.ab02 .box .left .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ab02 .box .right{ width:50%; float: right; margin-top: -5px;}
.ab02 .box .right dl{ display: block; margin-top: -1.5625vw;}
.ab02 .box .right dl dt{ display:block; padding-top: 1.5625vw; font-weight: bold; font-size: 24px; line-height: 34px; overflow: hidden;}
.ab02 .box .right dl dt span{ display:block; width: 50px; float:left; color: #be1d2c;}
.ab02 .box .right dl dt a{ display:block; width: calc(100% - 50px); float:left; color: #333;}
.ab02 .box .right dl dd{ display:block; margin-top: 0.52vw; font-size: 16px; line-height: 26px; color: #666;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab02{ width:90%; padding:5.2vw 5%; position:relative; z-index:2; background-color: #f1f1f1;}
.ab02 .box{ width:100%; position: relative; z-index: 3; margin-top:1.82vw;}
.ab02 .box .left{ width:45%; float: left; position: relative; z-index: 3; margin-bottom: 5px;}
.ab02 .box .left .tu{ width:100%; padding-top: 65%; position: relative; z-index: 1;}
.ab02 .box .left .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ab02 .box .right{ width:50%; float: right; margin-top: -5px;}
.ab02 .box .right dl{ display: block; margin-top: -1.5625vw;}
.ab02 .box .right dl dt{ display:block; margin-top: 1.5625vw; font-weight: bold; font-size: 20px; line-height: 30px; overflow: hidden;}
.ab02 .box .right dl dt span{ display:block; width: 45px; float:left; color: #be1d2c;}
.ab02 .box .right dl dt a{ display:block; width: calc(100% - 45px); float:left; color: #333;}
.ab02 .box .right dl dd{ display:block; margin-top: 0.52vw; font-size: 15px; line-height: 25px; color: #666;}  
}
@media only screen and (max-width:1023px){
.ab02{ width:94%; padding: 40px 3%; padding-bottom: 35px; position:relative; z-index:2; background-color: #f1f1f1;}
.ab02 .box{ width:100%; position: relative; z-index: 3;}
.ab02 .box .left{ width:100%; margin-top: 15px; position: relative; z-index: 3;}
.ab02 .box .left .tu{ width:100%; padding-top: 65%; position: relative; z-index: 1; margin-top: 15px;}
.ab02 .box .left .tu img{ width:100%; height:100%; display: block; object-fit:cover; position: absolute; left: 0; top: 0;}
.ab02 .box .right{ width:100%;}
.ab02 .box .right dl{ display: block; padding-top: 5px;}
.ab02 .box .right dl dt{ display:block; margin-top: 10px; font-weight: bold; font-size: 16px; line-height: 26px; overflow: hidden;}
.ab02 .box .right dl dt span{ display:block; width: 40px; float:left; color: #be1d2c;}
.ab02 .box .right dl dt a{ display:block; width: calc(100% - 40px); float:left; color: #333;}
.ab02 .box .right dl dd{ display:block; font-size: 14px; line-height: 24px; color: #666;}    
}

@media screen and (min-width:1530px){
.ab03{ width:100%; position:relative; z-index:1; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ab03 .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1;}
.ab03 .title .t01{ color:#fff; background-image: url("../images/title02.png")}
.ab03 .title .t02{ color:#be1d2c;}
.ab03 .box{ width:100%; position: relative; z-index: 3; display: flex;}
.ab03 .box .left{ width:60%; padding:5.2vw 8%; padding-bottom: 4.9479vw; padding-right: 5%; box-sizing: border-box; float:left;}
.ab03 .box .left .bt{ font-size: 30px; line-height: 40px; font-weight: bold; color: #fff; margin-top: 1.5625vw;}
.ab03 .box .left .wen{ font-size: 16px; line-height: 26px; margin-top: 1.04vw; color: #eee;}
.ab03 .box .right{ width:40%; padding:4.9479vw 8%; padding-top: 2.8679vw; padding-left: 5%; box-sizing: border-box; float:right; background-color: rgba(190,29,44,0.9);}
.ab03 .box .right .bt{ margin-top: 2.08vw; font-size: 30px; line-height: 40px; font-weight: bold; color: #fff;}
.ab03 .box .right .bt01{ font-size: 24px; line-height: 34px; margin-top: .52vw; color: #fff;}
.ab03 .box .right .wen{ font-size: 16px; line-height: 26px; margin-top: .52vw; color: #eee;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab03{ width:100%; position:relative; z-index:1; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ab03 .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1;}
.ab03 .title .t01{ color:#fff; background-image: url("../images/title02.png")}
.ab03 .title .t02{ color:#be1d2c;}
.ab03 .box{ width:100%; position: relative; z-index: 3; display: flex;}
.ab03 .box .left{ width:60%; padding:5.2vw 5%; padding-bottom: 4.9479vw; box-sizing: border-box; float:left;}
.ab03 .box .left .bt{ font-size: 24px; line-height: 34px; font-weight: bold; color: #fff; margin-top: 1.5625vw;}
.ab03 .box .left .wen{ font-size: 15px; line-height: 25px; margin-top: 1.04vw; color: #eee;}
.ab03 .box .right{ width:40%; padding:4.9479vw 5%; padding-top: 2.8679vw; box-sizing: border-box; float:right; background-color: rgba(190,29,44,0.9);}
.ab03 .box .right .bt{ margin-top: 2.08vw; font-size: 24px; line-height: 34px; font-weight: bold; color: #fff;}
.ab03 .box .right .bt01{ font-size: 20px; line-height: 30px; margin-top: .52vw; color: #fff;}
.ab03 .box .right .wen{ font-size: 15px; line-height: 25px; margin-top: .52vw; color: #eee;}
}
@media only screen and (max-width:1023px){
.ab03{ width:100%; position:relative; z-index:1; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ab03 .bg{ width:100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1;}
.ab03 .title .t01{ color:#fff; background-image: url("../images/title02.png")}
.ab03 .title .t02{ color:#be1d2c;}
.ab03 .box{ width:100%; position: relative; z-index: 3;}
.ab03 .box .left{ width:100%; padding:40px 3%; padding-bottom: 35px; box-sizing: border-box; float:left;}
.ab03 .box .left .bt{ font-size: 18px; line-height: 28px; font-weight: bold; color: #fff; margin-top: 10px;}
.ab03 .box .left .wen{ font-size: 14px; line-height: 24px; margin-top: 5px; color: #eee;}
.ab03 .box .right{ width:100%; padding:35px 5%; padding-top: 15px; box-sizing: border-box; float:right; background-color: rgba(190,29,44,0.9);}
.ab03 .box .right .bt{ margin-top: 20px; font-size: 18px; line-height: 28px; font-weight: bold; color: #fff;}
.ab03 .box .right .bt01{ font-size: 16px; line-height: 26px; color: #fff;}
.ab03 .box .right .wen{ font-size: 14px; line-height: 24px; margin-top:5px; color: #eee;} 
}

@media screen and (min-width:1530px){
.ab04{ width:84%; padding:5.2vw 8%; padding-bottom: 4.9479vw; position:relative; z-index:1; background-color: #fff;}
.ab04 .box{ width:100%; position: relative; z-index: 3; margin-top:1.5625vw;}
.ab04 .box .left{ width:47.5%; float: left;}
.ab04 .box .right{ width:47.5%; float: right; display: flex; flex-direction: column-reverse;}
.ab04 .box .wen{ width: 100%; display: block; margin-top: -1.5625vw;}
.ab04 .box .wen dt{ display:block; padding-top: 1.5625vw; font-weight: bold; font-size: 24px; line-height: 34px; overflow: hidden;}
.ab04 .box .wen dd{ display:block; margin-top: 0.52vw; font-size: 16px; line-height: 26px; color: #666;}
.ab04 .box .tu{ width:100%; position: relative; z-index: 1;}
.ab04 .box .tu img{ width:100%; display: block;}
.ab04 .box .left .tu{ margin-top:1.82vw; margin-bottom: 5px;}
.ab04 .box .right .tu{ margin-bottom:1.82vw; margin-top: 5px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab04{ width:90%; padding:5.2vw 5%; padding-bottom: 4.9479vw; position:relative; z-index:1; background-color: #fff;}
.ab04 .box{ width:100%; position: relative; z-index: 3; margin-top:1.5625vw;}
.ab04 .box .left{ width:47.5%; float: left;}
.ab04 .box .right{ width:47.5%; float: right; display: flex; flex-direction: column-reverse;}
.ab04 .box .wen{ width: 100%; display: block; margin-top: -1.5625vw;}
.ab04 .box .wen dt{ display:block; padding-top: 1.5625vw; font-weight: bold; font-size: 20px; line-height: 30px; overflow: hidden;}
.ab04 .box .wen dd{ display:block; margin-top: 0.52vw; font-size: 15px; line-height: 25px; color: #666;}
.ab04 .box .tu{ width:100%; position: relative; z-index: 1;}
.ab04 .box .tu img{ width:100%; display: block;}
.ab04 .box .left .tu{ margin-top:1.82vw; margin-bottom: 5px;}
.ab04 .box .right .tu{ margin-bottom:1.82vw; margin-top: 5px;}
}
@media only screen and (max-width:1023px){
.ab04{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #fff;}
.ab04 .box{ width:100%; position: relative; z-index: 3;}
.ab04 .box .left{ width:100%; float: left;}
.ab04 .box .right{ width:100%; float: right; padding-top: 5px;}
.ab04 .box .wen{ width: 100%; display: block;}
.ab04 .box .wen dt{ display:block; padding-top:10px; font-weight: bold; font-size: 16px; line-height: 26px; overflow: hidden;}
.ab04 .box .wen dd{ display:block; font-size: 14px; line-height: 24px; color: #666;}
.ab04 .box .tu{ width:100%; position: relative; z-index: 1; margin-top:15px; }
.ab04 .box .tu img{ width:100%; display: block;}
}

/*关于我们*/
@media screen and (min-width:1530px){
.ab05{ width:84%; padding:5.2vw 8%; padding-bottom: 4.9479vw; position:relative; z-index:1; background-color: #fff;}
.ab05 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.ab05 .box .left{ width:45%; float: left; margin-bottom: 5px;}
.ab05 .box .left img{ width:100%; display: block;}
.ab05 .box .right{ width:50%; float: right;}
.ab05 .box .right .bt{ font-size: 30px; line-height: 40px; font-weight: bold;}
.ab05 .box .right .wen{ font-size: 16px; line-height: 30px; margin-top: 1.04vw;}
.ab05 .box .right .wen img{ max-width:100%; height: auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab05{ width:90%; padding:5.2vw 5%; padding-bottom: 4.9479vw; position:relative; z-index:1; background-color: #fff;}
.ab05 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.ab05 .box .left{ width:45%; float: left; margin-bottom: 5px;}
.ab05 .box .left img{ width:100%; display: block;}
.ab05 .box .right{ width:50%; float: right;}
.ab05 .box .right .bt{ font-size: 24px; line-height: 34px; font-weight: bold;}
.ab05 .box .right .wen{ font-size: 15px; line-height: 27px; margin-top: 1.04vw;}
.ab05 .box .right .wen img{ max-width:100%; height: auto !important;}
}
@media only screen and (max-width:1023px){
.ab05{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #fff;}
.ab05 .box{ width:100%; position: relative; z-index: 3;}
.ab05 .box .left{ width:100%; float: left; margin-top: 15px;}
.ab05 .box .left img{ width:100%; display: block;}
.ab05 .box .right{ width:100%; float: right;}
.ab05 .box .right .bt{ font-size: 18px; line-height: 28px; font-weight: bold; margin-top: 10px;}
.ab05 .box .right .wen{ font-size: 14px; line-height: 24px; margin-top: 5px;}
.ab05 .box .right .wen img{ max-width:100%; height: auto !important;} 
}

@media screen and (min-width:1530px){
.ab06{ width:84%; padding:5.2vw 8%; padding-bottom: 4.6875vw; position:relative; z-index:1; background-color: #f1f1f1;}
.ab06 .box{ width:100%; position: relative; z-index: 3;}
.ab06 .box .left{ width:45%; float: left;}
.ab06 .box .left .wen{ margin-top: 1.5625vw; font-size: 16px; line-height: 26px;}
.ab06 .box .right{ width:50%; float: right; margin-bottom: 5px;}
.ab06 .box .right img{ width:100%; display: block;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab06{ width:90%; padding:5.2vw 5%; padding-bottom: 4.6875vw; position:relative; z-index:1; background-color: #f1f1f1;}
.ab06 .box{ width:100%; position: relative; z-index: 3;}
.ab06 .box .left{ width:45%; float: left;}
.ab06 .box .left .wen{ margin-top: 1.5625vw; font-size: 15px; line-height: 25px;}
.ab06 .box .right{ width:50%; float: right; margin-bottom: 5px;}
.ab06 .box .right img{ width:100%; display: block;}
}
@media only screen and (max-width:1023px){
.ab06{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #f1f1f1;}
.ab06 .box{ width:100%; position: relative; z-index: 3;}
.ab06 .box .left{ width:100%; font-size: 14px; line-height: 24px; margin-top: 10px;}
.ab06 .box .right{ width:100%; margin-top: 15px;}
.ab06 .box .right img{ width:100%; display: block;} 
}

@media screen and (min-width:1530px){
.ab07{ width:84%; padding:5.2vw 8%; padding-bottom: 0; position:relative; z-index:1; background-color: #f1f1f1;}
.ab07 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.ab07 .box .swiper-container{ width:100%; overflow:hidden;}
.ab07 .box .swiper-container .swiper-slide{ width:31.25%;}
.ab07 .box .swiper-container .swiper-slide a{ width:100%; display:block; border-radius:15px; padding-top:62.5%; overflow:hidden; position:relative;}
.ab07 .box .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab07 .swiper-button-white{ width:46px; height:46px; position:absolute; bottom:5px; z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat;}
.ab07 .swiper-button-white:hover{ background-color:#be1d2c;}
.ab07 .swiper-button-prev{ right:46px; margin-right: 1.04vw; background-image:url(../images/prev.png);}
.ab07 .swiper-button-next{ right:0; background-image:url(../images/next.png);}
.ab07 .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ab07 .swiper-button-next:hover{ background-image:url(../images/next01.png);}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab07{ width:90%; padding:5.2vw 5%; padding-bottom: 0; position:relative; z-index:1; background-color: #f1f1f1;}
.ab07 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.ab07 .box .swiper-container{ width:100%; overflow:hidden;}
.ab07 .box .swiper-container .swiper-slide{ width:31.25%;}
.ab07 .box .swiper-container .swiper-slide a{ width:100%; display:block; border-radius:10px; padding-top:62.5%; overflow:hidden; position:relative;}
.ab07 .box .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab07 .swiper-button-white{ width:40px; height:40px; position:absolute; bottom:5px; z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat;}
.ab07 .swiper-button-white:hover{ background-color:#be1d2c;}
.ab07 .swiper-button-prev{ right:40px; margin-right: 1.04vw; background-image:url(../images/prev.png);}
.ab07 .swiper-button-next{ right:0; background-image:url(../images/next.png);}
.ab07 .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ab07 .swiper-button-next:hover{ background-image:url(../images/next01.png);}
}
@media only screen and (max-width:1023px){
.ab07{ width:94%; padding:40px 3%; padding-bottom: 0; position:relative; z-index:1; background-color: #f1f1f1;}
.ab07 .box{ width:100%; position: relative; z-index: 3; margin-top: 15px;}
.ab07 .box .swiper-container{ width:100%; overflow:hidden;}
.ab07 .box .swiper-container .swiper-slide{ width:100%;}
.ab07 .box .swiper-container .swiper-slide a{ width:100%; display:block; border-radius:5px; padding-top:62.5%; overflow:hidden; position:relative;}
.ab07 .box .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab07 .swiper-button-white{ width:34px; height:34px; position:absolute; bottom:5px; z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size: 100% auto;}
.ab07 .swiper-button-white:hover{ background-color:#be1d2c;}
.ab07 .swiper-button-prev{ right:44px; background-image:url(../images/prev.png);}
.ab07 .swiper-button-next{ right:0; background-image:url(../images/next.png);}
.ab07 .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ab07 .swiper-button-next:hover{ background-image:url(../images/next01.png);}
}

@media screen and (min-width:1530px){
.ab08{ width:84%; padding:5.2vw 8%; position:relative; z-index:1; background-color: #f1f1f1;}
.ab08 .box{ width:100%; position: relative; z-index: 3; display: flex; flex-wrap:wrap;}
.ab08 .box li{ width: 13%; display:flex; align-items:center; margin-top: 1.82vw; margin-left: 1.5%; background-color: #fff; overflow: hidden; border-radius: 10px;}
.ab08 .box li:nth-child(7n+1){ margin-left:0;}
.ab08 .box li img{ max-width: 100%; display: block; margin: auto;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ab08{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color: #f1f1f1;}
.ab08 .box{ width:100%; position: relative; z-index: 3; display: flex; flex-wrap:wrap;}
.ab08 .box li{ width: 13%; display:flex; align-items:center; margin-top: 1.82vw; margin-left: 1.5%; background-color: #fff; overflow: hidden; border-radius: 7px;}
.ab08 .box li:nth-child(7n+1){ margin-left:0;}
.ab08 .box li img{ max-width: 100%; display: block; margin: auto;}
}
@media only screen and (max-width:1023px){
.ab08{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #f1f1f1;}
.ab08 .box{ width:100%; position: relative; z-index: 3; display: flex; flex-wrap:wrap;}
.ab08 .box li{ width: 32%; display:flex; align-items:center; margin-top: 15px; margin-left: 2%; background-color: #fff; overflow: hidden; border-radius: 5px;}
.ab08 .box li:nth-child(3n+1){ margin-left:0;}
.ab08 .box li img{ max-width: 100%; display: block; margin: auto;}
}

/*产品中心*/
@media screen and (min-width:1530px){
.pro01{ width:84%; padding:5.2vw 8%; position:relative; z-index:1; background-color: #fff;}
.pro01 .icon{ height:60px; position: absolute; right: 0; top: 0;}
.pro01 .icon img{ display:block; height: 60px;}
.pro01 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.3vw;}
.pro01 .box .wen{ font-size: 16px; line-height: 36px;}
.pro01 .box .list { width: 100%; display: block; overflow: hidden;}
.pro01 .box .list li { width: 29.41%; display: block; float: left; margin-top: 1.5625vw; margin-left: 5.885%; }
.pro01 .box .list li:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.pro01 .box .list li .w01 { width: 100%; font-size: 20px; line-height: 30px; font-weight: bold; }
.pro01 .box .list li .w01 b { width: 10px; height: 10px; display: block; float: left; margin: 10px; margin-left: 0; background-color: #be1d2c; overflow: hidden; }
.pro01 .box .list li .w02 { width: 100%; font-size: 16px; line-height: 36px; margin-top: .52vw; color: #666;}
.pro01 .box .tu{ margin-top: 2.08vw;}
.pro01 .box .tu img{ max-width:100%; height: auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro01{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color: #fff;}
.pro01 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.3vw;}
.pro01 .box .wen{ font-size: 15px; line-height: 31px;}
.pro01 .box .list { width: 100%; display: block; overflow: hidden;}
.pro01 .box .list li { width: 29.41%; display: block; float: left; margin-top: 1.5625vw; margin-left: 5.885%; }
.pro01 .box .list li:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.pro01 .box .list li .w01 { width: 100%; font-size: 18px; line-height: 28px; font-weight: bold; }
.pro01 .box .list li .w01 b { width: 8px; height: 8px; display: block; float: left; margin: 10px 7px; margin-left: 0; background-color: #be1d2c; overflow: hidden; }
.pro01 .box .list li .w02 { width: 100%; font-size: 15px; line-height: 31px; margin-top: .52vw; color: #666;}
.pro01 .box .tu{ margin-top: 2.08vw;}
.pro01 .box .tu img{ max-width:100%; height: auto !important;}
}
@media only screen and (max-width:1023px){
.pro01{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #fff;}
.pro01 .box{ width:100%; position: relative; z-index: 3;}
.pro01 .box .wen{ font-size: 14px; line-height: 24px; margin-top: 10px;}
.pro01 .box .list { width: 100%; display: block; overflow: hidden;}
.pro01 .box .list li { width: 100%; display: block; float: left; margin-top: 10px;}
.pro01 .box .list li .w01 { width: 100%; font-size: 16px; line-height: 26px; font-weight: bold; }
.pro01 .box .list li .w01 b { width: 6px; height: 6px; display: block; float: left; margin: 10px 5px; margin-left: 0; background-color: #be1d2c; overflow: hidden; }
.pro01 .box .list li .w02 { width: 100%; font-size: 14px; line-height: 24px; color: #666;}
.pro01 .box .tu{ margin-top:25px;}
.pro01 .box .tu img{ max-width:100%; height: auto !important;} 
}

@media screen and (min-width:1530px){
.pro02{ width:100%; position:relative; z-index:1;}
.pro02 .box{ width:84%; position: relative; z-index: 3; padding:5.2vw 8%; background-color: #f1f1f1;}
.pro02 .box:nth-child(2n) { background-color: #fff;}
.pro02 .box .cont{ width:100%; margin-top: 1.82vw;}
.pro02 .box .left{ width:47.5%; float: left;}
.pro02 .box:nth-child(2n) .left{ float:right;}
.pro02 .box .left .list{ display: block; margin-top: -1.04vw;}
.pro02 .box .left .list li{ width: 10.75%; margin-top: 1.04vw; margin-left: 2%; display: block; float:left;}
.pro02 .box .left .list li:nth-child(8n+1) { clear: left; float: left; margin-left: 0; }
.pro02 .box .left .list li img{ width:100%; display: block;}
.pro02 .box .left .wen{ margin-top: 1.5625vw; font-size: 16px;}
.pro02 .box .left .wen img{ max-width:100%; height: auto !important;}
.pro02 .box .right{ width:47.5%; float: right;}
.pro02 .box:nth-child(2n) .right{ float:left;}
.pro02 .box .right img{ width:100%; display: block;}
table{ border-collapse: collapse; max-width: 100%; border: 1px solid #cacaca;}
table th,table td{ border: 1px solid #cacaca; font-size: 16px; padding:5px 10px; background-color: #fff; height: 28px;}
.pro02 .box .left .wen table{ margin-top:10px;}
.pro02 .box .left .wen table th,.pro02 .box .left .wen table td{ font-size: 15px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro02{ width:100%; position:relative; z-index:1;}
.pro02 .box{ width:90%; position: relative; z-index: 3; padding:5.2vw 5%; background-color: #f1f1f1;}
.pro02 .box:nth-child(2n) { background-color: #fff;}
.pro02 .box .cont{ width:100%; margin-top: 1.82vw;}
.pro02 .box .left{ width:47.5%; float: left;}
.pro02 .box:nth-child(2n) .left{ float:right;}
.pro02 .box .left .list{ display: block; margin-top: -1.04vw;}
.pro02 .box .left .list li{ width: 10.75%; margin-top: 1.04vw; margin-left: 2%; display: block; float:left;}
.pro02 .box .left .list li:nth-child(8n+1) { clear: left; float: left; margin-left: 0; }
.pro02 .box .left .list li img{ width:100%; display: block;}
.pro02 .box .left .wen{ margin-top: 1.5625vw; font-size: 15px;}
.pro02 .box .left .wen img{ max-width:100%; height: auto !important;}
.pro02 .box .right{ width:47.5%; float: right;}
.pro02 .box:nth-child(2n) .right{ float:left;}
.pro02 .box .right img{ width:100%; display: block;}
table{ border-collapse: collapse; max-width: 100%; border: 1px solid #cacaca;}
table th,table td{ border: 1px solid #cacaca; font-size: 15px; padding:4px 7px; background-color: #fff; height: 28px;}
.pro02 .box .left .wen table{ margin-top:7px;}
.pro02 .box .left .wen table th,.pro02 .box .left .wen table td{ font-size: 14px;}
}
@media only screen and (max-width:1023px){
.pro02{ width:100%; position:relative; z-index:1;}
.pro02 .box{ width:90%; position: relative; z-index: 3; padding:5.2vw 5%; background-color: #f1f1f1;}
.pro02 .box:nth-child(2n) { background-color: #fff;}
.pro02 .box .cont{ width:100%;}
.pro02 .box .left{ width:100%; float: left;}
.pro02 .box .left .list{ display: block;}
.pro02 .box .left .list li{ width: 22.75%; margin-top: 15px; margin-left: 3%; display: block; float:left;}
.pro02 .box .left .list li:nth-child(4n+1) { clear: left; float: left; margin-left: 0; }
.pro02 .box .left .list li img{ width:100%; display: block;}
.pro02 .box .left .wen{ margin-top:10px; font-size: 14px;}
.pro02 .box .left .wen img{ max-width:100%; height: auto !important;}
.pro02 .box .right{ width:100%; float: right; margin-top: 20px;}
.pro02 .box .right img{ width:100%; display: block;}
table{ border-collapse: collapse; max-width: 100%; border: 1px solid #cacaca;}
table th,table td{ border: 1px solid #cacaca; font-size: 14px; padding:2px 4px; background-color: #fff; height: 30px;}
.pro02 .box .left .wen table{ margin-top:4px;}
.pro02 .box .left .wen table th,.pro02 .box .left .wen table td{ font-size: 13px;}
}

@media screen and (min-width:1530px){
.pro03{ width:84%; padding:5.2vw 8%; position:relative; z-index:1; background-color: #fff;}
.pro03 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.pro03 .box .swiper-container{ width:100%; z-index:9;}
.pro03 .box .swiper-slide{ width:100%;}
.pro03 .box .swiper-slide img{ width:100%; display:block;}
.pro03 .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.pro03 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#be1d2c;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro03{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color: #fff;}
.pro03 .box{ width:100%; position: relative; z-index: 3; margin-top: 1.82vw;}
.pro03 .box .swiper-container{ width:100%; z-index:9;}
.pro03 .box .swiper-slide{ width:100%;}
.pro03 .box .swiper-slide img{ width:100%; display:block;}
.pro03 .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.pro03 .swiper-pagination span{ width:8px; height:8px; display:block; margin:0 4px; cursor:pointer; border-radius:10px; background-color:#999;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#be1d2c;}
}
@media only screen and (max-width:1023px){
.pro03{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #fff;}
.pro03 .box{ width:100%; position: relative; z-index: 3; margin-top: 15px;}
.pro03 .box .swiper-container{ width:100%; z-index:9;}
.pro03 .box .swiper-slide{ width:100%;}
.pro03 .box .swiper-slide img{ width:100%; display:block;}
.pro03 .swiper-pagination{ width:100%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center;}
.pro03 .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 3px; cursor:pointer; border-radius:10px; background-color:#999;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#be1d2c;}
}

/*新闻中心*/
@media screen and (min-width:1530px){
.main{ width:84%; padding:5.2vw 8%; position:relative; z-index:1; background-color: #fff;}
.main .news{ width:100%; display:block; margin-top:-0.26vw;}
.main .news li{ width:31.52%; margin-top:2.08vw; margin-left:2.72%; float:left; display:block;}
.main .news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:69%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:1.3vw; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:16px; line-height:28px; height:28px;}
.main .news li .wen .w02{ margin-top:0.4167vw;}
.main .news li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#be1d2c;}
.main .news li .wen .w03{ margin-top:0.4167vw; font-size:16px; line-height:30px; height:60px; color:#666;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#be1d2c;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#be1d2c;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.main{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color: #fff;}
.main .news{ width:100%; display:block; margin-top:-0.26vw;}
.main .news li{ width:31.52%; margin-top:2.08vw; margin-left:2.72%; float:left; display:block;}
.main .news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:69%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover  .tu aimg{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:1.3vw; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:16px; line-height:28px; height:28px;}
.main .news li .wen .w02{ margin-top:0.4167vw;}
.main .news li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#be1d2c;}
.main .news li .wen .w03{ margin-top:0.4167vw; font-size:15px; line-height:27px; height:54px; color:#666;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:36px; height:36px; line-height:36px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:36px; height:36px; line-height:36px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#be1d2c;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#be1d2c;}
}
@media only screen and (max-width:1023px){
.main{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color: #fff;}
.main .news{ width:100%; display:block; margin-top:-5px;}
.main .news li{ width:100%; margin-top:20px;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:69%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:15px; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:14px; line-height:22px; height:22px;}
.main .news li .wen .w02{ width:100%;}
.main .news li .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#be1d2c;}
.main .news li .wen .w03{ font-size:14px; line-height:24px; height:48px; color:#666;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ width:32px; height:32px; line-height:32px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:32px; height:32px; line-height:32px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#be1d2c;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#be1d2c;}
}

/*文章页*/
@media screen and (min-width:1530px){
.ny{ width:84%; padding:4.9479vw 8%; position:relative; z-index:1; background-color:#fff;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:16px; line-height:26px; height:26px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:16px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#be1d2c;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:16px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#be1d2c;}

.ny .rbar{ width:20.83%; border:1px solid #eee; border-top:2px solid #be1d2c; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#be1d2c;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ny{ width:90%; padding:4.9479vw 5%; position:relative; z-index:1; background-color:#fff;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:15px; line-height:25px; height:25px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:15px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#be1d2c;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:15px; height:25px; line-height:25px;}
.ny .lbar .back span a:hover{ color:#be1d2c;}

.ny .rbar{ width:21.83%; border:1px solid #eee; border-top:2px solid #be1d2c; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#be1d2c;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; padding:35px 3%; position:relative; z-index:1; background-color:#fff;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#be1d2c;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#be1d2c;}

.ny .rbar{ display:none;}
}

/*电子质保*/
@media screen and (min-width:1530px){
.main .dz{ width:100%; margin-top: 1.5625vw;}
.main .dz .left{ width:40%; float: left;}
.main .dz .left .wen{ font-size: 16px; line-height: 26px;}
.main .dz .left .ss{ margin-top:1.5625vw;}
.main .dz .left .ss p{ display:block; padding: 0 1.04vw; border: 2px solid #ddd; max-width: 500px;}
.main .dz .left .ss p input{ width:100%; font-size: 16px; line-height: 42px; display: block;}
.main .dz .left .ss a{ margin-top:1.5625vw; display: block;}
.main .dz .left .ss a input{ width:146px; line-height:42px; display: block; font-size:16px; color:#be1d2c; border: 2px solid #be1d2c; text-align: center; overflow:hidden; background-color: #fff; cursor: pointer;}
.main .dz .left .ss a input:hover{ background-color: #be1d2c; color: #fff;}
.main .dz .right{ width:55%; float: right;}
.main .dz .right li{ display:flex; flex-wrap:wrap;}
.main .dz .right li:nth-child(5n+1){ margin-top: 1.5625vw; padding-top: calc(1.5625vw - 5px); border-top: 1px solid #ddd;}
.main .dz .right li:nth-child(1){ margin-top:0; padding-top:0; border-top:none;}
.main .dz .right li span { width: 20%; line-height: 26px; background: #f1f1f1; font-size: 16px; color: #333; margin-top: 5px; padding:10px 15px; box-sizing: border-box; display: flex; align-items:center;}
.main .dz .right li p{ width: 30%; line-height: 26px; background: #fff; font-size: 16px; color: #333; margin-top: 5px; padding: 10px 15px; box-sizing: border-box; display: flex; align-items:center;}
.main .dz .right li p img{ max-width:100%; max-height:150px;}
.main .dz .right li:nth-child(5n) span{ width: 20%;}
.main .dz .right li:nth-child(5n) p{ width: 80%;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.main .dz{ width:100%; margin-top: 1.5625vw;}
.main .dz .left{ width:40%; float: left;}
.main .dz .left .wen{ font-size: 15px; line-height: 25px;}
.main .dz .left .ss{ margin-top:1.5625vw;}
.main .dz .left .ss p{ display:block; padding: 0 1.04vw; border: 2px solid #ddd; max-width: 500px;}
.main .dz .left .ss p input{ width:100%; font-size: 15px; line-height: 39px; display: block;}
.main .dz .left .ss a{ margin-top:1.5625vw; display: block;}
.main .dz .left .ss a input{ width:126px; line-height:39px; display: block; font-size:15px; color:#be1d2c; border: 2px solid #be1d2c; text-align: center; overflow:hidden; background-color: #fff;}
.main .dz .left .ss a input:hover{ background-color: #be1d2c; color: #fff;}
.main .dz .right{ width:55%; float: right;}
.main .dz .right li{ display:flex; flex-wrap:wrap;}
.main .dz .right li:nth-child(5n+1){ margin-top: 1.5625vw; padding-top: calc(1.5625vw - 5px); border-top: 1px solid #ddd;}
.main .dz .right li:nth-child(1){ margin-top:0; padding-top:0; border-top:none;}
.main .dz .right li span { width: 20%; line-height: 25px; background: #f1f1f1; font-size: 15px; color: #333; margin-top: 5px; padding:10px 15px; box-sizing: border-box; display: flex; align-items:center;}
.main .dz .right li p{ width: 30%; line-height: 25px; background: #fff; font-size: 15px; color: #333; margin-top: 5px; padding: 10px 15px; box-sizing: border-box; display: flex; align-items:center;}
.main .dz .right li p img{ max-width:100%; max-height:150px;}
.main .dz .right li:nth-child(5n) span{ width: 20%;}
.main .dz .right li:nth-child(5n) p{ width: 80%;}
}
@media only screen and (max-width:1023px){
.main .dz{ width:100%; margin-top: 10px;}
.main .dz .left{ width:100%; float: left;}
.main .dz .left .wen{ font-size: 14px; line-height: 24px;}
.main .dz .left .ss{ margin-top:1.5625vw;}
.main .dz .left .ss p{ display:block; padding: 0 15px; border: 1px solid #ddd; max-width: 500px;}
.main .dz .left .ss p input{ width:100%; font-size: 14px; line-height: 34px; display: block;}
.main .dz .left .ss a{ margin-top:20px; display: block;}
.main .dz .left .ss a input{ width:106px; line-height:34px; display: block; font-size:14px; color:#be1d2c; border: 1px solid #be1d2c; text-align: center; overflow:hidden; background-color: #fff;}
.main .dz .left .ss a input:hover{ background-color: #be1d2c; color: #fff;}
.main .dz .right{ width:100%; float: right; margin-top: 20px;}
.main .dz .right li{ display:flex; flex-wrap:wrap;}
.main .dz .right li:nth-child(5n+1){ margin-top: 20px; padding-top: 15px; border-top: 1px solid #ddd;}
.main .dz .right li:nth-child(1){ margin-top:0; padding-top:0; border-top:none;}
.main .dz .right li span { width: 40%; line-height: 24px; background: #f1f1f1; font-size: 14px; color: #333; margin-top: 5px; padding:10px 15px; box-sizing: border-box; display: flex; align-items:center;}
.main .dz .right li p{ width: 60%; line-height: 24px; background: #fff; font-size: 14px; color: #333; margin-top: 5px; padding: 10px 15px; box-sizing: border-box; display: flex; align-items:center;}
.main .dz .right li p img{ max-width:100%; max-height:150px;}
}

/*联系我们*/
@media screen and (min-width:1530px){
.main .lx{ width:100%; margin-top: 1.82vw; position:relative; z-index:3; display: flex;}
.main .lx .left{ width:47.5%;}
.main .lx .left #map{ width:100%; height:100%;}
.main .lx .left img{ width:100%; height:100%; object-fit:cover; display: block;}
.main .lx .right{ width:46.875%; margin-left:5.625%;}
.main .lx .right dl{ display:block; overflow:hidden; margin-top:-1.5625vw;}
.main .lx .right dl dt{ margin-top:1.5625vw; overflow:hidden; display:flex; align-items:center;}
.main .lx .right dl dt strong{ width:50px;}
.main .lx .right dl dt strong img{ width:50px; display:block;}
.main .lx .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx .right dl dd{ margin-top:1.5625vw; overflow:hidden; display:block;}
.main .lx .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx .right dl dd p{ display:flex; align-items:center; margin:10px 0;}
.main .lx .right dl dd strong{ width:120px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx .right dl dd strong img{ width:100%; display:block;}
.main .lx .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.main .lx{ width:100%; margin-top: 1.82vw; position:relative; z-index:3; display: flex;}
.main .lx .left{ width:48%;}
.main .lx .left #map{ width:100%; height:100%;}
.main .lx .left img{ width:100%; height:100%; object-fit:cover; display: block;}
.main .lx .right{ width:49%; margin-left:3%;}
.main .lx .right dl{ display:block; overflow:hidden; margin-top:-1.5625vw;}
.main .lx .right dl dt{ margin-top:1.5625vw; overflow:hidden; display:flex; align-items:center;}
.main .lx .right dl dt strong{ width:50px;}
.main .lx .right dl dt strong img{ width:50px; display:block;}
.main .lx .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx .right dl dd{ margin-top:1.5625vw; overflow:hidden; display:block;}
.main .lx .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx .right dl dd p{ display:flex; align-items:center; margin:5px 0;}
.main .lx .right dl dd strong{ width:100px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx .right dl dd strong img{ width:100%; display:block;}
.main .lx .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media only screen and (max-width:1023px){
.main .lx{ width:100%; position:relative; margin-top: 15px; z-index:3;}
.main .lx .left{ width:100%;}
.main .lx .left #map{ width:100%; height:260px;}
.main .lx .left img{ width:100%; display: block;}
.main .lx .right{ width:100%;}
.main .lx .right dl{ display:block; overflow:hidden;}
.main .lx .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.main .lx .right dl dt strong{ width:50px;}
.main .lx .right dl dt strong img{ width:50px; display:block;}
.main .lx .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.main .lx .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.main .lx .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx .right dl dd p{ display:flex; align-items:center; margin-top:5px;}
.main .lx .right dl dd strong{ width:80px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx .right dl dd strong img{ width:100%; display:block;}
.main .lx .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}
@media screen and (min-width:1530px){
.main .lx02{ width:100%; margin:auto; padding-top:5px;}
.main .lx02 .left{ width:47.5%; float:left;}
.main .lx02 .right{ width:47.5%; float:right;}
.main .lx02 p{ width:100%; height:50px; line-height:50px; border-radius:46px; background-color:#fff; margin-top:30px; overflow:hidden; display:block; padding:0 30px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:16px; line-height:50px; height:50px; display:block; background-color:transparent;}
.main .lx02 p select{ width:100%; font-size:16px; line-height:50px; height:50px; display:block; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.main .lx02 span{ width:100%; background-color:#fff; border-radius:15px; overflow:hidden; display:block; margin-top:30px;}
.main .lx02 span textarea{ width:100%; height:130px; display:block; padding:12px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:50px;}
.main .lx02 .sub input{ display:block; width:15%; margin:auto; text-align:center; line-height:56px; color:#fff; font-size:18px; height:56px; border-radius:56px; background:#be1d2c; cursor:pointer;}
.main .lx02 .sub input:hover{ opacity: .85;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.main .lx02{ width:100%; margin:auto; padding-top:5px;}
.main .lx02 .left{ width:48.5%; float:left;}
.main .lx02 .right{ width:48.5%; float:right;}
.main .lx02 p{ width:100%; height:46px; line-height:46px; border-radius:46px; background-color:#fff; margin-top:20px; overflow:hidden; display:block; padding:0 20px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.main .lx02 p select{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.main .lx02 span{ width:100%; background-color:#fff; border-radius:10px; overflow:hidden; display:block; margin-top:20px;}
.main .lx02 span textarea{ width:100%; height:112px; display:block; padding:10px 20px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:30px;}
.main .lx02 .sub input{ display:block; width:15%; margin:auto; text-align:center; line-height:56px; color:#fff; font-size:16px; height:46px; border-radius:46px; background:#be1d2c; cursor:pointer;}
.main .lx02 .sub input:hover{ opacity: .85;}
}

@media only screen and (max-width: 1023px){
.main .lx02{ width:100%; margin:auto;}
.main .lx02 .left{ width:100%; float:left;}
.main .lx02 .right{ width:100%; float:right;}
.main .lx02 p{ width:100%; height:40px; line-height:40px; border-radius:40px; background-color:#fff; margin-top:15px; overflow:hidden; display:block; padding:0 15px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:14px; line-height:40px; height:40px; display:block; background-color:transparent;}
.main .lx02 p select{ width:100%; font-size:14px; line-height:40px; height:40px; display:block; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.main .lx02 span{ width:100%; background-color:#fff; border-radius:10px; overflow:hidden; display:block; margin-top:15px;}
.main .lx02 span textarea{ width:100%; height:136px; display:block; padding:8px 15px; box-sizing:border-box; font-size:14px; line-height:24px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:15px;}
.main .lx02 .sub input{ display:block; width:120px; margin:auto; text-align:center; line-height:40px; color:#fff; font-size:14px; height:40px; border-radius:40px; background:#be1d2c; cursor:pointer;}
.main .lx02 .sub input:hover{ opacity: .85;}
}

@media screen and (min-width:1530px){
.war{ width:84%; max-width: 1200px; margin:5.2vw auto; position:relative; z-index:1; background-color: #fff; position: relative;}
.war .w01{ font-size: 30px; line-height: 40px; font-family: '宋体'; font-weight: bold; text-align: center;}
.war .w02 table{ border-collapse: collapse; max-width: 100%; border: 1px solid #ddd; margin-top: 1.04vw;}
.war .w02 table th { border: 1px solid #ddd; font-size: 16px; padding: 10px 20px; background-color: #f7f7f7; text-align: left;}
.war .w02 table td { border: 1px solid #ddd; font-size: 16px; padding: 10px 20px; word-break: break-all;}
.war .w03{ position: absolute; right:1.04vw; top: 10px;}
.war .w03 img{ display:block; height: 7.8125vw; min-height: 150px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.war{ width:90%; max-width: 1200px; margin:5.2vw auto; position:relative; z-index:1; background-color: #fff;}
.war .w01{ font-size: 24px; line-height: 34px; font-family: '宋体'; font-weight: bold; text-align: center;}
.war .w02 table{ border-collapse: collapse; max-width: 100%; border: 1px solid #ddd; margin-top: 1.04vw;}
.war .w02 table th { border: 1px solid #ddd; font-size: 15px; padding: 7px 14px; background-color: #f7f7f7; text-align: left;}
.war .w02 table td { border: 1px solid #ddd; font-size: 15px; padding: 7px 14px; word-break: break-all;}
.war .w03{ position: absolute; right:1.04vw; top: 10px;}
.war .w03 img{ display:block; height: 7.8125w; min-height: 120px;}
}
@media only screen and (max-width:1023px){
.war{ width:94%; margin:40px 3%; position:relative; z-index:1; background-color: #fff;}
.war{ width:90%; max-width: 1200px; margin:5.2vw auto; position:relative; z-index:1; background-color: #fff;}
.war .w01{ font-size: 18px; line-height: 28px; font-family: '宋体'; font-weight: bold; text-align: center;}
.war .w02 table{ border-collapse: collapse; max-width: 100%; border: 1px solid #ddd; margin-top: 10px;}
.war .w02 table th { border: 1px solid #ddd; font-size: 14px; padding: 4px 8px; background-color: #f7f7f7; text-align: left;}
.war .w02 table td { border: 1px solid #ddd; font-size: 14px; padding: 4px 8px; word-break: break-all;}
.war .w03{ position: absolute; right:1.04vw; top: 10px;}
.war .w03 img{ display:block; height: 90px;}
}