@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; font-family:inherit;}
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; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1600px){
.hbg{ width:100%; height:100px;}
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:84%; height:100px; margin:auto; display:flex; align-items:center; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:60px;}
.header .head .logo img{ display:block; height:60px;}
.header .head .logo img.img02,.header .head .logo img.img03{ display:none;}
.header .head .ser{ height:100%; display:flex; align-items:center; position:relative; z-index:9;}
.header .head .ser dt{ padding:40px 0; height:20px; display:block; position:relative; z-index:1;}
.header .head .ser dt span{ height:20px; display:block; position:relative; cursor:pointer;}
.header .head .ser dt span img{ display:block; height:20px;}
.header .head .ser dt p{ width:84px; position:absolute; left:50%; transform:translateX(-50%); top:100%; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head .ser dt p a{ display:flex; justify-content:center; align-items:center; font-size:15px; line-height:31px; height:31px; overflow:hidden; color:#333;}
.header .head .ser dt p a img{ height:15px; margin-right:10px; display:block;}   
.header .head .ser dt p a:hover{ color:#0355f9;}
.header .head .ser dt.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}

.header .head .ser dd{ width:20px; height:40px; display:block; position:relative; margin-left:1.5625vw; z-index:3;}
.header .head .ser dd b{ width:20px; height:40px; display:block; cursor:pointer; overflow:hidden;}
.header .head .ser dd b img{ height:20px; display:block; margin:10px 0;}
.header .head .ser dd p{ display:block; position:absolute; right:-300px; top:0; width:300px; height:40px; background-color:#f5f5f5; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:13px 10px; margin-left:15px; cursor:pointer;}
.header .head .ser dd p span{ display:block; width:calc(100% - 80px); height:40px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:15px; line-height:40px; height:40px; background-color:transparent; color:#333;}
.header .head .ser dd p a{ display:block; width:34px; height:34px; margin:3px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:34px; display:block; cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:16px auto; background-repeat:no-repeat; background-color:#0355f9;}
.header .head .ser dd.cur b{ opacity:0;}
.header .head .ser dd.cur p{ right:0; opacity:1;}

.header .head .nav{ display:flex; justify-content:center; flex:1; height:100px; position:relative; z-index:1;}
.header .head .nav li{ margin:0 1.5625vw; position:relative; z-index:1;}
.header .head .nav li>a{ display:block; font-size:17px; line-height:100px; height:100px; color:#333;}
.header .head .nav li:hover>a,.header .head .nav li.on>a{ color:#0355f9;}
.header .head .nav li div{ width:140px; position:absolute; left:50%; transform:translateX(-50%); top:100%; background-color:rgba(255,255,255,.9); display:block; display:none; overflow:hidden; border-radius:10px; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08); padding:20px 0; flex-direction:column;}
.header .head .nav li div>a{ display:block; font-size:15px; line-height:31px; height:31px; overflow:hidden; color:#333; text-align:center;}
.header .head .nav li div>a:hover{ color:#0355f9;}
.header .head .nav li:hover div{ display:flex;}
.header .head .nav li:nth-child(2) div{ width:300px; flex-direction:column; padding:30px 0;}
.header .head .nav li:nth-child(3) div{ width:420px; flex-direction:row; padding:30px 0; justify-content:center;}
.header .head .nav li dl{ display:block; padding:0 30px; overflow:hidden;}
.header .head .nav li:nth-child(3) dl{ border-right:1px solid #eee;}
.header .head .nav li dl:last-child{ border-right:none;}
.header .head .nav li dl dt{ display:block; font-size:16px; line-height:26px; padding-top:3px; font-weight:bold;}
.header .head .nav li dl dd{ display:block; padding-top:7px;}
.header .head .nav li dl dd a{ display:block; font-size:15px; line-height:31px; height:31px; overflow:hidden;}
.header .head .nav li dl dd a:hover{ color:#0355f9;}
.header .head .nav li:nth-child(2) dt{ width:100px; float:left;}
.header .head .nav li:nth-child(2) dd{ width:calc(100% - 100px); float:left; padding-top:0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.hbg{ width:100%; height:80px;}
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:90%; height:80px; margin:auto; display:flex; align-items:center; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:48px;}
.header .head .logo img{ display:block; height:48px;}
.header .head .logo img.img01,.header .head .logo img.img03{ display:none;}
.header .head .ser{ height:100%; display:flex; align-items:center; position:relative; z-index:9;}
.header .head .ser dt{ padding:31px 0; height:18px; display:block; position:relative; z-index:1;}
.header .head .ser dt span{ height:18px; display:block; position:relative; cursor:pointer;}
.header .head .ser dt span img{ display:block; height:18px;}
.header .head .ser dt p{ width:80px; position:absolute; left:50%; transform:translateX(-50%); top:100%; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head .ser dt p a{ display:flex; justify-content:center; align-items:center; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333;}
.header .head .ser dt p a img{ height:14px; margin-right:8px; display:block;}  
.header .head .ser dt p a:hover{ color:#0355f9;}
.header .head .ser dt.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}

.header .head .ser dd{ width:20px; height:40px; display:block; position:relative; margin-left:1.5625vw; z-index:3;}
.header .head .ser dd b{ width:20px; height:40px; display:block; cursor:pointer; overflow:hidden;}
.header .head .ser dd b img{ height:18px; display:block; margin:11px 0;}
.header .head .ser dd p{ display:block; position:absolute; right:-300px; top:0; width:300px; height:40px; background-color:#f5f5f5; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:13px 10px; margin-left:15px; cursor:pointer;}
.header .head .ser dd p span{ display:block; width:calc(100% - 80px); height:40px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:14px; line-height:40px; height:40px; background-color:transparent; color:#333;}
.header .head .ser dd p a{ display:block; width:34px; height:34px; margin:3px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:34px; display:block; cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:16px auto; background-repeat:no-repeat; background-color:#0355f9;}
.header .head .ser dd.cur b{ opacity:0;}
.header .head .ser dd.cur p{ right:0; opacity:1;}

.header .head .nav{ display:flex; justify-content:center; flex:1; height:80px; position:relative; z-index:1;}
.header .head .nav li{ margin:0 1.3vw; position:relative; z-index:1;}
.header .head .nav li>a{ display:block; font-size:16px; line-height:80px; height:80px; color:#333;}
.header .head .nav li:hover>a,.header .head .nav li.on>a{ color:#0355f9;}
.header .head .nav li div{ width:120px; position:absolute; left:50%; transform:translateX(-50%); top:100%; background-color:rgba(255,255,255,.9); display:block; display:none; overflow:hidden; border-radius:10px; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08); padding:20px 0; flex-direction:column;}
.header .head .nav li div>a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333; text-align:center;}
.header .head .nav li div>a:hover{ color:#0355f9;}
.header .head .nav li:hover div{ display:flex;}
.header .head .nav li:nth-child(2) div{ width:300px; flex-direction:column; padding:30px 0;}
.header .head .nav li:nth-child(3) div{ width:400px; flex-direction:row; padding:30px 0; justify-content:center;}
.header .head .nav li dl{ display:block; padding:0 30px; overflow:hidden;}
.header .head .nav li:nth-child(3) dl{ border-right:1px solid #eee;}
.header .head .nav li dl:last-child{ border-right:none;}
.header .head .nav li dl dt{ display:block; font-size:15px; line-height:25px; padding-top:3px; font-weight:bold;}
.header .head .nav li dl dd{ display:block; padding-top:7px;}
.header .head .nav li dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.header .head .nav li dl dd a:hover{ color:#0355f9;}
.header .head .nav li:nth-child(2) dt{ width:90px; float:left;}
.header .head .nav li:nth-child(2) dd{ width:calc(100% - 90px); float:left; padding-top:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header .head .logo{ height:40px;}
.header .head .logo img{ display:block; height:40px;}
}
@media only screen and (max-width:1023px){
.hbg{ width:100%; height:60px;}
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:100%; height:60px;}
.header .head .hamburger{ height:22px; width:16px; border-radius:100%; background-color:#0355f9; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:12px 3%; padding:7px 10px;}
.header .head .hamburger .h-bar{ display:block; width:16px; height:1px; background-color:#fff; margin:5px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:7px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .head .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .head .logo{ display:block; padding:12px 3%; float:left;}
.header .head .logo img{ display:block; height:36px;}
.header .head .logo img.img01,.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:60px; display:block; float:right;}
.header .head .ser dt{ padding:12px 0; width:36px; height:36px; display:block; position:relative; z-index:1; float:left;}
.header .head .ser dt span{ height:36px; width:100%; overflow:hidden; display:block; position:relative; cursor:pointer; border-radius:36px; background-color:#f5f5f5;}
.header .head .ser dt span img{ display:block; height:16px; margin:10px auto;}
.header .head .ser dt p{ width:76px; position:absolute; left:50%; margin-left:-50px; top:100%; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head .ser dt p a{ display:flex; justify-content:center; align-items:center; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#333;}
.header .head .ser dt p a img{ height:14px; margin-right:6px; display:block;} 
.header .head .ser dt p a:hover{ color:#0355f9;}
.header .head .ser dt.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}
.header .head .ser dd{ height:36px; width:36px; padding:12px 0; float:left; margin-left:3vw;}
.header .head .ser dd b{ width:36px; height:36px; display:block; border-radius:100%; background-color:#ccc; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:16px auto; background-repeat:no-repeat;}
.header .head .ser dd b img{ display:none;}
.header .head .ser dd p{ display:block; position:fixed; right:-100%; top:60px; width:100%; height:40px; background-color:#f5f5f5; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:13px 3%;}
.header .head .ser dd p span{ display:block; width:calc(91% - 54px); height:40px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:14px; line-height:40px; height:40px; background-color:transparent; color:#333;}
.header .head .ser dd p a{ display:block; width:40px; height:40px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:40px; display:block; cursor:pointer; overflow:hidden; background-image:url(../images/ser.png); background-position:center; background-size:16px auto; background-repeat:no-repeat; background-color:#0355f9;}
.header .head .ser dd.cur p{ right:0; opacity:1;}

.header .head .nav{ background-color:#f5f5f5; 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%; padding-bottom:64px; box-sizing:border-box; border-top:1px solid #eee;}
.header .head .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .head .nav li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.header .head .nav li a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px;}
.header .head .nav li b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .head .nav li b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .head .nav li.cur b::after{ transform:rotateZ(135deg);}
.header .head .nav li.cur>a,.header .head .nav li.on>a{ color:#0355f9;}
.header .head .nav li div{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .head .nav li div a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden;}
.header .head .nav li div a:hover{ color:#0355f9;}
.header .head .nav li dl{ display:block;}
.header .head .nav li dl dt{ display:block; font-size:15px; line-height:25px; padding-top:3px; font-weight:bold;}
.header .head .nav li dl dd{ display:block; padding-top:2px;}
.header .head .nav li dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.header .head .nav li dl dd a:hover{ color:#0355f9;}
}

/*banner*/
@media screen and (min-width:1600px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:50%; position:absolute; left:8%; z-index:3; top:7.8125vw;}
.banner .swiper-slide .wen .w01{ font-size:54px; line-height:74px; color:#fff; font-weight:bold; letter-spacing:5px; margin-bottom:2.24vw;}
.banner .swiper-slide .wen .w02{ font-size:24px; line-height:38px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w03{ padding-top:5px; margin-bottom:1.71875vw;}
.banner .swiper-slide .wen .w03 p{ display:block; padding:0 1.3vw; height:40px; line-height:40px; background-color:rgba(255,255,255,.3); border-radius:34px; overflow:hidden; float:left; font-size:18px;}
.banner .swiper-slide .wen .w03 a{ display:block; color:#fff; float:left;}
.banner .swiper-slide .wen .w03 span{ display:block; color:#fff; float:left; margin:0 .52vw;}
.banner .swiper-slide .wen .w03 span:last-child{ display:none;}
.banner .swiper-slide .wen .w04{ margin-top:2.24vw;}
.banner .swiper-slide .wen .w04 a{ float:left; margin-right:20px; width:160px; height:44px; line-height:44px; font-size:16px; color:#fff; border-radius:44px; background-color:#0355f9; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.banner .swiper-slide .wen .w04 a:last-child{ color:#0355f9; background-color:#fff; }
.banner .swiper-slide .wen .w04 a:hover{ background-color:#0068b7; color:#fff; }

.banner .swiper-pagination{ position:absolute; bottom:2.04vw; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:12px; height:12px; border-radius:12px; display:block; float:left; cursor:pointer; background-color:#fff; opacity:.7; margin:0 10px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; opacity:1;}
  
.banner .swiper-button-white{ width:40px; height:40px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:rgba(255,255,255,.1); border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:auto 10px;}
.banner .swiper-button-white:hover{ background-color:rgba(255,255,255,.3);}
.banner .swiper-button-prev{ left:1%; background-image:url(../images/prev.png);}
.banner .swiper-button-next{ right:1%; background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:50%; position:absolute; left:5%; z-index:3; top:7.8125vw;}
.banner .swiper-slide .wen .w01{ font-size:44px; line-height:60px; color:#fff; font-weight:bold; letter-spacing:4px; margin-bottom:2.24vw;}
.banner .swiper-slide .wen .w02{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w03{ padding-top:5px; margin-bottom:1.71875vw;}
.banner .swiper-slide .wen .w03 p{ display:block; padding:0 1.3vw; height:38px; line-height:38px; background-color:rgba(255,255,255,.3); border-radius:34px; overflow:hidden; float:left; font-size:16px;}
.banner .swiper-slide .wen .w03 a{ display:block; color:#fff; float:left;}
.banner .swiper-slide .wen .w03 span{ display:block; color:#fff; float:left; margin:0 .52vw;}
.banner .swiper-slide .wen .w03 span:last-child{ display:none;}
.banner .swiper-slide .wen .w04{ margin-top:2.24vw;}
.banner .swiper-slide .wen .w04 a{ float:left; margin-right:20px; width:140px; height:41px; line-height:41px; font-size:15px; color:#fff; border-radius:44px; background-color:#0355f9; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.banner .swiper-slide .wen .w04 a:last-child{ color:#0355f9; background-color:#fff; }
.banner .swiper-slide .wen .w04 a:hover{ background-color:#0068b7; color:#fff; }

.banner .swiper-pagination{ position:absolute; bottom:2.04vw; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; cursor:pointer; background-color:#fff; opacity:.7; margin:0 8px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; opacity:1;}
  
.banner .swiper-button-white{ width:40px; height:40px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:rgba(255,255,255,.1); border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:auto 10px;}
.banner .swiper-button-white:hover{ background-color:rgba(255,255,255,.3);}
.banner .swiper-button-prev{ left:1%; background-image:url(../images/prev.png);}
.banner .swiper-button-next{ right:1%; background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1280px){
.banner .swiper-slide .wen .w01{ font-size:34px; line-height:50px; letter-spacing:3px;}
.banner .swiper-slide .wen .w02{ font-size:18px; line-height:28px;}
.banner .swiper-slide .wen .w04 a{ width:120px; height:38px; line-height:38px; font-size:14px;}
  
.banner .swiper-button-white{ width:38px; height:38px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:rgba(255,255,255,.1); border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:auto 10px;}
.banner .swiper-button-white:hover{ background-color:rgba(255,255,255,.3);}
.banner .swiper-button-prev{ left:1%; background-image:url(../images/prev.png);}
.banner .swiper-button-next{ right:1%; background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .tu img.pc{ display:none;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:35px;}
.banner .swiper-slide .wen .w01{ font-size:24px; line-height:34px; color:#fff; font-weight:bold; margin-bottom:10px;}
.banner .swiper-slide .wen .w02{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w03{ padding-top:5px; margin-bottom:15px;}
.banner .swiper-slide .wen .w03 p{ display:block; padding:0 15px; height:36px; line-height:36px; background-color:rgba(255,255,255,.3); border-radius:34px; overflow:hidden; float:left; font-size:14px;}
.banner .swiper-slide .wen .w03 a{ display:block; color:#fff; float:left;}
.banner .swiper-slide .wen .w03 span{ display:block; color:#fff; float:left; margin:0 7px;}
.banner .swiper-slide .wen .w03 span:last-child{ display:none;}
.banner .swiper-slide .wen .w04{ margin-top:15px;}
.banner .swiper-slide .wen .w04 a{ float:left; margin-right:15px; width:100px; height:36px; line-height:36px; font-size:14px; color:#fff; border-radius:44px; background-color:#0355f9; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.banner .swiper-slide .wen .w04 a:last-child{ color:#0355f9; background-color:#fff; }
.banner .swiper-slide .wen .w04 a:hover{ background-color:#0068b7; color:#fff; }

.banner .swiper-pagination{ position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:10px; display:block; float:left; cursor:pointer; background-color:#fff; opacity:.7; margin:0 6px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; opacity:1;}
  
.banner .swiper-button-white{ width:36px; height:36px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:rgba(255,255,255,.1); border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:auto 10px;}
.banner .swiper-button-white:hover{ background-color:rgba(255,255,255,.3);}
.banner .swiper-button-prev{ left:1%; background-image:url(../images/prev.png);}
.banner .swiper-button-next{ right:1%; background-image:url(../images/next.png);}
}

/*行业专属数智化解决方案*/
@media screen and (min-width:1600px){
.title{ width:100%; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:40px; line-height:50px; font-weight:bold;}
.title .t02{ font-size:18px; line-height:28px; margin-top:12px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.title{ width:100%; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold;}
.title .t02{ font-size:16px; line-height:26px; margin-top:9px;}
}
@media only screen and (max-width:1023px){
.title{ width:100%; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:20px; line-height:30px; font-weight:bold;}
.title .t02{ font-size:14px; line-height:24px; margin-top:2px;}
}

@media screen and (min-width:1600px){
.pbox{ width:100%; padding-top:4.948vw; position:relative; z-index:1; background-color:#fff;}
.pbox .title{ width:84%; margin:auto;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.pbox .box .gallery-thumbs{ width:84%; margin:auto; overflow:hidden; position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-wrapper{ width:100%; position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:20%; display:block; text-align:center; cursor:pointer;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; width:100%; height:15px; margin:auto; overflow:hidden; margin-top:1.04vw;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span{ display:block; height:40px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span img{ display:block; height:40px; margin:auto;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span img.img02{ display:none;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding:0.52vw 10px; padding-bottom:0; font-size:16px; line-height:28px; height:28px; overflow:hidden;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b:before{ width: 0; height: 0; content:""; margin: auto; z-index:9; display:block; border-bottom:15px solid #0355f9; border-left:transparent solid 15px; border-right:transparent solid 15px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img01{ display:none;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img02{ display:block;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:18px; font-weight:bold; color:#0355f9;}
.pbox .gallery-top{ width:100%; overflow:hidden;}
.pbox .gallery-top .swiper-slide{ width:100%; padding:4.948vw 0; position:relative;}
.pbox .gallery-top .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.pbox .gallery-top .swiper-slide .tu img{ width:100%; height:100%; display:block; position:relative; z-index:1; object-fit:cover;} 
.pbox .gallery-top .swiper-slide .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3; opacity:.9; background-color:#0355f9;}
.pbox .gallery-top .swiper-slide .wen{ width:80%; margin:auto; position:relative; z-index:3;}
.pbox .gallery-top .swiper-slide .wen .left{ width:43%; float:left;}
.pbox .gallery-top .swiper-slide .wen .left .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.pbox .gallery-top .swiper-slide .wen .left .w01 a{ color:#fff;}
.pbox .gallery-top .swiper-slide .wen .left .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:.52vw;}
.pbox .gallery-top .swiper-slide .wen .left .w03{ margin-top:1.82vw; padding-bottom:5px;}
.pbox .gallery-top .swiper-slide .wen .left .w03 a{ float:left; width:158px; height:42px; line-height:42px; font-size:16px; color:#fff; border:1px solid #fff; text-align:center; border-radius:5px; overflow:hidden;}
.pbox .gallery-top .swiper-slide .wen .left .w03 a:hover{ background-color:#fff; color:#0355f9;}
.pbox .gallery-top .swiper-slide .wen .right{ width:50%; float:right;}
.pbox .gallery-top .swiper-slide .wen .right .list{ display:block; width:100%; margin-top:-1.82vw;}
.pbox .gallery-top .swiper-slide .wen .right .list li{ display:block; width:100%; margin-top:1.82vw;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w01{ font-size:20px; line-height:30px; height:30px; color:#fff; font-weight:bold; display:none;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w02{ font-size:20px; line-height:30px; height:30px; color:#fff; font-weight:bold;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w03{ font-size:16px; line-height:26px; color:#eee; margin-top:.26vw;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w04{ font-size:16px; line-height:26px; color:#eee; margin-top:.26vw; text-align:right;}
  
.pbox .gallery-top .swiper-button-white{ width:3.125vw; height:3.125vw; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1);}
.pbox .gallery-top .swiper-button-white:hover{ background-color:#0355f9;}
.pbox .gallery-top .swiper-button-prev{ left:5%; background-image:url(../images/prev01.png);}
.pbox .gallery-top .swiper-button-next{ right:5%; background-image:url(../images/next01.png);}
.pbox .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pbox{ width:100%; padding-top:4.948vw; position:relative; z-index:1; background-color:#fff;}
.pbox .title{ width:90%; margin:auto;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.pbox .box .gallery-thumbs{ width:90%; margin:auto; overflow:hidden; position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-wrapper{ width:100%; position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:20%; display:block; text-align:center; cursor:pointer;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; width:100%; height:10px; margin:auto; overflow:hidden; margin-top:1.04vw;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span{ display:block; height:40px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span img{ display:block; height:40px; margin:auto;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span img.img02{ display:none;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding:0.52vw 10px; padding-bottom:0; font-size:16px; line-height:28px; height:28px; overflow:hidden;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b:before{ width: 0; height: 0; content:""; margin: auto; z-index:9; display:block; border-bottom:10px solid #0355f9; border-left:transparent solid 10px; border-right:transparent solid 10px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img01{ display:none;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img02{ display:block;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:18px; font-weight:bold; color:#0355f9;}
.pbox .gallery-top{ width:100%; overflow:hidden;}
.pbox .gallery-top .swiper-slide{ width:100%; padding:4.948vw 0;}
.pbox .gallery-top .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.pbox .gallery-top .swiper-slide .tu img{ width:100%; height:100%; display:block; position:relative; z-index:1; object-fit:cover;} 
.pbox .gallery-top .swiper-slide .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3; opacity:.9; background-color:#0355f9;}
.pbox .gallery-top .swiper-slide .wen{ width:84%; margin:auto; position:relative; z-index:3;}
.pbox .gallery-top .swiper-slide .wen .left{ width:44%; float:left;}
.pbox .gallery-top .swiper-slide .wen .left .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.pbox .gallery-top .swiper-slide .wen .left .w01 a{ color:#fff;}
.pbox .gallery-top .swiper-slide .wen .left .w02{ font-size:15px; line-height:25px; color:#fff; margin-top:.52vw;}
.pbox .gallery-top .swiper-slide .wen .left .w03{ margin-top:1.82vw; padding-bottom:5px;}
.pbox .gallery-top .swiper-slide .wen .left .w03 a{ float:left; width:138px; height:39px; line-height:39px; font-size:15px; color:#fff; border:1px solid #fff; text-align:center; border-radius:5px; overflow:hidden;}
.pbox .gallery-top .swiper-slide .wen .left .w03 a:hover{ background-color:#fff; color:#0355f9;}
.pbox .gallery-top .swiper-slide .wen .right{ width:50%; float:right;}
.pbox .gallery-top .swiper-slide .wen .right .list{ display:block; width:100%; margin-top:-1.82vw;}
.pbox .gallery-top .swiper-slide .wen .right .list li{ display:block; width:100%; margin-top:1.82vw;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w01{ font-size:19px; line-height:29px; height:29px; color:#fff; font-weight:bold; display:none;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w02{ font-size:18px; line-height:28px; height:28px; color:#fff; font-weight:bold;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w03{ font-size:15px; line-height:25px; color:#eee; margin-top:.26vw;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w04{ font-size:15px; line-height:25px; color:#eee; margin-top:.26vw; text-align:right;}
  
.pbox .gallery-top .swiper-button-white{ width:3.125vw; height:3.125vw; min-width:46px; min-height:46px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1); background-size:auto 12px;}
.pbox .gallery-top .swiper-button-white:hover{ background-color:#0355f9;}
.pbox .gallery-top .swiper-button-prev{ left:3%; background-image:url(../images/prev01.png);}
.pbox .gallery-top .swiper-button-next{ right:3%; background-image:url(../images/next01.png);}
.pbox .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.pbox .title{ width:94%; margin:auto;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.pbox .box .gallery-thumbs{ width:100%; overflow:hidden; position:relative; margin-top:15px; z-index:3;}
.pbox .box .gallery-thumbs .swiper-wrapper{ width:100; position:relative; z-index:3;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:33.33%; display:block; text-align:center; cursor:pointer;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; width:100%; height:5px; margin:auto; overflow:hidden; margin-top:10px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span{ display:block; height:30px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span img{ display:block; height:30px; margin:auto;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide span img.img02{ display:none;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding:5px; padding-bottom:0; font-size:14px; line-height:26px; height:26px; overflow:hidden;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b:before{ width: 0; height: 0; content:""; margin: auto; z-index:9; display:block; border-bottom:5px solid #0355f9; border-left:transparent solid 5px; border-right:transparent solid 5px;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img01{ display:none;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img02{ display:block;}
.pbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:16px; font-weight:bold; color:#0355f9;}
.pbox .gallery-top{ width:100%; overflow:hidden;}
.pbox .gallery-top .swiper-slide{ width:100%; padding:25px 0;}
.pbox .gallery-top .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.pbox .gallery-top .swiper-slide .tu img{ width:100%; height:100%; display:block; position:relative; z-index:1; object-fit:cover;} 
.pbox .gallery-top .swiper-slide .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3; opacity:.9; background-color:#0355f9;}
.pbox .gallery-top .swiper-slide .wen{ padding:0 55px; position:relative; z-index:3;}
.pbox .gallery-top .swiper-slide .wen .left{ width:100%; float:left;}
.pbox .gallery-top .swiper-slide .wen .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pbox .gallery-top .swiper-slide .wen .left .w01 a{ color:#fff;}
.pbox .gallery-top .swiper-slide .wen .left .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.pbox .gallery-top .swiper-slide .wen .left .w03{ margin-top:10px; padding-bottom:5px;}
.pbox .gallery-top .swiper-slide .wen .left .w03 a{ float:left; width:98px; height:30px; line-height:30px; font-size:14px; color:#fff; border:1px solid #fff; text-align:center; border-radius:5px; overflow:hidden;}
.pbox .gallery-top .swiper-slide .wen .left .w03 a:hover{ background-color:#fff; color:#0355f9;}
.pbox .gallery-top .swiper-slide .wen .right{ width:100%; float:right;}
.pbox .gallery-top .swiper-slide .wen .right .list{ display:block; width:100%;}
.pbox .gallery-top .swiper-slide .wen .right .list li{ display:block; width:100%; margin-top:10px;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w01{ font-size:18px; line-height:28px; height:28px; color:#fff; font-weight:bold; display:none;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w02{ font-size:16px; line-height:26px; height:26px; color:#fff; font-weight:bold;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w03{ font-size:14px; line-height:24px; color:#eee;}
.pbox .gallery-top .swiper-slide .wen .right .list li .w04{ font-size:14px; line-height:24px; color:#eee; text-align:right;}
  
.pbox .gallery-top .swiper-button-white{ width:36px; height:36px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1); background-size:auto 10px;}
.pbox .gallery-top .swiper-button-white:hover{ background-color:#0355f9;}
.pbox .gallery-top .swiper-button-prev{ left:3%; background-image:url(../images/prev01.png);}
.pbox .gallery-top .swiper-button-next{ right:3%; background-image:url(../images/next01.png);}
.pbox .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
}

/*客户案例*/
@media screen and (min-width:1600px){
.cbox{ width:84%; padding:4.948vw 8%; min-height:33.85vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; flex-direction:column;}
.cbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.cbox .title{ color:#fff;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw; flex:1;}
.cbox .box .list{ width:100%; display:flex;}
.cbox .box .list li{ width:47.5%; box-sizing:border-box; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.1); overflow:hidden; border-radius:1.04vw; margin-left:5%;}
.cbox .box .list li a{ width:100%; height:100%; padding:2.08vw; display:block; box-sizing:border-box;}
.cbox .box .list li:nth-child(2n+1){ margin-left:0;}
.cbox .box .list li .w01{ font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.cbox .box .list li .w02{ font-size:18px; line-height:28px; color:#eee; font-weight:bold; margin-top:.26vw;}
.cbox .box .list li .w03{ font-size:16px; line-height:26px; height:52px; color:#fff; margin-top:1.04vw;}
.cbox .box .list li .w04{ font-size:16px; line-height:26px; color:#eee; text-align:right; margin-top:.26vw;}
.cbox .box .list li .w05{ width:80px; height:4px; margin-top:0.78125vw; background-color:#0355f9;}
.cbox .tab_menu{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.cbox .tab_menu li{ display:block; float:left; opacity:.5; overflow:hidden; cursor:pointer; margin-right:4.375%;}
.cbox .tab_menu li.on{ opacity:1;}
.cbox .tab_menu li strong{ display:block; height:50px;}
.cbox .tab_menu li strong img{ display:block; height:50px;}
.cbox .tab_menu li span{ font-size:20px; line-height:30px; margin-top:1.3vw; display:block; color:#fff;}
.cbox .tab_menu li b{ width:100%; height:2px; display:block; background-color:#fff; margin-top:.52vw;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.cbox{ width:90%; padding:4.948vw 5%; min-height:33.85vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; flex-direction:column;}
.cbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.cbox .title{ color:#fff;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw; flex:1;}
.cbox .box .list{ width:100%; display:flex;}
.cbox .box .list li{ width:47.5%; box-sizing:border-box; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.1); overflow:hidden; border-radius:1.04vw; margin-left:5%;}
.cbox .box .list li a{ width:100%; height:100%; padding:2.08vw; display:block; box-sizing:border-box;}
.cbox .box .list li:nth-child(2n+1){ margin-left:0;}
.cbox .box .list li .w01{ font-size:20px; line-height:34px; color:#fff; font-weight:bold;}
.cbox .box .list li .w02{ font-size:17px; line-height:27px; color:#eee; font-weight:bold; margin-top:.26vw;}
.cbox .box .list li .w03{ font-size:15px; line-height:25px; height:50px; color:#fff; margin-top:1.04vw;}
.cbox .box .list li .w04{ font-size:15px; line-height:25px; color:#eee; text-align:right; margin-top:.26vw;}
.cbox .box .list li .w05{ width:60px; height:3px; margin-top:0.78125vw; background-color:#0355f9;}
.cbox .tab_menu{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.cbox .tab_menu li{ display:block; float:left; opacity:.5; overflow:hidden; cursor:pointer; margin-right:4.375%;}
.cbox .tab_menu li.on{ opacity:1;}
.cbox .tab_menu li strong{ display:block; height:40px;}
.cbox .tab_menu li strong img{ display:block; height:40px;}
.cbox .tab_menu li span{ font-size:18px; line-height:28px; margin-top:1.3vw; display:block; color:#fff;}
.cbox .tab_menu li b{ width:100%; height:2px; display:block; background-color:#fff; margin-top:.52vw;}
}
@media only screen and (max-width:1023px){
.cbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.cbox .title{ color:#fff;}
.cbox .box{ width:100%; position:relative; z-index:3; flex:1;}
.cbox .box .list{ width:100%; display:block;}
.cbox .box .list li{ width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.1); overflow:hidden; border-radius:10px; margin-top:15px; display:block;}
.cbox .box .list li a{ width:100%; height:100%; padding:15px; display:block; box-sizing:border-box;}
.cbox .box .list li .w01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.cbox .box .list li .w02{ font-size:15px; line-height:25px; color:#eee; font-weight:bold; margin-top:5px;}
.cbox .box .list li .w03{ font-size:14px; line-height:24px; height:48px; color:#fff; margin-top:10px;}
.cbox .box .list li .w04{ font-size:14px; line-height:24px; color:#eee; text-align:right; margin-top:2px;}
.cbox .box .list li .w05{ width:40px; height:2px; margin-top:5px; background-color:#0355f9;}
.cbox .tab_menu{ margin-left:-15px; position:relative; z-index:3; margin-top:5px;}
.cbox .tab_menu li{ display:block; float:left; opacity:.5; overflow:hidden; cursor:pointer; margin-left:15px; padding-top:15px;}
.cbox .tab_menu li.on{ opacity:1;}
.cbox .tab_menu li strong{ display:block; height:30px;}
.cbox .tab_menu li strong img{ display:block; height:30px;}
.cbox .tab_menu li span{ font-size:16px; line-height:26px; margin-top:10px; display:block; color:#fff;}
.cbox .tab_menu li b{ width:100%; height:2px; display:block; background-color:#fff; margin-top:5px;}
}

/*领域解决方案*/
@media screen and (min-width:1280px){
.sbox{ width:84%; padding:4.948vw 8%; padding-bottom:5.2vw; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.sbox .box{ width:100%; margin:auto; margin-top:1.82vw; position:relative; z-index:3; display:flex;}
.sbox .box .item{ width:18.58%; height:28.125vw; margin-left:1.08%; border-radius:10px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; overflow:hidden;}
.sbox .box .item.on{ width:41.08%;}
.sbox .box .item:first-child{ margin-left:0;}
.sbox .box .item .bg{ width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)); position:relative; z-index:1;}
.sbox .box .item.on .bg{ background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.3));}
.sbox .box .item .bt{ padding:1.5625vw; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; font-size:20px; line-height:30px; color:#fff; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item.on .bt{ bottom:100%;}
.sbox .box .item .wen{ padding:1.5625vw;; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:-100%; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; max-height:100%; overflow:auto;}
.sbox .box .item.on .wen{ bottom:0;}
.sbox .box .item.on .wen .w01{ width:100%; font-size:24px; line-height:34px; font-weight:bold;}
.sbox .box .item.on .wen .w01 a{ color:#fff;}
.sbox .box .item.on .wen .w02{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:.52vw;}
.sbox .box .item.on .wen .w03{ width:100%; margin-top:1.04vw;}
.sbox .box .item.on .wen .w03 a{ display:block; font-size:16px; line-height:26px; color:#fff; float:left; overflow:hidden;}
.sbox .box .item.on .wen .w03 a img{ display:block; height:10px; float:right; margin-left:10px; margin-top:8px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox{ width:90%; padding:4.948vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.sbox .box{ width:100%; margin:auto; margin-top:1.82vw; position:relative; z-index:3; display:flex;}
.sbox .box .item{ width:18.58%; height:28.125vw; margin-left:1.08%; border-radius:7px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; overflow:hidden;}
.sbox .box .item.on{ width:41.08%;}
.sbox .box .item:first-child{ margin-left:0;}
.sbox .box .item .bg{ width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)); position:relative; z-index:1;}
.sbox .box .item.on .bg{ background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.3));}
.sbox .box .item .bt{ padding:20px 25px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; font-size:18px; line-height:28px; color:#fff; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item.on .bt{ bottom:100%;}
.sbox .box .item .wen{ padding:1.5625vw;; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:-100%; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; max-height:100%; overflow:auto;}
.sbox .box .item.on .wen{ bottom:0;}
.sbox .box .item.on .wen .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.sbox .box .item.on .wen .w01 a{ color:#fff;}
.sbox .box .item.on .wen .w01 a:hover{ font-weight:bold;}
.sbox .box .item.on .wen .w02{ width:100%; font-size:15px; line-height:25px; color:#fff; margin-top:.52vw;}
.sbox .box .item.on .wen .w03{ width:100%; margin-top:1.04vw;}
.sbox .box .item.on .wen .w03 a{ display:block; font-size:15px; line-height:25px; color:#fff; float:left; overflow:hidden;}
.sbox .box .item.on .wen .w03 a img{ display:block; height:9px; float:right; margin-left:8px; margin-top:8px;}
}
@media only screen and (max-width:1023px){
.sbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.sbox .box{ width:100%; margin:auto; position:relative; z-index:3;}
.sbox .box .item{ width:100%; height:100px; margin-top:15px; border-radius:5px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; overflow:hidden;}
.sbox .box .item.on{ height:auto;}
.sbox .box .item .bg{ width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)); position:absolute; left:0; bottom:0; z-index:1;}
.sbox .box .item.on .bg{ background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.7));}
.sbox .box .item .bt{ padding:10px 15px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; font-size:16px; line-height:26px; color:#fff; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item.on .bt{ bottom:100%;}
.sbox .box .item .wen{ padding:10px 15px; width:100%; box-sizing:border-box; position:relative; z-index:2; display:none;}
.sbox .box .item.on .wen{ display:block;}
.sbox .box .item.on .wen .w01{ width:100%; font-size:16px; line-height:26px; font-weight:bold;}
.sbox .box .item.on .wen .w01 a{ color:#fff;}
.sbox .box .item.on .wen .w02{ width:100%; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.sbox .box .item.on .wen .w03{ width:100%; margin-top:10px;}
.sbox .box .item.on .wen .w03 a{ display:block; font-size:14px; line-height:24px; color:#fff; float:left; overflow:hidden;}
.sbox .box .item.on .wen .w03 a img{ display:block; height:8px; float:right; margin-left:6px; margin-top:8px;}
}

/*公司简介*/
@media screen and (min-width:1600px){
.abox{ width:84%; padding:4.948vw 8%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#f5f5f5;}
.abox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.abox .box .w01{ width:80px; height:4px; margin:auto; background-color:#0355f9; display:none;}
.abox .box .w02{ font-size:30px; line-height:40px; text-align:center; font-weight:bold;}
.abox .box .w02 b{color:#0355f9;}
.abox .box .w03{ font-size:18px; line-height:38px; text-align:center; margin-top:1.3vw;}
.abox .list{ width:100%; margin-top:2.6vw; display:flex; background-color:#fff; border-radius:1.04vw; padding:2.08vw 0;}
.abox .list li{ flex:1; display:block; cursor:pointer; border-right:1px solid #eee;}
.abox .list li:last-child{ border-right:none;}
.abox .list li .w01{ display:flex; justify-content:center; align-items:flex-end; width:100%; font-weight:bold;}
.abox .list li .w01 span{ font-size:60px; line-height:68px; display:block;}
.abox .list li .w01 p{ font-size:20px; line-height:40px; margin-left:10px; display:block;}
.abox .list li:hover .w01 span,.abox .list li:hover .w01 p{ color:#0355f9;}
.abox .list li .w02{ font-size:16px; line-height:26px; text-align:center;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.abox{ width:90%; padding:4.948vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#f5f5f5;}
.abox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.abox .box .w01{ width:60px; height:3px; margin:auto; background-color:#0355f9; display:none;}
.abox .box .w02{ font-size:24px; line-height:34px; text-align:center; font-weight:bold;}
.abox .box .w02 b{color:#0355f9;}
.abox .box .w03{ font-size:16px; line-height:32px; text-align:center; margin-top:1.3vw;}
.abox .list{ width:100%; margin-top:2.6vw; display:flex; background-color:#fff; border-radius:1.04vw; padding:2.08vw 0;}
.abox .list li{ flex:1; display:block; cursor:pointer; border-right:1px solid #eee;}
.abox .list li:last-child{ border-right:none;}
.abox .list li .w01{ display:flex; justify-content:center; align-items:flex-end; width:100%; font-weight:bold;}
.abox .list li .w01 span{ font-size:50px; line-height:56px; display:block;}
.abox .list li .w01 p{ font-size:18px; line-height:35px; margin-left:7px; display:block;}
.abox .list li:hover .w01 span,.abox .list li:hover .w01 p{ color:#0355f9;}
.abox .list li .w02{ font-size:15px; line-height:25px; text-align:center;}
}
@media only screen and (max-width:1023px){
.abox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#f5f5f5;}
.abox .box{ width:100%; position:relative; z-index:3; margin-top:10px;}
.abox .box .w01{ width:40px; height:2px; margin:auto; background-color:#0355f9; display:none;}
.abox .box .w02{ font-size:18px; line-height:28px; text-align:center; font-weight:bold;}
.abox .box .w02 b{color:#0355f9;}
.abox .box .w03{ font-size:14px; line-height:26px; text-align:center; margin-top:5px;}
.abox .list{ width:100%; margin-top:24px; overflow:hidden; background-color:#fff; border-radius:10px; padding-bottom:25px; padding-top:15px;}
.abox .list li{ display:block; cursor:pointer; width:48.5%; margin-left:3%; margin-top:10px; float:left;}
.abox .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .list li{ flex:1; display:block; cursor:pointer;}
.abox .list li .w01{ display:flex; justify-content:center; align-items:flex-end; width:100%; font-weight:bold;}
.abox .list li .w01 span{ font-size:40px; line-height:42px; display:block;}
.abox .list li .w01 p{ font-size:16px; line-height:28px; margin-left:5px; display:block;}
.abox .list li:hover .w01 span,.abox .list li:hover .w01 p{ color:#0355f9;}
.abox .list li .w02{ font-size:14px; line-height:24px; text-align:center;}
}

/*新闻*/
@media screen and (min-width:1600px){
.nbox{ width:84%; padding:4.948vw 8%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:100%; margin-top:1.82vw; position:relative; z-index:3; display:flex;}
.nbox .box .left{ width:30%;}
.nbox .box .left .w01{ font-size:16px; line-height:24px; height:24px; margin-top:-5px;}
.nbox .box .left .w02{ margin-top:0.52vw;}
.nbox .box .left .w02 a{ width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .w02 a:hover{ color:#0355f9;}
.nbox .box .left .w03{ margin-top:0.4167vw; font-size:16px; line-height:30px; height:60px; color:#666;}
.nbox .box .left .w04{ margin-top:0.677vw;}
.nbox .box .left .w04 a{ width:100%; padding-top:62.5%; position:relative; z-index:3; display:block; overflow:hidden;}
.nbox .box .left .w04 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.nbox .box .right{ width:65%; margin-left:6.06%; display:flex; flex-direction:column; justify-content:space-between;}
.nbox .box .right li{ width:100%; display:flex; align-items:center; overflow:hidden;}
.nbox .box .right li .tu{ width:20%; margin-right:3%;}
.nbox .box .right li .tu a{ width:100%; padding-top:62.5%; position:relative; z-index:3; display:block; overflow:hidden;}
.nbox .box .right li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.nbox .box .right li .wen{ width:77%;}
.nbox .box .right li .wen .w01{ font-size:15px; line-height:25px; height:25px;}
.nbox .box .right li .wen .w02{ margin-top:0.3vw;}
.nbox .box .right li .wen .w02 a{ width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .wen .w02 a:hover{ color:#0355f9;}
.nbox .box .right li .wen .w03{ margin-top:0.3vw; font-size:15px; line-height:25px; height:50px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.nbox{ width:90%; padding:4.948vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:100%; margin-top:1.82vw; position:relative; z-index:3; display:flex;}
.nbox .box .left{ width:35%;}
.nbox .box .left .w01{ font-size:15px; line-height:23px; height:23px; margin-top:-5px;}
.nbox .box .left .w02{ margin-top:0.52vw;}
.nbox .box .left .w02 a{ width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .w02 a:hover{ color:#0355f9;}
.nbox .box .left .w03{ margin-top:0.4167vw; font-size:15px; line-height:27px; height:54px; color:#666;}
.nbox .box .left .w04{ margin-top:0.677vw;}
.nbox .box .left .w04 a{ width:100%; padding-top:62.5%; position:relative; z-index:3; display:block; overflow:hidden;}
.nbox .box .left .w04 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.nbox .box .right{ width:60%; margin-left:5%; display:flex; flex-direction:column; justify-content:space-between;}
.nbox .box .right li{ width:100%; display:flex; align-items:center; overflow:hidden;}
.nbox .box .right li .tu{ width:20%; margin-right:3%;}
.nbox .box .right li .tu a{ width:100%; padding-top:62.5%; position:relative; z-index:3; display:block; overflow:hidden;}
.nbox .box .right li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.nbox .box .right li .wen{ width:77%;}
.nbox .box .right li .wen .w01{ font-size:15px; line-height:25px; height:25px;}
.nbox .box .right li .wen .w02{ margin-top:0.3vw;}
.nbox .box .right li .wen .w02 a{ width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .wen .w02 a:hover{ color:#0355f9;}
.nbox .box .right li .wen .w03{ margin-top:0.3vw; font-size:15px; line-height:25px; height:50px; color:#666;}
}
@media only screen and (max-width:1023px){
.nbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:100%; margin-top:10px; position:relative; z-index:3;}
.nbox .box .left{ width:100%;}
.nbox .box .left .w01{ font-size:14px; line-height:22px; height:22px;}
.nbox .box .left .w02{ margin-top:5px;}
.nbox .box .left .w02 a{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .w02 a:hover{ color:#0355f9;}
.nbox .box .left .w03{ margin-top:5px; font-size:14px; line-height:24px; height:48px; color:#666;}
.nbox .box .left .w04{ margin-top:10px;}
.nbox .box .left .w04 a{ width:100%; padding-top:62.5%; position:relative; z-index:3; display:block; overflow:hidden;}
.nbox .box .left .w04 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.nbox .box .right{ width:100%; display:block; padding-top:5px;}
.nbox .box .right li{ width:100%; display:flex; align-items:center; overflow:hidden; margin-top:15px;}
.nbox .box .right li .tu{ width:160px; margin-right:3%;}
.nbox .box .right li .tu a{ width:100%; padding-top:62.5%; position:relative; z-index:3; display:block; overflow:hidden;}
.nbox .box .right li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.nbox .box .right li .wen{ width:calc(97% - 160px);}
.nbox .box .right li .wen .w01{ font-size:14px; line-height:22px; height:22px;}
.nbox .box .right li .wen .w02{ width:100%;}
.nbox .box .right li .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right li .wen .w02 a:hover{ color:#0355f9;}
.nbox .box .right li .wen .w03{ font-size:14px; line-height:24px; height:48px; color:#666;}
}

/*咨询*/
@media screen and (min-width:1600px){
.zbox{ width:84%; padding:4.948vw 8%; padding-bottom:5.2vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.zbox .title{ color:#fff;}
.zbox .box{ width:100%; position:relative; z-index:3;}
.zbox .box .w01{ width:80px; height:4px; margin:2.6vw auto; margin-top:1.82vw; background-color:#0355f9; display:none;}
.zbox .box .w02{ display:flex;  flex-wrap:wrap; justify-content:center; margin-top:1.82vw;}
.zbox .box .w02 a{ width:160px; height:44px; line-height:44px; font-size:16px; color:#fff; border-radius:44px; background-color:#0355f9; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:10px; margin-bottom:0;}
.zbox .box .w02 a:hover{ background-color:#0068b7;}
.zbox .box .w02 a b{ height:10px; display:block; margin-left:1.04vw;}
.zbox .box .w02 a b img{ display:block; height:10px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.zbox{ width:90%; padding:4.948vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.zbox .title{ color:#fff;}
.zbox .box{ width:100%; position:relative; z-index:3;}
.zbox .box .w01{ width:60px; height:3px; margin:2.6vw auto; margin-top:1.82vw; background-color:#0355f9; display:none;}
.zbox .box .w02{ display:flex;  flex-wrap:wrap; justify-content:center; margin-top:1.82vw;}
.zbox .box .w02 a{ width:140px; height:39px; line-height:39px; font-size:15px; color:#fff; border-radius:44px; background-color:#0355f9; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:10px; margin-bottom:0;}
.zbox .box .w02 a:hover{ background-color:#0068b7;}
.zbox .box .w02 a b{ height:10px; display:block; margin-left:1.04vw;}
.zbox .box .w02 a b img{ display:block; height:10px;}
}
@media only screen and (max-width:1023px){
.zbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.zbox .title{ color:#fff;}
.zbox .box{ width:100%; position:relative; z-index:3;}
.zbox .box .w01{ width:40px; height:2px; margin:10px auto; background-color:#0355f9; display:none;}
.zbox .box .w02{ display:flex;  flex-wrap:wrap; justify-content:center; margin-top:10px;}
.zbox .box .w02 a{ width:120px; height:34px; line-height:34px; font-size:14px; color:#fff; border-radius:44px; background-color:#0355f9; cursor:pointer; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:10px 5px; margin-bottom:0;}
.zbox .box .w02 a:hover{ background-color:#0068b7;}
.zbox .box .w02 a b{ height:10px; display:block; margin-left:10px;}
.zbox .box .w02 a b img{ display:block; height:10px;}
}

/*footer*/
@media screen and (min-width:1600px){
.footer{ width:84%; padding:3.64vw 8%; padding-bottom:0; position:relative; z-index:1; background-color:#f1f1f1;}
.footer .top{ width:100%;}
.footer .top .left{ height:48px; float:left; padding-top:6px;}
.footer .top .left img{ display:block; height:48px;}
.footer .top .left img.img02,.footer .top .left img.img03{ display:none;}
.footer .top .right{ height:60px; float:right;}
.footer .top .right span{ display:block; font-size:16px; line-height:26px; height:26px; text-align:right;}
.footer .top .right b{ display:block; font-size:30px; line-height:34px; height:34px; text-align:right;}
.footer .mil{ width:100%; padding-bottom:3.38vw; padding-top:2.34375vw; display:flex;}
.footer .mil .f01{ margin-right:3.5%;}
.footer .mil .f01 b{ display:block; font-size:20px; line-height:30px;}
.footer .mil .f01 span{ display:block; margin-top:0.26vw; width:20px; height:2px; background-color:#0355f9; overflow:hidden; display:none;}
.footer .mil .f01 p{ display:block; padding-top:0.3125vw;}
.footer .mil .f01 p a{ display:block; margin-top:0.3125vw; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.footer .mil .f01 p a:hover{ color:#0355f9;}
.footer .mil .f02{ flex:1; margin-right:1.82%;}
.footer .mil .f02 b{ display:block; font-size:20px; line-height:30px;}
.footer .mil .f02 span{ display:block; margin-top:0.26vw; width:20px; height:2px; background-color:#0355f9; overflow:hidden; display:none;}
.footer .mil .f02 p{ display:block; padding-top:0.3125vw;}
.footer .mil .f02 p a{ display:block; margin-top:0.3125vw; font-size:14px; line-height:24px; overflow:hidden;}
.footer .mil .f03{ display:block; padding-top:5px;}
.footer .mil .f03 li{ width:6.77vw; max-width:130px; display:block; float:left; margin-left:1.04vw;}
.footer .mil .f03 li strong{ width:100%; display:block; overflow:hidden;}
.footer .mil .f03 li strong img{ width:100%; display:block;}
.footer .mil .f03 li p{ display:block; text-align:center; margin-top:0.52vw; font-size:14px; line-height:24px;}
.footer .bot{ width:100%; padding:1.14vw 0; border-top:1px solid #ddd;}
.footer .bot .left{ font-size:14px; line-height:24px; width:100%; text-align:center;}
.footer .bot .left p{ display:inline-block; margin:0.39vw;}
.footer .bot .left p img{ height:16px; vertical-align:middle; margin-right:5px;}
.footer .bot .right{ float:right; font-size:14px; line-height:24px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:90%; padding:3.64vw 5%; padding-bottom:0; position:relative; z-index:1; background-color:#f1f1f1;}
.footer .top{ width:100%;}
.footer .top .left{ height:36px; float:left; padding-top:7px;}
.footer .top .left img{ display:block; height:36px;}
.footer .top .left img.img01,.footer .top .left img.img03{ display:none;}
.footer .top .right{ height:50px; float:right;}
.footer .top .right span{ display:block; font-size:15px; line-height:23px; height:23px; text-align:right;}
.footer .top .right b{ display:block; font-size:25px; line-height:27px; height:27px; text-align:right;}
.footer .mil{ width:100%; padding-bottom:3.38vw; padding-top:2.34375vw; display:flex;}
.footer .mil .f01{ margin-right:2.5%;}
.footer .mil .f01 b{ display:block; font-size:18px; line-height:28px;}
.footer .mil .f01 span{ display:block; margin-top:0.26vw; width:20px; height:2px; background-color:#0355f9; overflow:hidden; display:none;}
.footer .mil .f01 p{ display:block; padding-top:0.3125vw;}
.footer .mil .f01 p a{ display:block; margin-top:0.3125vw; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.footer .mil .f01 p a:hover{ color:#0355f9;}
.footer .mil .f02{ flex:1; margin-right:1%;}
.footer .mil .f02 b{ display:block; font-size:18px; line-height:28px;}
.footer .mil .f02 span{ display:block; margin-top:0.26vw; width:20px; height:2px; background-color:#0355f9; overflow:hidden; display:none;}
.footer .mil .f02 p{ display:block; padding-top:0.3125vw;}
.footer .mil .f02 p a{ display:block; margin-top:0.3125vw; font-size:14px; line-height:24px; overflow:hidden;}
.footer .mil .f03{ display:block; padding-top:5px;}
.footer .mil .f03 li{ width:6.77vw; max-width:130px; display:block; float:left; margin-left:1vw;}
.footer .mil .f03 li strong{ width:100%; display:block; overflow:hidden;}
.footer .mil .f03 li strong img{ width:100%; display:block;}
.footer .mil .f03 li p{ display:block; text-align:center; margin-top:0.52vw; font-size:14px; line-height:24px;}
.footer .bot{ width:100%; padding:1.14vw 0; border-top:1px solid #ddd;}
.footer .bot .left{ font-size:14px; line-height:24px; text-align:center;}
.footer .bot .left p{ display:inline-block; margin:0.39vw;}
.footer .bot .left p img{ height:16px; vertical-align:middle; margin-right:5px;}
.footer .bot .right{ float:right; font-size:14px; line-height:24px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer .mil .f01{ margin-right:1.5%;}
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:30px 3%; padding-bottom:0; position:relative; z-index:1; background-color:#f1f1f1;}
.footer .top{ width:100%;}
.footer .top .left{ height:30px;}
.footer .top .left img{ display:block; height:30px; margin:auto;}
.footer .top .left img.img01,.footer .top .left img.img02{ display:none;}
.footer .top .right{ text-align:center; margin-top:10px;}
.footer .top .right span{ display:block; font-size:14px; line-height:24px; height:24px;}
.footer .top .right b{ display:block; font-size:24px; line-height:30px; height:30px;}
.footer .mil{ width:100%; padding-bottom:15px;}
.footer .mil .f01{ margin-right:3%; display:none;}
.footer .mil .f01 b{ display:block; font-size:18px; line-height:28px;}
.footer .mil .f01 span{ display:block; margin-top:0.26vw; width:20px; height:2px; background-color:#0355f9; overflow:hidden; display:none;}
.footer .mil .f01 p{ display:block; padding-top:0.3125vw;}
.footer .mil .f01 p a{ display:block; margin-top:0.3125vw; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.footer .mil .f01 p a:hover{ color:#0355f9;}
.footer .mil .f02{ width:100%; margin-top:10px;}
.footer .mil .f02 b{ display:block; font-size:16px; line-height:26px;}
.footer .mil .f02 span{ display:block; margin-top:5px; width:20px; height:2px; background-color:#0355f9; overflow:hidden; display:none;}
.footer .mil .f02 p{ display:block; padding-top:5px;}
.footer .mil .f02 p a{ display:block; margin-top:5px; font-size:14px; line-height:24px; overflow:hidden;}
.footer .mil .f03{ display:block; padding-top:5px; margin-left:-15px;}
.footer .mil .f03 li{ max-width:100px; display:block; float:left; margin-left:15px; margin-top:10px;}
.footer .mil .f03 li strong{ width:100%; display:block; overflow:hidden;}
.footer .mil .f03 li strong img{ width:100%; display:block;}
.footer .mil .f03 li p{ display:block; text-align:center; margin-top:5px; font-size:14px; line-height:24px;}
.footer .bot{ width:100%; padding:10px 0; border-top:1px solid #ddd;}
.footer .bot .left{ font-size:14px; line-height:24px; text-align:center;}
.footer .bot .left p{ display:inline-block; margin:0 5px;}
.footer .bot .left p img{ height:16px; vertical-align:middle; margin-right:5px;}
.footer .bot .right{ font-size:14px; line-height:24px; text-align:center;}
}

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

/*内页*/
@media screen and (min-width:1600px){
.ban{ width:100%; height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.ban .box{ width:84%; height:100%; padding:0 8%; position:relative; z-index:1; display:flex; align-items:center; background:rgba(0,0,0,.3);}
.ban .titles{ width:100%;}
.ban .titles .top{ width:100%;}
.ban .titles .top span{ display:block; float:left; font-size:36px; height:38px; line-height:38px; text-transform:uppercase; color:#fff;}
.ban .titles .top p{ display:none; float:left; margin-left:10px; padding-top:25px;}
.ban .titles .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .titles .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .titles .bot{ width:100%; font-size:36px; line-height:46px; color:#fff; margin-top:10px;}
.ban .wei{ position:absolute; left:8%; z-index:3; bottom:20px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; height:70px; background-color:#f5f5f5; 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:#0355f9;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#0355f9;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ban{ width:100%; height:330px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.ban .box{ width:90%; height:100%; padding:0 5%; position:relative; z-index:1; display:flex; align-items:center; background:rgba(0,0,0,.3);}
.ban .titles{ width:100%;}
.ban .titles .top{ width:100%;}
.ban .titles .top span{ display:block; float:left; font-size:30px; height:32px; line-height:32px; text-transform:uppercase; color:#fff;}
.ban .titles .top p{ display:none; float:left; margin-left:10px; padding-top:19px;}
.ban .titles .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .titles .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .titles .bot{ width:100%; font-size:30px; line-height:40px; color:#fff; margin-top:5px;}
.ban .wei{ position:absolute; left:5%; z-index:3; bottom:15px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; height:60px; background-color:#f5f5f5; 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:#0355f9;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:#0355f9;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.ban .box{ width:100%; height:100%; padding:0 3%; padding-bottom:30px; box-sizing:border-box; position:relative; z-index:1; display:flex; align-items:center; background:rgba(0,0,0,.3);}
.ban .titles{ width:100%;}
.ban .titles .top{ width:100%;}
.ban .titles .top span{ display:block; float:left; font-size:26px; height:30px; line-height:30px; text-transform:uppercase; color:#fff;}
.ban .titles .top p{ display:none; float:left; margin-left:10px; padding-top:17px;}
.ban .titles .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .titles .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .titles .bot{ width:100%; font-size:24px; line-height:34px; color:#fff;}
.ban .wei{ position:absolute; left:3%; z-index:3; bottom:10px; padding-left:20px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff; background-size:14px auto;}
.ban .wei a{ color:#fff;}

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

/*产品中心*/
@media screen and (min-width:1600px){
.main{ width:84%; padding:4.948vw 8%; position:relative; z-index:1; background-color:#fff;}
.main .pro{ width:100%; display:block;}
.main .pro li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:1.82vw; overflow:hidden;}
.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro li a{ display:block; overflow:hidden; padding:.52vw; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.main .pro li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.main .pro li .tu:before{ width:100%; padding-top:62.5%; display:block; content:'';}
.main .pro li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ padding:1.04vw .52vw; text-align:center;}
.main .pro li .wen span{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen p{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:.52vw;}
.main .pro a:hover{ border:1px solid #0355f9; background-color:#0355f9;}
.main .pro a:hover .wen p,.main .pro a:hover .wen span{ color:#fff;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:5px; margin-top:0; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#0355f9;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0355f9;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main{ width:90%; padding:4.948vw 5%; position:relative; z-index:1; background-color:#fff;}
.main .pro{ width:100%; display:block;}
.main .pro li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:1.82vw; overflow:hidden;}
.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro li a{ display:block; overflow:hidden; padding:.52vw; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.main .pro li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.main .pro li .tu:before{ width:100%; padding-top:62.5%; display:block; content:'';}
.main .pro li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ padding:1.04vw .52vw; text-align:center;}
.main .pro li .wen span{ width:100%; display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen p{ display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:.52vw;}
.main .pro a:hover{ border:1px solid #0355f9; background-color:#0355f9;}
.main .pro a:hover .wen p,.main .pro a:hover .wen span{ color:#fff;}

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

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

/*产品内页*/
@media screen and (min-width:1600px){
.pro01{ width:100%; margin:auto; padding-top:5px;}
.pro01 .lbar{ width:52%; float:left; display:flex; align-items:center; justify-content:space-between;}
.pro01 .lbar .thumbs{ width:5.73vw;}
.pro01 .lbar .thumbs .swiper-button-white{ width:24px; height:13px; margin:auto; cursor:pointer;}
.pro01 .lbar .thumbs .swiper-button-prev{ background-image:url(../images/top01.png);}
.pro01 .lbar .thumbs .swiper-button-next{ background-image:url(../images/bot01.png);}
.pro01 .lbar .thumbs .gallery-thumbs{ width:100%; height:calc(16vw + 30px); overflow:hidden; margin:1.04vw 0;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide{ width:5.73vw; height:4vw; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; margin:auto;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide b{ width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:block; position:absolute; left:0; top:0; border-radius:10px;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #0355f9;}
.pro01 .lbar .gallery-top{ width:84.44%; border:1px solid #ddd; border-radius:20px; box-sizing:border-box;}
.pro01 .lbar .gallery-top .swiper-slide{ width:100%; border-radius:20px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .lbar .gallery-top .swiper-slide:before{ width:100%; padding-top:79.31%; content:''; display:block;}
.pro01 .lbar .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro01 .rbar{ width:43%; float:right;}
.pro01 .rbar .w01{ font-size:24px; line-height:34px; font-weight:bold; padding-top:1.3vw;}
.pro01 .rbar .w02{ font-size:16px; line-height:26px; color:#999; padding-top:.52vw; padding-bottom:1.04vw; border-bottom:1px solid #ddd;}
.pro01 .rbar .w03{ padding-top:1.1979vw; display:block; font-size:16px; line-height:30px;}
.pro01 .rbar .w04{ width:100%; margin-top:1.71875vw;}
.pro01 .rbar .w04 a{ display:block; float:left; padding:0 1.04vw; height:46px; line-height:46px; background-color:#0355f9; color:#fff; font-size:16px; border-radius:10px;}
.pro01 .rbar .w04 a img{ display:block; height:20px; margin:13px 10px; margin-left:0; float:left;}
.pro01 .rbar .w04 a:hover{ background-color:#0058e8;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pro01{ width:100%; margin:auto; padding-top:5px;}
.pro01 .lbar{ width:52%; float:left; display:flex; align-items:center; justify-content:space-between;}
.pro01 .lbar .thumbs{ width:5.73vw;}
.pro01 .lbar .thumbs .swiper-button-white{ width:24px; height:13px; margin:auto; cursor:pointer;}
.pro01 .lbar .thumbs .swiper-button-prev{ background-image:url(../images/top01.png);}
.pro01 .lbar .thumbs .swiper-button-next{ background-image:url(../images/bot01.png);}
.pro01 .lbar .thumbs .gallery-thumbs{ width:100%; height:calc(16vw + 30px); overflow:hidden; margin:1.04vw 0;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide{ width:5.73vw; height:4vw; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; margin:auto;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide b{ width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:block; position:absolute; left:0; top:0; border-radius:10px;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #0355f9;}
.pro01 .lbar .gallery-top{ width:84.44%; border:1px solid #ddd; border-radius:15px; box-sizing:border-box;}
.pro01 .lbar .gallery-top .swiper-slide{ width:100%; border-radius:15px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .lbar .gallery-top .swiper-slide:before{ width:100%; padding-top:79.31%; content:''; display:block;}
.pro01 .lbar .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro01 .rbar{ width:43%; float:right;}
.pro01 .rbar .w01{ font-size:20px; line-height:30px; font-weight:bold; padding-top:1.3vw;}
.pro01 .rbar .w02{ font-size:15px; line-height:25px; color:#999; padding-top:.52vw; padding-bottom:1.04vw; border-bottom:1px solid #ddd;}
.pro01 .rbar .w03{ padding-top:1.1979vw; display:block; font-size:15px; line-height:27px;}
.pro01 .rbar .w04{ width:100%; margin-top:1.71875vw;}
.pro01 .rbar .w04 a{ display:block; float:left; padding:0 1.04vw; height:40px; line-height:40px; background-color:#0355f9; color:#fff; font-size:15px; border-radius:10px;}
.pro01 .rbar .w04 a img{ display:block; height:18px; margin:11px 8px; margin-left:0; float:left;}
.pro01 .rbar .w04 a:hover{ background-color:#0058e8;}
}
@media only screen and (max-width:1023px){
.pro01{ width:100%; margin:auto; padding-top:5px;}
.pro01 .lbar{ width:100%; float:left; display:flex; align-items:center; justify-content:space-between;}
.pro01 .lbar .thumbs{ width:60px;}
.pro01 .lbar .thumbs .swiper-button-white{ width:20px; height:11px; margin:auto; cursor:pointer; background-size:100% 100%;}
.pro01 .lbar .thumbs .swiper-button-prev{ background-image:url(../images/top01.png);}
.pro01 .lbar .thumbs .swiper-button-next{ background-image:url(../images/bot01.png);}
.pro01 .lbar .thumbs .gallery-thumbs{ width:100%; height:134px; overflow:hidden; margin:10px 0;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide{ width:60px; height:38px; border-radius:5px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; margin:auto;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide b{ width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:block; position:absolute; left:0; top:0; border-radius:5px;}
.pro01 .lbar .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #0355f9;}
.pro01 .lbar .gallery-top{ width:calc(100% - 70px); border:1px solid #ddd; border-radius:10px; box-sizing:border-box;}
.pro01 .lbar .gallery-top .swiper-slide{ width:100%; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .lbar .gallery-top .swiper-slide:before{ width:100%; padding-top:79.31%; content:''; display:block;}
.pro01 .lbar .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro01 .rbar{ width:100%; float:right;}
.pro01 .rbar .w01{ font-size:16px; line-height:26px; font-weight:bold; padding-top:15px;}
.pro01 .rbar .w02{ font-size:14px; line-height:24px; color:#999; padding-bottom:5px; border-bottom:1px solid #ddd;}
.pro01 .rbar .w03{ padding-top:10px; display:block; font-size:14px; line-height:24px;}
.pro01 .rbar .w04{ width:100%; margin-top:10px;}
.pro01 .rbar .w04 a{ display:block; float:left; padding:0 10px; height:36px; line-height:36px; background-color:#0355f9; color:#fff; font-size:14px; border-radius:5px;}
.pro01 .rbar .w04 a img{ display:block; height:16px; margin:10px 6px; margin-left:0; float:left;}
.pro01 .rbar .w04 a:hover{ background-color:#0058e8;}
}

@media screen and (min-width:1600px){
.sec{ width:100%;}
.sec>div{ width:84%; padding:4.948vw 8%; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.sec>div:nth-child(2n){ background-color:#f5f5f5;}
.pro02 .wen{ margin-top:1.5625vw; font-size:16px; line-height:26px;}
.pro02 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sec{ width:100%;}
.sec>div{ width:90%; padding:4.948vw 5%; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.sec>div:nth-child(2n){ background-color:#f5f5f5;}
.pro02 .wen{ margin-top:1.5625vw; font-size:15px; line-height:25px;}
.pro02 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}
}
@media only screen and (max-width:1023px){
.sec{ width:100%;}
.sec>div{ width:94%; padding:35px 3%; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.sec>div:nth-child(2n){ background-color:#f5f5f5;}
.pro02 .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.pro02 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}
}

@media screen and (min-width:1600px){
.pro03{ padding-bottom:5.2vw;}
.pro03 .list{ width:100%; display:block;}
.pro03 .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:1.82vw; overflow:hidden;}
.pro03 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .list li a{ display:block; overflow:hidden; padding:.52vw; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.pro03 .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.pro03 .list li .tu:before{ width:100%; padding-top:62.5%; display:block; content:'';}
.pro03 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.pro03 .list li .wen{ padding:1.04vw .52vw; text-align:center;}
.pro03 .list li .wen span{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list li .wen p{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:.52vw;}
.pro03 .list a:hover{ border:1px solid #0355f9; background-color:#0355f9;}
.pro03 .list a:hover .wen p,.pro03 .list a:hover .wen span{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pro03{ padding-bottom:5.2vw;}
.pro03 .list{ width:100%; display:block;}
.pro03 .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:1.82vw; overflow:hidden;}
.pro03 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .list li a{ display:block; overflow:hidden; padding:.52vw; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.pro03 .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.pro03 .list li .tu:before{ width:100%; padding-top:62.5%; display:block; content:'';}
.pro03 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.pro03 .list li .wen{ padding:1.04vw .52vw; text-align:center;}
.pro03 .list li .wen span{ width:100%; display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list li .wen p{ display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:.52vw;}
.pro03 .list a:hover{ border:1px solid #0355f9; background-color:#0355f9;}
.pro03 .list a:hover .wen p,.pro03 .list a:hover .wen span{ color:#fff;}
}
@media only screen and (max-width:1023px){
.pro03{ padding-bottom:40px;}
.pro03 .list{ width:100%; display:block;}
.pro03 .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pro03 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro03 .list li a{ display:block; overflow:hidden; padding:5px; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:5px;}
.pro03 .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:5px;}
.pro03 .list li .tu:before{ width:100%; padding-top:62.5%; display:block; content:'';}
.pro03 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.pro03 .list li .wen{ padding:7px 10px; text-align:center;}
.pro03 .list li .wen span{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list li .wen p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro03 .list a:hover{ border:1px solid #0355f9; background-color:#0355f9;}
.pro03 .list a:hover .wen p,.pro03 .list a:hover .wen span{ color:#fff;}
}

/*解决方案内页*/
@media screen and (min-width:1600px){
.qx01{ width:84%; padding:5.2vw 8%; position:relative; z-index:1;}
.title01{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.title01 .t01{ font-size:16px; line-height:26px; font-weight:bold; color:#0355f9;}
.title01 .t02{ font-size:36px; line-height:46px; font-weight:bold; margin-top:0.42vw;}
.title01 .t03{ margin-top:1.2vw; width:80px; height:2px; background-color:#0355f9;}
.qx01 .wen{ font-size:16px; line-height:36px; margin-top:1.5625vw; margin-bottom:4vw;}
.qx01 .wen img{ max-width:100%; height:auto !important;}

.qx01 .list{ width:100%; display:flex; flex-wrap:wrap;}
.qx01 .list li{ width:47.5%; margin-left:5%; margin-top:1.5625vw;}
.qx01 .list li:nth-child(2n+1){ margin-left:0;}
.qx01 .list li img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.qx01{ width:90%; padding:5.2vw 5%; position:relative; z-index:1;}
.title01{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.title01 .t01{ font-size:15px; line-height:25px; font-weight:bold; color:#0355f9;}
.title01 .t02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:0.42vw;}
.title01 .t03{ margin-top:1.2vw; width:60px; height:2px; background-color:#0355f9;}
.qx01 .wen{ font-size:15px; line-height:31px; margin-top:1.5625vw; margin-bottom:4vw;}
.qx01 .wen img{ max-width:100%; height:auto !important;}

.qx01 .list{ width:100%; display:flex; flex-wrap:wrap;}
.qx01 .list li{ width:47.5%; margin-left:5%; margin-top:1.5625vw;}
.qx01 .list li:nth-child(2n+1){ margin-left:0;}
.qx01 .list li img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.qx01{ width:94%; padding:40px 3%; position:relative; z-index:1;}
.title01{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.title01 .t01{ font-size:14px; line-height:24px; font-weight:bold; color:#0355f9;}
.title01 .t02{ font-size:20px; line-height:30px; font-weight:bold; margin-top:1px;}
.title01 .t03{ margin-top:13px; width:40px; height:2px; background-color:#0355f9;}
.qx01 .wen{ font-size:14px; line-height:24px; margin-top:15px; margin-bottom:20px;}
.qx01 .wen img{ max-width:100%; height:auto !important;}

.qx01 .list{ width:100%; display:flex; flex-wrap:wrap;}
.qx01 .list li{ width:100%; margin-top:15px;}
.qx01 .list li img{ width:100%; display:block;}
}

/*客户案例*/
@media screen and (min-width:1600px){
.case{ width:100%; display:flex; flex-wrap:wrap;}
.case li{ width:31.52%; margin-top:1.82vw; margin-left:2.72%; float:left; display:block; background-color:#f5f5f5;}
.case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case li .w02{ width:100%; position:relative; z-index:1;}
.case li .w02 a{ width:100%; padding-top:73.07%; display:block; position:relative; overflow:hidden;}
.case li .w02 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case li .w02 a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.case li .w01{ padding:1.3vw; background-color:#f5f5f5;}
.case li .w03{ width:100%;}
.case li .w03 a{ width:100%; font-size:20px; height:30px; line-height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case li .w03 a:hover{ color:#0355f9;}
.case li .w04{ width:100%; margin-top:0.26vw; font-size:16px; line-height:30px; color:#666;}
.case li .w05{ width:100%; margin-top:0.15625vw; font-size:16px; line-height:26px; color:#999; text-align:right;}
.case li .w05 a{ display:block; float:right; font-size:16px; line-height:26px; color:#999;}
.case li .w05 a b{ width:10px; height:10px; display:block; float:right; margin:8px 10px; margin-right:0; background-image:url(../images/more.png);}
.case li .w05 a:hover{ color:#0355f9;}
.case li .w05 a:hover b{ background-image:url(../images/more02.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.case{ width:100%; display:flex; flex-wrap:wrap;}
.case li{ width:31.52%; margin-top:1.82vw; margin-left:2.72%; float:left; display:block; background-color:#f5f5f5;}
.case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case li .w02{ width:100%; position:relative; z-index:1;}
.case li .w02 a{ width:100%; padding-top:73.07%; display:block; position:relative; overflow:hidden;}
.case li .w02 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case li .w02 a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.case li .w01{ padding:1.3vw; background-color:#f5f5f5;}
.case li .w03{ width:100%;}
.case li .w03 a{ width:100%; font-size:18px; height:28px; line-height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case li .w03 a:hover{ color:#0355f9;}
.case li .w04{ width:100%; margin-top:0.26vw; font-size:15px; line-height:27px; color:#666;}
.case li .w05{ width:100%; margin-top:0.15625vw; font-size:15px; line-height:25px; color:#999; text-align:right;}
.case li .w05 a{ display:block; float:right; font-size:15px; line-height:25px; height:25px; color:#999;}
.case li .w05 a b{ width:10px; height:10px; display:block; float:right; margin:8px 7px; margin-right:0; background-image:url(../images/more.png);}
.case li .w05 a:hover{ color:#0355f9;}
.case li .w05 a:hover b{ background-image:url(../images/more02.png);}
}
@media only screen and (max-width:1023px){
.case{ width:100%; display:flex; flex-wrap:wrap;}
.case li{ width:100%; margin-top:15px; background-color:#f5f5f5;}
.case li .w02{ width:100%; position:relative; z-index:1;}
.case li .w02 a{ width:100%; padding-top:73.07%; display:block; position:relative; overflow:hidden;}
.case li .w02 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case li .w02 a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.case li .w01{ padding:15px; background-color:#f5f5f5;}
.case li .w03{ width:100%;}
.case li .w03 a{ width:100%; font-size:16px; height:26px; line-height:26px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case li .w03 a:hover{ color:#0355f9;}
.case li .w04{ width:100%; margin-top:5px; font-size:14px; line-height:24px; color:#666;}
.case li .w05{ width:100%; margin-top:5px; font-size:14px; line-height:24px; color:#999; text-align:right;}
.case li .w05 a{ display:block; float:right; font-size:14px; line-height:24px; height:24px; color:#999;}
.case li .w05 a b{ width:10px; height:10px; display:block; float:right; margin:7px; margin-right:0; background-image:url(../images/more.png);}
.case li .w05 a:hover{ color:#0355f9;}
.case li .w05 a:hover b{ background-image:url(../images/more02.png);}
}
.case li .w05{ display:none;}

/*产品内页*/
@media screen and (min-width:1600px){
.ny{ width:84%; margin:4.9479vw auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .bt p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:25px auto; margin-bottom:-30px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i{ width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line{ width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line{ width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ny{ width:90%; margin:4.9479vw auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:20px; line-height:30px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .bt p{ display:block; margin-top:5px; width:80px; height:2px; background-color:#333;}
.ny .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0;  margin:20px auto; margin-bottom:-20px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i{ width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line{ width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line{ width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:35px auto; margin-bottom:20px; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:16px; line-height:26px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .bt p{ display:block; margin-top:5px; width:60px; height:2px; background-color:#333;}
.ny .wen{ margin-top:10px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:auto; margin-top:10px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i{ width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:10px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line{ width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:10px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line{ width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
}

/*服务支持*/
@media screen and (min-width:1600px){
.fw{ width:100%; margin-top:1.82vw; font-size:16px; line-height:26px;}
.fw img{ max-width:100%; height:auto !important; margin:auto;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.fw{ width:100%; margin-top:1.82vw; font-size:15px; line-height:25px;}
.fw img{ max-width:100%; height:auto !important; margin:auto;}
}
@media only screen and (max-width:1023px){
.fw{ width:100%; margin-top:15px; font-size:14px; line-height:24px;}
.fw img{ max-width:100%; height:auto !important; margin:auto;}
}

/*关于我们*/
@media screen and (min-width:1600px){
.main .ab01{ font-size:16px; line-height:36px; margin-top:1.5625vw;}
.main .ab01 img{ max-width:100%; height:auto !important;}
.main .ab02{ width:100%; margin-top:1.5625vw;}
.main .ab02 ul{ display:flex; justify-content:space-between; margin-top:-1.3vw;}
.main .ab02 ul li{ display:block; margin-top:1.3vw;}
.main .ab02 ul li .w01{ display:flex; align-items:flex-end; height:54px;}
.main .ab02 ul li .w01 b{ display:block; font-size:54px; line-height:54px; height:54px;}
.main .ab02 ul li .w01 p{ display:block; font-size:16px; line-height:26px; height:26px; margin-left:8px;}
.main .ab02 ul li .w02{ font-size:16px; line-height:30px; margin-top:5px;}
.main .ab02 ul li .w02 img{ height:20px; margin-top:5px; margin-right:10px; float:left; display:block;}

.main .ab03{ width:100%; display:none; flex-wrap:wrap;}
.main .ab03 li{ width:47.5%; margin-left:5%; margin-top:1.5625vw;}
.main .ab03 li:nth-child(2n+1){ margin-left:0;}
.main .ab03 li img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .ab01{ font-size:15px; line-height:31px; margin-top:1.5625vw;}
.main .ab01 img{ max-width:100%; height:auto !important;}
.main .ab02{ width:100%; margin-top:1.5625vw;}
.main .ab02 ul{ display:flex; justify-content:space-between; margin-top:-1.3vw;}
.main .ab02 ul li{ display:block; margin-top:1.3vw;}
.main .ab02 ul li .w01{ display:flex; align-items:flex-end; height:46px;}
.main .ab02 ul li .w01 b{ display:block; font-size:44px; line-height:46px; height:46px;}
.main .ab02 ul li .w01 p{ display:block; font-size:15px; line-height:25px; height:25px; margin-left:6px;}
.main .ab02 ul li .w02{ font-size:16px; line-height:30px; margin-top:5px;}
.main .ab02 ul li .w02 img{ height:20px; margin-top:5px; margin-right:10px; float:left; display:block;}

.main .ab03{ width:100%; display:none; flex-wrap:wrap;}
.main .ab03 li{ width:47.5%; margin-left:5%; margin-top:1.5625vw;}
.main .ab03 li:nth-child(2n+1){ margin-left:0;}
.main .ab03 li img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.main .ab01{ font-size:14px; line-height:24px; margin-top:15px;}
.main .ab01 img{ max-width:100%; height:auto !important;}
.main .ab02{ width:100%;}
.main .ab02 ul{ display:flex; flex-wrap:wrap;}
.main .ab02 ul li{ width:48.5%; display:block; margin-left:3%; margin-top:10px;}
.main .ab02 ul li:nth-child(2n+1){ margin-left:0;}
.main .ab02 ul li .w01{ display:flex; align-items:flex-end;justify-content:center; height:38px;}
.main .ab02 ul li .w01 b{ display:block; font-size:34px; line-height:38px; height:38px;}
.main .ab02 ul li .w01 p{ display:block; font-size:14px; line-height:24px; height:24px; margin-left:4px;}
.main .ab02 ul li .w02{ font-size:16px; line-height:30px; margin-top:5px; text-align:center;}
.main .ab02 ul li .w02 img{ height:20px; margin-top:5px; margin-right:10px; float:left; display:block;}

.main .ab03{ width:100%; display:none; flex-wrap:wrap;}
.main .ab03 li{ width:100%; margin-top:15px;}
.main .ab03 li img{ width:100%; display:block;}
}

@media screen and (min-width:1600px){
.main .ab05{ width:100%;}
.main .ab05 a{ width:18.4%; display:block; margin-top:1.82vw; margin-left:2%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab05 a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.main .ab05 a strong{ width:100%; display:block; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.main .ab05 a strong b{ width:100%; display:block; padding-top:143.24%; position:relative; overflow:hidden;}
.main .ab05 a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .ab05 a:hover strong{ border:1px solid #0355f9;}
.main .ab05 a span{ display:block; width:100%; line-height:26px; font-size:16px; text-align:center; margin-top:.52vw;}
.main .ab05 a:hover span{ color:#0254a6;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .ab05{ width:100%;}
.main .ab05 a{ width:18.4%; display:block; margin-top:1.82vw; margin-left:2%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab05 a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.main .ab05 a strong{ width:100%; display:block; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.main .ab05 a strong b{ width:100%; display:block; padding-top:143.24%; position:relative; overflow:hidden;}
.main .ab05 a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .ab05 a:hover strong{ border:1px solid #0355f9;}
.main .ab05 a span{ display:block; width:100%; line-height:25px; font-size:15px; text-align:center; margin-top:.52vw;}
.main .ab05 a:hover span{ color:#0254a6;}
}

@media only screen and (max-width:1023px){
.main .ab05{ width:100%;}
.main .ab05 a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab05 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ab05 a strong{ width:100%; display:block; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.main .ab05 a strong b{ width:100%; display:block; padding-top:143.24%; position:relative; overflow:hidden;}
.main .ab05 a img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .ab05 a:hover strong{ border:1px solid #0355f9;}
.main .ab05 a span{ display:block; width:100%; line-height:24px; font-size:14px; text-align:center; margin-top:5px;}
.main .ab05 a:hover span{ color:#0254a6;}
}

/*新闻中心*/
@media screen and (min-width:1600px){
.main .news{ width:100%; display:block;}
.main .news li{ width:23.125%; margin-top:1.82vw; margin-left:2.5%; float:left; display:block;}
.main .news li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:62.5%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:1.3vw; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:16px; line-height:28px; height:28px;}
.main .news li .wen .w02{ margin-top:0.4167vw;}
.main .news li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#0355f9;}
.main .news li .wen .w03{ margin-top:0.4167vw; font-size:16px; line-height:30px; height:60px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .news{ width:100%; display:block;}
.main .news li{ width:23.125%; margin-top:1.82vw; margin-left:2.5%; float:left; display:block;}
.main .news li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:62.5%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover  .tu aimg{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:1.3vw; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:16px; line-height:28px; height:28px;}
.main .news li .wen .w02{ margin-top:0.4167vw;}
.main .news li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#0355f9;}
.main .news li .wen .w03{ margin-top:0.4167vw; font-size:16px; line-height:30px; height:60px; color:#666;}
}
@media only screen and (max-width:1023px){
.main .news{ width:100%; display:block;}
.main .news li{ width:100%; margin-top:15px;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:62.5%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:15px; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:14px; line-height:22px; height:22px;}
.main .news li .wen .w02{ width:100%;}
.main .news li .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#0355f9;}
.main .news li .wen .w03{ font-size:14px; line-height:24px; height:48px; color:#666;}
}

@media screen and (min-width:1600px){
.main .job01{ width:100%; display:block;}
.main .job01 .con{ width:100%; margin-top:1.82vw; box-shadow:0.476vw 0 1.428vw rgba(0, 0, 0, .1);}
.main .job01 .con .top{ overflow:hidden; padding:0 5.2vw 0 1.5625vw; position:relative; cursor:pointer; background-color:#fff; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.main .job01 .con .top .icon{ font-size:22px; font-weight:bold; font-family:'宋体'; position:absolute; background-size:contain; z-index:2; right:1.5625vw; top:50%; transform:translateY(-50%) rotate(90deg); -webkit-transform:translateY(-50%) rotate(90deg); -moz-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); -o-transform:translateY(-50%) rotate(90deg); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.main .job01 .con .qr{ width:22%; float:left; overflow:hidden; font-size:18px; color:#666; height:80px; line-height:80px; margin-left:3%; display:-webkit-box;}
.main .job01 .con .mark{ width:25%; margin-left:0;}
.main .job01 .con.on .top{ background-color:#0355f9;}
.main .job01 .con.on .top .qr{ color:#fff;}
.main .job01 .con.on .top .mark{ color:#fff;}
.main .job01 .con.on .top .icon{ color:#fff; transform:translateY(-50%) rotate(-90deg); -webkit-transform:translateY(-50%) rotate(-90deg); -moz-transform:translateY(-50%) rotate(-90deg); -ms-transform:translateY(-50%) rotate(-90deg); -o-transform:translateY(-50%) rotate(-90deg);}
.main .job01 .con .box{ padding:0 1.5625vw; position:relative; overflow:hidden;}
.main .job01 .con .item{ border-bottom:1px solid rgba(0, 0, 0, .1); padding:1.82vw 0;}
.main .job01 .con .item:last-child{ border:none;}
.main .job01 .con .bt{ font-size:24px; color:#333; line-height:34px; font-weight:bold; float:left; width:30%;}
.main .job01 .con .txt{ overflow:hidden; float:left; width:70%;}
.main .job01 .con .box p{ font-size:16px; line-height:26px; color:#333;}
.main .job01 .con .box a{ color:#066cde;}
.main .job01 .con .tit{ font-size:20px; line-height:30px; color:#333333; font-weight:bold; margin-bottom:.52vw;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .job01{ width:100%; display:block;}
.main .job01 .con{ width:100%; margin-top:1.82vw; box-shadow:0.476vw 0 1.428vw rgba(0, 0, 0, .1);}
.main .job01 .con .top{ overflow:hidden; padding:0 3vw 0 1.5625vw; position:relative; cursor:pointer; background-color:#fff; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.main .job01 .con .top .icon{ font-size:20px; font-weight:bold; font-family:'宋体'; position:absolute; background-size:contain; z-index:2; right:1.5625vw; top:50%; transform:translateY(-50%) rotate(90deg); -webkit-transform:translateY(-50%) rotate(90deg); -moz-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); -o-transform:translateY(-50%) rotate(90deg); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.main .job01 .con .qr{ width:22%; float:left; overflow:hidden; font-size:16px; color:#666; height:60px; line-height:60px; margin-left:3%; display:-webkit-box;}
.main .job01 .con .mark{ width:25%; margin-left:0;}
.main .job01 .con.on .top{ background-color:#0355f9;}
.main .job01 .con.on .top .qr{ color:#fff;}
.main .job01 .con.on .top .mark{ color:#fff;}
.main .job01 .con.on .top .icon{ color:#fff; transform:translateY(-50%) rotate(-90deg); -webkit-transform:translateY(-50%) rotate(-90deg); -moz-transform:translateY(-50%) rotate(-90deg); -ms-transform:translateY(-50%) rotate(-90deg); -o-transform:translateY(-50%) rotate(-90deg);}
.main .job01 .con .box{ padding:0 1.5625vw; position:relative; overflow:hidden;}
.main .job01 .con .item{ border-bottom:1px solid rgba(0, 0, 0, .1); padding:1.82vw 0;}
.main .job01 .con .item:last-child{ border:none;}
.main .job01 .con .bt{ font-size:20px; color:#333; line-height:30px; font-weight:bold; float:left; width:30%;}
.main .job01 .con .txt{ overflow:hidden; float:left; width:70%;}
.main .job01 .con .box p{ font-size:15px; line-height:25px; color:#333;}
.main .job01 .con .box a{ color:#066cde;}
.main .job01 .con .tit{ font-size:18px; line-height:28px; color:#333333; font-weight:bold; margin-bottom:.52vw;}
}
@media only screen and (max-width:1023px){
.main .job01{ width:100%; display:block;}
.main .job01 .con{ width:100%; margin-top:20px; box-shadow:0.476vw 0 1.428vw rgba(0, 0, 0, .1);}
.main .job01 .con .top{ overflow:hidden; padding:0 40px 0 15px; position:relative; cursor:pointer; background-color:#fff; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.main .job01 .con .top .icon{ font-size:18px; font-weight:bold; font-family:'宋体'; position:absolute; background-size:contain; z-index:2; right:15px; top:50%; transform:translateY(-50%) rotate(90deg); -webkit-transform:translateY(-50%) rotate(90deg); -moz-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); -o-transform:translateY(-50%) rotate(90deg); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.main .job01 .con .qr{ width:22%; float:left; overflow:hidden; font-size:14px; color:#666; height:40px; line-height:40px; margin-left:3%; display:none;}
.main .job01 .con .mark{ width:100%; margin-left:0; display:block;}
.main .job01 .con.on .top{ background-color:#0355f9;}
.main .job01 .con.on .top .qr{ color:#fff;}
.main .job01 .con.on .top .mark{ color:#fff;}
.main .job01 .con.on .top .icon{ color:#fff; transform:translateY(-50%) rotate(-90deg); -webkit-transform:translateY(-50%) rotate(-90deg); -moz-transform:translateY(-50%) rotate(-90deg); -ms-transform:translateY(-50%) rotate(-90deg); -o-transform:translateY(-50%) rotate(-90deg);}
.main .job01 .con .box{ padding:0 15px; position:relative; overflow:hidden;}
.main .job01 .con .item{ border-bottom:1px solid rgba(0, 0, 0, .1); padding:15px 0;}
.main .job01 .con .item:last-child{ border:none;}
.main .job01 .con .bt{ font-size:18px; color:#333; line-height:28px; font-weight:bold; margin-bottom:5px;}
.main .job01 .con .txt{ overflow:hidden;}
.main .job01 .con .box p{ font-size:14px; line-height:24px; color:#333;}
.main .job01 .con .box a{ color:#066cde;}
.main .job01 .con .tit{ font-size:16px; line-height:26px; color:#333333; font-weight:bold; margin-bottom:5px;}
}

@media screen and (min-width:1600px){
	.lx01{ width:100%; display:block; padding-top:1.82vw;}
	.lx01 .left{ width:47.5%; float:left;}
	.lx01 .left img{ width:100%; display:block;}
	.lx01 .right{ width:49.375%; float:right; padding-top:1.3vw;}
	.lx01 .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
	.lx01 .right .w02{ font-size:18px; line-height:28px; color:#666; margin-top:.2vw;}
	.lx01 .right .w03{ width:60px; height:2px; background-color:#0355f9; margin-top:.5vw; display:none;}
	.lx01 .right .w04{ font-size:16px; line-height:36px; margin-top:.78vw;}
  
  .lx02{ display:flex; flex-wrap:wrap; width:100%;}
	.lx02 li{ width:48.5%; display:block; margin-left:3%; overflow:hidden; margin-top:1.82vw; background-color:#f5f5f5;}
	.lx02 li:nth-child(2n+1){ margin-left:0;}
	.lx02 li a{ display:block; overflow:hidden; padding:2.3vw 6%;}
	.lx02 li .w01{ font-size:24px; line-height:34px; font-weight:bold;}
	.lx02 li .w02{ width:50px; height:2px; background-color:#0355f9; margin-top:.78vw;display:none;}
	.lx02 li .w03{ font-size:16px; line-height:30px; margin-top:1vw;}
	.lx02 li:hover .w01{ color:#0355f9;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.lx01{ width:100%; padding-top:1.82vw;}
	.lx01 .left{ width:47.5%; float:left;}
	.lx01 .left img{ width:100%; display:block;}
	.lx01 .right{ width:49.5%; float:right;}
	.lx01 .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
	.lx01 .right .w02{ font-size:17px; line-height:27px; color:#666;}
	.lx01 .right .w03{ width:50px; height:2px; background-color:#0355f9; margin-top:5px;display:none;}
	.lx01 .right .w04{ font-size:15px; line-height:25px; margin-top:15px;}
  
   .lx02{ display:flex; flex-wrap:wrap; width:100%;}
	.lx02 li{ width:48.5%; display:block; margin-left:3%; overflow:hidden; margin-top:1.82vw; background-color:#f5f5f5;}
	.lx02 li:nth-child(3n+1){ margin-left:0;}
	.lx02 li a{ display:block; overflow:hidden; padding:25px 20px;}
	.lx02 li .w01{ font-size:20px; line-height:30px; font-weight:bold;}
	.lx02 li .w02{ width:40px; height:2px; background-color:#0355f9; margin-top:7px;display:none;}
	.lx02 li .w03{ font-size:15px; line-height:27px; margin-top:10px;}
	.lx02 li:hover .w01{ color:#0355f9;}
}
@media only screen and (max-width:1023px){
.lx01{ width:100%; padding-top:15px;}
	.lx01 .left{ width:100%; float:left;}
	.lx01 .left img{ width:100%; display:block;}
	.lx01 .right{ width:100%; float:right; margin-top:15px;}
	.lx01 .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
	.lx01 .right .w02{ font-size:16px; line-height:26px; color:#666;}
	.lx01 .right .w03{ width:40px; height:2px; background-color:#0355f9; margin-top:5px;display:none;}
	.lx01 .right .w04{ font-size:14px; line-height:24px; margin-top:10px;}
  
  .lx02{ display:flex; flex-wrap:wrap; width:100%;}
	.lx02 li{ width:100%; display:block; overflow:hidden; margin-top:15px; background-color:#f5f5f5;}
	.lx02 li a{ display:block; overflow:hidden; padding:15px;}
	.lx02 li .w01{ font-size:16px; line-height:26px; font-weight:bold;}
	.lx02 li .w02{ width:30px; height:2px; background-color:#0355f9; margin-top:5px;display:none;}
	.lx02 li .w03{ font-size:14px; line-height:24px; margin-top:5px;}
	.lx02 li:hover .w01{ color:#0355f9;}
}

/*在线留言*/
@media screen and (min-width:1600px){
.main .mess{ width:100%; display:flex; align-items:flex-end; flex-direction:row-reverse;}
.main .mess .left{ width:500px;}
.main .mess .left img{ width:100%; display:block;}
.main .mess .right{ width:calc(90% - 500px); margin-left:10%; padding-bottom:5.2vw;}
.main .mess .right .lyl-1k2-form-wrap{ padding:15px 0 0;}
.main .mess .right .lyl-1k2-form-title{ display:block; line-height:80px; font-size:70px; color:rgba(51, 51, 51, 0.1); text-transform:uppercase; overflow:hidden; margin-bottom:3px;}
.main .mess .right .lyl-1k2-form-title span{ display:block; height:60px; line-height:60px; font-size:42px; color:#333333;}
.main .mess .right .lyl-1k2-form-title em{ display:block; line-height:40px; font-size:24px; font-style:normal; color:#333333; margin-bottom:34px;}
.main .mess .right .lyl-1k2-form-title p{  line-height:30px; font-size:16px; color:#999999;}
.main .mess .right .lyl-1k2-form-li01{ height:56px; border:1px solid #d2d2d2; margin-bottom:18px;}
.main .mess .right .lyl-1k2-form-li01 label{ float:left; width:110px; height:56px; line-height:56px; text-align:right; font-size:16px; color:#999999;}
.main .mess .right .lyl-1k2-form-li01 input{ float:left; width:calc(100% - 110px); height:56px; line-height:56px; font-size:16px; color:#999999;} 
.main .mess .right .lyl-1k2-form-li01 label b{ color:#f00; margin-right:5px;} 
.main .mess .right .lyl-1k2-form-li-textarea{ height:168px; border:1px solid #d2d2d2; margin-bottom:34px;}
.main .mess .right .lyl-1k2-form-li-textarea label{ float:left; width:110px; height:56px; line-height:56px; text-align:right; font-size:16px; color:#999999;}
.main .mess .right .lyl-1k2-form-li-textarea textarea{ float:left; width:calc(100% - 110px); height:168px; line-height:56px; font-size:16px; color:#999999;} 
.main .mess .right .lyl-1k2-form-li-button{ height:44px;}
.main .mess .right .lyl-1k2-form-li-button label{ float:left; width:110px; height:44px; line-height:44px; text-align:right; font-size:16px; color:#999999;}
.main .mess .right .lyl-1k2-form-li-button .code_gg{ height:42px; line-height:42px; width:80px; margin-right:10px; outline:none; padding-left:10px; border:1px solid #eee; font-size:16px; float:left; color:#999999;}
.main .mess .right .lyl-1k2-form-li-button b{ float:left; width:110px; height:44px;}
.main .mess .right .lyl-1k2-form-li-button b img{ display:block; width:110px; height:44px;}
.main .mess .right .lyl-1k2-form-li-button .lyl-1k2-form-btn-1{ float:right; display:block; width:162px; height:44px; line-height:44px; font-size:16px; color:#ffffff; padding-left:76px; background:#0355f9 url(../images/lyl-1k2-form-icon.png) no-repeat 49px center; text-align:left; cursor:pointer; border-radius:10px;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.main .mess{ width:100%; display:flex; align-items:flex-end; flex-direction:row-reverse;}
.main .mess .left{ width:32%;}
.main .mess .left img{ width:100%; display:block;}
.main .mess .right{ width:63%; margin-left:5%; padding-bottom:5.2vw;}
.main .mess .right .lyl-1k2-form-wrap{ padding:15px 0 0;}
.main .mess .right .lyl-1k2-form-title{ display:block; line-height:70px; font-size:60px; color:rgba(51, 51, 51, 0.1); text-transform:uppercase; overflow:hidden; margin-bottom:3px;}
.main .mess .right .lyl-1k2-form-title span{ display:block; line-height:46px; font-size:36px; color:#333333;}
.main .mess .right .lyl-1k2-form-title em{ display:block; line-height:30px; font-size:20px; font-style:normal; color:#333333; margin-bottom:10px;}
.main .mess .right .lyl-1k2-form-title p{ line-height:26px; font-size:16px; color:#999999;}
.main .mess .right .lyl-1k2-form-li01{ height:49px; border:1px solid #d2d2d2; margin-bottom:18px;}
.main .mess .right .lyl-1k2-form-li01 label{ float:left; width:100px; height:49px; line-height:49px; text-align:right; font-size:15px; color:#999999;}
.main .mess .right .lyl-1k2-form-li01 input{ float:left; width:calc(100% - 100px); height:49px; line-height:49px; font-size:15px; color:#999999;} 
.main .mess .right .lyl-1k2-form-li01 label b{ color:#f00; margin-right:5px;} 
.main .mess .right .lyl-1k2-form-li-textarea{ height:147px; border:1px solid #d2d2d2; margin-bottom:30px;}
.main .mess .right .lyl-1k2-form-li-textarea label{ float:left; width:100px; height:49px; line-height:49px; text-align:right; font-size:15px; color:#999999;}
.main .mess .right .lyl-1k2-form-li-textarea textarea{ float:left; width:calc(100% - 100px); height:147px; line-height:49px; font-size:15px; color:#999999;} 
.main .mess .right .lyl-1k2-form-li-button{ height:40px;}
.main .mess .right .lyl-1k2-form-li-button label{ float:left; width:100px; height:40px; line-height:40px; text-align:right; font-size:15px; color:#999999;}
.main .mess .right .lyl-1k2-form-li-button .code_gg{ height:38px; line-height:38px; width:80px; margin-right:10px; outline:none; padding-left:10px; border:1px solid #eee; font-size:15px; float:left; color:#999999;}
.main .mess .right .lyl-1k2-form-li-button b{ float:left; width:110px; height:40px;}
.main .mess .right .lyl-1k2-form-li-button b img{ display:block; width:110px; height:40px;}
.main .mess .right .lyl-1k2-form-li-button .lyl-1k2-form-btn-1{ float:right; display:block; width:162px; height:40px; line-height:40px; font-size:14px; color:#ffffff; padding-left:76px; background:#0355f9 url(../images/lyl-1k2-form-icon.png) no-repeat 49px center; text-align:left; cursor:pointer; border-radius:10px;}
}

@media only screen and (max-width:1023px){
.main .mess{ width:100%;}
.main .mess .left{ width:100%; float:left; margin-top:20px;}
.main .mess .left img{ max-width:250px; margin:auto; display:block;}
.main .mess .right{ width:100%; float:left;}
.main .mess .right .lyl-1k2-form-wrap{ padding:10px 0 0;}
.main .mess .right .lyl-1k2-form-title{ display:block; line-height:50px; font-size:40px; color:rgba(51, 51, 51, 0.1); text-transform:uppercase; overflow:hidden; margin-bottom:3px;}
.main .mess .right .lyl-1k2-form-title span{ display:block; line-height:34px; font-size:24px; color:#333333;}
.main .mess .right .lyl-1k2-form-title em{ display:block; line-height:26px; font-size:16px; font-style:normal; color:#333333; margin-bottom:5px;}
.main .mess .right .lyl-1k2-form-title p{ line-height:24px; font-size:14px; color:#999999;}
.main .mess .right .lyl-1k2-form-li01{ height:38px; border:1px solid #d2d2d2; margin-bottom:15px;}
.main .mess .right .lyl-1k2-form-li01 label{ float:left; width:90px; height:38px; line-height:38px; text-align:right; font-size:14px; color:#999999;}
.main .mess .right .lyl-1k2-form-li01 input{ float:left; width:calc(100% - 90px); height:38px; line-height:38px; font-size:14px; color:#999999;} 
.main .mess .right .lyl-1k2-form-li01 label b{ color:#f00; margin-right:5px;} 
.main .mess .right .lyl-1k2-form-li-textarea{ height:114px; border:1px solid #d2d2d2; margin-bottom:20px;}
.main .mess .right .lyl-1k2-form-li-textarea label{ float:left; width:90px; height:38px; line-height:38px; text-align:right; font-size:14px; color:#999999;}
.main .mess .right .lyl-1k2-form-li-textarea textarea{ float:left; width:calc(100% - 90px); height:114px; line-height:38px; font-size:14px; color:#999999;} 
.main .mess .right .lyl-1k2-form-li-button{ width:100%;}
.main .mess .right .lyl-1k2-form-li-button label{ float:left; height:36px; line-height:36px; text-align:right; font-size:14px; color:#999999;}
.main .mess .right .lyl-1k2-form-li-button .code_gg{ height:36px; line-height:36px; width:80px; margin-right:10px; outline:none; padding-left:10px; border:1px solid #eee; font-size:14px; float:left; color:#999999;}
.main .mess .right .lyl-1k2-form-li-button b{ float:left; width:110px; height:36px;}
.main .mess .right .lyl-1k2-form-li-button b img{ display:block; width:110px; height:36px;}
.main .mess .right .lyl-1k2-form-li-button .lyl-1k2-form-btn-1{ clear:left; float:left; display:block; width:162px; height:40px; line-height:40px; font-size:14px; color:#ffffff; padding-left:76px; background:#0355f9 url(../images/lyl-1k2-form-icon.png) no-repeat 49px center; text-align:left; cursor:pointer; border-radius:10px; margin-top:15px;}
}

/*解决方案*/
@media screen and (min-width:1600px){
.pbox01{ width:84%; padding:4.948vw 8%; position:relative; z-index:1; background-color:#fff;}
.pbox01 .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.pbox01 .box .gallery-top{ width:100%; overflow:hidden;}
.pbox01 .box .gallery-top .swiper-slide{ width:45%;}
.pbox01 .box .gallery-top .swiper-slide a{ width:100%; display:block; border-radius:1.04vw; overflow:hidden; position:relative; transform:scale(0.86, 0.86); -ms-transform:scale(0.86, 0.86); -moz-transform:scale(0.86, 0.86); -webkit-transform:scale(0.86, 0.86); -o-transform:scale(0.86, 0.86); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active a{ transform:scale(1, 1); -ms-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1);}
.pbox01 .box .gallery-top .swiper-slide .bg{ width:100%; padding-top:62.5%; position:relative; z-index:2; display:block; background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.0)); overflow:hidden; opacity:0;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active .bg{ opacity:1;}
.pbox01 .box .gallery-top .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.pbox01 .box .gallery-top .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;} 
.pbox01 .box .gallery-top .swiper-slide .wen{ width:100%; height:100%; padding:2.08vw; box-sizing:border-box; position:absolute; left:0; top:0; z-index:3; opacity:0;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.pbox01 .box .gallery-top .swiper-slide .wen .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.pbox01 .box .gallery-top .swiper-slide .wen .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:.52vw;}
.pbox01 .box .gallery-top .swiper-button-white{ width:3.125vw; height:3.125vw; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1);}
.pbox01 .box .gallery-top .swiper-button-white:hover{ background-color:#0355f9;}
.pbox01 .box .gallery-top .swiper-button-prev{ left:21.875%; background-image:url(../images/prev01.png);}
.pbox01 .box .gallery-top .swiper-button-next{ right:21.875%; background-image:url(../images/next01.png);}
.pbox01 .box .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox01 .box .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pbox01 .box .gallery-thumbs{ width:100%; overflow:hidden; position:relative; margin-top:1.82vw;}
.pbox01 .box .gallery-thumbs .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; top:7px; z-index:1;}
.pbox01 .box .gallery-thumbs .swiper-wrapper{ width:100; position:relative; z-index:3;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:20%; display:block; text-align:center; cursor:pointer;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; border-radius:100%; width:10px; height:10px; margin:auto; overflow:hidden; background-color:#ddd; border:3px solid #f5f5f5;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span{ display:block; height:50px; margin-top:1.04vw;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span img{ display:block; height:50px; margin:auto;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span img.img02{ display:none;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding:0.52vw 15px; padding-bottom:0; font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b{ width:8px; height:8px; background-color:#fff; border:4px solid #0355f9;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img01{ display:none;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img02{ display:block;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:20px; font-weight:bold; color:#0355f9;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pbox01{ width:90%; padding:4.948vw 5%; position:relative; z-index:1; background-color:#fff;}
.pbox01 .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.pbox01 .box .gallery-top{ width:100%; overflow:hidden;}
.pbox01 .box .gallery-top .swiper-slide{ width:45%;}
.pbox01 .box .gallery-top .swiper-slide a{ width:100%; display:block; border-radius:1.04vw; overflow:hidden; position:relative; transform:scale(0.86, 0.86); -ms-transform:scale(0.86, 0.86); -moz-transform:scale(0.86, 0.86); -webkit-transform:scale(0.86, 0.86); -o-transform:scale(0.86, 0.86); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active a{ transform:scale(1, 1); -ms-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1);}
.pbox01 .box .gallery-top .swiper-slide .bg{ width:100%; padding-top:62.5%; position:relative; z-index:2; display:block; background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.0)); overflow:hidden; opacity:0;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active .bg{ opacity:1;}
.pbox01 .box .gallery-top .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.pbox01 .box .gallery-top .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;} 
.pbox01 .box .gallery-top .swiper-slide .wen{ width:100%; height:100%; padding:2.08vw; box-sizing:border-box; position:absolute; left:0; top:0; z-index:3; opacity:0;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.pbox01 .box .gallery-top .swiper-slide .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pbox01 .box .gallery-top .swiper-slide .wen .w02{ font-size:15px; line-height:25px; color:#fff; margin-top:.52vw;}
.pbox01 .box .gallery-top .swiper-button-white{ width:3.125vw; height:3.125vw; min-width:46px; min-height:46px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1); background-size:auto 12px;}
.pbox01 .box .gallery-top .swiper-button-white:hover{ background-color:#0355f9;}
.pbox01 .box .gallery-top .swiper-button-prev{ left:21.875%; background-image:url(../images/prev01.png);}
.pbox01 .box .gallery-top .swiper-button-next{ right:21.875%; background-image:url(../images/next01.png);}
.pbox01 .box .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox01 .box .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pbox01 .box .gallery-thumbs{ width:100%; overflow:hidden; position:relative; margin-top:1.82vw;}
.pbox01 .box .gallery-thumbs .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; top:5px; z-index:1;}
.pbox01 .box .gallery-thumbs .swiper-wrapper{ width:100; position:relative; z-index:3;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:20%; display:block; text-align:center; cursor:pointer;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; border-radius:100%; width:8px; height:8px; margin:auto; overflow:hidden; background-color:#ddd; border:2px solid #f5f5f5;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span{ display:block; height:40px; margin-top:1.04vw;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span img{ display:block; height:40px; margin:auto;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span img.img02{ display:none;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding:0.52vw 10px; padding-bottom:0; font-size:16px; line-height:28px; height:28px; overflow:hidden;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b{ width:6px; height:6px; background-color:#fff; border:3px solid #0355f9;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img01{ display:none;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img02{ display:block;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:18px; font-weight:bold; color:#0355f9;}
}
@media only screen and (max-width:1023px){
.pbox01{ width:94%; padding:35px 3%; position:relative; z-index:1; background-color:#fff;}
.pbox01 .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.pbox01 .box .gallery-top{ width:100%; overflow:hidden;}
.pbox01 .box .gallery-top .swiper-slide{ width:80%;}
.pbox01 .box .gallery-top .swiper-slide a{ width:100%; display:block; border-radius:10px; overflow:hidden; position:relative; transform:scale(0.86, 0.86); -ms-transform:scale(0.86, 0.86); -moz-transform:scale(0.86, 0.86); -webkit-transform:scale(0.86, 0.86); -o-transform:scale(0.86, 0.86); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active a{ transform:scale(1, 1); -ms-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1);}
.pbox01 .box .gallery-top .swiper-slide .bg{ width:100%; padding-top:62.5%; position:relative; z-index:2; display:block; background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.0)); overflow:hidden; opacity:0;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active .bg{ opacity:1;}
.pbox01 .box .gallery-top .swiper-slide .tu{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.pbox01 .box .gallery-top .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;} 
.pbox01 .box .gallery-top .swiper-slide .wen{ width:100%; height:100%; padding:15px; box-sizing:border-box; position:absolute; left:0; top:0; z-index:3; opacity:0;}
.pbox01 .box .gallery-top .swiper-slide.swiper-slide-active .wen{ opacity:1;}
.pbox01 .box .gallery-top .swiper-slide .wen .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.pbox01 .box .gallery-top .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.pbox01 .box .gallery-top .swiper-button-white{ width:36px; height:36px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1); background-size:auto 10px;}
.pbox01 .box .gallery-top .swiper-button-white:hover{ background-color:#0355f9;}
.pbox01 .box .gallery-top .swiper-button-prev{ left:3%; background-image:url(../images/prev01.png);}
.pbox01 .box .gallery-top .swiper-button-next{ right:3%; background-image:url(../images/next01.png);}
.pbox01 .box .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox01 .box .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pbox01 .box .gallery-thumbs{ width:100%; overflow:hidden; position:relative; margin-top:15px;}
.pbox01 .box .gallery-thumbs .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; top:3px; z-index:1;}
.pbox01 .box .gallery-thumbs .swiper-wrapper{ width:100; position:relative; z-index:3;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:33.33%; display:block; text-align:center; cursor:pointer;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; border-radius:100%; width:6px; height:6px; margin:auto; overflow:hidden; background-color:#ddd; border:1px solid #fff;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span{ display:block; height:30px; margin-top:10px;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span img{ display:block; height:30px; margin:auto;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide span img.img02{ display:none;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding:5px; padding-bottom:0; font-size:14px; line-height:26px; height:26px; overflow:hidden;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b{ width:4px; height:4px; background-color:#fff; border:2px solid #0355f9;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img01{ display:none;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span img.img02{ display:block;}
.pbox01 .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:16px; font-weight:bold; color:#0355f9;}
}


@media screen and (min-width:1600px){
.main .anli{ width:100%; display:block;}
.main .anli li{ width:48.5%; margin-top:1.82vw; margin-left:3%; float:left; display:block; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:1.04vw;}
.main .anli li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .anli li:hover{ border:1px solid #0355f9;}
.main .anli li .tu{ width:200px; position:relative; z-index:1; float:left;}
.main .anli li .tu a{ width:100%; padding-top:62.5%; display:block; position:relative; overflow:hidden;}
.main .anli li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .anli li .wen{ width:calc(100% - 200px); padding-left:1.04vw; box-sizing:border-box; float:left;}
.main .anli li .wen .w01{ font-size:20px; line-height:30px; height:30px;}
.main .anli li .wen .w01 a:hover{ color:#0355f9;}
.main .anli li .wen .w02{ margin-top:0.4167vw;}
.main .anli li .wen .w02{ width:100%; font-size:16px; line-height:26px; height:52px;}
.main .anli li .wen .w03{ margin-top:0.4167vw; display:none;}
.main .anli li .wen .w03 a{ display:block; overflow:hidden; float:left; color:#0355f9; font-size:16px; line-height:26px;}
.main .anli li .wen .w03 a img{ display:block; margin:8px 10px; float:right; height:10px;}
.main .anli li:hover .wen .w03{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .anli{ width:100%; display:block;}
.main .anli li{ width:48.5%; margin-top:1.82vw; margin-left:3%; float:left; display:block; border:1px solid #ddd; border-radius:7px; box-sizing:border-box; padding:1.04vw;}
.main .anli li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .anli li:hover{ border:1px solid #0355f9;}
.main .anli li .tu{ width:190px; position:relative; z-index:1; float:left;}
.main .anli li .tu a{ width:100%; padding-top:62.5%; display:block; position:relative; overflow:hidden;}
.main .anli li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .anli li .wen{ width:calc(100% - 190px); padding-left:1.04vw; box-sizing:border-box; float:left;}
.main .anli li .wen .w01{ font-size:18px; line-height:28px; height:28px;}
.main .anli li .wen .w01 a:hover{ color:#0355f9;}
.main .anli li .wen .w02{ margin-top:0.4167vw;}
.main .anli li .wen .w02{ width:100%; font-size:15px; line-height:25px; height:50px;}
.main .anli li .wen .w03{ margin-top:0.4167vw; display:none;}
.main .anli li .wen .w03 a{ display:block; overflow:hidden; float:left; color:#0355f9; font-size:15px; line-height:25px;}
.main .anli li .wen .w03 a img{ display:block; margin:8px; float:right; height:9px;}
.main .anli li:hover .wen .w03{ display:block;}
}
@media only screen and (max-width:1023px){
.main .anli{ width:100%; display:block;}
.main .anli li{ width:100%; margin-top:20px; float:left; display:block; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:10px;}
.main .anli li:hover{ border:1px solid #0355f9;}
.main .anli li .tu{ width:180px; position:relative; z-index:1; float:left;}
.main .anli li .tu a{ width:100%; padding-top:62.5%; display:block; position:relative; overflow:hidden;}
.main .anli li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .anli li .wen{ width:calc(100% - 180px); padding-left:10px; box-sizing:border-box; float:left;}
.main .anli li .wen .w01{ font-size:16px; line-height:26px; max-height:52px;}
.main .anli li .wen .w01 a:hover{ color:#0355f9;}
.main .anli li .wen .w02{ width:100%; font-size:14px; line-height:24px; height:48px;}
.main .anli li .wen .w03{ margin-top:2px; display:none;}
.main .anli li .wen .w03 a{ display:block; overflow:hidden; float:left; color:#0355f9; font-size:14px; line-height:24px;}
.main .anli li .wen .w03 a img{ display:block; margin:8px 6px; float:right; height:8px;}
.main .anli li:hover .wen .w03{ display:block;}
}


/*发展历程*/
.main .fz .swiper-button-white.swiper-button-disabled{ opacity:0 !important;}
@media screen and (min-width:1600px){
.main .fz{ padding:0 3.1235vw; position:relative; z-index:3; margin-top:1.5625vw;}
.main .fz .line{ width:100%; height:2px; background-color:#0355f9; position:absolute; left:0; top:50%; margin-top:-1px; z-index:1;}
.main .fz .swiper-button-white{ width:3.125vw; height:3.125vw; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; opacity:1 !important;}
.main .fz .swiper-button-white:hover{ background-color:#0355f9;}
.main .fz .swiper-button-prev{ left:0; background-image:url(../images/prev01.png);}
.main .fz .swiper-button-next{ right:0; background-image:url(../images/next01.png);}
.main .fz .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.main .fz .swiper-button-next:hover{ background-image:url(../images/next.png);}
.main .fz .swiper-container{ width:100%; position:relative; z-index:5;}
.main .fz .swiper-container .swiper-slide{ width:22.75%; display:flex; text-align:center; direction: ltr;}
.main .fz .swiper-container .swiper-slide:nth-child(2n){ align-items:flex-end;}
.main .fz .swiper-container .swiper-slide .top{ width:100%; height:280px; position:relative; padding-bottom:340px; display:flex; align-items:flex-end;}
.main .fz .swiper-container .swiper-slide .bot{ width:100%; height:280px; position:relative; padding-top:340px; display:flex;}
.main .fz .swiper-container .swiper-slide .wen{ width:100%; max-height:280px;}
.main .fz .swiper-container .swiper-slide .icon{ width:20px; height:20px; background-color:#0355f9; border-radius:100%;}
.main .fz .swiper-container .swiper-slide .top .icon{ position:absolute; left:50%; margin-left:-10px; bottom:300px;}
.main .fz .swiper-container .swiper-slide .bot .icon{ position:absolute; left:50%; margin-left:-10px; top:300px;}
.main .fz .swiper-container .swiper-slide .icon b{ width:14px; height:14px; background-color:#fff; border-radius:100%; display:block; overflow:hidden; margin:3px;}
.main .fz .swiper-container .swiper-slide .bt{ font-size:30px; line-height:34px; color:#0355f9; font-weight:bold;}
.main .fz .swiper-container .swiper-slide .cn{ display:none; font-size:20px; line-height:30px; margin-top:15px; font-weight:bold; text-align:left;}
.main .fz .swiper-container .swiper-slide .en{ font-size:15px; line-height:25px; margin-top:10px; color:#666; text-align:left;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .fz{ padding:0 3.1235vw; position:relative; z-index:3; margin-top:1.5625vw;}
.main .fz .line{ width:100%; height:2px; background-color:#0355f9; position:absolute; left:0; top:50%; margin-top:-1px; z-index:1;}
.main .fz .swiper-button-white{ width:3.125vw; height:3.125vw; min-width:46px; min-height:46px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat;; background-size:auto 12px; opacity:1 !important;}
.main .fz .swiper-button-white:hover{ background-color:#0355f9;}
.main .fz .swiper-button-prev{ left:0; background-image:url(../images/prev01.png);}
.main .fz .swiper-button-next{ right:0; background-image:url(../images/next01.png);}
.main .fz .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.main .fz .swiper-button-next:hover{ background-image:url(../images/next.png);}
.main .fz .swiper-container{ width:100%; position:relative; z-index:5;}
.main .fz .swiper-container .swiper-slide{ width:22.75%; display:flex; text-align:center; direction: ltr;}
.main .fz .swiper-container .swiper-slide:nth-child(2n){ align-items:flex-end;}
.main .fz .swiper-container .swiper-slide .top{ width:100%; height:280px; position:relative; padding-bottom:330px; display:flex; align-items:flex-end;}
.main .fz .swiper-container .swiper-slide .bot{ width:100%; height:280px; position:relative; padding-top:330px; display:flex;}
.main .fz .swiper-container .swiper-slide .wen{ width:100%; max-height:280px;}
.main .fz .swiper-container .swiper-slide .icon{ width:16px; height:16px; background-color:#0355f9; border-radius:100%;}
.main .fz .swiper-container .swiper-slide .top .icon{ position:absolute; left:50%; margin-left:-8px; bottom:296px;}
.main .fz .swiper-container .swiper-slide .bot .icon{ position:absolute; left:50%; margin-left:-8px; top:296px;}
.main .fz .swiper-container .swiper-slide .icon b{ width:10px; height:10px; background-color:#fff; border-radius:100%; display:block; overflow:hidden; margin:3px;}
.main .fz .swiper-container .swiper-slide .bt{ font-size:24px; line-height:28px; color:#0355f9; font-weight:bold;}
.main .fz .swiper-container .swiper-slide .cn{ display:none; font-size:18px; line-height:28px; margin-top:10px; font-weight:bold; text-align:left;}
.main .fz .swiper-container .swiper-slide .en{ font-size:14px; line-height:24px; margin-top:5px; color:#666; text-align:left;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .fz .swiper-container .swiper-slide{ width:31.33%;}
}
@media only screen and (max-width:1023px){
.main .fz{ position:relative; z-index:3; margin-top:10px;}
.main .fz .line{ width:2px; height:100%; background-color:#0355f9; position:absolute; left:5px; top:0; z-index:1;}
.main .fz .swiper-button-white{ display:none;}
.main .fz .swiper-container{ width:100%; position:relative; z-index:2; height:auto; padding-bottom:15px; direction: ltr;}
.main .fz .swiper-container .swiper-wrapper{ display:flex; flex-direction: column-reverse; height:auto; -webkit-transform:translate3d(0, 0, 0) !important; transform:translate3d(0, 0, 0) !important;}
.main .fz .swiper-container .swiper-slide{ width:100%; display:block; margin: 0 !important; margin-top:15px !important;}
.main .fz .swiper-container .swiper-slide .top{ position:relative; padding-left:22px;}
.main .fz .swiper-container .swiper-slide .bot{ position:relative; padding-left:22px;}
.main .fz .swiper-container .swiper-slide .wen{ width:100%;}
.main .fz .swiper-container .swiper-slide .icon{ width:12px; height:12px; background-color:#0355f9; border-radius:100%; position:absolute; left:0; top:6px;}
.main .fz .swiper-container .swiper-slide .icon b{ width:8px; height:8px; background-color:#fff; border-radius:100%; display:block; overflow:hidden; margin:2px;}
.main .fz .swiper-container .swiper-slide .bt{ text-align: left; font-size:20px; line-height:24px; color:#0355f9; font-weight:bold;}
.main .fz .swiper-container .swiper-slide .cn{ display:none; font-size:16px; line-height:26px; margin-top:5px; font-weight:bold; text-align:left;}
.main .fz .swiper-container .swiper-slide .en{ font-size:14px; line-height:24px; color:#666; text-align:left;}
}

.pc{ display:block;}
.mobile{ display:none;}
@media only screen and (max-width:768px){
.pc{ display:none;}
.mobile{ display:block;}
}