@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select,input[type=text] {
  -webkit-appearance: none; /* 清除iOS默认样式 */
  -moz-appearance: none;    /* 清除Firefox默认样式 */
  appearance: none;         /* 标准语法 */
  background-color: transparent; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1600px){
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .head{ width:83.33%; margin:auto; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:42px; padding:29px 0; float:left;}
.header .head .logo img{ display:block; height:42px;}
.header .head .logo img.img02{ display:none;}
.header .head .ma{ float:right; padding:32px 0; position:relative;}
.header .head .ma span{ width:36px; height:36px; display:block; border-radius:100%; background-color:#e61929; overflow:hidden; cursor:pointer;}
.header .head .ma span:hover{ opacity:.8;}
.header .head .ma span img{ display:block; height:16px; margin:10px auto;}
.header .head .ma p{ width:100px; position:absolute; left:50%; margin-left:-70px; top:100px; background-color:rgba(255,255,255,.9); display:none; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 20px; text-align:center; font-size:14px; line-height:24px;}
.header .head .tel{ float:right; padding:32px 1.5625vw; padding-left:1vw; overflow:hidden;}
.header .head .tel span{ width:36px; height:36px; display:block; border-radius:100%; background-color:#333; overflow:hidden; cursor:pointer; float:left;}
.header .head .tel span img{ display:block; height:16px; margin:10px auto;}
.header .head .tel b{ height:36px; line-height:36px; font-size:18px; display:block; border-radius:36px; padding:0 1.25vw; background-color:#333; color:#fff; overflow:hidden; cursor:pointer; float:left; margin-left:.52vw;}

.header .head .nav{ display:block; float:right; height:100px; position:relative; z-index:1;}
.header .head .nav li{ display:flex; align-items:center; float:left; margin-right:2.6vw; height:100%; position:relative; z-index:1;}
.header .head .nav li a{ display:block; font-size:16px; color:#333;}
.header .head .nav li.on:before,.header .head .nav li:hover:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:29px; background:#e61929; overflow:hidden; content:'';}
.header .head .nav li.on>a,.header .head .nav li:hover>a{ color:#e61929;}
.header .head .nav li p{ width:100px; position:absolute; left:50%; margin-left:-70px; 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-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 20px; text-align:center;}
.header .head .nav li p a{ display:block; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#333;}
.header .head .nav li p a:hover{ color:#e61929;}
.header .head .nav li:hover{ z-index:9;}
.header .head .nav li:hover p{ top:100%; opacity:1; height:auto;}

/*微信二维码弹窗*/
.weixin{ position:fixed; padding:70px; box-sizing:border-box; z-index:100000; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border:1px solid #ddd; border-radius:6px; box-shadow:1px 1px 2px #aaa; display:none; background-color:#fff;}
.weixin.open{ display:block;}
.weixin .close{ position:absolute; width:16px; height:16px; right:20px; top:20px; cursor:pointer; z-index:2;}
.weixin .close img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.weixin .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.weixin .img{ width:160px; margin:auto; text-align:center; overflow:hidden; position:relative; padding:10px;}
.weixin .img .w01{ width:30px; height:30px; position:absolute; left:0; top:0;}
.weixin .img .w01:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; left:0; top:0;}
.weixin .img .w01:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; left:0; top:0;}
.weixin .img .w02{ width:30px; height:30px; position:absolute; right:0; top:0;}
.weixin .img .w02:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; right:0; top:0;}
.weixin .img .w02:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; right:0; top:0;}
.weixin .img .w03{ width:30px; height:30px; position:absolute; left:0; bottom:0;}
.weixin .img .w03:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; left:0; bottom:0;}
.weixin .img .w03:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; left:0; bottom:0;}
.weixin .img .w04{ width:30px; height:30px; position:absolute; right:0; bottom:0;}
.weixin .img .w04:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; right:0; bottom:0;}
.weixin .img .w04:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; right:0; bottom:0;}
.weixin .img .w05{ width:160px;}
.weixin .img .w05 img{ width:100%; display:block;}
.weixin .wen{ margin-top:20px; width:180px; text-align:center; line-height:40px; height:40px; background-color:#eee;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .head{ width:90%; margin:auto; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:42px; padding:19px 0; float:left;}
.header .head .logo img{ display:block; height:42px;}
.header .head .logo img.img02{ display:none;}
.header .head .ma{ float:right; padding:22px 0;}
.header .head .ma span{ width:36px; height:36px; display:block; border-radius:100%; background-color:#e61929; overflow:hidden; cursor:pointer;}
.header .head .ma span:hover{ opacity:.8;}
.header .head .ma span img{ display:block; height:16px; margin:10px auto;}
.header .head .ma p{ width:100px; position:absolute; left:50%; margin-left:-70px; top:80px; background-color:rgba(255,255,255,.9); display:none; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 20px; text-align:center; font-size:14px; line-height:24px;}
.header .head .tel{ float:right; padding:22px 1.5625vw; padding-left:1vw; overflow:hidden;}
.header .head .tel span{ width:36px; height:36px; display:block; border-radius:100%; background-color:#333; overflow:hidden; cursor:pointer; float:left;}
.header .head .tel span img{ display:block; height:16px; margin:10px auto;}
.header .head .tel b{ height:36px; line-height:36px; font-size:17px; display:block; border-radius:36px; padding:0 1.25vw; background-color:#333; color:#fff; overflow:hidden; cursor:pointer; float:left; margin-left:.52vw;}

.header .head .nav{ display:block; float:right; height:80px; position:relative; z-index:1;}
.header .head .nav li{ display:flex; align-items:center; float:left; margin-right:2.6vw; height:100%; position:relative; z-index:1;}
.header .head .nav li a{ display:block; font-size:16px; color:#333;}
.header .head .nav li.on:before,.header .head .nav li:hover:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:20px; background:#e61929; overflow:hidden; content:'';}
.header .head .nav li.on>a,.header .head .nav li:hover>a{ color:#e61929;}
.header .head .nav li p{ width:100px; position:absolute; left:50%; margin-left:-70px; 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-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 20px; text-align:center;}
.header .head .nav li p a{ display:block; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#333;}
.header .head .nav li p a:hover{ color:#e61929;}
.header .head .nav li:hover{ z-index:9;}
.header .head .nav li:hover p{ top:100%; opacity:1; height:auto;}

/*微信二维码弹窗*/
.weixin{ position:fixed; padding:70px; box-sizing:border-box; z-index:100000; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border:1px solid #ddd; border-radius:6px; box-shadow:1px 1px 2px #aaa; display:none; background-color:#fff;}
.weixin.open{ display:block;}
.weixin .close{ position:absolute; width:16px; height:16px; right:20px; top:20px; cursor:pointer; z-index:2;}
.weixin .close img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.weixin .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.weixin .img{ width:160px; margin:auto; text-align:center; overflow:hidden; position:relative; padding:10px;}
.weixin .img .w01{ width:30px; height:30px; position:absolute; left:0; top:0;}
.weixin .img .w01:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; left:0; top:0;}
.weixin .img .w01:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; left:0; top:0;}
.weixin .img .w02{ width:30px; height:30px; position:absolute; right:0; top:0;}
.weixin .img .w02:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; right:0; top:0;}
.weixin .img .w02:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; right:0; top:0;}
.weixin .img .w03{ width:30px; height:30px; position:absolute; left:0; bottom:0;}
.weixin .img .w03:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; left:0; bottom:0;}
.weixin .img .w03:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; left:0; bottom:0;}
.weixin .img .w04{ width:30px; height:30px; position:absolute; right:0; bottom:0;}
.weixin .img .w04:before{ width:100%; height:2px; background-color:#333; display:block; content:''; position:absolute; right:0; bottom:0;}
.weixin .img .w04:after{ height:100%; width:2px; background-color:#333; display:block; content:''; position:absolute; right:0; bottom:0;}
.weixin .img .w05{ width:160px;}
.weixin .img .w05 img{ width:100%; display:block;}
.weixin .wen{ margin-top:20px; width:180px; text-align:center; line-height:40px; height:40px; background-color:#eee;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header .head .logo{ height:40px; padding:20px 0;}
.header .head .logo img{ height:40px;}
.header .head .tel b{ font-size:14px;}
.header .head .ma{ float:right; padding:23px 0;}
.header .head .ma span{ width:34px; height:34px;}
.header .head .ma span img{ margin:9px auto;}
.header .head .tel{ padding:23px 1.5625vw; padding-left:1vw;}
.header .head .tel span{ width:34px; height:34px;}
.header .head .tel span img{ height:16px; margin:9px auto;}
.header .head .tel b{ height:34px; line-height:34px; font-size:16px;}
.header .head .nav li{ margin-right:2.3vw;}
.header .head .nav li>a{ font-size:15px;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .thead{ display:none;}
.header .head{ width:100%; height:60px;}
.header .head .hamburger{ height:22px; width:16px; border-radius:100%; background-color:#e61929; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:12px 3%; padding:7px 10px;}
.header .head .hamburger .h-bar{ 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 .hamburger.open-menu .h-bar{ margin-left:7px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .head .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.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 .ma{ display:none;}
.header .head .tel{ float:right; margin:12px 0; overflow:hidden;}
.header .head .tel span{ width:36px; height:36px; display:block; border-radius:100%; background-color:#333; overflow:hidden; cursor:pointer; float:left; position:relative;}
.header .head .tel span a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:9;}
.header .head .tel span img{ display:block; height:16px; margin:10px auto; position:relative; z-index:1;}
.header .head .tel b{ display:none;}

.header .head .nav{ background-color:#fff; 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-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .head .nav li{ width:100%; display:block; overflow:hidden; border-top:1px solid #ddd; position:relative;}
.header .head .nav li: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 li 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 li b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .head .nav li.active b::after{ transform:rotateZ(135deg);}
.header .head .nav li.active>a{ color:#e61929;}
.header .head .nav li p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .head .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#666; overflow:hidden;}
.header .head .nav li p a:hover{ color:#e61929;}

/*微信二维码弹窗*/
.weixin{ display:none;}
}

/*banner*/
@media screen and (min-width:1600px){
.banner{ width:100%; position:relative; z-index:1; border-top:100px solid #fff;}
.banner .swiper-slide{ width:100%; height:44.27vw; max-height:calc(100vh - 100px); position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide img.mobile{ display:none;}

.banner .swiper-pagination{ position:absolute; bottom:50px; left:8.335%; z-index:9;}
.banner .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin-right:20px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.banner .swi{ position:absolute; bottom:50px; right:8.335%; z-index:9;}
.banner .swiper-button-white{ width:38px; height:38px; float:left; cursor:pointer; border:1px solid rgba(255,255,255,.3); border-radius:100%; background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-white:hover{ background-color:#e61929; border:1px solid #e61929;}
.banner .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swiper-button-next{ background-image:url(../images/next.png); margin-left:20px;}

.banner .down{ position:absolute; left:50%; bottom:50px; text-align:center; transform:translateX(-50%); z-index:3; cursor:pointer; transition:all 0.5s; opacity:.5;}
.banner .down img{ display:block; width:20px;}
.banner .down:hover{ opacity:1; transform:translateX(-50%) translateY(20px);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.banner{ width:100%; position:relative; z-index:1; border-top:80px solid #fff;}
.banner .swiper-slide{ width:100%; height:46vw; max-height:calc(100vh - 80px); position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide img.mobile{ display:none;}

.banner .swiper-pagination{ position:absolute; bottom:35px; left:5%; z-index:9;}
.banner .swiper-pagination span{ width:8px; height:20px; display:block; float:left; margin-right:20px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-image:url(../images/bn01.png);}
.banner .swi{ position:absolute; bottom:35px; right:5%; z-index:9;}
.banner .swiper-button-white{ width:36px; height:36px; float:left; cursor:pointer; border:1px solid rgba(255,255,255,.3); border-radius:100%; background-position:center; background-repeat:no-repeat;}
.banner .swiper-button-white:hover{ background-color:#e61929; border:1px solid #e61929;}
.banner .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swiper-button-next{ background-image:url(../images/next.png); margin-left:20px;}

.banner .down{ position:absolute; left:50%; bottom:35px; text-align:center; transform:translateX(-50%); z-index:3; cursor:pointer; transition:all 0.5s; opacity:.5;}
.banner .down img{ display:block; width:20px;}
.banner .down:hover{ opacity:1; transform:translateX(-50%) translateY(20px);}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.pc{ display:none;}

.banner .swiper-pagination{ position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:8px; height:8px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); border-radius:100%; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#e61929;}
.banner .swi{ display:none;}

.banner .down{ display:none;}
}

/*關於我們*/
@media screen and (min-width:1600px){
.index{ width:100%; position:relative; z-index:1; top:-100px; left:0;}
.title{ width:100%; position:relative; z-index:3;}
.title .en{ font-size:50px; line-height:60px; text-transform:uppercase; color:#333; font-weight:bold;}
.title .cn{ font-size:30px; line-height:40px; color:#333; margin-top:3px;}
.title .line{ width:40px; height:4px; background-color:#e61929; margin-top:13px;}
.title .wz{ width:57.5%; font-size:16px; line-height:30px; max-height:90px; position:absolute; right:0; top:50%; transform:translateY(-50%); padding-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.index{ width:100%; position:relative; z-index:1; top:-80px; left:0;}
.title{ width:100%; position:relative; z-index:3;}
.title .en{ font-size:40px; line-height:42px; text-transform:uppercase; color:#333; font-weight:bold;}
.title .cn{ font-size:24px; line-height:34px; color:#333; margin-top:6px;}
.title .line{ width:30px; height:3px; background-color:#e61929; margin-top:10px;}
.title .wz{ width:58.5%; font-size:15px; line-height:25px; max-height:75px; position:absolute; right:0; top:50%; transform:translateY(-50%); padding-top:5px;}
}
@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;}
.title .en{ font-size:30px; line-height:34px; text-transform:uppercase; color:#333; font-weight:bold;}
.title .cn{ font-size:20px; line-height:30px; color:#333; margin-top:1px;}
.title .line{ width:20px; height:2px; background-color:#e61929; margin-top:8px;}
.title .wz{ width:100%; font-size:14px; line-height:24px; max-height:72px; padding-top:10px;}
}

@media screen and (min-width:1600px){
.abox{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#fff; background-position:left bottom; background-repeat:no-repeat; background-size:43.75% auto;}
.abox .left{ width:37.5%; float:left;}
.abox .left .w01{ font-size:26px; line-height:36px; font-weight:bold; letter-spacing:4px; margin-top:45px;}
.abox .left .w02{ width:100%; display:flex; flex-wrap:wrap;}
.abox .left .w02 li{ width:50%; margin-top:40px;}
.abox .left .w02 li b{ display:block; font-size:40px; line-height:42px;}
.abox .left .w02 li p{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
.abox .right{ width:57.5%; float:right; padding-top:10px;}
.abox .right .w01{ font-size:16px; line-height:36px;}
.abox .right .w02{ width:100%; margin-top:40px;}
.abox .right .w02 img{ width:100%; display:block;}
.abox .more{ margin-top:65px;}
.abox .right .more{ display:none;}
.abox .more a{ display:block; float:left; background-color:#e61929; width:160px; height:40px; line-height:40px; position:relative; border-radius:40px; overflow:hidden; text-indent:20px; font-size:16px; color:#fff;}
.abox .more a b{ width:20px; height:20px; border-radius:100%; position:absolute; right:10px; top:10px; background-color:#fff; overflow:hidden; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat;}
.abox .more a:hover{ background-color:#333;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.abox{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff; background-position:left bottom; background-repeat:no-repeat; background-size:43.75% auto;}
.abox .left{ width:38.5%; float:left;}
.abox .left .w01{ font-size:22px; line-height:32px; font-weight:bold; letter-spacing:2px; margin-top:30px;}
.abox .left .w02{ width:100%; display:flex; flex-wrap:wrap;}
.abox .left .w02 li{ width:50%; margin-top:25px;}
.abox .left .w02 li b{ display:block; font-size:36px; line-height:40px;}
.abox .left .w02 li p{ display:block; font-size:15px; line-height:25px; margin-top:3px;}
.abox .right{ width:58.5%; float:right; padding-top:3px;}
.abox .right .w01{ font-size:15px; line-height:29px;}
.abox .right .w02{ width:100%; margin-top:28px;}
.abox .right .w02 img{ width:100%; display:block;}
.abox .more{ margin-top:40px;}
.abox .right .more{ display:none;}
.abox .more a{ display:block; float:left; background-color:#e61929; width:150px; height:38px; line-height:38px; position:relative; border-radius:40px; overflow:hidden; text-indent:20px; font-size:15px; color:#fff;}
.abox .more a b{ width:20px; height:20px; border-radius:100%; position:absolute; right:9px; top:9px; background-color:#fff; overflow:hidden; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat;}
.abox .more a:hover{ background-color:#333;}
}
@media only screen and (max-width:1023px){
.abox{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff; background-position:left bottom; background-repeat:no-repeat; background-size:43.75% auto;}
.abox .left{ width:100%; float:left;}
.abox .left .w01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.abox .left .w02{ width:100%; display:flex; flex-wrap:wrap;}
.abox .left .w02 li{ width:48.5%; margin-top:10px; margin-left:3%;}
.abox .left .w02 li:nth-child(2n+1){ margin-left:0;}
.abox .left .w02 li b{ display:block; font-size:30px; line-height:34px;}
.abox .left .w02 li p{ display:block; font-size:14px; line-height:24px;}
.abox .right{ width:100%; float:right; padding-top:10px;}
.abox .right .w01{ font-size:14px; line-height:24px;}
.abox .right .w02{ width:100%; margin-top:20px;}
.abox .right .w02 img{ width:100%; display:block;}
.abox .more{ margin-top:15px;}
.abox .left .more{ display:none;}
.abox .more a{ display:block; float:left; background-color:#e61929; width:130px; height:36px; line-height:36px; position:relative; border-radius:40px; overflow:hidden; text-indent:15px; font-size:14px; color:#fff;}
.abox .more a b{ width:18px; height:18px; border-radius:100%; position:absolute; right:9px; top:9px; background-color:#fff; overflow:hidden; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat;}
.abox .more a:hover{ background-color:#333;}
}

/*產品中心*/
@media screen and (min-width:1600px){
.pbox{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#f7f7f7;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:50px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:47.5%;}
.pbox .box .swiper-container .swiper-slide a{ display:block; width:100%; position:relative; overflow:hidden; background-color:#fff; border-radius:30px;}
.pbox .box .swiper-container .swiper-slide .tu{ height:100%; width:100%; position:relative; z-index:1; padding-top:70px;}
.pbox .box .swiper-container .swiper-slide .tu img{ display:block; height:380px; float:right;}
.pbox .box .swiper-container .swiper-slide .shu{ font-size:36px; line-height:40px; height:40px; color:#999; font-weight:bold; position:absolute; left:2.6vw; top:85px; z-index:2;}
.pbox .box .swiper-container .swiper-slide .wen{ width:48.89%; position:absolute; left:2.6vw; bottom:43px; z-index:2;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ font-size:16px; line-height:30px; color:#666; margin-top:8px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.pbox .box .swiper-container .swiper-slide .more{ width:60px; height:60px; background-color:#e61929; border-radius:1005; position:absolute; right:2.6vw; bottom:65px; z-index:9; opacity:0; border-radius:100%;}
.pbox .box .swiper-container .swiper-slide .more img{ display:block; height:10px; margin:25px auto;}
.pbox .box .swiper-container .swiper-slide a:hover .more{ opacity:1;}
.pbox .box .swiper-pagination{ width:100%; height:2px; background-color:#eee; margin-top:48px; position:relative;}
.pbox .box .swiper-pagination span{ display:block; height:2px; background-color:#e61929;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pbox{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#f7f7f7;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:35px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:47.5%;}
.pbox .box .swiper-container .swiper-slide a{ display:block; width:100%; position:relative; overflow:hidden; background-color:#fff; border-radius:20px;}
.pbox .box .swiper-container .swiper-slide .tu{ height:100%; width:100%; position:relative; z-index:1; padding-top:50px;}
.pbox .box .swiper-container .swiper-slide .tu img{ display:block; height:340px; float:right;}
.pbox .box .swiper-container .swiper-slide .shu{ font-size:30px; line-height:34px; height:34px; color:#999; font-weight:bold; position:absolute; left:2.6vw; top:65px; z-index:2;}
.pbox .box .swiper-container .swiper-slide .wen{ width:48.89%; position:absolute; left:2.6vw; bottom:30px; z-index:2;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ font-size:15px; line-height:25px; color:#666; margin-top:8px; height:50px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.pbox .box .swiper-container .swiper-slide .more{ width:50px; height:50px; background-color:#e61929; border-radius:1005; position:absolute; right:2.6vw; bottom:50px; z-index:9; opacity:0; border-radius:100%;}
.pbox .box .swiper-container .swiper-slide .more img{ display:block; height:10px; margin:20px auto;}
.pbox .box .swiper-container .swiper-slide a:hover .more{ opacity:1;}
.pbox .box .swiper-pagination{ width:100%; height:2px; background-color:#eee; margin-top:33px; position:relative;}
.pbox .box .swiper-pagination span{ display:block; height:2px; background-color:#e61929;}
}
@media only screen and (max-width:1023px){
.pbox{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#f7f7f7;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:100%;}
.pbox .box .swiper-container .swiper-slide a{ display:block; width:100%; position:relative; overflow:hidden; background-color:#fff; border-radius:10px;}
.pbox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .tu img{ display:block; max-height:300px; max-width:100%; float:right;}
.pbox .box .swiper-container .swiper-slide .shu{ font-size:26px; line-height:32px; height:32px; color:#999; font-weight:bold; padding-left:15px; padding-top:25px; position:relative; z-index:2;}
.pbox .box .swiper-container .swiper-slide .wen{ width:100%; padding:15px; position:relative; z-index:3; box-sizing:border-box;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.pbox .box .swiper-container .swiper-slide .more{ width:40px; height:40px; background-color:#e61929; border-radius:1005; position:absolute; right:15px; top:30px; z-index:9; opacity:0; border-radius:100%;}
.pbox .box .swiper-container .swiper-slide .more img{ display:block; height:10px; margin:15px auto;}
.pbox .box .swiper-container .swiper-slide a:hover .more{ opacity:1;}
.pbox .box .swiper-pagination{ width:100%; height:2px; background-color:#eee; margin-top:18px; position:relative;}
.pbox .box .swiper-pagination span{ display:block; height:2px; background-color:#e61929;}
}

/*解決方案*/
@media screen and (min-width:1600px){
.sbox{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .title .cn,.sbox .title .en{ color:#fff;}
.sbox .tab{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sbox .tab a{ display:block; float:left; background-color:#fff; width:160px; height:40px; line-height:40px; position:relative; border-radius:40px; overflow:hidden; text-indent:20px; font-size:16px; margin-top:10px; float:left; margin-left:20px;}
.sbox .tab a b{ width:20px; height:20px; border-radius:100%; position:absolute; right:10px; top:10px; background-color:#e61929; overflow:hidden; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.sbox .tab a.on{ background-color:#e61929; color:#fff;}
.sbox .tab a.on b{ background-image:url(../images/more01.png); background-color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:50px;}
.sbox .box .tabox{ width:100%; display:none;}
.sbox .box .tabox.active{ display:flex;}
.sbox .box .left{ width:43.75%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:30px; margin-bottom:5px; overflow:hidden; position:relative;}
.sbox .box .left:before{ width:100%; padding-top:70%; display:block; content:''; position:relative; z-index:1; overflow:hidden;}
.sbox .box .left .biao{ position:absolute; left:1.5625vw; top:30px; z-index:2;}
.sbox .box .left .biao a{ display:block; text-align:center; min-width:80px; padding:0 20px; line-height:36px; height:36px; font-size:18px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.sbox .box .left .biao a:hover{ background-color:#e61929; color:#fff;}
.sbox .box .left>a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3; overflow:hidden; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.sbox .box .left .wen{ width:calc(100% - 3.125vw); padding-right:70px; box-sizing:border-box; position:absolute; left:1.5625vw; bottom:45px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .left .wen span{ display:block; font-size:16px; line-height:24px; height:24px; color:#fff; overflow:hidden;}
.sbox .box .left .wen b{ font-size:20px; line-height:30px; max-height:60px; color:#fff; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .left .wen b:hover{ color:#e61929;}
.sbox .box .left .duo{ width:50px; height:50px; background-color:rgba(255,255,255,.7); border-radius:100%; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:1.5625vw; bottom:50px;}
.sbox .box .left .duo:hover{ background-color:#e61929; background-image:url(../images/more.png);}
.sbox .box .right{ width:25%; margin-left:3.125%;}
.sbox .box .right .w01{ width:100%; border-radius:10px; position:relative;}
.sbox .box .right .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.sbox .box .right .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .right .w01 .biao{ position:absolute; left:1.5625vw; top:30px; z-index:2;}
.sbox .box .right .w01 .biao a{ display:block; text-align:center; min-width:80px; padding:0 20px; line-height:36px; height:36px; font-size:18px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.sbox .box .right .w01 .biao a:hover{ background-color:#e61929; color:#fff;}
.sbox .box .right .w02{ margin-top:25px; font-size:16px; line-height:24px; height:24px; color:#fff;}
.sbox .box .right .w03 a{ font-size:20px; line-height:30px; height:60px; color:#fff; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.sbox .box .right .w03 a:hover{ color:#e61929;}
.sbox .box .right .w04{ font-size:16px; line-height:26px; height:78px; color:#fff; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sbox{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .title .cn,.sbox .title .en{ color:#fff;}
.sbox .tab{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sbox .tab a{ display:block; float:left; background-color:#fff; width:150px; height:38px; line-height:38px; position:relative; border-radius:40px; overflow:hidden; text-indent:20px; font-size:15px; margin-top:5px; float:left; margin-left:20px;}
.sbox .tab a b{ width:20px; height:20px; border-radius:100%; position:absolute; right:9px; top:9px; background-color:#e61929; overflow:hidden; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.sbox .tab a.on{ background-color:#e61929; color:#fff;}
.sbox .tab a.on b{ background-image:url(../images/more01.png); background-color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:35px;}
.sbox .box .tabox{ width:100%; display:none;}
.sbox .box .tabox.active{ display:flex;}
.sbox .box .left{ width:43.75%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:20px; margin-bottom:5px; overflow:hidden; position:relative;}
.sbox .box .left:before{ width:100%; padding-top:70%; display:block; content:''; position:relative; z-index:1; overflow:hidden;}
.sbox .box .left .biao{ position:absolute; left:1.5625vw; top:20px; z-index:2;}
.sbox .box .left .biao a{ display:block; text-align:center; min-width:70px; padding:0 20px; line-height:34px; height:34px; font-size:16px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.sbox .box .left .biao a:hover{ background-color:#e61929; color:#fff;}
.sbox .box .left>a{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1; overflow:hidden; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.sbox .box .left .wen{ width:calc(100% - 3.125vw); padding-right:60px; box-sizing:border-box; position:absolute; left:1.5625vw; bottom:30px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .left .wen span{ display:block; font-size:15px; line-height:23px; height:23px; color:#fff; overflow:hidden;}
.sbox .box .left .wen b{ font-size:18px; line-height:28px; max-height:56px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .left .wen b:hover{ color:#e61929;}
.sbox .box .left .duo{ width:40px; height:40px; background-color:rgba(255,255,255,.7); border-radius:100%; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:1.5625vw; bottom:40px;}
.sbox .box .left .duo:hover{ background-color:#e61929; background-image:url(../images/more.png);}
.sbox .box .right{ width:25%; margin-left:3.125%;}
.sbox .box .right .w01{ width:100%; border-radius:10px; position:relative;}
.sbox .box .right .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.sbox .box .right .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .right .w01 .biao{ position:absolute; left:1.5625vw; top:20px; z-index:2;}
.sbox .box .right .w01 .biao a{ display:block; text-align:center; min-width:70px; padding:0 20px; line-height:34px; height:34px; font-size:16px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.sbox .box .right .w01 .biao a:hover{ background-color:#e61929; color:#fff;}
.sbox .box .right .w02{ margin-top:15px; font-size:15px; line-height:23px; height:23px; color:#fff;}
.sbox .box .right .w03 a{ font-size:18px; line-height:28px; height:56px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.sbox .box .right .w03 a:hover{ color:#e61929;}
.sbox .box .right .w04{ font-size:15px; line-height:25px; height:75px; color:#fff; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media only screen and (max-width:1023px){
.sbox{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .title .cn,.sbox .title .en{ color:#fff;}
.sbox .tab{ padding-top:5px; margin-left:-15px;}
.sbox .tab a{ display:block; float:left; background-color:#fff; width:130px; height:36px; line-height:36px; position:relative; border-radius:40px; overflow:hidden; text-indent:15px; font-size:14px; margin-top:10px; float:left; margin-left:15px;}
.sbox .tab a b{ width:18px; height:18px; border-radius:100%; position:absolute; right:9px; top:9px; background-color:#e61929; overflow:hidden; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.sbox .tab a.on{ background-color:#e61929; color:#fff;}
.sbox .tab a.on b{ background-image:url(../images/more01.png); background-color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.sbox .box .tabox{ width:100%; display:none;}
.sbox .box .tabox.active{ display:block;}
.sbox .box .left{ width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; overflow:hidden;}
.sbox .box .left .biao{ position:absolute; left:15px; top:15px; z-index:2;}
.sbox .box .left .biao a{ display:block; text-align:center; min-width:60px; padding:0 15px; line-height:32px; height:32px; font-size:14px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.sbox .box .left .biao a:hover{ background-color:#e61929; color:#fff;}
.sbox .box .left>a{ width:100%; padding-top:70%; display:block; position:relative; z-index:1; overflow:hidden; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.sbox .box .left .wen{ width:calc(100% - 75px); position:absolute; left:15px; bottom:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .left .wen span{ display:block; font-size:14px; line-height:22px; height:22px; color:#fff; overflow:hidden;}
.sbox .box .left .wen b{ font-size:16px; line-height:26px; max-height:52px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .left .wen b:hover{ color:#e61929;}
.sbox .box .left .duo{ width:30px; height:30px; background-color:rgba(255,255,255,.7); border-radius:100%; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:15px; bottom:30px;}
.sbox .box .left .duo:hover{ background-color:#e61929; background-image:url(../images/more.png);}
.sbox .box .right{ width:48.5%; margin-left:3%; float:left; margin-top:15px;}
.sbox .box .right:nth-child(2n){ clear:left; float:left; margin-left:0;}
.sbox .box .right .w01{ width:100%; border-radius:5px; position:relative;}
.sbox .box .right .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.sbox .box .right .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .right .w01 .biao{ position:absolute; left:15px; top:15px; z-index:2;}
.sbox .box .right .w01 .biao a{ display:block; text-align:center; min-width:60px; padding:0 15px; line-height:32px; height:32px; font-size:14px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.sbox .box .right .w01 .biao a:hover{ background-color:#e61929; color:#fff;}
.sbox .box .right .w02{ margin-top:10px; font-size:14px; line-height:22px; height:23px; color:#fff;}
.sbox .box .right .w03 a{ font-size:16px; line-height:26px; height:52px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.sbox .box .right .w03 a:hover{ color:#e61929;}
.sbox .box .right .w04{ font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}

/*合作加盟*/
@media screen and (min-width:1600px){
.jbox{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#fff; background-position:left bottom; background-repeat:no-repeat; background-size:43.75% auto;}
.jbox .left{ width:37.5%; float:left;}
.jbox .left .w01{ font-size:26px; line-height:36px; font-weight:bold; margin-top:45px;}
.jbox .left .w02{ font-size:16px; line-height:30px; margin-top:18px;}
.jbox .left .more{ margin-top:63px;}
.jbox .left .more a{ display:block; float:left; background-color:#e61929; width:160px; height:40px; line-height:40px; position:relative; border-radius:40px; overflow:hidden; text-indent:20px; font-size:16px; color:#fff;}
.jbox .left .more a b{ width:20px; height:20px; border-radius:100%; position:absolute; right:10px; top:10px; background-color:#fff; overflow:hidden; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat;}
.jbox .left .more a:hover{ background-color:#333;}
.jbox .right{ width:57.5%; float:right; display:flex; flex-wrap:wrap; margin-top:-30px;}
.jbox .right li{ width:47.83%; display:block; margin-left:4.34%; margin-top:40px; border-radius:30px; background-color:#f7f7f7; overflow:hidden; height:300px; position:relative;}
.jbox .right li:nth-child(2n+1){ margin-left:0;}
.jbox .right li:hover{ background-color:#e61929;}
.jbox .right li .icon{ position:relative; z-index:3; padding-left:2.08vw; padding-top:40px;}
.jbox .right li .icon img{ display:block; height:50px;}
.jbox .right li .icon img.img02{ display:none;}
.jbox .right li:hover .icon img.img01{ display:none;}
.jbox .right li:hover .icon img.img02{ display:block;}
.jbox .right li .wen{ width:calc(100% - 4.16vw); position:absolute; z-index:3; left:2.08vw; bottom:35px;}
.jbox .right li .wen .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.jbox .right li .wen .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px; max-height:52px; display:none;}
.jbox .right li .wen .w03{ font-size:36px; line-height:40px; height:40px; font-weight:bold; margin-top:20px; color:#ddd;}
.jbox .right li:hover .wen .w01{ color:#fff;}
.jbox .right li:hover .wen .w02{ display:block;}
.jbox .right li .bg{ width:47.73%; position:absolute; right:0; top:40px; height:220px; opacity:0; z-index:1;}
.jbox .right li .bg img{ display:block; height:220px;}
.jbox .right li:hover .bg{ opacity:0.1;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.jbox{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff; background-position:left bottom; background-repeat:no-repeat; background-size:43.75% auto;}
.jbox .left{ width:38.5%; float:left;}
.jbox .left .w01{ font-size:22px; line-height:32px; font-weight:bold; margin-top:30px;}
.jbox .left .w02{ font-size:15px; line-height:25px; margin-top:15px;}
.jbox .left .more{ margin-top:45px;}
.jbox .left .more a{ display:block; float:left; background-color:#e61929; width:150px; height:38px; line-height:38px; position:relative; border-radius:40px; overflow:hidden; text-indent:20px; font-size:15px; color:#fff;}
.jbox .left .more a b{ width:20px; height:20px; border-radius:100%; position:absolute; right:9px; top:9px; background-color:#fff; overflow:hidden; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat;}
.jbox .left .more a:hover{ background-color:#333;}
.jbox .right{ width:58.5%; float:right; display:flex; flex-wrap:wrap; margin-top:-25px;}
.jbox .right li{ width:48.5%; display:block; margin-left:3%; margin-top:30px; border-radius:15px; background-color:#f7f7f7; overflow:hidden; height:260px; position:relative;}
.jbox .right li:nth-child(2n+1){ margin-left:0;}
.jbox .right li:hover{ background-color:#e61929;}
.jbox .right li .icon{ position:relative; z-index:3; padding-left:2.08vw; padding-top:30px;}
.jbox .right li .icon img{ display:block; height:50px;}
.jbox .right li .icon img.img02{ display:none;}
.jbox .right li:hover .icon img.img01{ display:none;}
.jbox .right li:hover .icon img.img02{ display:block;}
.jbox .right li .wen{ width:calc(100% - 4.16vw); position:absolute; z-index:3; left:2.08vw; bottom:25px;}
.jbox .right li .wen .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.jbox .right li .wen .w02{ font-size:15px; line-height:25px; color:#fff; margin-top:5px; max-height:50px; display:none;}
.jbox .right li .wen .w03{ font-size:30px; line-height:34px; height:34px; font-weight:bold; margin-top:15px; color:#ddd;}
.jbox .right li:hover .wen .w01{ color:#fff;}
.jbox .right li:hover .wen .w02{ display:block;}
.jbox .right li .bg{ width:47.73%; position:absolute; right:0; top:30px; height:200px; opacity:0; z-index:1;}
.jbox .right li .bg img{ display:block; height:200px;}
.jbox .right li:hover .bg{ opacity:0.1;}
}
@media only screen and (max-width:1023px){
.jbox{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff; background-position:left bottom; background-repeat:no-repeat; background-size:43.75% auto;}
.jbox .left{ width:100%; float:left;}
.jbox .left .w01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.jbox .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.jbox .left .more{ margin-top:15px;}
.jbox .left .more a{ display:block; float:left; background-color:#e61929; width:130px; height:36px; line-height:36px; position:relative; border-radius:40px; overflow:hidden; text-indent:15px; font-size:14px; color:#fff;}
.jbox .left .more a b{ width:18px; height:18px; border-radius:100%; position:absolute; right:9px; top:9px; background-color:#fff; overflow:hidden; background-image:url(../images/more01.png); background-position:center; background-repeat:no-repeat;}
.jbox .left .more a:hover{ background-color:#333;}
.jbox .right{ width:100%; float:right; display:flex; flex-wrap:wrap; padding-top:5px;}
.jbox .right li{ width:48.5%; display:block; margin-left:3%; margin-top:15px; border-radius:10px; background-color:#f7f7f7; overflow:hidden; height:200px; position:relative;}
.jbox .right li:nth-child(2n+1){ margin-left:0;}
.jbox .right li:hover{ background-color:#e61929;}
.jbox .right li .icon{ position:relative; z-index:3; padding-left:15px; padding-top:20px;}
.jbox .right li .icon img{ display:block; height:25px;}
.jbox .right li .icon img.img02{ display:none;}
.jbox .right li:hover .icon img.img01{ display:none;}
.jbox .right li:hover .icon img.img02{ display:block;}
.jbox .right li .wen{ width:calc(100% - 30px); position:absolute; z-index:3; left:15px; bottom:15px;}
.jbox .right li .wen .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.jbox .right li .wen .w02{ font-size:14px; line-height:24px; color:#fff; max-height:48px; display:none;}
.jbox .right li .wen .w03{ font-size:26px; line-height:32px; height:32px; font-weight:bold; margin-top:5px; color:#ddd;}
.jbox .right li:hover .wen .w01{ color:#fff;}
.jbox .right li:hover .wen .w02{ display:block;}
.jbox .right li .bg{ width:47.73%; position:absolute; right:0; top:20px; height:160px; opacity:0; z-index:1;}
.jbox .right li .bg img{ display:block; height:160px;}
.jbox .right li:hover .bg{ opacity:0.1;}
}

/*聯繫我們*/
.lbox .right .box input::-webkit-input-placeholder,.lbox .right .box textarea::-webkit-input-placeholder{ color:#fff;} 
.lbox .right .box input:-moz-placeholder,.lbox .right .box textarea:-moz-placeholder{ color:#fff;} 
.lbox .right .box input::-moz-placeholder,.lbox .right .box textarea::-moz-placeholder{ color:#fff;} 
.lbox .right .box input:-ms-input-placeholder,.lbox .right .box textarea:-ms-input-placeholder{ color:#fff;} 
@media screen and (min-width:1600px){
.lbox{ width:100%; display:flex; position:relative; z-index:1; background-color:#f7f7f7; background-image:url(../images/lbg_16.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.lbox .left{ width:39.58%; padding:90px 5.208%; padding-bottom:95px; padding-left:8.335%;}
.lbox .left .w01{ width:100%; display:block; margin-top:15px;}
.lbox .left .w01 dt{ width:47.37%; display:block; padding-top:35px; float:left; margin-left:5.26%; overflow:hidden;}
.lbox .left .w01 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .left .w01 dt a{ display:flex; align-items:center;}
.lbox .left .w01 dt b{ width:46px; height:46px; border:2px solid #e61929; border-radius:100%; display:flex; align-items:center; overflow:hidden; float:left; margin-bottom:5px;}
.lbox .left .w01 dt b img{ height:20px; margin:auto; display:block;}
.lbox .left .w01 dt p{ flex:1; float:left; padding:0 1vw; box-sizing:border-box; display:block; margin-top:-1px;}
.lbox .left .w01 dt p span{ display:block; font-size:16px; line-height:26px; height:26px; color:#999; overflow:hidden; text-transform:uppercase;}
.lbox .left .w01 dt p strong{ display:block; font-size:18px; line-height:26px; color:#333; overflow:hidden;}
.lbox .left .w01 dt a> img{ width:80px; display:block; margin-top:5px;}

.lbox .left .w01 dd{ width:100%; display:block; padding-top:35px; float:left; overflow:hidden;}
.lbox .left .w01 dd b{ width:46px; height:46px; border:2px solid #e61929; border-radius:100%; display:flex; align-items:center; overflow:hidden; float:left; margin-bottom:5px;}
.lbox .left .w01 dd b img{ height:20px; margin:auto; display:block;}
.lbox .left .w01 dd p{ width:calc(100% - 50px); float:left; padding-left:1vw; box-sizing:border-box; display:block; margin-top:-1px;}
.lbox .left .w01 dd p span{ display:block; font-size:16px; line-height:26px; height:26px; color:#999; overflow:hidden; text-transform:uppercase;}
.lbox .left .w01 dd p a{ display:block; font-size:16px; line-height:26px; color:#333; overflow:hidden;}
.lbox .right{ flex:1; padding:95px 5.208%; padding-bottom:100px; padding-right:8.335%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .right .bg{ width:100%; background-color:rgba(0,0,0,.7); height:100%; position:absolute; left:0; top:0; z-index:1;}
.lbox .right .box{ width:100%; position:relative; z-index:3;}
.lbox .right .box .m01{ width:100%; margin-bottom:17px;}
.lbox .right .box .m01 b{ display:block; width:100%; font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.lbox .right .box .m01 p{ display:block; width:100%; font-size:16px; line-height:26px; margin-top:4px; color:#fff;}
.lbox .right .box .m02{ margin-bottom:22px; height:56px; border-bottom:2px solid rgba(238,238,238,.3);}
.lbox .right .box .m02 input{ width:calc(100% - 50px); display:block; float:left; height:56px; line-height:56px; font-size:16px; background-color:transparent; color:#fff; overflow:hidden;}
.lbox .right .box .m02 span{ display:block; float:right; height:56px;}
.lbox .right .box .m02 span img{ height:20px; display:block; margin:18px 0;}
.lbox .right .box .m03{ padding-top:13px; height:113px; border-bottom:2px solid rgba(238,238,238,.3);}
.lbox .right .box .m03 textarea{ font-size:16px; line-height:26px; height:113px; background-color:transparent; color:#fff; width:100%; display:block; font-family:inherit;}
.lbox .right .box .m04{ margin-top:40px;}
.lbox .right .box .m04 input{ width:156px; line-height:40px; background-color:transparent; border:2px solid rgba(238,238,238,.3); cursor:pointer; border-radius:40px; color:#fff; text-align:center; font-size:16px;}
.lbox .right .box .m04 input:hover{ border:2px solid #e61929; background-color:#e61929;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.lbox{ width:100%; display:flex; position:relative; z-index:1; background-color:#f7f7f7; background-image:url(../images/lbg_16.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.lbox .left{ width:48%; padding:65px 5%;}
.lbox .left .w01{ width:100%; display:block; margin-top:15px;}
.lbox .left .w01 dt{ width:48.5%; display:block; padding-top:20px; float:left; margin-left:3%; overflow:hidden;}
.lbox .left .w01 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .left .w01 dt a{ display:flex; align-items:center;}
.lbox .left .w01 dt b{ width:42px; height:42px; border:2px solid #e61929; border-radius:100%; display:flex; align-items:center; overflow:hidden; float:left; margin-bottom:5px;}
.lbox .left .w01 dt b img{ height:20px; margin:auto; display:block;}
.lbox .left .w01 dt p{ flex:1; float:left; padding:0 1vw; box-sizing:border-box; display:block; margin-top:-2px;}
.lbox .left .w01 dt p span{ display:block; font-size:15px; line-height:25px; height:25px; color:#999; overflow:hidden; text-transform:uppercase;}
.lbox .left .w01 dt p strong{ display:block; font-size:17px; line-height:25px; color:#333; overflow:hidden;}
.lbox .left .w01 dt a> img{ width:60px; display:block;}

.lbox .left .w01 dd{ width:100%; display:block; padding-top:20px; float:left; overflow:hidden;}
.lbox .left .w01 dd b{ width:42px; height:42px; border:2px solid #e61929; border-radius:100%; display:flex; align-items:center; overflow:hidden; float:left; margin-bottom:5px;}
.lbox .left .w01 dd b img{ height:20px; margin:auto; display:block;}
.lbox .left .w01 dd p{ width:calc(100% - 46px); float:left; padding-left:1vw; box-sizing:border-box; display:block; margin-top:-2px;}
.lbox .left .w01 dd p span{ display:block; font-size:15px; line-height:25px; height:25px; color:#999; overflow:hidden; text-transform:uppercase;}
.lbox .left .w01 dd p a{ display:block; font-size:15px; line-height:25px; color:#333; overflow:hidden;}
.lbox .right{ flex:1; padding:65px 5%; padding-bottom:70px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .right .bg{ width:100%; background-color:rgba(0,0,0,.7); height:100%; position:absolute; left:0; top:0; z-index:1;}
.lbox .right .box{ width:100%; position:relative; z-index:3;}
.lbox .right .box .m01{ width:100%; margin-bottom:17px;}
.lbox .right .box .m01 b{ display:block; width:100%; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.lbox .right .box .m01 p{ display:block; width:100%; font-size:15px; line-height:25px; margin-top:3px; color:#fff;}
.lbox .right .box .m02{ margin-bottom:17px; height:46px; border-bottom:2px solid rgba(238,238,238,.3);}
.lbox .right .box .m02 input{ width:calc(100% - 50px); display:block; float:left; height:46px; line-height:46px; font-size:15px; background-color:transparent; color:#fff; overflow:hidden;}
.lbox .right .box .m02 span{ display:block; float:right; height:46px;}
.lbox .right .box .m02 span img{ height:20px; display:block; margin:13px 0;}
.lbox .right .box .m03{ padding-top:8px; height:113px; border-bottom:2px solid rgba(238,238,238,.3);}
.lbox .right .box .m03 textarea{ font-size:15px; line-height:25px; height:113px; background-color:transparent; color:#fff; width:100%; display:block; font-family:inherit;}
.lbox .right .box .m04{ margin-top:30px;}
.lbox .right .box .m04 input{ width:146px; line-height:38px; background-color:transparent; border:2px solid rgba(238,238,238,.3); cursor:pointer; border-radius:40px; color:#fff; text-align:center; font-size:15px;}
.lbox .right .box .m04 input:hover{ border:2px solid #e61929; background-color:#e61929;}
}
@media only screen and (max-width:1023px){
.lbox{ width:100%; position:relative; z-index:1; background-color:#f7f7f7; background-image:url(../images/lbg_16.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.lbox .left{ width:94%; padding:35px 3%;}
.lbox .left .w01{ width:100%; display:block; margin-top:10px;}
.lbox .left .w01 dt{ width:48.5%; margin-left:3%; display:block; padding-top:10px; float:left; overflow:hidden;}
.lbox .left .w01 dt:nth-child(1){ width:100%; margin-left:0;}
.lbox .left .w01 dt:nth-child(2){ width:100%; margin-left:0;}
.lbox .left .w01 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .left .w01 dt b{ width:36px; height:36px; border:2px solid #e61929; border-radius:100%; display:flex; align-items:center; overflow:hidden; float:left; margin-bottom:5px;}
.lbox .left .w01 dt b img{ height:20px; margin:auto; display:block;}
.lbox .left .w01 dt p{ width:calc(100% - 40px); float:left; padding-left:10px; box-sizing:border-box; display:block;}
.lbox .left .w01 dt p span{ display:block; font-size:14px; line-height:18px; height:18px; color:#999; overflow:hidden; text-transform:uppercase;}
.lbox .left .w01 dt p strong{ display:block; font-size:16px; line-height:22px; color:#333; overflow:hidden;}
.lbox .left .w01 dt a> img{ width:80px; display:block; margin-top:5px; margin-left:10px; float:left;}

.lbox .left .w01 dd{ width:100%; display:block; padding-top:10px; float:left; overflow:hidden;}
.lbox .left .w01 dd b{ width:36px; height:36px; border:2px solid #e61929; border-radius:100%; display:flex; align-items:center; overflow:hidden; float:left; margin-bottom:5px;}
.lbox .left .w01 dd b img{ height:20px; margin:auto; display:block;}
.lbox .left .w01 dd p{ width:calc(100% - 40px); float:left; padding-left:10px; box-sizing:border-box; display:block; margin-top:-1px;}
.lbox .left .w01 dd p span{ display:block; font-size:14px; line-height:18px; height:18px; color:#999; overflow:hidden; text-transform:uppercase;}
.lbox .left .w01 dd p a{ display:block; font-size:14px; line-height:22px; color:#333; overflow:hidden;}
.lbox .right{ padding:35px 3%; padding-bottom:40px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .right .bg{ width:100%; background-color:rgba(0,0,0,.7); height:100%; position:absolute; left:0; top:0; z-index:1;}
.lbox .right .box{ width:100%; position:relative; z-index:3;}
.lbox .right .box .m01{ width:100%; margin-bottom:5px;}
.lbox .right .box .m01 b{ display:block; width:100%; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.lbox .right .box .m01 p{ display:block; width:100%; font-size:14px; line-height:24px; color:#fff;}
.lbox .right .box .m02{ margin-bottom:10px; height:40px; border-bottom:2px solid rgba(238,238,238,.3);}
.lbox .right .box .m02 input{ width:calc(100% - 50px); display:block; float:left; height:40px; line-height:40px; font-size:14px; background-color:transparent; color:#fff; overflow:hidden;}
.lbox .right .box .m02 span{ display:block; float:right; height:40px;}
.lbox .right .box .m02 span img{ height:20px; display:block; margin:10px 0;}
.lbox .right .box .m03{ padding-top:5px; height:94px; border-bottom:2px solid rgba(238,238,238,.3);}
.lbox .right .box .m03 textarea{ font-size:14px; line-height:24px; height:94px; background-color:transparent; color:#fff; width:100%; display:block; font-family:inherit;}
.lbox .right .box .m04{ margin-top:20px;}
.lbox .right .box .m04 input{ width:126px; line-height:34px; background-color:transparent; border:2px solid rgba(238,238,238,.3); cursor:pointer; border-radius:40px; color:#fff; text-align:center; font-size:14px;}
.lbox .right .box .m04 input:hover{ border:2px solid #e61929; background-color:#e61929;}
}

/*footer*/
@media screen and (min-width:1600px){
.footer{ width:83.33%; padding:70px 8.335%; position:relative; z-index:1; background-color:#111;}
.footer .foot{ width:100%;}
.footer .foot .left{ width:31.25%; float:left;}
.footer .foot .left .f01{ width:100%;}
.footer .foot .left .f01 img{ display:block; height:42px;}
.footer .foot .left .f02{ width:100%; font-size:14px; line-height:30px; color:#aaa; margin-top:22px;}
.footer .foot .mil{ width:28.75%; float:left; margin:0 5%;}
.footer .foot .mil .f01{ width:100%; font-size:18px; line-height:28px; text-transform:uppercase; color:#fff; padding-top:24px; border-top:1px solid #333;}
.footer .foot .mil .f02{ width:100%; padding-top:15px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer .foot .mil .f02 li{ min-width:50%; display:block; font-size:14px; line-height:30px; color:#aaa;}
.footer .foot .mil .f02 li a{ color:#aaa;}
.footer .foot .right{ width:30%; float:left;}
.footer .foot .right .f01{ width:100%; font-size:18px; line-height:28px; text-transform:uppercase; color:#fff; padding-top:24px; border-top:1px solid #333;}
.footer .foot .right .f02{ margin-left:-1.3vw; padding-top:15px;}
.footer .foot .right .f02 a{ display:block; font-size:14px; line-height:30px; color:#aaa; float:left; margin-left:1.3vw;}
.footer .foot .right .f02 a:hover{ color:#eee;}
.footer .bq{ width:100%; margin-top:42px;}
.footer .bq .left{ float:left;}
.footer .bq .left p{ display:block; font-size:14px; line-height:20px; color:#aaa; float:left; margin-right:1.5625vw;}
.footer .bq .left p a{ color:#aaa;}
.footer .bq .right{ float:right;}
.footer .bq .right a{ display:block; float:left; margin-left:1.04vw; height:20px; opacity:.7;}
.footer .bq .right a:hover{ opacity:1;}
.footer .bq .right a img{ display:block; height:20px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:90%; padding:50px 5%; position:relative; z-index:1; background-color:#111;}
.footer .foot{ width:100%;}
.footer .foot .left{ width:31.25%; float:left;}
.footer .foot .left .f01{ width:100%;}
.footer .foot .left .f01 img{ display:block; height:42px;}
.footer .foot .left .f02{ width:100%; font-size:14px; line-height:30px; color:#aaa; margin-top:14px;}
.footer .foot .mil{ width:28.75%; float:left; margin:0 5%;}
.footer .foot .mil .f01{ width:100%; font-size:17px; line-height:27px; text-transform:uppercase; color:#fff; padding-top:19px; border-top:1px solid #333;}
.footer .foot .mil .f02{ width:100%; padding-top:7px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer .foot .mil .f02 li{ min-width:50%; display:block; font-size:14px; line-height:30px; color:#aaa;}
.footer .foot .mil .f02 li a{ color:#aaa;}
.footer .foot .right{ width:30%; float:left;}
.footer .foot .right .f01{ width:100%; font-size:17px; line-height:27px; text-transform:uppercase; color:#fff; padding-top:19px; border-top:1px solid #333;}
.footer .foot .right .f02{ margin-left:-1.3vw; padding-top:7px;}
.footer .foot .right .f02 a{ display:block; font-size:14px; line-height:30px; color:#aaa; float:left; margin-left:1.3vw;}
.footer .foot .right .f02 a:hover{ color:#eee;}
.footer .bq{ width:100%; margin-top:24px;}
.footer .bq .left{ float:left;}
.footer .bq .left p{ display:block; font-size:14px; line-height:20px; color:#aaa; float:left; margin-right:1.5625vw;}
.footer .bq .left p a{ color:#aaa;}
.footer .bq .right{ float:right;}
.footer .bq .right a{ display:block; float:left; margin-left:1.04vw; height:20px; opacity:.7;}
.footer .bq .right a:hover{ opacity:1;}
.footer .bq .right a img{ display:block; height:20px;}
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:30px 3%; padding-bottom:25px; position:relative; z-index:1; background-color:#111;}
.footer .foot{ width:100%;}
.footer .foot .left{ width:100%;}
.footer .foot .left .f01{ width:100%;}
.footer .foot .left .f01 img{ display:block; height:42px; margin:auto;}
.footer .foot .left .f02{ width:100%; font-size:14px; line-height:24px; color:#aaa; margin-top:10px; text-align:center;}
.footer .foot .mil{ width:100%; margin-top:15px;}
.footer .foot .mil .f01{ width:100%; font-size:16px; line-height:26px; text-transform:uppercase; color:#fff; padding-top:10px; border-top:1px solid #333;}
.footer .foot .mil .f02{ width:100%; padding-top:5px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer .foot .mil .f02 li{ min-width:50%; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .foot .mil .f02 li a{ color:#aaa;}
.footer .foot .right{ width:100%; margin-top:15px;}
.footer .foot .right .f01{ width:100%; font-size:16px; line-height:26px; text-transform:uppercase; color:#fff; padding-top:10px; border-top:1px solid #333;}
.footer .foot .right .f02{ margin-left:-15px; padding-top:5px;}
.footer .foot .right .f02 a{ display:block; font-size:14px; line-height:24px; color:#aaa; float:left; margin-left:15px;}
.footer .foot .right .f02 a:hover{ color:#eee;}
.footer .bq{ width:100%;}
.footer .bq .left{ margin-left:-5px; margin-right:-5px; text-align:center; padding-top:10px; display:flex; flex-wrap:wrap; justify-content:center;}
.footer .bq .left p{ display:block; font-size:14px; line-height:24px; color:#aaa; margin:0 5px; display:block;}
.footer .bq .left p a{ color:#aaa;}
.footer .bq .right{ margin-left:-15px;}
.footer .bq .right a{ display:block; float:left; margin-left:15px; margin-top:10px; height:20px; opacity:.7;}
.footer .bq .right a:hover{ opacity:1;}
.footer .bq .right a img{ display:block; height:20px;}
}

/*右侧浮动*/
@media screen and (min-width:1600px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:46px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#e61929; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:18px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:46px; bottom:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:225px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:10px 0;}
.m-tell-top .mobile .line > img{ float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:190px; margin-left:10px;}
.m-tell-top .mobile .line .line-body .bt{ font-size:14px; font-weight:400; color:#666; line-height:24px;}
.m-tell-top .mobile .line .line-body .info a{ display:inline-block; font-size:16px; font-weight:bold; line-height:24px;}
.m-tell-top .mobile .line .line-body .info a img{ width:80px; display:block;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:46px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
.app{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:40px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#e61929; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:16px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:40px; bottom:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:225px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:8px 0;}
.m-tell-top .mobile .line > img{ float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:190px; margin-left:10px;}
.m-tell-top .mobile .line .line-body .bt{ font-size:14px; font-weight:400; color:#666; line-height:24px;}
.m-tell-top .mobile .line .line-body .info a{ display:inline-block; font-size:16px; font-weight:bold; line-height:24px;}
.m-tell-top .mobile .line .line-body .info a img{ width:80px; display:block;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:40px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
.app{ display:none;}
}
@media only screen and (max-width:1023px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:30px; right:10px;}
.m-tell-top .top{ width:34px;}
.m-tell-top .top .top-tell{ box-shadow:0px 1px 5px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:34px; text-align:center; background-color:#e61929; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:5px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:14px; writing-mode:vertical-rl; color:#333; line-height:20px; letter-spacing:2px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:40px; bottom:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 1px 5px 0px rgba(205, 208, 221, 0.5); bottom:30px; right:34px; width:200px; padding:7px 15px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:5px 0;}
.m-tell-top .mobile .line > img{ float:left; width:20px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:170px; margin-left:10px;}
.m-tell-top .mobile .line .line-body .bt{ font-size:12px; font-weight:400; color:#666; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a{ display:inline-block; font-size:14px; font-weight:bold; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a img{ width:80px; display:block;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 1px 5px 0px rgba(205, 208, 221, 0.5); width:100%; height:34px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
/*.m-tell-top{ display:none; position:fixed; z-index:100; bottom:30px; right:10px;}
.m-tell-top .top{ width:40px;}
.m-tell-top .top .top-tell{ display:none;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:40px; background-color:#fff; border-radius:100%; margin-top:10px; text-align:center; overflow:hidden;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
.app{ display:block; position:fixed; z-index:100; bottom:90px; right:10px;}
.app a{ width:40px; height:40px; border-radius:100%; display:block; margin-top:15px; overflow:hidden; background-color:#49e670;}
.app a svg{ width:100%; height:40px; display:block; overflow:hidden;}*/
}

/*内页*/
@media screen and (min-width:1600px){
.ban{ width:100%; height:24vw; position:relative; border-top:100px solid #fff; margin-bottom:35px;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .biao{ position:absolute; left:8.335%; bottom:80px; z-index:3;}
.ban .box .biao .en{ text-transform:uppercase; font-size:50px; line-height:60px; height:60px; color:#fff; opacity:.7; font-weight:bold;}
.ban .box .biao .cn{ margin-top:10px;}
.ban .box .biao .cn a{ display:block; float:left; color:#fff; font-size:30px; line-height:40px;}
.ban .box .biao .cn b{ display:block; float:left; width:20px; height:2px; margin-left:10px; margin-top:33px; background-color:#fff;}
.ban .sav{ width:83.33%; position:absolute; left:8.335%; bottom:-35px; z-index:3; height:70px; border-radius:10px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); border-left:10px solid #e61929; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ flex:1; margin-left:1vw; height:70px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left::-webkit-scrollbar{ width:1px; height:5px;}
.ban .sav .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,0.1);}
.ban .sav .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.ban .sav .left a{ display:block; font-size:16px; line-height:26px; padding:0 1.5625vw; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#e61929;}
.ban .sav .left a:before{ content:''; width:1px; height:14px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-7px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ font-size:16px; line-height:20px; margin-right:2.5625vw;}
.ban .sav .right img{ display:block; height:20px; float:left; margin-right:0.78125vw;}
.ban .sav .right a{ display:block; float:left;}
.ban .sav .right span{ display:block; float:left; margin:0 0.677vw;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ban{ width:100%; height:24vw; position:relative; border-top:80px solid #fff; margin-bottom:30px;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .biao{ position:absolute; left:5%; bottom:60px; z-index:3;}
.ban .box .biao .en{ text-transform:uppercase; font-size:40px; line-height:42px; height:42px; color:#fff; opacity:.7; font-weight:bold;}
.ban .box .biao .cn{ margin-top:5px;}
.ban .box .biao .cn a{ display:block; float:left; color:#fff; font-size:24px; line-height:34px;}
.ban .box .biao .cn b{ display:block; float:left; width:15px; height:2px; margin-left:7px; margin-top:28px; background-color:#fff;}
.ban .sav{ width:90%; position:absolute; left:5%; bottom:-30px; z-index:3; height:60px; border-radius:7px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); border-left:6px solid #e61929; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ flex:1; margin-left:1vw; height:60px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left::-webkit-scrollbar{ width:1px; height:5px;}
.ban .sav .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,0.1);}
.ban .sav .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.ban .sav .left a{ display:block; font-size:15px; line-height:25px; padding:0 1.5625vw; float:left; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#e61929;}
.ban .sav .left a:before{ content:''; width:1px; height:12px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-6px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ font-size:15px; line-height:18px; margin-right:2.5625vw;}
.ban .sav .right img{ display:block; height:18px; float:left; margin-right:0.78125vw;}
.ban .sav .right a{ display:block; float:left;}
.ban .sav .right span{ display:block; float:left; margin:0 0.677vw;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:50vw; position:relative; border-top:60px solid #fff; margin-bottom:20px;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .biao{ position:absolute; left:3%; bottom:35px; z-index:3;}
.ban .box .biao .en{ text-transform:uppercase; font-size:30px; line-height:34px; color:#fff; opacity:.7; font-weight:bold;}
.ban .box .biao .cn{ width:100%;}
.ban .box .biao .cn a{ display:block; float:left; color:#fff; font-size:20px; line-height:30px;}
.ban .box .biao .cn b{ display:block; float:left; width:10px; height:2px; margin-left:5px; margin-top:23px; background-color:#fff;}
.ban .sav{ width:90%; position:absolute; left:3%; bottom:-20px; z-index:3; height:40px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-left:2px solid #e61929; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ padding:0 3vw; height:40px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left a{ display:block; font-size:14px; line-height:24px; padding:0 10px; position:relative;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#e61929;}
.ban .sav .left a:before{ content:''; width:1px; height:10px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-5px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ display:none;}
}

/*公司介紹*/
@media screen and (min-width:1600px){
.ab01{ width:83.33%; padding:95px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%;}
.ab01 .left{ width:46.5%; float:left;}
.ab01 .left .w01{ font-size:26px; line-height:36px; font-weight:bold; letter-spacing:4px; margin-top:45px;}
.ab01 .left .w02{ font-size:16px; line-height:36px; margin-top:15px;}
.ab01 .right{ width:48.5%; float:right; padding-bottom:10px;}
.ab01 .right img{ width:100%; display:block;}

.ab01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:25px;}
.ab01 .list li{ width:22.75%; margin-top:30px; margin-left:3%;}
.ab01 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab01 .list li b{ display:block; font-size:40px; line-height:42px; color:#e61929;}
.ab01 .list li p{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab01{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%;}
.ab01 .left{ width:48.5%; float:left;}
.ab01 .left .w01{ font-size:22px; line-height:32px; font-weight:bold; letter-spacing:2px; margin-top:30px;}
.ab01 .left .w02{ font-size:15px; line-height:25px; margin-top:10px;}
.ab01 .right{ width:48.5%; float:right; padding-bottom:5px;}
.ab01 .right img{ width:100%; display:block;}

.ab01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:20px;}
.ab01 .list li{ width:22.75%; margin-top:20px; margin-left:3%;}
.ab01 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab01 .list li b{ display:block; font-size:36px; line-height:40px; color:#e61929;}
.ab01 .list li p{ display:block; font-size:15px; line-height:25px; margin-top:3px;}
}
@media only screen and (max-width:1023px){
.ab01{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%;}
.ab01 .left{ width:100%; float:left;}
.ab01 .left .w01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.ab01 .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.ab01 .right{ width:100%; float:right; padding-top:10px;}
.ab01 .right img{ width:100%; display:block;}

.ab01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:15px;}
.ab01 .list li{ width:48.5%; margin-top:10px; margin-left:3%;}
.ab01 .list li:nth-child(2n+1){ margin-left:0;}
.ab01 .list li b{ display:block; font-size:30px; line-height:34px; color:#e61929;}
.ab01 .list li p{ display:block; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1600px){
.ab02{ width:83.33%; padding:95px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:100%; margin-top:50px;}
.ab02 .left{ width:46.5%; float:right;}
.ab02 .left .w01{ display:block; margin-top:-30px;}
.ab02 .left .w01 li{ display:block; margin-top:30px; padding-left:30px; background-image:url(../images/title01.png); background-position:left 8px; background-repeat:no-repeat;}
.ab02 .left .w01 li b{ display:block; font-size:20px; line-height:30px; color:#e61929;}
.ab02 .left .w01 li p{ display:block; font-size:16px; line-height:26px; color:#333; margin-top:5px;}

.ab02 .right{ width:48.5%; float:left; padding-bottom:10px;}
.ab02 .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab02{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:100%; margin-top:35px;}
.ab02 .left{ width:48.5%; float:right;}
.ab02 .left .w01{ display:block; margin-top:-20px;}
.ab02 .left .w01 li{ display:block; margin-top:20px; padding-left:25px; background-image:url(../images/title01.png); background-position:left 8px; background-repeat:no-repeat;}
.ab02 .left .w01 li b{ display:block; font-size:18px; line-height:28px; color:#e61929;}
.ab02 .left .w01 li p{ display:block; font-size:15px; line-height:25px; color:#333; margin-top:5px;}
.ab02 .right{ width:48.5%; float:left; padding-bottom:5px;}
.ab02 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ab02{ width:94%; padding:40px 3%; padding-top:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:100%;}
.ab02 .left{ width:100%; float:left;}
.ab02 .left .w01{ display:block; padding-top:10px;}
.ab02 .left .w01 li{ display:block; margin-top:5px; padding-left:20px; background-image:url(../images/title01.png); background-position:left 8px; background-repeat:no-repeat; background-size:15px auto;}
.ab02 .left .w01 li b{ display:block; font-size:16px; line-height:26px; color:#e61929;}
.ab02 .left .w01 li p{ display:block; font-size:14px; line-height:24px; color:#333;}

.ab02 .right{ width:100%; float:left; padding-top:15px;}
.ab02 .right img{ width:100%; display:block;}
}

@media screen and (min-width:1600px){
.ab03{ width:83.33%; padding:95px 8.335%; padding-top:90px; height:32.8125vw; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.ab03 .swiper-button-prev{ width:40px; height:40px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:70px; z-index:3;}
.ab03 .swiper-button-next{ width:40px; height:40px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; z-index:3;}
.ab03 .swiper-button-prev:hover{ background-color:#e61929; background-image:url(../images/prev.png);}
.ab03 .swiper-button-next:hover{ background-color:#e61929; background-image:url(../images/next.png);}
.ab03 .box{ width:100%; margin-top:50px; position:relative; z-index:3;}
.ab03 .box .bg{ width:100%; height:2px; background-color:rgba(255,255,255,.5); position:absolute; left:0; top:304px; z-index:1;}
.ab03 .box .swiper-container{ width:100%; z-index:9;}
.ab03 .box .swiper-slide{ width:30%;}
.ab03 .box .swiper-slide .wen{ width:100%; height:230px; box-sizing:border-box; padding:1.98vw 1.46vw; background-color:rgba(255,255,255,.5); border:2px solid #e61929; border-radius:10px; overflow:auto;}
.ab03 .box .swiper-slide .wen .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#e61929;}
.ab03 .box .swiper-slide .wen .w02{ font-size:16px; line-height:30px; margin-top:3px;}
.ab03 .box .swiper-slide .duo{ margin-top:18px;}
.ab03 .box .swiper-slide .duo img{ display:block; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab03{ width:90%; padding:65px 5%; padding-top:70px; min-height:50vw; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.ab03 .swiper-button-prev{ width:38px; height:38px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:55px; z-index:3;}
.ab03 .swiper-button-next{ width:38px; height:38px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; z-index:3;}
.ab03 .swiper-button-prev:hover{ background-color:#e61929; background-image:url(../images/prev.png);}
.ab03 .swiper-button-next:hover{ background-color:#e61929; background-image:url(../images/next.png);}
.ab03 .box{ width:100%; margin-top:35px; position:relative; z-index:3;}
.ab03 .box .bg{ width:100%; height:2px; background-color:rgba(255,255,255,.5); position:absolute; left:0; top:304px; z-index:1;}
.ab03 .box .swiper-container{ width:100%; z-index:9;}
.ab03 .box .swiper-slide{ width:30%;}
.ab03 .box .swiper-slide .wen{ width:100%; height:230px; box-sizing:border-box; padding:1.98vw 1.46vw; background-color:rgba(255,255,255,.5); border:2px solid #e61929; border-radius:10px; overflow:auto;}
.ab03 .box .swiper-slide .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#e61929;}
.ab03 .box .swiper-slide .wen .w02{ font-size:15px; line-height:29px;}
.ab03 .box .swiper-slide .duo{ margin-top:18px;}
.ab03 .box .swiper-slide .duo img{ display:block; margin:auto;}
}
@media only screen and (max-width:1023px){
.ab03{ width:94%; padding:35px 3%; padding-top:40px; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.ab03 .swiper-button-prev{ width:34px; height:34px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:44px; z-index:3;}
.ab03 .swiper-button-next{ width:34px; height:34px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; z-index:3;}
.ab03 .swiper-button-prev:hover{ background-color:#e61929; background-image:url(../images/prev.png);}
.ab03 .swiper-button-next:hover{ background-color:#e61929; background-image:url(../images/next.png);}
.ab03 .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.ab03 .box .bg{ width:100%; height:2px; background-color:rgba(255,255,255,.5); position:absolute; left:0; top:304px; z-index:1;}
.ab03 .box .swiper-container{ width:100%; z-index:9;}
.ab03 .box .swiper-slide{ width:60%;}
.ab03 .box .swiper-slide .wen{ width:100%; height:230px; box-sizing:border-box; padding:15px 3vw; background-color:rgba(255,255,255,.5); border:2px solid #e61929; border-radius:5px; overflow:auto;}
.ab03 .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#e61929;}
.ab03 .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px;}
.ab03 .box .swiper-slide .duo{ margin-top:18px;}
.ab03 .box .swiper-slide .duo img{ display:block; margin:auto;}
}

@media screen and (min-width:1600px){
.ab04{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:100%; margin-top:50px; position:relative; z-index:3;}
.ab04 .box ul{ width:100%; display:block; overflow:hidden; margin-top:-40px;}
.ab04 .box ul li{ width:23.125%; display:block; float:left; margin-left:2.5%; margin-top:40px; position:relative; overflow:hidden;}
.ab04 .box ul li:nth-child(4n+1){ margin-left:0;}
.ab04 .box ul li:before{ width:100%; display:block; padding-top:68.64%; content:''; overflow:hidden;}
.ab04 .box ul li img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box ul li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab04{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:100%; margin-top:35px; position:relative; z-index:3;}
.ab04 .box ul{ width:100%; display:block; overflow:hidden; margin-top:-30px;}
.ab04 .box ul li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:30px; position:relative; overflow:hidden;}
.ab04 .box ul li:nth-child(4n+1){ margin-left:0;}
.ab04 .box ul li:before{ width:100%; display:block; padding-top:68.64%; content:''; overflow:hidden;}
.ab04 .box ul li img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box ul li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media only screen and (max-width:1023px){
.ab04{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:100%; margin-top:20px; position:relative; z-index:3;}
.ab04 .box ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.ab04 .box ul li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; position:relative; overflow:hidden;}
.ab04 .box ul li:nth-child(2n+1){ margin-left:0;}
.ab04 .box ul li:before{ width:100%; display:block; padding-top:68.64%; content:''; overflow:hidden;}
.ab04 .box ul li img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box ul li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}

@media screen and (min-width:1600px){
.ab05{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab05 .swiper-button-prev{ width:40px; height:40px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:70px; z-index:3;}
.ab05 .swiper-button-next{ width:40px; height:40px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; z-index:3;}
.ab05 .swiper-button-prev:hover{ background-color:#e61929; background-image:url(../images/prev.png);}
.ab05 .swiper-button-next:hover{ background-color:#e61929; background-image:url(../images/next.png);}
.ab05 .box{ width:100%; margin-top:50px; position:relative; z-index:3;}
.ab05 .box .swiper-container{ width:100%; z-index:9;}
.ab05 .box .swiper-slide{ width:23.125%;}
.ab05 .box .swiper-slide:before{ width:100%; display:block; padding-top:143.24%; content:''; overflow:hidden;}
.ab05 .box .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab05{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab05 .swiper-button-prev{ width:38px; height:38px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:55px; z-index:3;}
.ab05 .swiper-button-next{ width:38px; height:38px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; z-index:3;}
.ab05 .swiper-button-prev:hover{ background-color:#e61929; background-image:url(../images/prev.png);}
.ab05 .swiper-button-next:hover{ background-color:#e61929; background-image:url(../images/next.png);}
.ab05 .box{ width:100%; margin-top:35px; position:relative; z-index:3;}
.ab05 .box .swiper-container{ width:100%; z-index:9;}
.ab05 .box .swiper-slide{ width:23.125%;}
.ab05 .box .swiper-slide:before{ width:100%; display:block; padding-top:143.24%; content:''; overflow:hidden;}
.ab05 .box .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
}
@media only screen and (max-width:1023px){
.ab05{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab05 .swiper-button-prev{ width:34px; height:34px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:44px; z-index:3;}
.ab05 .swiper-button-next{ width:34px; height:34px; border-radius:100%; cursor:pointer; background-color:rgba(255,255,255,.7); background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; z-index:3;}
.ab05 .swiper-button-prev:hover{ background-color:#e61929; background-image:url(../images/prev.png);}
.ab05 .swiper-button-next:hover{ background-color:#e61929; background-image:url(../images/next.png);}
.ab05 .box{ width:100%; margin-top:20px; position:relative; z-index:3;}
.ab05 .box .swiper-container{ width:100%; z-index:9;}
.ab05 .box .swiper-slide{ width:49.25%;}
.ab05 .box .swiper-slide:before{ width:100%; display:block; padding-top:143.24%; content:''; overflow:hidden;}
.ab05 .box .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
}

/*产品中心*/
@media screen and (min-width:1600px){
.pro{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; margin-top:50px;}
.pro .box .list{ width:100%; display:block; margin-top:-40px;}
.pro .box .list li{ width:23.125%; display:block; float:left; margin-left:2.5%; margin-top:40px; overflow:hidden;}
.pro .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .box .list li a{ display:block; overflow:hidden; padding:9px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.pro .box .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.pro .box .list li .tu:before{ width:100%; padding-top:100%; display:block; content:'';}
.pro .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .list li .wen{ padding:15px 10px;}
.pro .box .list li .wen span{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .box .list .wen p{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro .box .list a:hover .wen span{ color:#e61929;}

.fanye{ width:100%; margin-top:50px; 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:#e61929;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#e61929;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pro{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; margin-top:35px;}
.pro .box .list{ width:100%; display:block; margin-top:-30px;}
.pro .box .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:30px; overflow:hidden;}
.pro .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .box .list li a{ display:block; overflow:hidden; padding:9px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:7px;}
.pro .box .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:7px;}
.pro .box .list li .tu:before{ width:100%; padding-top:100%; display:block; content:'';}
.pro .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .list li .wen{ padding:15px 10px;}
.pro .box .list li .wen span{ width:100%; display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .box .list .wen p{ display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro .box .list a:hover .wen span{ color:#e61929;}

.fanye{ width:100%; margin-top:35px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:38px; height:38px; line-height:38px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:38px; height:38px; line-height:38px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#e61929;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#e61929;}
}
@media only screen and (max-width:1023px){
.pro{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%;}
.pro .box .list{ width:100%; display:block; padding-top:5px;}
.pro .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pro .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .box .list li a{ display:block; overflow:hidden; padding:4px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:5px;}
.pro .box .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:5px;}
.pro .box .list li .tu:before{ width:100%; padding-top:100%; display:block; content:'';}
.pro .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .list li .wen{ padding:5px;}
.pro .box .list li .wen span{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .box .list .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro .box .list a:hover .wen span{ color:#e61929;}

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

/*产品中心内页*/
@media screen and (min-width:1600px){
.pro .left{ float:left; padding:40px; width:270px; background-color:#f7f7f7; border-radius:15px;}
.pro .left .w01{ font-size:30px; line-height:34px; color:#999; font-weight:bold;}
.pro .left .w02{ font-size:24px; line-height:34px; color:#333; font-weight:bold; margin-top:5px;}
.pro .left .line{ width:50px; height:2px; background-color:#e61929; margin-top:15px;}
.pro .left .box01{ width:100%;}
.pro .left .box01 .bt{ width:100%; margin-top:15px; font-size:20px; line-height:30px; height:30px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .left .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .left .box01 .cp{ display:none; padding-left:20px;}
.pro .left .box01 .cp a{ display:block; font-size:16px; line-height:26px; margin-top:5px; color:#333;}
.pro .left .box01 .cp a:hover{ color:#333;}
.pro .left .box01 .cp a.on{ color:#e61929;}

.pro .right{ float:right; width:calc(95% - 350px);}
.pro .right .bt{ font-size:24px; line-height:34px; font-weight:bold;}
.pro .right .bt b{ display:block; float:left; position:relative; padding-bottom:15px;}
.pro .right .bt b:before{ width:100%; height:2px; display:block; content:''; background-color:#e61929; position:absolute; left:0; bottom:0;}
.pro .right .wen{ font-size:16px; line-height:26px; padding-top:25px; border-top:1px solid #eee;}
.pro .right .wen img{ max-width:100%; height:auto !important;}
.pro .right .wen table{ border-collapse:collapse; border:1px solid #cacaca;}
.pro .right .wen th,.pro .right .wen td{ padding:5 10px; border:1px solid #cacaca;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pro .left{ float:left; padding:30px; width:200px; background-color:#f7f7f7; border-radius:10px;}
.pro .left .w01{ font-size:24px; line-height:28px; color:#999; font-weight:bold;}
.pro .left .w02{ font-size:20px; line-height:30px; color:#333; font-weight:bold; margin-top:5px;}
.pro .left .line{ width:40px; height:2px; background-color:#e61929; margin-top:15px;}
.pro .left .box01{ width:100%;}
.pro .left .box01 .bt{ width:100%; margin-top:15px; font-size:18px; line-height:28px; height:28px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .left .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .left .box01 .cp{ display:none; padding-left:20px;}
.pro .left .box01 .cp a{ display:block; font-size:15px; line-height:25px; margin-top:5px; color:#333;}
.pro .left .box01 .cp a:hover{ color:#333;}
.pro .left .box01 .cp a.on{ color:#e61929;}

.pro .right{ float:right; width:calc(97% - 260px);}
.pro .right .bt{ font-size:20px; line-height:30px; font-weight:bold;}
.pro .right .bt b{ display:block; float:left; position:relative; padding-bottom:10px;}
.pro .right .bt b:before{ width:100%; height:2px; display:block; content:''; background-color:#e61929; position:absolute; left:0; bottom:0;}
.pro .right .wen{ font-size:15px; line-height:25px; padding-top:20px; border-top:1px solid #eee;}
.pro .right .wen img{ max-width:100%; height:auto !important;}
.pro .right .wen table{ border-collapse:collapse; border:1px solid #cacaca;}
.pro .right .wen th,.pro .right .wen td{ padding:5 10px; border:1px solid #cacaca;}
}
@media only screen and (max-width:1023px){
.pro .left{ float:left; padding:15px; width:calc(100% - 30px); background-color:#f7f7f7; border-radius:10px;}
.pro .left .w01{ font-size:18px; line-height:26px; color:#999; font-weight:bold;}
.pro .left .w02{ font-size:18px; line-height:28px; color:#333; font-weight:bold;}
.pro .left .line{ width:30px; height:2px; background-color:#e61929; margin-top:10px;}
.pro .left .box01{ width:100%;}
.pro .left .box01 .bt{ width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; padding-left:15px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .left .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .left .box01 .cp{ display:none; padding-left:15px; padding-top:5px;}
.pro .left .box01 .cp a{ display:block; font-size:14px; line-height:24px; color:#333; width:45.5%; float:left; margin-left:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .left .box01 .cp a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .left .box01 .cp a:hover{ color:#333;}
.pro .left .box01 .cp a.on{ color:#e61929;}

.pro .right{ float:right; width:100%; margin-top:15px;}
.pro .right .bt{ font-size:16px; line-height:26px; font-weight:bold;}
.pro .right .bt b{ display:block; float:left; position:relative; padding-bottom:5px;}
.pro .right .bt b:before{ width:100%; height:2px; display:block; content:''; background-color:#e61929; position:absolute; left:0; bottom:0;}
.pro .right .wen{ font-size:14px; line-height:24px; padding-top:15px; border-top:1px solid #eee;}
.pro .right .wen img{ max-width:100%; height:auto !important;}
.pro .right .wen table{ border-collapse:collapse; border:1px solid #cacaca;}
.pro .right .wen th,.pro .right .wen td{ padding:5 10px; border:1px solid #cacaca;}
}

/*解决方案*/
@media screen and (min-width:1600px){
.case{ width:83.33%; padding:100px 8.335%; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:100%; margin-top:50px;}
.case .box .list{ width:100%; display:block; margin-top:-35px;}
.case .box .list li{ width:23.125%; display:block; float:left; margin-left:2.5%; margin-top:35px; overflow:hidden;}
.case .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .box .list li .w01{ width:100%; border-radius:10px; position:relative;}
.case .box .list li .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.case .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.case .box .list li .w01 .biao{ position:absolute; left:1.5625vw; top:30px; z-index:2;}
.case .box .list li .w01 .biao a{ display:block; text-align:center; min-width:80px; padding:0 20px; line-height:36px; height:36px; font-size:18px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.case .box .list li .w01 .biao a:hover{ background-color:#e61929; color:#fff;}
.case .box .list li .w02{ margin-top:15px; font-size:16px; line-height:24px; height:24px; color:#999;}
.case .box .list li .w03 a{ font-size:20px; line-height:30px; height:60px; color:#333; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.case .box .list li .w03 a:hover{ color:#e61929;}
.case .box .list li .w04{ font-size:16px; line-height:26px; height:78px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.case{ width:90%; padding:70px 5%; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:100%; margin-top:35px;}
.case .box .list{ width:100%; display:block; margin-top:-25px;}
.case .box .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:25px; overflow:hidden;}
.case .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .box .list li .w01{ width:100%; border-radius:10px; position:relative;}
.case .box .list li .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.case .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.case .box .list li .w01 .biao{ position:absolute; left:1.5625vw; top:30px; z-index:2;}
.case .box .list li .w01 .biao a{ display:block; text-align:center; min-width:70px; padding:0 20px; line-height:34px; height:34px; font-size:16px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.case .box .list li .w01 .biao a:hover{ background-color:#e61929; color:#fff;}
.case .box .list li .w02{ margin-top:10px; font-size:15px; line-height:23px; height:23px; color:#999;}
.case .box .list li .w03 a{ font-size:18px; line-height:28px; height:56px; color:#333; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.case .box .list li .w03 a:hover{ color:#e61929;}
.case .box .list li .w04{ font-size:15px; line-height:25px; height:75px; color:#666; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media only screen and (max-width:1023px){
.case{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:100%;}
.case .box .list{ width:100%; display:block; padding-top:5px;}
.case .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.case .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case .box .list li .w01{ width:100%; border-radius:5px; position:relative;}
.case .box .list li .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.case .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.case .box .list li .w01 .biao{ position:absolute; left:15px; top:15px; z-index:2;}
.case .box .list li .w01 .biao a{ display:block; text-align:center; min-width:60px; padding:0 15px; line-height:32px; height:32px; font-size:14px; overflow:hidden; color:#e61929; background-color:rgba(255,255,255,.7); border-radius:36px;}
.case .box .list li .w01 .biao a:hover{ background-color:#e61929; color:#fff;}
.case .box .list li .w02{ margin-top:5px; font-size:14px; line-height:22px; height:23px; color:#999;}
.case .box .list li .w03 a{ font-size:16px; line-height:26px; height:52px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.case .box .list li .w03 a:hover{ color:#e61929;}
.case .box .list li .w04{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}

/*解决方案内页*/
@media screen and (min-width:1600px){
.ny{ width:83.33%; padding:95px 8.335%; 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:#e61929;}
.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:#e61929;}

.ny .rbar{ width:20.83%; border:1px solid #eee; border-top:2px solid #e61929; 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:#e61929;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ny{ width:90%; padding:65px 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:#e61929;}
.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:#e61929;}

.ny .rbar{ width:21.83%; border:1px solid #eee; border-top:2px solid #e61929; 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:#e61929;}
}
@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:#e61929;}
.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:#e61929;}

.ny .rbar{ display:none;}
}

/*招商加盟*/
@media screen and (min-width:1600px){
.join{ width:83.33%; padding:100px 8.335%; padding-top:90px; position:relative; z-index:1; background-color:#fff;}
.join .box{ width:100%; position:relative; z-index:3; margin-top:40px;}
.join .wen{ font-size:16px; line-height:36px;}
.join .wen img{ max-width:100%; height:auto !important;}
.join .list{ width:100%; display:flex; flex-wrap:wrap;}
.join .list li{ width:23.125%; display:block; margin-left:2.5%; margin-top:40px; border-radius:30px; background-color:#f7f7f7; overflow:hidden; padding:40px 2.08vw; padding-bottom:35px; box-sizing:border-box; position:relative;}
.join .list li:nth-child(4n+1){ margin-left:0;}
.join .list li:hover{ background-color:#e61929;}
.join .list li .icon{ position:relative; z-index:3;}
.join .list li .icon img{ display:block; height:50px;}
.join .list li .icon img.img02{ display:none;}
.join .list li:hover .icon img.img01{ display:none;}
.join .list li:hover .icon img.img02{ display:block;}
.join .list li .wen{ width:100%; margin-top:45px;}
.join .list li .wen .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.join .list li .wen .w02{ font-size:16px; line-height:26px; color:#666; margin-top:5px; max-height:52px;}
.join .list li .wen .w03{ font-size:36px; line-height:40px; height:40px; font-weight:bold; margin-top:20px; color:#ddd;}
.join .list li:hover .wen .w01,.join .list li:hover .wen .w02{ color:#fff;}
.join .list li .bg{ width:47.73%; position:absolute; right:0; top:40px; height:calc(100% - 80px); opacity:0; z-index:1;}
.join .list li .bg img{ display:block; height:100%;}
.join .list li:hover .bg{ opacity:0.1;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.join{ width:90%; padding:70px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.join .box{ width:100%; position:relative; z-index:3; margin-top:28px;}
.join .wen{ font-size:15px; line-height:29px;}
.join .wen img{ max-width:100%; height:auto !important;}
.join .list{ width:100%; display:flex; flex-wrap:wrap;}
.join .list li{ width:23.5%; display:block; margin-left:2%; margin-top:30px; border-radius:20px; background-color:#f7f7f7; overflow:hidden; padding:30px 2.08vw; padding-bottom:25px; box-sizing:border-box; position:relative;}
.join .list li:nth-child(4n+1){ margin-left:0;}
.join .list li:hover{ background-color:#e61929;}
.join .list li .icon{ position:relative; z-index:3;}
.join .list li .icon img{ display:block; height:50px;}
.join .list li .icon img.img02{ display:none;}
.join .list li:hover .icon img.img01{ display:none;}
.join .list li:hover .icon img.img02{ display:block;}
.join .list li .wen{ width:100%; margin-top:30px;}
.join .list li .wen .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.join .list li .wen .w02{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.join .list li .wen .w03{ font-size:30px; line-height:34px; height:34px; font-weight:bold; margin-top:15px; color:#ddd;}
.join .list li:hover .wen .w01,.join .list li:hover .wen .w02{ color:#fff;}
.join .list li .bg{ width:47.73%; position:absolute; right:0; top:30px; height:calc(100% - 60px); opacity:0; z-index:1;}
.join .list li .bg img{ display:block; height:100%;}
.join .list li:hover .bg{ opacity:0.1;}
}
@media only screen and (max-width:1023px){
.join{ width:94%; padding:40px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.join .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.join .wen{ font-size:14px; line-height:24px;}
.join .wen img{ max-width:100%; height:auto !important;}
.join .list{ width:100%; display:flex; flex-wrap:wrap;}
.join .list li{ width:48.5%; display:block; margin-left:3%; margin-top:20px; border-radius:10px; background-color:#f7f7f7; overflow:hidden; padding:20px 15px; padding-bottom:15px; box-sizing:border-box; position:relative;}
.join .list li:nth-child(2n+1){ margin-left:0;}
.join .list li:hover{ background-color:#e61929;}
.join .list li .icon{ position:relative; z-index:3;}
.join .list li .icon img{ display:block; height:25px;}
.join .list li .icon img.img02{ display:none;}
.join .list li:hover .icon img.img01{ display:none;}
.join .list li:hover .icon img.img02{ display:block;}
.join .list li .wen{ width:100%; margin-top:15px;}
.join .list li .wen .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.join .list li .wen .w02{ font-size:14px; line-height:24px; color:#333; max-height:48px;}
.join .list li .wen .w03{ font-size:26px; line-height:32px; height:32px; font-weight:bold; margin-top:5px; color:#ddd;}
.join .list li:hover .wen .w01,.join .list li:hover .wen .w02{ color:#fff;}
.join .list li .bg{ width:47.73%; position:absolute; right:0; top:20px; height:calc(100% - 40px); opacity:0; z-index:1;}
.join .list li .bg img{ display:block; height:100%;}
.join .list li:hover .bg{ opacity:0.1;}
}

/*联系我们*/
@media screen and (min-width:1600px){
.lbox.mar{ margin-top:-35px;}
.lbox.mar .left{ padding-top:125px;}
.lbox.mar .right{ padding-top:130px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.lbox.mar{ margin-top:-30px;}
.lbox.mar .left{ padding-top:95px;}
.lbox.mar .right{ padding-top:95px;}
}
@media only screen and (max-width:1023px){
.lbox.mar{ margin-top:-20px;}
.lbox.mar .left{ padding-top:55px;}
}