@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.15; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {
  -webkit-appearance: none; /* 清除iOS默认样式 */
  -moz-appearance: none;    /* 清除Firefox默认样式 */
  appearance: none;         /* 标准语法 */
  background-color: transparent; /* 透明背景 */
}
body>.preloader img{ opacity:0;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; box-shadow:0 0 20px rgba(0,0,0,.1); background-color:#fff;}
.header .head{ width:1200px; height:100%; margin:auto;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:50px; padding:25px 0; float:left;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:100px; display:block; position:relative; z-index:9; float:right;}
.header .head .ser dt{ width:40px; height:40px; display:block; position:relative; float:left; z-index:1; margin:30px 0;}
.header .head .ser dt a{ width:40px; height:40px; display:block; position:absolute; right:0; top:0; overflow:hidden; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .head .ser dt b{ width:40px; height:40px; display:block; border-radius:100%; overflow:hidden;}
.header .head .ser dt b img{ display:block; height:16px; margin:12px auto;}
.header .head .ser dt p{ display:block; position:absolute; left:40px; top:0; width:150px; font-size:18px; line-height:40px; height:40px; color:#2f318b; font-weight:bold;}
.header .head .ser dt a:hover{ width:190px;}
.header .head .ser dd{ width:140px; height:40px; padding:30px 0; display:block; position:relative; float:left; margin-left:20px; z-index:3;}
.header .head .ser dd span{ width:100%; height:40px; display:block; border-radius:40px; background-color:#e62129; overflow:hidden; background-image:url(../images/sel.png); background-position:right 20px center; background-repeat:no-repeat; font-size:14px; line-height:40px; color:#fff; cursor:pointer;}
.header .head .ser dd span img{ display:block; height:16px; margin:12px 20px; margin-right:5px; float:left;}
.header .head .ser dd p{ display:none; position:absolute; left:0; top:100%; width:100%; background-color:rgba(255,255,255,.9); border-radius:10px; padding:10px 20px; text-align:center; box-sizing:border-box;}
.header .head .ser dd p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333;}
.header .head .ser dd p a:hover{ color:#e62129;}
.header .head .nav{ display:block; float:right; height:100px; position:relative; z-index:1;}
.header .head .nav dd{ display:flex; align-items:center; float:left; margin-right:50px; height:100%; position:relative; z-index:1;}
.header .head .nav dd>a{ display:block; font-size:16px; color:#333;}
.header .head .nav dd.on:before,.header .head .nav dd:hover:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#e62129; overflow:hidden; content:'';}
.header .head .nav dd.on>a,.header .head .nav dd:hover>a{ color:#e62129;}
.header .head .nav dd p{ width:140px; position:absolute; left:50%; margin-left:-90px; top:80px; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 20px; text-align:center;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333;}
.header .head .nav dd p a:hover{ color:#e62129;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999; box-shadow:0 0 15px rgba(0,0,0,.1); background-color:#fff;}
.header .head{ width:94%; height:100%; margin:auto;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:50px; padding:15px 0; float:left;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:100px; display:block; position:relative; z-index:9; float:right;}
.header .head .ser dt{ width:38px; height:38px; display:block; position:relative; float:left; z-index:1; margin:21px 0;}
.header .head .ser dt a{ width:38px; height:38px; display:block; position:absolute; right:0; top:0; overflow:hidden; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .head .ser dt b{ width:38px; height:38px; display:block; border-radius:100%; overflow:hidden;}
.header .head .ser dt b img{ display:block; height:16px; margin:11px auto;}
.header .head .ser dt p{ display:block; position:absolute; left:38px; top:0; width:150px; font-size:18px; line-height:38px; height:38px; color:#2f318b; font-weight:bold;}
.header .head .ser dt a:hover{ width:190px;}
.header .head .ser dd{ width:130px; height:38px; padding:21px 0; display:block; position:relative; float:left; margin-left:1vw; z-index:3;}
.header .head .ser dd span{ width:100%; height:38px; display:block; border-radius:40px; background-color:#e62129; overflow:hidden; background-image:url(../images/sel.png); background-position:right 15px center; background-repeat:no-repeat; font-size:14px; line-height:38px; color:#fff; cursor:pointer;}
.header .head .ser dd span img{ display:block; height:16px; margin:11px 15px; margin-right:5px; float:left;}
.header .head .ser dd p{ display:none; position:absolute; left:0; top:100%; width:100%; background-color:rgba(255,255,255,.9); border-radius:10px; padding:10px 15px; text-align:center; box-sizing:border-box;}
.header .head .ser dd p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333;}
.header .head .ser dd p a:hover{ color:#e62129;}
.header .head .nav{ display:block; float:right; height:80px; position:relative; z-index:1;}
.header .head .nav dd{ display:flex; align-items:center; float:left; margin-right:2.6vw; height:100%; position:relative; z-index:1;}
.header .head .nav dd>a{ display:block; font-size:16px; color:#333;}
.header .head .nav dd.on:before,.header .head .nav dd:hover:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#e62129; overflow:hidden; content:'';}
.header .head .nav dd.on>a,.header .head .nav dd:hover>a{ color:#e62129;}
.header .head .nav dd p{ width:140px; position:absolute; left:50%; margin-left:-90px; top:80px; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 15px; text-align:center;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333;}
.header .head .nav dd p a:hover{ color:#e62129;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .head{ width:100%; height:60px;}
.header .head .hamburger{ height:30px; width:24px; padding:15px 18px; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; background-color:#2f318b;}
.header .head .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#fff; margin:6px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(11px);}
.header .head .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-11px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .head .logo{ display:block; padding:10px 3%; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img01{ display:none;}
.header .head .ser{ height:60px; display:block; float:right; margin-right:15px;}
.header .head .ser dt{ width:34px; height:34px; display:block; position:relative; float:left; z-index:1; padding:13px 0;}
.header .head .ser dt a{ width:34px; height:34px; display:block; overflow:hidden; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .head .ser dt b{ width:34px; height:34px; display:block; border-radius:100%; overflow:hidden;}
.header .head .ser dt b img{ display:block; height:16px; margin:9px auto;}
.header .head .ser dt p{ display:none;}
.header .head .ser dd{ width:120px; height:34px; display:block; position:relative; float:left; margin-left:10px; z-index:3; padding:13px 0;}
.header .head .ser dd span{ width:100%; height:34px; display:block; border-radius:40px; background-color:#e62129; overflow:hidden; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat; font-size:14px; line-height:34px; color:#fff; cursor:pointer;}
.header .head .ser dd span img{ display:block; height:16px; margin:9px 10px; margin-right:5px; float:left;}
.header .head .ser dd p{ display:none; position:absolute; left:0; top:100%; width:100%; background-color:rgba(255,255,255,.9); border-radius:5px; padding:6px 15px; text-align:center; box-sizing:border-box;}
.header .head .ser dd p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#333;}
.header .head .ser dd p a:hover{ color:#e62129;}

.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 dd{ width:100%; display:block; overflow:hidden; border-top:1px solid #ddd; position:relative;}
.header .head .nav dd:first-child{ border-top:none;}
.header .head .nav a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px;}
.header .head .nav dd b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .head .nav dd b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .head .nav dd.active b::after{ transform:rotateZ(135deg);}
.header .head .nav dd.active>a,.header .head .nav dd.on>a{ color:#e62129;}
.header .head .nav dd p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.header .head .nav dd p a:hover{ color:#e62129;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; position:relative; z-index:1; border-top:100px solid #fff; background-color:#fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%;; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-slide a img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.banner{ width:100%; position:relative; z-index:1; border-top:80px solid #fff; background-color:#fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-slide a img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:25px; z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#e62129;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff; background-color:#fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-slide a img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#e62129;}
}

/*我们的产品*/
@media screen and (min-width:1280px){
.title{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold;}
.title .t02{ padding:8px 0;}
.title .t02 img{ height:8px; display:block; margin:auto;}
.title .t03{ font-size:16px; line-height:26px; color:#666;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t02{ padding:7px 0;}
.title .t02 img{ height:8px; display:block; margin:auto;}
.title .t03{ font-size:15px; line-height:25px; color:#666;}
}
@media only screen and (max-width: 1023px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:20px; line-height:30px; font-weight:bold;}
.title .t02{ padding:5px 0;}
.title .t02 img{ max-width:100%; max-height:8px; display:block; margin:auto;}
.title .t03{ font-size:14px; line-height:24px; color:#666;}
}

@media screen and (min-width:1280px){
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.pbox .box .swiper-slide{ width:380px; height:470px; background-color:#f7f7f7; display:block; overflow:hidden;}
.pbox .box .swiper-slide a{ width:100%; height:470px; display:block; position:relative; overflow:hidden;}
.pbox .box .swiper-slide .tu{ width:100%; height:370px; display:flex; align-items:center; position:relative; z-index:1;}
.pbox .box .swiper-slide .tu img{ max-width:calc(100% - 40px); max-width:calc(100% - 100px); display:block; margin:auto;}
.pbox .box .swiper-slide .wen{ width:calc(100% - 40px); height:81px; position:absolute; left:20px; bottom:25px; z-index:3; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666; margin-top:5px;}
.pbox .box .swiper-slide .wen .w03{ margin-top:25px; padding-bottom:5px;}
.pbox .box .swiper-slide .wen .w03 img{ display:block; height:40px; margin:auto;}
.pbox .box .swiper-slide:hover .wen{ height:151px;}
.pbox .box .swiper-slide:hover .wen .w01{ color:#fff;}
.pbox .box .swiper-slide:hover .wen .w02{ color:#fff;}
.pbox .box .swiper-slide:hover .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-size:100% 100%; z-index:2;}

.pbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:25px;}
.pbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:10px 5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.pbox{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.pbox .box .swiper-slide{ width:calc((100% - 60px)/2); height:470px; background-color:#f7f7f7; display:block; overflow:hidden;}
.pbox .box .swiper-slide a{ width:100%; height:470px; display:block; position:relative; overflow:hidden;}
.pbox .box .swiper-slide .tu{ width:100%; height:370px; display:flex; align-items:center; position:relative; z-index:1;}
.pbox .box .swiper-slide .tu img{ max-width:calc(100% - 40px); max-width:calc(100% - 100px); display:block; margin:auto;}
.pbox .box .swiper-slide .wen{ width:calc(100% - 40px); height:81px; position:absolute; left:20px; bottom:25px; z-index:3; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666; margin-top:5px;}
.pbox .box .swiper-slide .wen .w03{ margin-top:25px; padding-bottom:5px;}
.pbox .box .swiper-slide .wen .w03 img{ display:block; height:40px; margin:auto;}
.pbox .box .swiper-slide:hover .wen{ height:151px;}
.pbox .box .swiper-slide:hover .wen .w01{ color:#fff;}
.pbox .box .swiper-slide:hover .wen .w02{ color:#fff;}
.pbox .box .swiper-slide:hover .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-size:100% 100%; z-index:2;}

.pbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:20px;}
.pbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:10px 5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#e62129;}
}
@media only screen and (max-width: 1023px){
.pbox{ width:100%; padding-top:35px; padding-bottom:35px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pbox .box .swiper-slide{ width:70%; height:395px; background-color:#f7f7f7; display:block; overflow:hidden;}
.pbox .box .swiper-slide a{ width:100%; height:395px; display:block; position:relative; overflow:hidden;}
.pbox .box .swiper-slide .tu{ width:100%; height:310px; display:flex; align-items:center; position:relative; z-index:1;}
.pbox .box .swiper-slide .tu img{ max-width:calc(100% - 30px); max-width:calc(100% - 40px); display:block; margin:auto;}
.pbox .box .swiper-slide .wen{ width:calc(100% - 30px); height:74px; position:absolute; left:15px; bottom:15px; z-index:3; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.pbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666;}
.pbox .box .swiper-slide .wen .w03{ margin-top:15px; padding-bottom:5px;}
.pbox .box .swiper-slide .wen .w03 img{ display:block; height:40px; margin:auto;}
.pbox .box .swiper-slide:hover .wen{ height:134px;}
.pbox .box .swiper-slide:hover .wen .w01{ color:#fff;}
.pbox .box .swiper-slide:hover .wen .w02{ color:#fff;}
.pbox .box .swiper-slide:hover .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-size:100% 100%; z-index:2;}

.pbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:15px;}
.pbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#e62129;}
}

/*我们的优势*/
@media screen and (min-width:1280px){
.ybox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.ybox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ybox .box .swiper-slide{ display:block;}
.ybox .box .swiper-slide a{ width:100%; display:flex; overflow:hidden;}
.ybox .box .swiper-slide a:nth-child(2n){ flex-direction:row-reverse;}
.ybox .box .swiper-slide .tu{ width:50%; position:relative;}
.ybox .box .swiper-slide .tu:before{ width:100%; display:block; padding-top:300px; content:'';}
.ybox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .swiper-slide .wen{ width:50%; height:300px; background-color:#fff; box-sizing:border-box; padding:45px 50px;}
.ybox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.ybox .box .swiper-slide .wen .w02{ width:50px; height:2px; margin-top:15px; background-color:#2f318b;}
.ybox .box .swiper-slide .wen .w03{ font-size:14px; line-height:30px; margin-top:17px; height:120px;}
.ybox .box .swiper-slide a:hover .tu 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);}
.ybox .box .swiper-slide a:hover .wen .w01{ color:#e62129;}
.ybox .box .swiper-button-white{ width:80px; height:50px; position:absolute; left:50%; top:50%; z-index:5; cursor:pointer; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.ybox .box .swiper-button-white:hover{ background-color:#e62129;}
.ybox .box .swiper-button-next{ left:50%; margin-top:-50px; background-image:url(../images/next.png);}
.ybox .box .swiper-button-prev{ left:50%; margin-left:-80px; background-image:url(../images/prev.png);}
.ybox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.ybox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ybox .swiper-pagination{ display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ybox{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#f7f7f7; position:relative; z-index:1;}
.ybox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.ybox .box .swiper-slide{ display:block;}
.ybox .box .swiper-slide a{ width:100%; display:flex; overflow:hidden;}
.ybox .box .swiper-slide a:nth-child(2n){ flex-direction:row-reverse;}
.ybox .box .swiper-slide .tu{ width:50%; position:relative;}
.ybox .box .swiper-slide .tu:before{ width:100%; display:block; padding-top:50%; content:'';}
.ybox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .swiper-slide .wen{ width:50%; background-color:#fff; box-sizing:border-box; padding:25px 35px;}
.ybox .box .swiper-slide .wen .w01{ font-size:17px; line-height:27px; font-weight:bold;}
.ybox .box .swiper-slide .wen .w02{ width:40px; height:2px; margin-top:10px; background-color:#2f318b;}
.ybox .box .swiper-slide .wen .w03{ font-size:14px; line-height:24px; margin-top:15px; height:120px;}
.ybox .box .swiper-slide a:hover .tu 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);}
.ybox .box .swiper-slide a:hover .wen .w01{ color:#e62129;}
.ybox .box .swiper-button-white{ width:60px; height:40px; position:absolute; left:50%; top:50%; z-index:5; cursor:pointer; background-color:#f7f7f7; background-position:center; background-repeat:no-repeat;}
.ybox .box .swiper-button-white:hover{ background-color:#e62129;}
.ybox .box .swiper-button-next{ left:50%; margin-top:-40px; background-image:url(../images/next.png);}
.ybox .box .swiper-button-prev{ left:50%; margin-left:-60px; background-image:url(../images/prev.png);}
.ybox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.ybox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ybox .swiper-pagination{ display:none;}
}
@media only screen and (max-width: 1023px){
.ybox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .swiper-slide{ display:block;}
.ybox .box .swiper-slide a{ width:100%; display:block; position:relative; overflow:hidden; margin-top:15px;}
.ybox .box .swiper-slide a:nth-child(2n){ flex-direction:row-reverse;}
.ybox .box .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ybox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.ybox .box .swiper-slide .wen{ width:100%; background-color:rgba(255,255,255,.9); box-sizing:border-box; padding:15px; position:relative; z-index:3;}
.ybox .box .swiper-slide .wen .w01{ font-size:17px; line-height:27px; font-weight:bold;}
.ybox .box .swiper-slide .wen .w02{ width:40px; height:2px; margin-top:10px; background-color:#2f318b;}
.ybox .box .swiper-slide .wen .w03{ font-size:14px; line-height:24px; margin-top:15px; height:120px;}
.ybox .box .swiper-slide a:hover .wen{ background-color:#fff;}
.ybox .box .swiper-slide a:hover .wen .w01{ color:#e62129;}
.ybox .box .swiper-button-white{ display:none;}
.ybox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:15px;}
.ybox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.ybox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#e62129;}
}

/*资质证书*/
.hbox{ display:none;}
@media screen and (min-width:1280px){
.hbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .title .t01,.hbox .title .t03{ color:#fff;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.hbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.hbox .box .swiper-slide{ width:285px; overflow:hidden; display:block;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:405px; position:relative; overflow:hidden;}
.hbox .box .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}

.hbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:25px;}
.hbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.hbox{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .title .t01,.hbox .title .t03{ color:#fff;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.hbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.hbox .box .swiper-slide{ width:calc((100% - 40px)/3); overflow:hidden; display:block;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:142.1%; position:relative; overflow:hidden;}
.hbox .box .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}

.hbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:20px;}
.hbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#e62129;}
}
@media only screen and (max-width: 1023px){
.hbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .title .t01,.hbox .title .t03{ color:#fff;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.hbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.hbox .box .swiper-slide{ width:70%; overflow:hidden; display:block;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:142.1%; position:relative; overflow:hidden;}
.hbox .box .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}

.hbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:15px;}
.hbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#e62129;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:1200px; margin:auto; margin-top:20px; position:relative; z-index:3;}
.abox .box .left{ width:600px; float:left;}
.abox .box .left .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.abox .box .left .w02{ font-size:16px; line-height:26px; text-transform:uppercase; color:#666;}
.abox .box .left .w03{ width:50px; height:2px; margin-top:10px; background-color:#e62129;}
.abox .box .left .w04{ font-size:14px; line-height:30px; margin-top:22px; height:210px;}
.abox .box .left .w05{ margin-top:32px;}
.abox .box .left .w05 a{ width:160px; height:40px; line-height:40px; color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; background-color:#e62129; border-radius:40px;}
.abox .box .left .w05 a img{ display:block; margin-left:10px;}
.abox .box .left .w05 a:hover{ background-color:#2f318b;}
.abox .box .right{ width:540px; float:right; margin-top:5px;}
.abox .box .right a{ width:100%; padding-top:370px; position:relative; display:block;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a: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);}
.abox .box .list{ display:flex; margin-top:50px; width:100%; float:left;}
.abox .box .list dt{ width:25%; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center; padding:4px 20px;}
.abox .box .list dt:last-child{ border-right:none;}
.abox .box .list dt p{ display:block; overflow:hidden;}
.abox .box .list dt p a{ display:block; font-size:60px; line-height:60px; height:60px; overflow:hidden; float:left; color:#e62129; font-weight:bold;}
.abox .box .list dt p span{ display:block; font-size:16px; line-height:28px; height:28px; overflow:hidden; float:left; padding-top:32px; padding-left:8px;}
.abox .box .list dt b{ display:block; overflow:hidden; font-size:16px; line-height:28px; margin-top:6px; font-weight:normal;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.abox{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.abox .box .left{ width:50%; float:left;}
.abox .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .left .w02{ font-size:14px; line-height:24px; text-transform:uppercase; color:#666;}
.abox .box .left .w03{ width:40px; height:2px; margin-top:10px; background-color:#e62129;}
.abox .box .left .w04{ font-size:14px; line-height:24px; margin-top:15px; height:168px;}
.abox .box .left .w05{ margin-top:25px;}
.abox .box .left .w05 a{ width:150px; height:38px; line-height:38px; color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; background-color:#e62129; border-radius:38px;}
.abox .box .left .w05 a img{ display:block; margin-left:7px;}
.abox .box .left .w05 a:hover{ background-color:#2f318b;}
.abox .box .right{ width:47%; float:right; margin-top:5px;}
.abox .box .right a{ width:100%; padding-top:68.51%; position:relative; display:block;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a: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);}
.abox .box .list{ display:flex; margin-top:35px; width:100%; float:left;}
.abox .box .list dt{ width:25%; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center; padding:4px 20px;}
.abox .box .list dt:last-child{ border-right:none;}
.abox .box .list dt p{ display:block; overflow:hidden;}
.abox .box .list dt p a{ display:block; font-size:50px; line-height:52px; height:52px; overflow:hidden; float:left; color:#e62129; font-weight:bold;}
.abox .box .list dt p span{ display:block; font-size:15px; line-height:27px; height:27px; overflow:hidden; float:left; padding-top:25px; padding-left:5px;}
.abox .box .list dt b{ display:block; overflow:hidden; font-size:15px; line-height:27px; margin-top:4px; font-weight:normal;}
}
@media only screen and (max-width: 1023px){
.abox{ width:100%; padding-top:35px; padding-bottom:35px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.abox .box .left .w02{ font-size:12px; line-height:22px; text-transform:uppercase; color:#666;}
.abox .box .left .w03{ width:30px; height:2px; margin-top:5px; background-color:#e62129;}
.abox .box .left .w04{ font-size:14px; line-height:24px; margin-top:10px; height:240px;}
.abox .box .left .w05{ margin-top:15px;}
.abox .box .left .w05 a{ width:140px; height:34px; line-height:34px; color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; background-color:#e62129; border-radius:38px;}
.abox .box .left .w05 a img{ display:block; margin-left:5px;}
.abox .box .left .w05 a:hover{ background-color:#2f318b;}
.abox .box .right{ width:100%; float:right; margin-top:20px;}
.abox .box .right a{ width:100%; padding-top:68.51%; position:relative; display:block;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a: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);}
.abox .box .list{ display:flex; flex-wrap:wrap; margin-top:20px; width:100%; float:left;}
.abox .box .list dt{ width:50%; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center; padding:10px 15px; border-top:1px solid #ddd;}
.abox .box .list dt:nth-child(2n){ border-right:none;}
.abox .box .list dt:nth-child(1),.abox .box .list dt:nth-child(2){ border-top:none;}
.abox .box .list dt p{ display:block; overflow:hidden;}
.abox .box .list dt p a{ display:block; font-size:40px; line-height:42px; height:42px; overflow:hidden; float:left; color:#e62129; font-weight:bold;}
.abox .box .list dt p span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; float:left; padding-top:18px; padding-left:5px;}
.abox .box .list dt b{ display:block; overflow:hidden; font-size:14px; line-height:24px; font-weight:normal;}
}

/*行业资讯*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:380px; overflow:hidden; display:block;}
.nbox .box .swiper-slide a{ width:100%; display:block; position:relative;}
.nbox .box .swiper-slide .w01{ position:absolute; left:20px; top:15px; z-index:2; text-align:center; color:#fff;}
.nbox .box .swiper-slide .w01 span{ display:block; font-size:36px; line-height:40px; height:40px;}
.nbox .box .swiper-slide .w01 p{ display:block; font-size:12px; line-height:20px; height:20px;}
.nbox .box .swiper-slide .w02{ width:100%; position:relative; z-index:1;}
.nbox .box .swiper-slide .w02:before{ width:100%; display:block; content:''; padding-top:260px; overflow:hidden;}
.nbox .box .swiper-slide .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w03{ font-size:18px; line-height:28px; max-height:56px; margin-top:15px;}
.nbox .box .swiper-slide:hover .w03{ color:#e62129;}
.nbox .box .swiper-slide .w04{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px;}
.nbox .box .swiper-slide .w05{ font-size:14px; line-height:24px; height:24px; color:#e62129; margin-top:10px; display:flex; align-items:center;}
.nbox .box .swiper-slide .w05 img{ display:block; height:8px; margin-left:10px;}

.nbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:20px;}
.nbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.nbox{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:calc((100% - 60px)/2); overflow:hidden; display:block;}
.nbox .box .swiper-slide a{ width:100%; display:block; position:relative;}
.nbox .box .swiper-slide .w01{ position:absolute; left:20px; top:15px; z-index:2; text-align:center; color:#fff;}
.nbox .box .swiper-slide .w01 span{ display:block; font-size:36px; line-height:40px; height:40px;}
.nbox .box .swiper-slide .w01 p{ display:block; font-size:12px; line-height:20px; height:20px;}
.nbox .box .swiper-slide .w02{ width:100%; position:relative; z-index:1;}
.nbox .box .swiper-slide .w02:before{ width:100%; display:block; content:''; padding-top:260px; overflow:hidden;}
.nbox .box .swiper-slide .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w03{ font-size:18px; line-height:28px; max-height:56px; margin-top:15px;}
.nbox .box .swiper-slide:hover .w03{ color:#e62129;}
.nbox .box .swiper-slide .w04{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px;}
.nbox .box .swiper-slide .w05{ font-size:14px; line-height:24px; height:24px; color:#e62129; margin-top:10px; display:flex; align-items:center;}
.nbox .box .swiper-slide .w05 img{ display:block; height:8px; margin-left:7px;}

.nbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:15px;}
.nbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#e62129;}
}
@media only screen and (max-width: 1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:100%; overflow:hidden; display:block;}
.nbox .box .swiper-slide a{ width:100%; display:block; position:relative;}
.nbox .box .swiper-slide .w01{ position:absolute; left:15px; top:10px; z-index:2; text-align:center; color:#fff;}
.nbox .box .swiper-slide .w01 span{ display:block; font-size:36px; line-height:40px; height:40px;}
.nbox .box .swiper-slide .w01 p{ display:block; font-size:12px; line-height:20px; height:20px;}
.nbox .box .swiper-slide .w02{ width:100%; position:relative; z-index:1;}
.nbox .box .swiper-slide .w02:before{ width:100%; display:block; content:''; padding-top:68.42%; overflow:hidden;}
.nbox .box .swiper-slide .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w03{ font-size:16px; line-height:26px; max-height:52px; margin-top:10px;}
.nbox .box .swiper-slide:hover .w03{ color:#e62129;}
.nbox .box .swiper-slide .w04{ font-size:14px; line-height:24px; height:72px; color:#666;}
.nbox .box .swiper-slide .w05{ font-size:14px; line-height:24px; height:24px; color:#e62129; margin-top:5px; display:flex; align-items:center;}
.nbox .box .swiper-slide .w05 img{ display:block; height:8px; margin-left:5px;}

.nbox .swiper-pagination{ display:flex; flex-wrap:wrap; justify-content:center; padding-top:10px;}
.nbox .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; margin:5px; margin-bottom:0; cursor:pointer; background-color:#999; overflow:hidden;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#e62129;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ padding-top:60px; padding-bottom:55px; background-color:#333; position:relative; z-index:1;}
.footer .foot{ width:1200px; margin:auto;}
.footer .left{ width:500px; float:left; margin-right:50px;}
.footer .left .f01{ height:46px;}
.footer .left .f01 img{ height:46px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:20px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:10px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:30px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:17px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:650px; float:right;}
.footer .right .f01{ float:right; height:46px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.footer .right .f01 a{ display:block; float:left; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:40px; cursor:pointer;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:300px; display:block; margin-top:20px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px; margin-left:10px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right; padding-top:10px;}
.footer .right .f03 dt{ display:block; width:100px; float:left; margin-left:10px; margin-top:10px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.footer{ width:94%; padding:45px 3%; padding-bottom:40px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:37%; float:left; margin-right:3%;}
.footer .left .f01{ height:46px;}
.footer .left .f01 img{ height:46px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:20px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:5px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:1.5vw; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:60%; float:right;}
.footer .right .f01{ float:right; height:46px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.footer .right .f01 a{ display:block; float:left; margin-left:; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:2vw;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:calc(100% - 300px); display:block; margin-top:10px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:10px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right;}
.footer .right .f03 dt{ display:block; width:90px; float:left; margin-left:10px; margin-top:10px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media only screen and (max-width: 1023px){
.footer{ width:94%; padding:30px 3%; padding-bottom:25px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:100%;}
.footer .left .f01{ display:none;}
.footer .left .f02{ width:100%; height:36px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; margin-top:15px;}
.footer .left .f02 select{ height:34px; line-height:34px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:9px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:9px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:5px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:15px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; font-size:14px; line-height:20px; color:#ccc; margin-bottom:2px;}
.footer .left .f04 a{ display:block; font-size:14px; line-height:20px; margin-bottom:2px; color:#ccc;}
.footer .right{ width:100%; overflow:visible; position:relative;}
.footer .right .f01{ display:none;}
.footer .right .f02{ width:100%; margin-right:3%; display:block;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:5px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:5px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ margin-left:-10px; display:block;}
.footer .right .f03 dt{ display:block; margin-top:10px; float:left; width:90px; margin-left:10px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:5px;}
}

/*右侧客服*/
@media screen and (min-width:1280px){
.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:#b72c32; 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; top: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:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#e62129; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#b72c32;}
.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;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.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:#b72c32; 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; top: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:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#e62129; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#b72c32;}
.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;}
}
@media only screen and (max-width: 1023px){
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:34px;}
.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: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;}
}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
@media screen and (min-width:1280px){
.ban{ width:100%; height:400px; position:relative; z-index:1; border-top:100px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:1200px; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:30px; line-height:50px; margin-bottom:20px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:16px; line-height:36px; height:72px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ban{ width:100%; height:300px; position:relative; z-index:1; border-top:80px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:24px; line-height:38px; margin-bottom:10px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:28px; height:60px;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:200px; position:relative; z-index:1; border-top:60px solid #fff;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1;}
.ban .box .wen{ width:94%; margin:auto; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:20px; line-height:30px; margin-bottom:6px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:24px; height:72px;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.index{ width:100%; position:relative; top:-100px; left:0; z-index:1;}
.ab01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:1200px; margin:auto; margin-top:15px; display:flex; align-items:center; position:relative;}
.ab01 .box .wen{ width:600px; font-size:14px; line-height:34px; margin-right:50px;}
.ab01 .box .pic{ width:550px; margin:10px 0;}
.ab01 .box .pic img{ width:100%; display:block;}
.ab01 .list{ width:1200px; margin:auto; margin-top:40px; display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; border-radius:20px; padding:45px 0; position:relative;}
.ab01 .list dt{ display:block; text-align:center; flex:1;}
.ab01 .list dt span{ display:block; font-size:16px; line-height:26px; overflow:hidden; margin-top:5px;}
.ab01 .list dt p{ display:flex; align-items:flex-end; justify-content:center; overflow:hidden;}
.ab01 .list dt p b{ font-size:44px; line-height:46px; display:block; color:#e62129;}
.ab01 .list dt p a{ font-size:14px; line-height:30px; display:block; margin-left:5px;}
.ab01 .list dd{ width:1px; height:50px; display:block; background-color:#ddd; overflow:hidden;}
.ab01 .video{ width:1200px; margin:auto; margin-top:50px; display:flex;}
.ab01 .video .left{ width:30%; margin-right:3%; background-image:url(../images/about2_left.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:cover; padding:50px 30px; box-sizing:border-box; border-radius:20px;}
.ab01 .video .left .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.ab01 .video .left .t02{ width:50px; height:2px; background-color:#e62129; margin-top:10px;}
.ab01 .video .left .t03{ font-size:16px; line-height:26px; margin-top:15px;}
.ab01 .video .right{ width:67%; border-radius:20px; background-color:#000;}
.ab01 .video .right video{ width:100%; display:block;}

.ab02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.ab02 .box ul{ width:calc(100% + 10px); display:block; overflow:hidden;}
.ab02 .box ul li{ width:22.88%; height:500px; display:block; float:left; margin-right:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ab02 .box ul li.active{ width:calc(31.36% - 40px);}
.ab02 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.ab02 .box ul li.active .bg{ background-color:rgba(0,0,0,.3);}
.ab02 .box ul li.active .bg b{ display:block; width:100%; height:100%; background:linear-gradient(to top,rgba(0,23,87,.9),rgba(0,23,87,0));}
.ab02 .box ul li .tu{ position:absolute; left:10%; bottom:50px; z-index:2; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box ul li .tu img{ height:60px; display:block;}
.ab02 .box ul li.active .tu{ left:8%;}
.ab02 .box ul li .wen{ width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:110px;}
.ab02 .box ul li.active .wen{ width:86%;}
.ab02 .box ul li .wen .en{ font-size:16px; line-height:24px; height:24px; color:#fff; opacity:.7; text-transform:uppercase;}
.ab02 .box ul li .wen .cn{ font-size:20px; line-height:30px; color:#fff; margin-top:5px;}
.ab02 .box ul li .wen .wz{ display:none; padding-top:20px; font-size:14px; line-height:24px; color:#fff;}
.ab02 .box ul li.active .wen .wz{ display:block;}

.ab03{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:1200px; margin:auto; margin-top:25px; overflow:hidden; position:relative; z-index:3;}
.ab03 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab03 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#f7f7f7; overflow:hidden; display:block; float:left; margin-right:20px; background-position:center; background-repeat:no-repeat;}
.ab03 .box .an .swiper-button-white:hover{ background-color:#e62129;}
.ab03 .box .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab03 .box .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab03 .box .an .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ab03 .box .an .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.ab03 .box .gallery-top{ width:100%; height:auto;}
.ab03 .box .gallery-top .swiper-slide{ width:100%;}
.ab03 .box .gallery-top .swiper-slide .left{ width:500px; float:left;}
.ab03 .box .gallery-top .swiper-slide .left a{ width:100%; display:block; overflow:hidden; padding-top:76%; position:relative;}
.ab03 .box .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab03 .box .gallery-top .swiper-slide .right{ width:650px; float:right;}
.ab03 .box .gallery-top .swiper-slide .right .bt{ font-size:20px; line-height:30px; font-weight:bold; margin-top:15px;}
.ab03 .box .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.ab03 .box .shu{ position:absolute; left:0; bottom:75px;}
.ab03 .box .shu p{ display:block; font-size:36px; height:42px; line-height:42px; color:#e62129; overflow:hidden;}
.ab03 .box .gallery-thumbs{ width:83.33%; float:right; margin-top:40px;}
.ab03 .box .gallery-thumbs .swiper-slide{ width:17%; margin:0 1.5%;}
.ab03 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab03 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab03 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:6px; display:block; text-align:center; overflow:hidden; font-size:14px; line-height:24px; height:24px;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#ed6762;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#e62129; color:#fff;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#e62129;}
.ab03 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:129px; z-index:2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.index{ width:100%; position:relative; top:-80px; left:0; z-index:1;}
.ab01{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; margin-top:12px; display:flex; align-items:center; position:relative;}
.ab01 .box .wen{ width:50%; font-size:14px; line-height:30px; margin-right:5%;}
.ab01 .box .pic{ width:45%; margin:8px 0;}
.ab01 .box .pic img{ width:100%; display:block;}
.ab01 .list{ width:94%; margin:auto; margin-top:32px; display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; border-radius:15px; padding:35px 0; position:relative;}
.ab01 .list dt{ display:block; text-align:center; flex:1;}
.ab01 .list dt span{ display:block; font-size:15px; line-height:25px; overflow:hidden; margin-top:5px;}
.ab01 .list dt p{ display:flex; align-items:flex-end; justify-content:center; overflow:hidden;}
.ab01 .list dt p b{ font-size:38px; line-height:40px; display:block; color:#e62129;}
.ab01 .list dt p a{ font-size:14px; line-height:24px; display:block; margin-left:5px;}
.ab01 .list dd{ width:1px; height:50px; display:block; background-color:#ddd; overflow:hidden;}
.ab01 .video{ width:94%; margin:auto; margin-top:40px; display:flex;}
.ab01 .video .left{ width:30%; margin-right:3%; background-image:url(../images/about2_left.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:cover; padding:40px 20px; box-sizing:border-box; border-radius:15px;}
.ab01 .video .left .t01{ font-size:20px; line-height:30px; font-weight:bold;}
.ab01 .video .left .t02{ width:40px; height:2px; background-color:#e62129; margin-top:10px;}
.ab01 .video .left .t03{ font-size:15px; line-height:25px; margin-top:10px;}
.ab01 .video .right{ width:67%; border-radius:15px; background-color:#000;}
.ab01 .video .right video{ width:100%; display:block;}

.ab02{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.ab02 .box ul{ width:calc(100% + 10px); display:block; overflow:hidden;}
.ab02 .box ul li{ width:22.88%; height:420px; display:block; float:left; margin-right:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ab02 .box ul li.active{ width:calc(31.36% - 40px);}
.ab02 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.ab02 .box ul li.active .bg{ background-color:rgba(0,0,0,.3);}
.ab02 .box ul li.active .bg b{ display:block; width:100%; height:100%; background:linear-gradient(to top,rgba(0,23,87,.9),rgba(0,23,87,0));}
.ab02 .box ul li .tu{ position:absolute; left:10%; bottom:40px; z-index:2; height:50px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box ul li .tu img{ height:50px; display:block;}
.ab02 .box ul li.active .tu{ left:8%;}
.ab02 .box ul li .wen{ width:80%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:90px;}
.ab02 .box ul li.active .wen{ width:86%;}
.ab02 .box ul li .wen .en{ font-size:16px; line-height:24px; height:24px; color:#fff; opacity:.7; text-transform:uppercase;}
.ab02 .box ul li .wen .cn{ font-size:18px; line-height:28px; color:#fff; margin-top:3px;}
.ab02 .box ul li .wen .wz{ display:none; padding-top:15px; font-size:14px; line-height:24px; color:#fff;}
.ab02 .box ul li.active .wen .wz{ display:block;}

.ab03{ width:100%; padding-top:50px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; margin:auto; margin-top:20px; overflow:hidden; position:relative; z-index:3;}
.ab03 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab03 .box .an .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:#f7f7f7; overflow:hidden; display:block; float:left; margin-right:15px; background-position:center; background-repeat:no-repeat;}
.ab03 .box .an .swiper-button-white:hover{ background-color:#e62129;}
.ab03 .box .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab03 .box .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab03 .box .an .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ab03 .box .an .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.ab03 .box .gallery-top{ width:100%; height:auto;}
.ab03 .box .gallery-top .swiper-slide{ width:100%;}
.ab03 .box .gallery-top .swiper-slide .left{ width:42%; float:left;}
.ab03 .box .gallery-top .swiper-slide .left a{ width:100%; display:block; overflow:hidden; padding-top:76%; position:relative;}
.ab03 .box .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab03 .box .gallery-top .swiper-slide .right{ width:55%; float:right;}
.ab03 .box .gallery-top .swiper-slide .right .bt{ font-size:18px; line-height:28px; font-weight:bold; margin-top:10px;}
.ab03 .box .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#666; margin-top:7px;}
.ab03 .box .shu{ position:absolute; left:0; bottom:65px;}
.ab03 .box .shu p{ display:block; font-size:30px; height:42px; line-height:42px; color:#e62129; overflow:hidden;}
.ab03 .box .gallery-thumbs{ width:83.33%; float:right; margin-top:30px;}
.ab03 .box .gallery-thumbs .swiper-slide{ width:17%; margin:0 1.5%;}
.ab03 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab03 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab03 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:6px; display:block; text-align:center; overflow:hidden; font-size:14px; line-height:24px; height:24px;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#ed6762;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#e62129; color:#fff;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#e62129;}
.ab03 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:114px; z-index:2;}
}
@media only screen and (max-width: 1023px){
.index{ width:100%; position:relative; top:-60px; left:0; z-index:1;}
.ab01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.ab01 .box .wen{ width:100%; font-size:14px; line-height:24px;}
.ab01 .box .pic{ width:100%; margin-top:15px;}
.ab01 .box .pic img{ width:100%; display:block;}
.ab01 .list{ width:94%; margin:auto; margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; background-color:#f7f7f7; border-radius:10px; padding:15px 0; position:relative;}
.ab01 .list dt{ display:block; text-align:center; width:calc((100% - 45px)/2); margin-left:15px; padding:5px 0;}
.ab01 .list dt span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.ab01 .list dt p{ display:flex; align-items:flex-end; justify-content:center; overflow:hidden;}
.ab01 .list dt p b{ font-size:32px; line-height:34px; display:block; color:#e62129;}
.ab01 .list dt p a{ font-size:14px; line-height:24px; display:block; margin-left:5px;}
.ab01 .list dd{ display:none;}
.ab01 .video{ width:94%; margin:auto; margin-top:20px;}
.ab01 .video .left{ width:100%; background-image:url(../images/about2_left.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:cover; padding:25px 15px; box-sizing:border-box; border-radius:10px;}
.ab01 .video .left .t01{ font-size:20px; line-height:30px; font-weight:bold;}
.ab01 .video .left .t02{ width:40px; height:2px; background-color:#e62129; margin-top:10px;}
.ab01 .video .left .t03{ font-size:15px; line-height:25px; margin-top:10px;}
.ab01 .video .right{ width:100%; border-radius:10px; background-color:#000; margin-top:20px;}
.ab01 .video .right video{ width:100%; display:block;}

.ab02{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.ab02 .box{ width:94%; margin:auto; position:relative;}
.ab02 .box ul{ width:100%; display:block; overflow:hidden;}
.ab02 .box ul li{ width:48.5%; height:320px; display:block; float:left; margin-left:3%; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.ab02 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box ul li .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:relative; z-index:1;}
.ab02 .box ul li.active .bg{ background-color:rgba(0,0,0,.3);}
.ab02 .box ul li.active .bg b{ display:block; width:100%; height:100%; background:linear-gradient(to top,rgba(0,23,87,.9),rgba(0,23,87,0));}
.ab02 .box ul li .tu{ position:absolute; left:15px; bottom:20px; z-index:2; height:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box ul li .tu img{ height:40px; display:block;}
.ab02 .box ul li .wen{ width:calc(100% - 30px); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding-bottom:60px;}
.ab02 .box ul li .wen .en{ font-size:14px; line-height:22px; height:22px; color:#fff; opacity:.7; text-transform:uppercase;}
.ab02 .box ul li .wen .cn{ font-size:16px; line-height:26px; color:#fff;}
.ab02 .box ul li .wen .wz{ display:none; padding-top:10px; font-size:14px; line-height:24px; color:#fff;}
.ab02 .box ul li.active .wen .wz{ display:block;}

.ab03{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; margin:auto; margin-top:15px; overflow:hidden; position:relative; z-index:3;}
.ab03 .box .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab03 .box .an .swiper-button-white{ width:36px; height:36px; border-radius:100%; background-color:#f7f7f7; overflow:hidden; display:block; float:left; margin-right:10px; background-position:center; background-repeat:no-repeat;}
.ab03 .box .an .swiper-button-white:hover{ background-color:#e62129;}
.ab03 .box .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab03 .box .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab03 .box .an .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.ab03 .box .an .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.ab03 .box .gallery-top{ width:100%; height:auto;}
.ab03 .box .gallery-top .swiper-slide{ width:100%;}
.ab03 .box .gallery-top .swiper-slide .left{ width:100%; float:left;}
.ab03 .box .gallery-top .swiper-slide .left a{ width:100%; display:block; overflow:hidden; padding-top:76%; position:relative;}
.ab03 .box .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab03 .box .gallery-top .swiper-slide .right{ width:100%; margin-top:10px; float:right; overflow:auto; max-height:150px;}
.ab03 .box .gallery-top .swiper-slide .right .bt{ font-size:16px; line-height:26px; font-weight:bold;}
.ab03 .box .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ab03 .box .shu{ position:absolute; left:0; bottom:65px;}
.ab03 .box .shu p{ display:block; font-size:24px; height:34px; line-height:34px; color:#e62129; overflow:hidden;}
.ab03 .box .gallery-thumbs{ width:calc(100% - 100px); float:right; margin-top:30px;}
.ab03 .box .gallery-thumbs .swiper-slide{ width:47%; margin:0 1.5%;}
.ab03 .box .gallery-thumbs .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:#f6f6f6; margin:auto; overflow:hidden; padding:5px;}
.ab03 .box .gallery-thumbs .swiper-slide p a{ width:60px; height:60px; background-color:#eee; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab03 .box .gallery-thumbs .swiper-slide span{ width:100%; margin-top:6px; display:block; text-align:center; overflow:hidden; font-size:14px; line-height:24px; height:24px;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#ed6762;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#e62129; color:#fff;}
.ab03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#e62129;}
.ab03 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:97px; z-index:2;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.dao{ width:100%; height:70px; background-color:#f7f7f7; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 20px; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#e62129;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#e62129;}

.main{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.main .box .pro{ width:100%; display:block; margin-top:-20px;}
.main .box .pro li{ width:285px; height:470px; background-color:#f7f7f7; display:block; overflow:hidden; float:left; margin-left:20px; margin-top:20px;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li a{ width:100%; height:470px; display:block; position:relative; overflow:hidden;}
.main .box .pro li .tu{ width:100%; height:370px; display:flex; align-items:center; position:relative; z-index:1;}
.main .box .pro li .tu img{ max-width:calc(100% - 40px); max-width:calc(100% - 100px); display:block; margin:auto;}
.main .box .pro li .wen{ width:calc(100% - 40px); height:81px; position:absolute; left:20px; bottom:25px; z-index:3; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .pro li .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.main .box .pro li .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666; margin-top:5px;}
.main .box .pro li .wen .w03{ margin-top:25px; padding-bottom:5px;}
.main .box .pro li .wen .w03 img{ display:block; height:40px; margin:auto;}
.main .box .pro li:hover .wen{ height:151px;}
.main .box .pro li:hover .wen .w01{ color:#fff;}
.main .box .pro li:hover .wen .w02{ color:#fff;}
.main .box .pro li:hover .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-size:100% 100%; z-index:2;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #e62129; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e62129;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e62129; border:1px solid #e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.dao{ width:100%; height:60px; background-color:#f7f7f7; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 15px; height:60px; line-height:60px; font-size:16px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#e62129;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#e62129;}

.main{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.main .box .pro{ width:100%; display:block; margin-top:-20px;}
.main .box .pro li{ width:23.5%; height:420px; background-color:#f7f7f7; display:block; overflow:hidden; float:left; margin-left:2%; margin-top:20px;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li a{ width:100%; height:420px; display:block; position:relative; overflow:hidden;}
.main .box .pro li .tu{ width:100%; height:320px; display:flex; align-items:center; position:relative; z-index:1;}
.main .box .pro li .tu img{ max-width:calc(100% - 40px); max-width:calc(100% - 50px); display:block; margin:auto;}
.main .box .pro li .wen{ width:calc(100% - 40px); height:81px; position:absolute; left:20px; bottom:25px; z-index:3; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .pro li .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.main .box .pro li .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666; margin-top:5px;}
.main .box .pro li .wen .w03{ margin-top:25px; padding-bottom:5px;}
.main .box .pro li .wen .w03 img{ display:block; height:40px; margin:auto;}
.main .box .pro li:hover .wen{ height:151px;}
.main .box .pro li:hover .wen .w01{ color:#fff;}
.main .box .pro li:hover .wen .w02{ color:#fff;}
.main .box .pro li:hover .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-size:100% 100%; z-index:2;}

.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye li{ margin:0 4px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #e62129; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e62129;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e62129; border:1px solid #e62129;}
}
@media only screen and (max-width: 1023px){
.dao{ width:97%; padding:10px 3%; background-color:#f7f7f7; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 5px; height:30px; line-height:30px; font-size:14px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#e62129;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#e62129;}

.main{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .box .pro{ width:100%; display:block; margin-top:-15px;}
.main .box .pro li{ width:48.5%; height:345px; background-color:#f7f7f7; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:15px;}
.main .box .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li a{ width:100%; height:345px; display:block; position:relative; overflow:hidden;}
.main .box .pro li .tu{ width:100%; height:260px; display:flex; align-items:center; position:relative; z-index:1;}
.main .box .pro li .tu img{ max-width:calc(100% - 30px); max-width:calc(100% - 40px); display:block; margin:auto;}
.main .box .pro li .wen{ width:calc(100% - 30px); height:74px; position:absolute; left:15px; bottom:15px; z-index:3; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .pro li .wen .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.main .box .pro li .wen .w02{ font-size:14px; line-height:24px; height:48px; color:#666;}
.main .box .pro li .wen .w03{ margin-top:15px; padding-bottom:5px;}
.main .box .pro li .wen .w03 img{ display:block; height:40px; margin:auto;}
.main .box .pro li:hover .wen{ height:134px;}
.main .box .pro li:hover .wen .w01{ color:#fff;}
.main .box .pro li:hover .wen .w02{ color:#fff;}
.main .box .pro li:hover .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/mask.png); background-size:100% 100%; z-index:2;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border:1px solid #e62129; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e62129;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e62129; border:1px solid #e62129;}
}

@media screen and (min-width:1280px){
.dao01{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-10px;}
.dao01 a{ margin:10px; height:38px; line-height:38px; font-size:16px; font-weight:bold; position:relative; border:1px solid #ddd; padding:0 19px; border-radius:40px;}
.dao01 a:hover{ color:#e62129; border:1px solid #e62129;}
.dao01 a.on{ color:#fff; background-color:#e62129; border:1px solid #e62129;}

.main .box .prolist{ width:100%; display:block;}
.main .box .prolist li{ width:285px; display:block; overflow:hidden; float:left; margin-left:20px; margin-top:20px;}
.main .box .prolist li a{ display:block; width:100%; padding:10px; padding-bottom:0; box-sizing:border-box; background-color:#f7f7f7;}
.main .box .prolist li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .prolist li a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .box .prolist li .tu{ width:100%; padding-top:73.54%; background-color:#fff; position:relative; z-index:1;}
.main .box .prolist li .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .box .prolist li .wen{ padding:15px 5px;}
.main .box .prolist li .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.main .box .prolist li .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#666;}
.main .box .prolist li:hover .wen .w01{ color:#e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.dao01{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-7px;}
.dao01 a{ margin:7px; height:36px; line-height:36px; font-size:15px; font-weight:bold; position:relative; border:1px solid #ddd; padding:0 17px; border-radius:40px;}
.dao01 a:hover{ color:#e62129; border:1px solid #e62129;}
.dao01 a.on{ color:#fff; background-color:#e62129; border:1px solid #e62129;}

.main .box .prolist{ width:100%; display:block;}
.main .box .prolist li{ width:23.5%; display:block; overflow:hidden; float:left; margin-left:2%; margin-top:20px;}
.main .box .prolist li a{ display:block; width:100%; background-color:#f7f7f7; padding:10px; padding-bottom:0; box-sizing:border-box;}
.main .box .prolist li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .prolist li a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .box .prolist li .tu{ width:100%; padding-top:73.54%; background-color:#fff; position:relative; z-index:1;}
.main .box .prolist li .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .box .prolist li .wen{ padding:12px 5px;}
.main .box .prolist li .wen .w01{ font-size:17px; line-height:27px; height:27px; font-weight:bold;}
.main .box .prolist li .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#666;}
.main .box .prolist li:hover .wen .w01{ color:#e62129;}
}
@media only screen and (max-width: 1023px){
.dao01{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-5px;}
.dao01 a{ margin:5px; height:34px; line-height:34px; font-size:14px; font-weight:bold; position:relative; border:1px solid #ddd; padding:0 14px; border-radius:40px;}
.dao01 a:hover{ color:#e62129; border:1px solid #e62129;}
.dao01 a.on{ color:#fff; background-color:#e62129; border:1px solid #e62129;}

.main .box .prolist{ width:100%; display:block;}
.main .box .prolist li{ width:48.5%; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:15px;}
.main .box .prolist li a{ display:block; width:100%; background-color:#f7f7f7; padding:5px; padding-bottom:0; box-sizing:border-box;}
.main .box .prolist li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .prolist li a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .box .prolist li .tu{ width:100%; padding-top:73.54%; background-color:#fff; position:relative; z-index:1;}
.main .box .prolist li .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .box .prolist li .wen{ padding:10px 5px;}
.main .box .prolist li .wen .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.main .box .prolist li .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#666;}
.main .box .prolist li:hover .wen .w01{ color:#e62129;}
}

/*产品内页*/
@media screen and (min-width:1280px){
.chan{ width:1200px; margin:50px auto;}
.cl{ width:548px; height:403px; float:left; border:1px solid #ddd; position:relative;} 
.cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.cl .swiper-button-prev{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; left:20px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#e62129;}
.cl .swiper-button-next{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:20px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#e62129;}

.cr{ width:600px; float:right; padding-top:15px;}
.cr .tou{ font-size:24px; line-height:34px; color:#e62129; margin-bottom:5px;}
.cr .wen{ font-size:14px; max-height:72px; line-height:24px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:17px; line-height:30px; font-size:14px;}

.pro02{ width:1200px; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; height:40px; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; line-height:40px; height:40px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:16px; cursor:pointer; min-width:120px; padding:0 20px;}
.pro02 .tab_menu li:hover a{ color:#e62129;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#e62129,#ed6762);}
.pro02 .wen{ margin-bottom:65px;}
.pro02 .box{ width:100%; margin-top:20px; font-size:14px; line-height:24px; display:none;}
.pro02 .box img{ max-width:100%; height:auto;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.chan{ width:94%; margin:40px auto;}
.cl{ width:448px; height:329px; float:left; border:1px solid #cacaca; position:relative;} 
.cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.cl .swiper-button-prev{ width:38px; height:38px; border-radius:100%; overflow:hidden; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; left:15px; top:50%; margin-top:-19px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#e62129;}
.cl .swiper-button-next{ width:38px; height:38px; border-radius:100%; overflow:hidden; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:15px; top:50%; margin-top:-19px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#e62129;}

.cr{ width:calc(97% - 450px); float:right; padding-top:15px;}
.cr .tou{ font-size:20px; line-height:30px; color:#e62129; margin-bottom:5px;}
.cr .wen{ font-size:14px; max-height:72px; line-height:24px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:15px; line-height:24px; font-size:14px;}

.pro02{ width:94%; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; height:40px; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; line-height:40px; height:40px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:16px; cursor:pointer; min-width:120px; padding:0 20px;}
.pro02 .tab_menu li:hover a{ color:#e62129;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#e62129,#ed6762);}
.pro02 .wen{ margin-bottom:50px;}
.pro02 .box{ width:100%; margin-top:15px; font-size:14px; line-height:24px; display:none;}
.pro02 .box img{ max-width:100%; height:auto;}
}
@media only screen and (max-width: 1023px){
.chan{ width:94%; margin:30px auto; margin-bottom:20px;}
.cl{ width:100%; float:left; position:relative;} 
.cl .swiper-container{ width:70vw; height:70vw; margin:auto; border:1px solid #cacaca; overflow:hidden; position:relative;}
.cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.cl .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden;}
.cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.cl .swiper-button-prev{ width:36px; height:36px; border-radius:100%; overflow:hidden; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-18px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-prev:hover{ background-color:#e62129;}
.cl .swiper-button-next{ width:36px; height:36px; border-radius:100%; overflow:hidden; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-18px; z-index:11; background-color:rgba(0,0,0,.7);}
.cl .swiper-button-next:hover{ background-color:#e62129;}

.cr{ width:100%; float:right; padding-top:10px;}
.cr .tou{ font-size:18px; line-height:28px; color:#e62129;}
.cr .wen{ font-size:14px; max-height:72px; line-height:24px; margin-bottom:10px;}
.cr .xx{ border-top:1px solid #cacaca; padding-top:10px; line-height:24px; font-size:14px;}

.pro02{ width:94%; margin:auto;}
.pro02 .tab_menu{ display:block; overflow:hidden; border-bottom:1px solid #eee; width:100%;}
.pro02 .tab_menu li{ display:block; float:left; line-height:34px; height:34px; text-align:center;}
.pro02 .tab_menu li a{ display:block; font-size:14px; cursor:pointer; padding:0 10px;}
.pro02 .tab_menu li:hover a{ color:#e62129;}
.pro02 .tab_menu li.on a{ color:#fff; background:linear-gradient(to right,#e62129,#ed6762);}
.pro02 .wen{ margin-bottom:35px;}
.pro02 .box{ width:100%; margin-top:10px; font-size:14px; line-height:24px; display:none;}
.pro02 .box img{ max-width:100%; height:auto;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.lx01 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#e62129;}
.lx01 .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px;}
.lx01 .w03{ margin-top:20px; width:60px; height:4px; background-color:#e62129;}
.lx01 .yc{ width:420px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#f1f1f1; float:right;}
.lx01 .yc .f01{ font-size:24px; line-height:34px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:20px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:calc(95% - 480px); float:left;}
.lx01 .zc .w04{ margin-top:20px;}
.lx01 .zc .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.lx01 .zc .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.lx01 .zc .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#e62129;}

#map{ width:100%; height:460px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.lx01{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.lx01 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#e62129;}
.lx01 .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.lx01 .w03{ margin-top:15px; width:50px; height:3px; background-color:#e62129;}
.lx01 .yc{ width:360px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#f1f1f1; float:right;}
.lx01 .yc .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:calc(95% - 420px); float:left;}
.lx01 .zc .w04{ margin-top:20px;}
.lx01 .zc .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.lx01 .zc .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.lx01 .zc .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#e62129;}

#map{ width:100%; height:360px;}
}
@media only screen and (max-width: 1023px){
.lx01{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.lx01 .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#e62129;}
.lx01 .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.lx01 .w03{ margin-top:10px; width:40px; height:2px; background-color:#e62129;}
.lx01 .yc{ width:100%; box-sizing:border-box; border-radius:10px; padding:25px 15px; padding-bottom:20px; background-color:#f1f1f1; float:right; margin-top:20px;}
.lx01 .yc .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:15px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:20px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:100%; float:left;}
.lx01 .zc .w04{ margin-top:15px;}
.lx01 .zc .f01{ width:100%; float:left; margin-bottom:15px;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 14px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}
.lx01 .zc .f02{ width:100%; float:left; margin-bottom:20px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 14px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#e62129;}

#map{ width:100%; height:260px;}
}

/*人才招聘*/
@media screen and (min-width:1280px){
.main .tou{ width:94%; height:50px; line-height:20px; display:flex; align-items:center; font-size:14px; padding:0 3%; background-color:#e62129;}
.main .tou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:30px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:20px; display:flex; align-items:center; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:25%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.png);}
.main .sideMen h3.on a{ color:#e62129;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.png);}
.main .sideMen .cont{ padding:32px 3%; padding-top:35px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:20px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; padding-top:25px; display:block;}
.main .sideMen .cont .c02 dl{ width:48.5%; margin-left:3%; display:block; float:left; overflow:hidden;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden; color:#e62129; margin-bottom:8px;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:30px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .tou{ width:94%; height:50px; line-height:20px; display:flex; align-items:center; font-size:14px; padding:0 3%; background-color:#e62129;}
.main .tou span{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou a{ color:#fff; width:15%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:30px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:20px; display:flex; align-items:center; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:25%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 a{ width:15%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:10px; background-image:url(../images/xia.png);}
.main .sideMen h3.on a{ color:#e62129;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.png);}
.main .sideMen .cont{ padding:27px 3%; padding-top:30px; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:20px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:31.33%; margin-left:3%; display:block; float:left; height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; padding-top:20px; display:block;}
.main .sideMen .cont .c02 dl{ width:48.5%; margin-left:3%; display:block; float:left; overflow:hidden;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden; color:#e62129; margin-bottom:8px;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:30px;}
}
@media only screen and (max-width: 1023px){
.main .tou{ width:94%; height:50px; line-height:20px; display:flex; align-items:center; font-size:14px; padding:0 3%; background-color:#e62129;}
.main .tou span{ color:#fff; width:35%; display:block; float:left; text-align:center;}
.main .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.main .tou p:nth-child(3),.main .tou p:nth-child(3){ display:none;}
.main .tou a{ color:#fff; width:25%; display:block; float:left; text-align:center;}
.main .sideMen{ width:100%; padding:0 3%; border:1px solid #eee; border-top:none; box-sizing:border-box; margin:auto; padding-bottom:20px;}
.main .sideMen h3{ width:100%; display:block; font-weight:normal; height:50px; line-height:20px; display:flex; align-items:center; font-size:14px; border-bottom:1px solid #ddd;}
.main .sideMen h3 span{ width:35%; display:block; float:left; text-align:left;}
.main .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.main .sideMen h3 p:nth-child(3),.main .sideMen h3 p:nth-child(3){ display:none;}
.main .sideMen h3 a{ width:25%; display:flex; align-items:center; float:left; justify-content:center;}
.main .sideMen h3 a b{ width:10px; height:5px; display:block; margin-left:5px; background-image:url(../images/xia.png);}
.main .sideMen h3.on a{ color:#e62129;}
.main .sideMen h3.on a b{ background-image:url(../images/xia01.png);}
.main .sideMen .cont{ padding:15px 3%; background-color:#f1f1f1; overflow:hidden;}
.main .sideMen .cont .c01{ width:100%; padding-bottom:10px; border-bottom:1px solid #cacaca; display:block;}
.main .sideMen .cont .c01 li{ width:48.5%; margin-left:3%; display:block; float:left; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.main .sideMen .cont .c01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c01 li span{ color:#999;}
.main .sideMen .cont .c02{ width:100%; display:block; padding-top:5px;}
.main .sideMen .cont .c02 dl{ width:100%; display:block; float:left; overflow:hidden; padding-top:5px;}
.main .sideMen .cont .c02 dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .sideMen .cont .c02 dl dt{ display:block; height:26px; line-height:26px; font-size:16px; overflow:hidden; color:#e62129;}
.main .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.news{ width:100%; display:block; margin-top:-25px;}
.news li{ width:380px; display:block; overflow:hidden; float:left; margin-left:30px; margin-top:25px;}
.news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news li a{ width:100%; display:block; position:relative;}
.news li .w01{ position:absolute; left:20px; top:15px; z-index:2; text-align:center; color:#fff;}
.news li .w01 span{ display:block; font-size:36px; line-height:40px; height:40px;}
.news li .w01 p{ display:block; font-size:12px; line-height:20px; height:20px;}
.news li .w02{ width:100%; position:relative; z-index:1;}
.news li .w02:before{ width:100%; display:block; content:''; padding-top:260px; overflow:hidden;}
.news li .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news li .w03{ font-size:18px; line-height:28px; max-height:56px; margin-top:15px;}
.news li:hover .w03{ color:#e62129;}
.news li .w04{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px;}
.news li .w05{ font-size:14px; line-height:24px; height:24px; color:#e62129; margin-top:10px; display:flex; align-items:center;}
.news li .w05 img{ display:block; height:8px; margin-left:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.news{ width:100%; display:block; margin-top:-20px;}
.news li{ width:32%; display:block; overflow:hidden; float:left; margin-left:2%; margin-top:20px;}
.news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news li a{ width:100%; display:block; position:relative;}
.news li .w01{ position:absolute; left:20px; top:15px; z-index:2; text-align:center; color:#fff;}
.news li .w01 span{ display:block; font-size:36px; line-height:40px; height:40px;}
.news li .w01 p{ display:block; font-size:12px; line-height:20px; height:20px;}
.news li .w02{ width:100%; position:relative; z-index:1;}
.news li .w02:before{ width:100%; display:block; content:''; padding-top:68.42%; overflow:hidden;}
.news li .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news li .w03{ font-size:18px; line-height:28px; max-height:56px; margin-top:15px;}
.news li:hover .w03{ color:#e62129;}
.news li .w04{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px;}
.news li .w05{ font-size:14px; line-height:24px; height:24px; color:#e62129; margin-top:10px; display:flex; align-items:center;}
.news li .w05 img{ display:block; height:8px; margin-left:7px;}
}
@media only screen and (max-width: 1023px){
.news{ width:100%; display:block; margin-top:-15px;}
.news li{ width:100%; display:block; overflow:hidden; float:left; margin-top:15px;}
.news li{ width:100%; overflow:hidden; display:block;}
.news li a{ width:100%; display:block; position:relative;}
.news li .w01{ position:absolute; left:15px; top:10px; z-index:2; text-align:center; color:#fff;}
.news li .w01 span{ display:block; font-size:36px; line-height:40px; height:40px;}
.news li .w01 p{ display:block; font-size:12px; line-height:20px; height:20px;}
.news li .w02{ width:100%; position:relative; z-index:1;}
.news li .w02:before{ width:100%; display:block; content:''; padding-top:68.42%; overflow:hidden;}
.news li .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.news li .w03{ font-size:16px; line-height:26px; max-height:52px; margin-top:10px;}
.news li:hover .w03{ color:#e62129;}
.news li .w04{ font-size:14px; line-height:24px; height:72px; color:#666;}
.news li .w05{ font-size:14px; line-height:24px; height:24px; color:#e62129; margin-top:5px; display:flex; align-items:center;}
.news li .w05 img{ display:block; height:8px; margin-left:5px;}
}

/*文章页*/
@media screen and (min-width:1280px){
.ny{ width:1200px; margin:65px auto; position:relative; z-index:3;}
.ny .lbar{ width:830px; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; 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:14px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#e62129;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:14px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#e62129;}

.ny .rbar{ width:308px; border:1px solid #eee; border-top:2px solid #e62129; 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%; height:171px; 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; text-overflow:ellipsis; white-space:nowrap;}
.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:#e62129;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ny{ width:94%; margin:50px auto; position:relative; z-index:3;}
.ny .lbar{ width:calc(95% - 280px); float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; 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:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#e62129;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#e62129;}

.ny .rbar{ width:278px; border:1px solid #eee; border-top:2px solid #e62129; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:19px; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 19px; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; height:171x; 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; text-overflow:ellipsis; white-space:nowrap;}
.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:#e62129;}
}
@media only screen and (max-width: 1023px){
.ny{ width:94%; margin:35px auto; position:relative; z-index:3;}
.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:#e62129;}
.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:#e62129;}

.ny .rbar{ display:none;}
}

table {
    border-collapse: collapse !important;
    border: 1px solid black !important;
	max-width:100% !important;
	width:100% !important;
}

 td, th {
    border: 1px solid black !important;
	padding:5px;
}