@charset "utf-8";
/* CSS Document */

/* Oswald Font - Local */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-400.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-500.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-600.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-700.ttf') format('truetype');
  font-display: swap;
}

html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; 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,input[type=text]{
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}
table{ border:none !important;}

/*header*/
@media screen and (min-width:1530px){
.hbg{ width:100%; height:219px;}
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; box-shadow:0 0 20px rgba(0,0,0,.1); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:-35px;}
.header.pos .thead{ opacity: 0;}
.header .thead{ width:90%; padding:0 5%; background-color:#fff; height:35px; position:relative; z-index:9;}
.header .thead .follow{ float:left; height:54px; display: none;}
.header .thead .follow span{ display:block; float:left; font-size:16px; line-height:54px; height:54px; color:#fff; text-transform:capitalize;}
.header .thead .follow a{ display:block; float:left; height:18px; margin:18px 0.78125vw; margin-left:0;}
.header .thead .follow a img{ display:block; height:18px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.header .thead .follow a:hover img{ -webkit-transform:rotateY(-360deg);}
.header .thead .yu{ float:right; height:35px; display:block;}
.header .thead .yu dt{ display:block; float:left; height:54px;}
.header .thead .yu dt a{ display:block; float:left; font-size:16px; line-height:54px; height:54px; color:#333; text-transform:capitalize;}
.header .thead .yu dt b{ margin:19px 1.04vw; display:block; float:left; overflow:hidden; width:1px; height:16px; background-color:rgba(0,0,0,.1);}
.header .thead .yu dd{ display:block; float:left; height:54px; position:relative;}
.header .thead .yu dd span{ height:54px; display:flex; align-items:center; position:relative; cursor:pointer;}
.header .thead .yu dd span b{ display:block; height:18px; margin-right:0.52vw;}
.header .thead .yu dd span b img{ display:block; height:18px;}
.header .thead .yu dd span a{ font-size:16px; color:#333; line-height:26px; height:26px; display:block; overflow:hidden; text-transform:capitalize;}
.header .thead .yu dd p{ width:100px; position:absolute; right:0; 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; text-align:center; box-sizing:border-box;}
.header .thead .yu dd p a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333;}
.header .thead .yu dd p a:hover{ color:#006de6;}
.header .thead .yu dd.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}
.header .head{ width:90%; padding:0 5%; background-color:#fff; height:120px; display:flex; align-items:center; position:relative; z-index:5; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-bottom:1px solid rgba(0,0,0,.05);}
.header.pos .head{ height:100px;}
.header .head .logo{ height:60px; margin-right:5.2vw;}
.header .head .logo img{ display:block; height:60px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:60px; margin-right:5.2vw; flex:1; border-radius:10px; background-color:#f5f5f5;}
.header .head .ser p{ width:calc(100% - 70px); height:60px; display:block; float:left; padding:0 1.04vw; overflow:hidden; box-sizing:border-box;}
.header .head .ser p input{ width:100%; font-size:16px; height:60px; line-height:60px; display:block; overflow:hidden;}
.header .head .ser a{ width:70px; height:60px; display:block; float:left; overflow:hidden;}
.header .head .ser a input{ width:100%; height:60px; display:block; overflow:hidden; background-color:#ffab17; cursor:pointer; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:24px auto;}
.header .head .tel{ height:44px;}
.header .head .tel a{ display:block; height:40px; margin:2px 0; margin-right:0.52vw; float:left;}
.header .head .tel a img{ display:block; width:40px; height:40px;}
.header .head .tel p{ display:block; height:44px; float:left;}
.header .head .tel p b{ font-weight:normal; display:block; font-size:24px; line-height:44px; color:#333;}
.header .head .tel p span{ display:none; font-size:16px; line-height:20px; color:#006de6;}
.header .nav{ width:90%; padding:0 5%; height:64px; background-color:#fff; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .nav{ height:54px;}
.header .nav .ser{ display:none;}
.header .nav .navlist{ display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; height:100%;}
.header .nav .navlist li{ display:flex; align-items:center; height:100%; margin-right:0; position:relative; flex-shrink:0;}
.header .nav .navlist li:last-child{ margin-right:0;}
.header .nav .navlist li>a{ display:block; font-family:'Oswald',"Microsoft YaHei",sans-serif; font-size:18px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; white-space:nowrap;}
.header .nav .navlist li p{ width:300px; position:absolute; left:-20px; 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; box-sizing:border-box;}
.header .nav .navlist li p a{ display:block; font-size:16px; line-height:34px; height:34px; overflow:hidden; color:#333;}
.header .nav .navlist li p a:hover{ color:#006de6;}
.header .nav .navlist li:hover p{ top:100%; opacity:1; height:auto; padding:10px 20px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.hbg{ width:100%; height:186px;}
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; box-shadow:0 0 15px rgba(0,0,0,.1); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:-30px;}
.header.pos .thead{ opacity: 0;}
.header .thead{ width:90%; padding:0 5%; background-color:#fff; height:30px; position:relative; z-index:9;}
.header .thead .follow{ float:left; height:44px; display: none;}
.header .thead .follow span{ display:block; float:left; font-size:15px; line-height:44px; height:44px; color:#fff; text-transform:capitalize;}
.header .thead .follow a{ display:block; float:left; height:18px; margin:13px 0.78125vw; margin-left:0;}
.header .thead .follow a img{ display:block; height:18px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.header .thead .follow a:hover img{ -webkit-transform:rotateY(-360deg);}
.header .thead .yu{ float:right; height:30px; display:block;}
.header .thead .yu dt{ display:block; float:left; height:44px;}
.header .thead .yu dt a{ display:block; float:left; font-size:15px; line-height:44px; height:44px; color:#333; text-transform:capitalize;}
.header .thead .yu dt b{ margin:15px 1.04vw; display:block; float:left; overflow:hidden; width:1px; height:14px; background-color:rgba(0,0,0,.5);}
.header .thead .yu dd{ display:block; float:left; height:44px; position:relative;}
.header .thead .yu dd span{ height:44px; display:flex; align-items:center; position:relative; cursor:pointer;}
.header .thead .yu dd span b{ display:block; height:16px; margin-right:0.52vw;}
.header .thead .yu dd span b img{ display:block; height:16px;}
.header .thead .yu dd span a{ font-size:15px; color:#333; line-height:25px; height:25px; display:block; overflow:hidden; text-transform:capitalize;}
.header .thead .yu dd p{ width:100px; position:absolute; right:0; 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; text-align:center; box-sizing:border-box;}
.header .thead .yu dd p a{ display:block; font-size:14px; line-height:28px; height:28px; overflow:hidden; color:#333;}
.header .thead .yu dd p a:hover{ color:#006de6;}
.header .thead .yu dd.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}
.header .head{ width:90%; padding:0 5%; background-color:#fff; height:100px; display:flex; align-items:center; position:relative; z-index:5; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-bottom:1px solid rgba(0,0,0,.05);}
.header.pos .head{ height:80px;}
.header .head .logo{ height:50px; margin-right:5.2vw;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:50px; margin-right:5.2vw; flex:1; border-radius:10px; background-color:#f5f5f5;}
.header .head .ser p{ width:calc(100% - 60px); height:50px; display:block; float:left; padding:0 1.04vw; overflow:hidden; box-sizing:border-box;}
.header .head .ser p input{ width:100%; font-size:15px; height:50px; line-height:50px; display:block; overflow:hidden;}
.header .head .ser a{ width:60px; height:50px; display:block; float:left; overflow:hidden;}
.header .head .ser a input{ width:100%; height:50px; display:block; overflow:hidden; background-color:#ffab17; cursor:pointer; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:22px auto;}
.header .head .tel{ height:44px;}
.header .head .tel a{ display:block; height:36px; margin:2px 0; margin-right:0.52vw; float:left;}
.header .head .tel a img{ display:block; width:36px; height:36px;}
.header .head .tel p{ display:block; height:40px; float:left;}
.header .head .tel p b{ font-weight:normal; display:block; font-size:20px; line-height:40px; color:#333;}
.header .head .tel p span{ display:none; font-size:15px; line-height:20px; color:#006de6;}
.header .nav{ width:90%; padding:0 5%; height:56px; background-color:#fff; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .nav{ height:48px;}
.header .nav .ser{ display:none;}
.header .nav .navlist{ display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; height:100%;}
.header .nav .navlist li{ display:flex; align-items:center; height:100%; margin-right:0; position:relative; flex-shrink:0;}
.header .nav .navlist li:last-child{ margin-right:0;}
.header .nav .navlist li>a{ display:block; font-family:'Oswald',"Microsoft YaHei",sans-serif; font-size:16px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; white-space:nowrap;}
.header .nav .navlist li p{ width:300px; position:absolute; left:-20px; 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; box-sizing:border-box;}
.header .nav .navlist li p a{ display:block; font-size:15px; line-height:31px; height:31px; overflow:hidden; color:#333;}
.header .nav .navlist li p a:hover{ color:#006de6;}
.header .nav .navlist li:hover p{ top:100%; opacity:1; height:auto; padding:10px 20px;}
}
@media screen and (min-width:1024px) and (max-width:1310px){
.header .nav .navlist li{ margin-right:0;}
.header .nav .navlist li>a{ font-size:15px;}
}
@media screen and (min-width:1024px) and (max-width:1200px){
.header .nav .navlist li{ margin-right:0;}
.header .nav .navlist li>a{ font-size:14px;}
}
@media screen and (min-width:1024px) and (max-width:1179px){
.header .nav .navlist li{ margin-right:0;}
.header .nav .navlist li>a{ font-size:14px;}
.header .nav .navlist li p a{ font-size:14px; line-height:26px; height:26px;}
}
@media only screen and (max-width:1023px){
.hbg{ width:100%; height:97px;}
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:-37px;}
.header .thead{ width:94%; padding:0 3%; background-color:#fff; height:36px; border-bottom:1px solid rgba(0,0,0,.05); position:relative; z-index:9;}
.header .thead .follow{ float:left; height:36px; display: none;}
.header .thead .follow span{ display:none; float:left; font-size:14px; line-height:36px; height:36px; color:#fff; text-transform:capitalize;}
.header .thead .follow a{ display:block; float:left; height:18px; margin:9px 10px; margin-left:0;}
.header .thead .follow a img{ display:block; height:18px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.header .thead .follow a:hover img{ -webkit-transform:rotateY(-360deg);}
.header .thead .yu{ float:right; height:36px; display:block;}
.header .thead .yu dt{ display:block; float:left; height:36px;}
.header .thead .yu dt a{ display:block; float:left; font-size:14px; line-height:36px; height:36px; color:#333; text-transform:capitalize;}
.header .thead .yu dt b{ margin:12px 10px; display:block; float:left; overflow:hidden; width:1px; height:12px; background-color:rgba(0,0,0,.5);}
.header .thead .yu dd{ display:block; float:left; height:36px; position:relative;}
.header .thead .yu dd span{ height:36px; display:flex; align-items:center; position:relative; cursor:pointer;}
.header .thead .yu dd span b{ display:block; height:14px; margin-right:5px;}
.header .thead .yu dd span b img{ display:block; height:14px;}
.header .thead .yu dd span a{ font-size:14px; color:#333; line-height:24px; height:24px; display:block; overflow:hidden; text-transform:capitalize;}
.header .thead .yu dd p{ width:100px; position:absolute; right:0; 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; text-align:center; box-sizing:border-box;}
.header .thead .yu dd p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#333;}
.header .thead .yu dd p a:hover{ color:#006de6;}
.header .thead .yu dd.active p{ top:100%; opacity:1; height:auto; padding:5px 10px;}
.header .head{ width:100%; background-color:#fff; height:60px; position:relative; z-index:5;}
.header .head .logo{ height:34px; float:left; margin:13px 3%;}
.header .head .logo img{ display:block; height:34px;}
.header .head .logo img.img01{ display:none;}
.header .head .ser{ display:none;}
.header .head .tel{ height:30px; padding:15px; float:left; display:none;}
.header .head .tel a{ display:block; height:30px;}
.header .head .tel a img{ display:block; width:30px; height:30px;}
.header .head .tel p{ display:none;}
.header .head .hamburger{ width:30px; padding:11px 15px; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.header .head .hamburger .h-bar{ display:block; width:30px; height:2px; background-color:#333; margin:8px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(14px);}
.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(-14px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}

.header .nav{ background-color:#fff; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 97px); top:97px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; box-sizing:border-box;}
.header.pos .nav{ height:calc(100vh - 60px);}
.header .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .ser{ height:40px; border-radius:5px; background-color:#f1f1f1; margin-bottom:10px;}
.header .ser p{ width:calc(100% - 50px); height:40px; display:block; float:left; padding:0 15px; overflow:hidden; box-sizing:border-box;}
.header .ser p input{ width:100%; font-size:14px; height:40px; line-height:40px; display:block; overflow:hidden; background-color:#f1f1f1;}
.header .ser a{ width:50px; height:40px; display:block; float:left; overflow:hidden;}
.header .ser a input{ width:100%; height:40px; display:block; overflow:hidden; background-color:#ffab17; cursor:pointer; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:20px auto;}
.header .navlist{ width:100%; display:block;}
.header .navlist li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.header .navlist li a{ display:block; font-size:16px; color:#333; height:50px; line-height:50px;}
.header .navlist li b{ display:inline-flex; -webkit-box-pack:right; justify-content:flex-end; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:right;}
.header .navlist 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 .navlist li.cur b::after{ transform:rotateZ(135deg);}
.header .navlist li.cur>a,.header .nav li.on>a{ color:#006de6;}
.header .navlist li p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .navlist li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#666; overflow:hidden;}
.header .navlist li p a:hover{ color:#006de6;}
}

/*通用*/
@media screen and (min-width:1530px){
.title{ width:100%; position:relative; z-index:3; display: flex; justify-content:space-between; align-items:flex-end;}
.title b{ display:block; font-size:20px; line-height:20px; height:20px; color:#006de6; text-transform:uppercase; position: absolute; left: 0; top: 0;}
.title strong{ display:block; font-size:44px; line-height:54px; color:#333; text-transform:uppercase; margin-top:0.52vw; flex:1; padding-top: 20px;}

.more{ max-width:100%;}
.more a{ display:block; padding:0 1.5625vw; float:left; font-size:16px; height:50px; line-height:50px; border-radius:10px; background-color:#333; color:#fff; overflow:hidden;}
.more a img{ margin-left:1.04vw; height:10px; margin-top:20px; float:right;}
.more a:hover{ background-color:#006de6;}

}
@media screen and (min-width:1024px) and (max-width:1529px){
.title{ width:100%; position:relative; z-index:3; display: flex; justify-content:space-between; align-items:flex-end;}
.title b{ display:block; font-size:18px; line-height:18px; height:18px; color:#006de6; text-transform:uppercase; position: absolute; left: 0; top: 0;}
.title strong{ display:block; font-size:36px; line-height:46px; color:#333; text-transform:uppercase; margin-top:0.52vw; flex:1; padding-top: 18px;}

.more{ max-width:100%;}
.more a{ display:block; padding:0 1.5625vw; float:left; font-size:15px; height:44px; line-height:44px; border-radius:10px; background-color:#333; color:#fff; overflow:hidden;}
.more a img{ margin-left:1.04vw; height:10px; margin-top:17px; float:right;}
.more a:hover{ background-color:#006de6;}

}
@media only screen and (max-width:1023px){
.title{ width:100%; position:relative; z-index:3;}
.title b{ display:block; font-size:16px; line-height:16px; height:16px; color:#006de6; text-transform:uppercase;}
.title strong{ display:block; font-size:28px; line-height:38px; color:#333; text-transform:uppercase; margin-top:5px;}

.more{ max-width:100%;}
.more a{ display:block; padding:0 15px; float:left; font-size:14px; height:38px; line-height:38px; border-radius:5px; background-color:#333; color:#fff; overflow:hidden;}
.more a img{ margin-left:10px; height:10px; margin-top:14px; float:right;}
.more a:hover{ background-color:#006de6;}
}

/*products*/
.pbox .box01 .left .title b{ color:#ffab17;}
@media screen and (min-width:1530px){
.pbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:100%; display:flex; align-items:center; position:relative; z-index:3;}
.pbox .box01{ width:100%; margin-top:5.2vw; display:flex; align-items:center; flex-direction:row-reverse; position:relative; z-index:3;}
.pbox .left{ width:44.21%;}
.pbox .box .left{ margin-right:5.79%;}
.pbox .box01 .left{ margin-left:5.79%;}
.pbox .left .wen{ font-size:20px; line-height:40px; color:#333; overflow:hidden; margin-top:1.5625vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pbox .left .more{ margin-top:3.125vw;}
.pbox .right{ width:50%;}
.pbox .right a{ width:100%; display:block; padding-top:69.44%; position:relative; overflow:hidden; border-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right a:hover{ border-radius:30px;}
.pbox .right a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:100%; display:flex; align-items:center; position:relative; z-index:3;}
.pbox .box01{ width:100%; margin-top:5.2vw; display:flex; align-items:center; flex-direction:row-reverse; position:relative; z-index:3;}
.pbox .left{ width:44.21%;}
.pbox .box .left{ margin-right:5.79%;}
.pbox .box01 .left{ margin-left:5.79%;}
.pbox .left .wen{ font-size:18px; line-height:34px; color:#333; overflow:hidden; margin-top:1.5625vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pbox .left .more{ margin-top:3.125vw;}
.pbox .right{ width:50%;}
.pbox .right a{ width:100%; display:block; padding-top:69.44%; position:relative; overflow:hidden; border-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right a:hover{ border-radius:30px;}
.pbox .right a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.pbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:100%; position:relative; z-index:3;}
.pbox .box01{ width:100%; margin-top:40px; position:relative; z-index:3;}
.pbox .left{ width:100%;}
.pbox .left .wen{ font-size:16px; line-height:28px; color:#333; overflow:hidden; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.pbox .left .more{ margin-top:15px;}
.pbox .right{ width:100%; margin-top:20px;}
.pbox .right a{ width:100%; display:block; padding-top:69.44%; position:relative; overflow:hidden; border-radius:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .right a:hover{ border-radius:30px;}
.pbox .right a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}

/*promise*/
.ybox .left .title b{ color:#ffab17;}
.ybox .left .title strong{ color:#fff;}
@media screen and (min-width:1530px){
.ybox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#006de6; display:flex;}
.ybox .left{ width:44.21%; margin-right:5.79%;}
.ybox .left .list{ width:100%; display:block; padding-top:0.26vw; margin-bottom:-5px;}
.ybox .left .list li{ margin-top:1.5625vw; display:block; overflow:hidden;}
.ybox .left .list li strong{ width:60px; display:block; float:left; padding:5px 0;}
.ybox .left .list li strong img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .left .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ybox .left .list li p{ width:calc(100% - 60px); display:block; float:left; padding-left:1.04vw; box-sizing:border-box;}
.ybox .left .list li p b{ display:block; font-size:24px; line-height:32px; text-transform:uppercase; color:#ffab17;}
.ybox .left .list li p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.ybox .right{ width:50%; display:flex; border-radius:10px; overflow:hidden;}
.ybox .right dt{ width:48.61%; position:relative;}
.ybox .right dt img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.ybox .right dd{ width:49.77%; position:relative; margin-left:1.62%;}
.ybox .right dd a{ width:100%; height:calc(50% - 0.365vw); position:relative; overflow:hidden; display:block;}
.ybox .right dd a:nth-child(2){ margin-top:0.73vw;}
.ybox .right dd a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ybox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#006de6; display:flex;}
.ybox .left{ width:44.21%; margin-right:5.79%;}
.ybox .left .list{ width:100%; display:block; padding-top:0.26vw; margin-bottom:-5px;}
.ybox .left .list li{ margin-top:1.5625vw; display:block; overflow:hidden;}
.ybox .left .list li strong{ width:50px; display:block; float:left; padding:5px 0;}
.ybox .left .list li strong img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .left .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ybox .left .list li p{ width:calc(100% - 50px); display:block; float:left; padding-left:1.04vw; box-sizing:border-box;}
.ybox .left .list li p b{ display:block; font-size:21px; line-height:29px; text-transform:uppercase; color:#ffab17;}
.ybox .left .list li p span{ display:block; font-size:15px; line-height:25px; color:#fff;}
.ybox .right{ width:50%; display:flex; border-radius:10px; overflow:hidden;}
.ybox .right dt{ width:48.61%; position:relative;}
.ybox .right dt img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.ybox .right dd{ width:49.77%; position:relative; margin-left:1.62%;}
.ybox .right dd a{ width:100%; height:calc(50% - 0.365vw); position:relative; overflow:hidden; display:block;}
.ybox .right dd a:nth-child(2){ margin-top:0.73vw;}
.ybox .right dd a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.ybox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#006de6;}
.ybox .left{ width:100%;}
.ybox .left .list{ width:100%; display:block;}
.ybox .left .list li{ margin-top:10px; display:block; overflow:hidden;}
.ybox .left .list li strong{ width:40px; display:block; float:left; padding:5px 0;}
.ybox .left .list li strong img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .left .list li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ybox .left .list li p{ width:calc(100% - 40px); display:block; float:left; padding-left:10px; box-sizing:border-box;}
.ybox .left .list li p b{ display:block; font-size:18px; line-height:26px; text-transform:uppercase; color:#ffab17;}
.ybox .left .list li p span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.ybox .right{ width:100%; display:flex; border-radius:10px; overflow:hidden; margin-top:15px;}
.ybox .right dt{ width:48.61%; display:block; overflow:hidden; position:relative;}
.ybox .right dt img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.ybox .right dd{ width:49.77%; position:relative; margin-left:1.62%;}
.ybox .right dd a{ width:100%; padding-top:68.14%; position:relative; overflow:hidden; display:block;}
.ybox .right dd a:nth-child(2){ margin-top:1.5228vw;}
.ybox .right dd a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}

/*industry*/
@media screen and (min-width:1530px){
.ibox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff; display:flex;}
.ibox .left{ width:28.24%;}
.ibox .left .list{ width:100%; display:block; padding-top:0.52vw;}
.ibox .left .list li{ margin-top:1.04vw; display:block; overflow:hidden; position:relative; cursor:pointer;}
.ibox .left .list li a{ display:block; font-weight:bold; font-size:18px; line-height:28px; text-transform:capitalize; position:relative; z-index:3;}
.ibox .left .list li.on b{ display:block; width:150px; height:10px; background-color:#ffab17; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.ibox .left .more{ margin-top:3.125vw;}

.ibox .right{ width:71.76%; display:flex; flex-direction:column;}
.ibox .right .swiper-container{ width:100%; overflow:hidden; flex:1;}
.ibox .right .swiper-container .swiper-wrapper{ height:100%;}
.ibox .right .swiper-container .swiper-slide{ width:32.26%; height:100%; border-radius:10px; display:block; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.ibox .right .swiper-container .swiper-slide .bg{ width:100%; height:100%; padding-top:150%; box-sizing:border-box; position:relative; z-index:1; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.ibox .right .swiper-container .swiper-slide:hover .bg{ background:linear-gradient(to top,rgba(0,109,230,.9),rgba(0,109,230,0.9));}
.ibox .right .swiper-container .swiper-slide .wen{ width:100%; padding:2.08vw; position:absolute; left:0; bottom:0; z-index:3; box-sizing:border-box;}
.ibox .right .swiper-container .swiper-slide .wen .w01{ font-size:24px; line-height:30px; height:30px; font-weight:bold; color:#ffab17;}
.ibox .right .swiper-container .swiper-slide .wen .w02{ font-size:24px; font-weight:bold; margin-top:0.52vw;}
.ibox .right .swiper-container .swiper-slide .wen .w02 a{ color:#fff; display:block; line-height:34px; height:68px;}
.ibox .right .swiper-container .swiper-slide .wen .w03{ font-size:16px; line-height:34px; max-height:102px; display:none; color:#fff; margin-top:0.52vw;}
.ibox .right .swiper-container .swiper-slide .wen .w04{ margin-top:1.04vw; display:none;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a{ display:block; float:left; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#fff;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a b{ width:20px; height:20px; display:block; float:left; border-radius:100%; background-color:#ffab17; margin-right:0.52vw; margin-top:5px;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:5px auto;}
.ibox .right .swiper-container .swiper-slide:hover .wen{ padding:2.08vw 1.5625vw;}
.ibox .right .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.ibox .right .swiper-container .swiper-slide:hover .w02 a{ color:#ffab17; height:auto;}
.ibox .right .swiper-container .swiper-slide:hover .w03,.ibox .right .swiper-container .swiper-slide:hover .w04{ display:block;}
.ibox .right .swi{ margin-top:2.08vw;}
.ibox .right .swi .swiper-pagination{ float:left; height:50px; line-height:50px; display:flex; align-items:flex-end; font-size:18px; font-weight:bold;}
.ibox .right .swi .swiper-pagination .swiper-pagination-current{ color:#ffab17; font-size:30px; line-height:54px; margin-right:5px;}
.ibox .right .swi .swiper-pagination .swiper-pagination-total{ margin-left:5px;}
.ibox .right .swi .swiper-button{ width:50px; height:50px; cursor:pointer; border-radius:100%; background-color:#f1f1f1; overflow:hidden; float:right; margin-left:1.5625vw; background-position:center; background-repeat:no-repeat; background-size:10px auto;}
.ibox .right .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.ibox .right .swi .swiper-button-next{ background-image:url(../images/next.png);}
.ibox .right .swi .swiper-button-prev:hover{ background-color:#006de6; background-image:url(../images/prev01.png);}
.ibox .right .swi .swiper-button-next:hover{ background-color:#006de6; background-image:url(../images/next01.png);}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ibox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff; display:flex;}
.ibox .left{ width:28.24%;}
.ibox .left .list{ width:100%; display:block; padding-top:0.52vw;}
.ibox .left .list li{ margin-top:1.04vw; display:block; overflow:hidden; position:relative; cursor:pointer;}
.ibox .left .list li a{ display:block; font-weight:bold; font-size:16px; line-height:26px; text-transform:capitalize; position:relative; z-index:3;}
.ibox .left .list li.on b{ display:block; width:100px; height:8px; background-color:#ffab17; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.ibox .left .more{ margin-top:3.125vw;}

.ibox .right{ width:71.76%; display:flex; flex-direction:column;}
.ibox .right .swiper-container{ width:100%; overflow:hidden; flex:1;}
.ibox .right .swiper-container .swiper-wrapper{ height:100%;}
.ibox .right .swiper-container .swiper-slide{ width:32.26%; height:100%; border-radius:10px; display:block; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.ibox .right .swiper-container .swiper-slide .bg{ width:100%; height:100%; padding-top:150%; box-sizing:border-box; position:relative; z-index:1; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.ibox .right .swiper-container .swiper-slide:hover .bg{ background:linear-gradient(to top,rgba(0,109,230,.9),rgba(0,109,230,0.9));}
.ibox .right .swiper-container .swiper-slide .wen{ width:100%; padding:2.08vw; position:absolute; left:0; bottom:0; z-index:3; box-sizing:border-box;}
.ibox .right .swiper-container .swiper-slide .wen .w01{ font-size:21px; line-height:27px; height:30px; font-weight:bold; color:#ffab17;}
.ibox .right .swiper-container .swiper-slide .wen .w02{ font-size:21px; font-weight:bold; margin-top:0.52vw;}
.ibox .right .swiper-container .swiper-slide .wen .w02 a{ color:#fff; display:block; line-height:31px; height:62px;}
.ibox .right .swiper-container .swiper-slide .wen .w03{ font-size:15px; line-height:29px; max-height:87px; display:none; color:#fff; margin-top:0.52vw;}
.ibox .right .swiper-container .swiper-slide .wen .w04{ margin-top:1.04vw; display:none;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a{ display:block; float:left; overflow:hidden; height:29px; line-height:29px; font-size:15px; color:#fff;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a b{ width:19px; height:19px; display:block; float:left; border-radius:100%; background-color:#ffab17; margin-right:0.52vw; margin-top:5px;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a b img{ display:block; height:9px; margin:5px auto;}
.ibox .right .swiper-container .swiper-slide:hover .wen{ padding:2.08vw 1.5625vw;}
.ibox .right .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.ibox .right .swiper-container .swiper-slide:hover .w02 a{ color:#ffab17; height:auto;}
.ibox .right .swiper-container .swiper-slide:hover .w03,.ibox .right .swiper-container .swiper-slide:hover .w04{ display:block;}
.ibox .right .swi{ margin-top:2.08vw;}
.ibox .right .swi .swiper-pagination{ float:left; height:44px; line-height:44px; display:flex; align-items:flex-end; font-size:16px; font-weight:bold;}
.ibox .right .swi .swiper-pagination .swiper-pagination-current{ color:#ffab17; font-size:26px; line-height:48px; margin-right:5px;}
.ibox .right .swi .swiper-pagination .swiper-pagination-total{ margin-left:5px;}
.ibox .right .swi .swiper-button{ width:44px; height:44px; cursor:pointer; border-radius:100%; background-color:#f1f1f1; overflow:hidden; float:right; margin-left:1.5625vw; background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.ibox .right .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.ibox .right .swi .swiper-button-next{ background-image:url(../images/next.png);}
.ibox .right .swi .swiper-button-prev:hover{ background-color:#006de6; background-image:url(../images/prev01.png);}
.ibox .right .swi .swiper-button-next:hover{ background-color:#006de6; background-image:url(../images/next01.png);}
}
@media only screen and (max-width:1023px){
.ibox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.ibox .left{ width:100%;}
.ibox .left .list{ width:100%; display:block; padding-top:5px;}
.ibox .left .list li{ width:48.5%; float:left; margin-left:3%; margin-top:5px; display:block; overflow:hidden; position:relative; cursor:pointer;}
.ibox .left .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ibox .left .list li a{ display:block; font-weight:bold; font-size:14px; line-height:24px; text-transform:capitalize; position:relative; z-index:3;}
.ibox .left .list li.on b{ display:block; width:50px; height:6px; background-color:#ffab17; overflow:hidden; position:absolute; left:0; bottom:3px; z-index:1;}
.ibox .left .more{ margin-top:15px;}

.ibox .right{ width:100%; margin-top:20px;}
.ibox .right .swiper-container{ width:100%; overflow:hidden;}
.ibox .right .swiper-container .swiper-slide{ width:49.195%; border-radius:5px; display:block; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.ibox .right .swiper-container .swiper-slide .bg{ width:100%; padding-top:150%; min-height:300px; box-sizing:border-box; position:relative; z-index:1; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.ibox .right .swiper-container .swiper-slide:hover .bg{ background:linear-gradient(to top,rgba(0,109,230,.9),rgba(0,109,230,0.9));}
.ibox .right .swiper-container .swiper-slide .wen{ width:100%; padding:15px; position:absolute; left:0; bottom:0; z-index:3; box-sizing:border-box;}
.ibox .right .swiper-container .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#ffab17;}
.ibox .right .swiper-container .swiper-slide .wen .w02{ font-size:18px; font-weight:bold;}
.ibox .right .swiper-container .swiper-slide .wen .w02 a{ color:#fff; display:block; line-height:28px; height:56px;}
.ibox .right .swiper-container .swiper-slide .wen .w03{ font-size:14px; line-height:24px; max-height:72px; display:none; color:#fff; margin-top:5px;}
.ibox .right .swiper-container .swiper-slide .wen .w04{ margin-top:5px; display:none;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a{ display:block; float:left; overflow:hidden; height:26px; line-height:26px; font-size:14px; color:#fff;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a b{ width:16px; height:16px; display:block; float:left; border-radius:100%; background-color:#ffab17; margin-right:5px; margin-top:5px;}
.ibox .right .swiper-container .swiper-slide .wen .w04 a b img{ display:block; height:6px; margin:5px auto;}
.ibox .right .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.ibox .right .swiper-container .swiper-slide:hover .w02 a{ color:#ffab17; height:auto;}
.ibox .right .swiper-container .swiper-slide:hover .w03,.ibox .right .swiper-container .swiper-slide:hover .w04{ display:block;}
.ibox .right .swi{ margin-top:15px;}
.ibox .right .swi .swiper-pagination{ float:left; height:38px; line-height:38px; display:flex; align-items:flex-end; font-size:14px; font-weight:bold;}
.ibox .right .swi .swiper-pagination .swiper-pagination-current{ color:#ffab17; font-size:22px; line-height:40px; margin-right:5px;}
.ibox .right .swi .swiper-pagination .swiper-pagination-total{ margin-left:5px;}
.ibox .right .swi .swiper-button{ width:38px; height:38px; cursor:pointer; border-radius:100%; background-color:#f1f1f1; overflow:hidden; float:right; margin-left:15px; background-position:center; background-repeat:no-repeat; background-size:6px auto;}
.ibox .right .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.ibox .right .swi .swiper-button-next{ background-image:url(../images/next.png);}
.ibox .right .swi .swiper-button-prev:hover{ background-color:#006de6; background-image:url(../images/prev01.png);}
.ibox .right .swi .swiper-button-next:hover{ background-color:#006de6; background-image:url(../images/next01.png);}
}

/*marketing channel*/
@media screen and (min-width:1530px){
.mbox{ width:100%; position:relative; z-index:1; background-color:#f1f1f1; display:flex;}
.mbox .left{ padding:5.2vw 5%; padding-bottom:4.9479vw; width:40%;}
.mbox .left .line{ width:100px; height:4px; background-color:#333; margin-top:1.5625vw;}
.mbox .left .tu{ margin-top:2.6vw; border-radius:10px;}
.mbox .left .tu a{ width:100%; border-radius:10px; display:block; overflow:hidden; position:relative; padding-top:47.12%;}
.mbox .left .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .left .tu a b{ display:block; width:100%; padding:0 1.5625vw; font-size:24px; line-height:60px; height:60px; font-weight:bold; background-color:rgba(0,0,0,.7); color:#fff; text-transform:capitalize; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2;}
.mbox .left .tu a:hover b{ background-color:rgba(0,109,230,.9);}
.mbox .left .list{ display:flex; justify-content:space-between; margin-top:2.08vw;}
.mbox .left .list li{ display:block; margin-right:3%;}
.mbox .left .list li:last-child{ margin-right:0;}
.mbox .left .list li b{ display:block; font-size:48px; line-height:1;}
.mbox .left .list li p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:.26vw;}
.mbox .right{ padding:5.2vw 5%; padding-bottom:4.84375vw; width:40%; background-position:center; background-size:cover; position:relative; z-index:1;}
.mbox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.mbox .right .box{ width:100%; position:relative; z-index:3;}
.mbox .right .list{ display:flex; justify-content:space-between; margin-bottom:2.08vw;}
.mbox .right .list li{ display:block; margin-right:3%;}
.mbox .right .list li:last-child{ margin-right:0;}
.mbox .right .list li b{ display:block; font-size:48px; line-height:1; color:#fff;}
.mbox .right .list li p{ display:block; font-size:16px; line-height:26px; color:#999; margin-top:.26vw;}
.mbox .right .tu{ border-radius:10px;}
.mbox .right .tu a{ width:100%; border-radius:10px; display:block; overflow:hidden; position:relative; padding-top:47.12%;}
.mbox .right .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .right .bt{ margin-top:1.82vw;}
.mbox .right .bt a{ display:block; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.mbox .right .bt a:hover{ color:#ffab17;}
.mbox .right .wen{ display:block; font-size:16px; line-height:30px; color:#fff; margin-top:1.04vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.mbox{ width:100%; position:relative; z-index:1; background-color:#f1f1f1; display:flex;}
.mbox .left{ padding:5.2vw 5%; padding-bottom:4.9479vw; width:40%;}
.mbox .left .line{ width:80px; height:3px; background-color:#333; margin-top:1.5625vw;}
.mbox .left .tu{ margin-top:2.6vw; border-radius:10px;}
.mbox .left .tu a{ width:100%; border-radius:10px; display:block; overflow:hidden; position:relative; padding-top:47.12%;}
.mbox .left .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .left .tu a b{ display:block; width:100%; padding:0 1.5625vw; font-size:21px; line-height:49px; height:49px; font-weight:bold; background-color:rgba(0,0,0,.7); color:#fff; text-transform:capitalize; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2;}
.mbox .left .tu a:hover b{ background-color:rgba(0,109,230,.9);}
.mbox .left .list{ display:flex; justify-content:space-between; margin-top:2.08vw;}
.mbox .left .list li{ display:block; margin-right:3%;}
.mbox .left .list li:last-child{ margin-right:0;}
.mbox .left .list li b{ display:block; font-size:38px; line-height:1;}
.mbox .left .list li p{ display:block; font-size:15px; line-height:25px; color:#666; margin-top:.26vw;}
.mbox .right{ padding:5.2vw 5%; padding-bottom:4.84375vw; width:40%; background-position:center; background-size:cover; position:relative; z-index:1;}
.mbox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.mbox .right .box{ width:100%; position:relative; z-index:3;}
.mbox .right .list{ display:flex; justify-content:space-between; margin-bottom:2.08vw;}
.mbox .right .list li{ display:block; margin-right:3%;}
.mbox .right .list li:last-child{ margin-right:0;}
.mbox .right .list li b{ display:block; font-size:38px; line-height:1; color:#fff;}
.mbox .right .list li p{ display:block; font-size:15px; line-height:25px; color:#999; margin-top:.26vw;}
.mbox .right .tu{ border-radius:10px;}
.mbox .right .tu a{ width:100%; border-radius:10px; display:block; overflow:hidden; position:relative; padding-top:47.12%;}
.mbox .right .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .right .bt{ margin-top:1.82vw;}
.mbox .right .bt a{ display:block; font-size:21px; line-height:31px; font-weight:bold; color:#fff;}
.mbox .right .bt a:hover{ color:#ffab17;}
.mbox .right .wen{ display:block; font-size:15px; line-height:27px; color:#fff; margin-top:1.04vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
}
@media only screen and (max-width:1023px){
.mbox{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.mbox .left{ padding:40px 3%; padding-bottom:35px; width:94%;}
.mbox .left .line{ width:60px; height:2px; background-color:#333; margin-top:5px;}
.mbox .left .tu{ margin-top:20px; border-radius:10px;}
.mbox .left .tu a{ width:100%; border-radius:10px; display:block; overflow:hidden; position:relative; padding-top:47.12%;}
.mbox .left .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .left .tu a b{ display:block; width:100%; padding:0 15px; font-size:18px; line-height:40px; height:40px; font-weight:bold; background-color:rgba(0,0,0,.7); color:#fff; text-transform:capitalize; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2;}
.mbox .left .tu a:hover b{ background-color:rgba(0,109,230,.9);}
.mbox .left .list{ display:flex; justify-content:space-between; margin-top:15px;}
.mbox .left .list li{ display:block; margin-right:3%;}
.mbox .left .list li:last-child{ margin-right:0;}
.mbox .left .list li b{ display:block; font-size:28px; line-height:1;}
.mbox .left .list li p{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.mbox .right{ padding:35px 3%; width:94%; background-position:center; background-size:cover; position:relative; z-index:1;}
.mbox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.mbox .right .box{ width:100%; position:relative; z-index:3;}
.mbox .right .list{ display:flex; justify-content:space-between; margin-bottom:15px;}
.mbox .right .list li{ display:block; margin-right:3%;}
.mbox .right .list li:last-child{ margin-right:0;}
.mbox .right .list li b{ display:block; font-size:28px; line-height:1; color:#fff;}
.mbox .right .list li p{ display:block; font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.mbox .right .tu{ border-radius:10px;}
.mbox .right .tu a{ width:100%; border-radius:10px; display:block; overflow:hidden; position:relative; padding-top:47.12%;}
.mbox .right .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.mbox .right .bt{ margin-top:10px;}
.mbox .right .bt a{ display:block; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.mbox .right .bt a:hover{ color:#ffab17;}
.mbox .right .wen{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
}

/*news*/
@media screen and (min-width:1530px){
.nbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.nbox .title .more{ position:absolute; right:0; bottom:10px;}
.nbox .box{ width:100%;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.nbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; position:relative; z-index:1;}
.nbox .box .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.nbox .box .list li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.nbox .box .list li .fen{ position:absolute; left:1.04vw; top:1.04vw; z-index:3;}
.nbox .box .list li .fen a{ display:block; padding:0 0.78125vw; font-size:16px; height:40px; line-height:40px; border-radius:5px; background-color:rgba(255,255,255,.9); overflow:hidden;}
.nbox .box .list li .fen a:hover{ background-color:rgba(255,171,23,.9); color:#fff;}
.nbox .box .list li .wen{ padding:1.82vw 1.5625vw; position:relative; z-index:1;}
.nbox .box .list li .wen .w01{ width:100%; font-size:16px; line-height:26px; color:#999; font-weight:bold;}
.nbox .box .list li .wen .w02{ width:100%; margin-top:0.26vw; font-weight:bold;}
.nbox .box .list li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .list li .wen .w02 a:hover{ color:#006de6;}
.nbox .box .list li .wen .w03{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:0.52vw; display:none;}
.nbox .box .list li .wen .w04{ width:100%; margin-top:0.78125vw; font-weight:bold;}
.nbox .box .list li .wen .w04 a{ width:100%; font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden;}
.nbox .box .list li .wen .w04 a:hover{ color:#006de6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.nbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.nbox .title .more{ position:absolute; right:0; bottom:10px;}
.nbox .box{ width:100%;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.nbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; position:relative; z-index:1;}
.nbox .box .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.nbox .box .list li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.nbox .box .list li .fen{ position:absolute; left:1.04vw; top:1.04vw; z-index:3;}
.nbox .box .list li .fen a{ display:block; padding:0 0.78125vw; font-size:15px; height:35px; line-height:35px; border-radius:5px; background-color:rgba(255,255,255,.9); overflow:hidden;}
.nbox .box .list li .fen a:hover{ background-color:rgba(255,171,23,.9); color:#fff;}
.nbox .box .list li .wen{ padding:1.82vw 1.5625vw; position:relative; z-index:1;}
.nbox .box .list li .wen .w01{ width:100%; font-size:15px; line-height:25px; color:#999; font-weight:bold;}
.nbox .box .list li .wen .w02{ width:100%; margin-top:0.26vw; font-weight:bold;}
.nbox .box .list li .wen .w02 a{ width:100%; font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .list li .wen .w02 a:hover{ color:#006de6;}
.nbox .box .list li .wen .w03{ width:100%; font-size:15px; line-height:25px; height:50px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:0.52vw; display:none;}
.nbox .box .list li .wen .w04{ width:100%; margin-top:0.78125vw; font-weight:bold;}
.nbox .box .list li .wen .w04 a{ width:100%; font-size:15px; line-height:25px; height:25px; display:block; overflow:hidden;}
.nbox .box .list li .wen .w04 a:hover{ color:#006de6;}
}
@media only screen and (max-width:1023px){
.nbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.nbox .title .more{ margin-top:10px;}
.nbox .box{ width:100%;}
.nbox .box .list{ width:100%; display:block; padding-top:5px;}
.nbox .box .list li{ width:48.5%; margin-top:15px; margin-left:3%; float:left; display:block; background-color:#fff; border-radius:5px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.nbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; position:relative; z-index:1;}
.nbox .box .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.nbox .box .list li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.nbox .box .list li .fen{ position:absolute; left:10px; top:10px; z-index:3;}
.nbox .box .list li .fen a{ display:block; padding:0 5px; font-size:14px; height:30px; line-height:30px; border-radius:5px; background-color:rgba(255,255,255,.9); overflow:hidden;}
.nbox .box .list li .fen a:hover{ background-color:rgba(255,171,23,.9); color:#fff;}
.nbox .box .list li .wen{ padding:10px; position:relative; z-index:1;}
.nbox .box .list li .wen .w01{ width:100%; font-size:14px; line-height:24px; color:#999; font-weight:bold;}
.nbox .box .list li .wen .w02{ width:100%; font-weight:bold;}
.nbox .box .list li .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .list li .wen .w02 a:hover{ color:#006de6;}
.nbox .box .list li .wen .w03{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:5px; display:none;}
.nbox .box .list li .wen .w04{ width:100%; margin-top:5px; font-weight:bold;}
.nbox .box .list li .wen .w04 a{ width:100%; font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden;}
.nbox .box .list li .wen .w04 a:hover{ color:#006de6;}
}
.nbox .box .list li:nth-child(n+5){ display:none;}

/*footer*/
@media screen and (min-width:1530px){
.footer{ width:100%; position:relative; z-index:1; background-color:#006de6;}
.footer .foot{ width:90%; padding:3.3854vw 5%; padding-bottom:2.34375vw;}
.footer .foot .left{ width:23.73%; float:left;}
.footer .foot .left .f01{ height:40px; padding-top:5px;}
.footer .foot .left .f01 img{ max-width:100%; max-height:60px; display:block; filter: brightness(0) invert(1);}
.footer .foot .left .f02{ font-size:16px; line-height:26px; color:#fff; opacity:.7; margin-top:1.3vw;}
.footer .foot .left .f03{ font-size:16px; line-height:26px; color:#fff; font-weight:bold; margin-top:0.78125vw;}
.footer .foot .left .f04{ width:100%;  font-size:16px; line-height:26px; color:#fff; display:block; opacity:.7;}
.footer .foot .left .f04>div{ font-size:16px; line-height:26px; color:#fff; display:block; opacity:.7; margin-top:4px;}
.footer .foot .right{ width:68.29%; float:right; display:flex; justify-content:space-between;}
.footer .foot .right dl{ display:block;}
.footer .foot .right dl dt{ display:block;}
.footer .foot .right dl dt a{ display:block; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.footer .foot .right dl dd{ display:block; padding-top:0.52vw; margin-bottom:1.82vw;}
.footer .foot .right dl dd:last-child{ margin-bottom:0;}
.footer .foot .right dl dd a{ display:block; font-size:16px; line-height:26px; color:#fff; opacity:.7; margin-top:4px;}
.footer .foot .right dl dd a:hover{ opacity:1;}
.footer .bq{ width:90%; margin:auto; height:54px; border-top:1px solid rgba(255,255,255,.2);}
.footer .bq .left{ font-size:16px; line-height:54px; height:54px; color:#fff; opacity:.7;  text-align: center;}
.footer .bq .right{ display:none; align-items:center; float:right; height:54px;}
.footer .bq .right span{ display:block; float:left; font-size:16px; color:#fff; text-transform:capitalize;}
.footer .bq .right a{ display:block; float:left; height:18px; margin-right:0.78125vw;}
.footer .bq .right a:last-child{ margin-right:0;}
.footer .bq .right a img{ display:block; height:18px; opacity:.7;}
.footer .bq .right a:hover img{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.footer{ width:100%; position:relative; z-index:1; background-color:#006de6;}
.footer .foot{ width:90%; padding:3.3854vw 5%; padding-bottom:2.34375vw;}
.footer .foot .left{ width:25%; float:left;}
.footer .foot .left .f01{ height:40px; padding-top:5px;}
.footer .foot .left .f01 img{ max-width:100%; max-height:60px; display:block; filter: brightness(0) invert(1);}
.footer .foot .left .f02{ font-size:15px; line-height:25px; color:#fff; opacity:.7; margin-top:1.3vw;}
.footer .foot .left .f03{ font-size:15px; line-height:25px; color:#fff; font-weight:bold; margin-top:0.78125vw;}
.footer .foot .left .f04{ width:100%; font-size:15px; line-height:25px; color:#fff; display:block; opacity:.7;}
.footer .foot .left .f04>div{ font-size:15px; line-height:25px; color:#fff; display:block; opacity:.7; margin-top:4px;}
.footer .foot .right{ width:70%; float:right; display:flex; justify-content:space-between;}
.footer .foot .right dl{ display:block;}
.footer .foot .right dl dt{ display:block;}
.footer .foot .right dl dt a{ display:block; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .right dl dd{ display:block; padding-top:0.52vw; margin-bottom:1.82vw;}
.footer .foot .right dl dd:last-child{ margin-bottom:0;}
.footer .foot .right dl dd a{ display:block; font-size:15px; line-height:25px; color:#fff; opacity:.7; margin-top:4px;}
.footer .foot .right dl dd a:hover{ opacity:1;}
.footer .bq{ width:90%; margin:auto; height:48px; border-top:1px solid rgba(255,255,255,.2);}
.footer .bq .left{ font-size:15px; line-height:48px; height:48px; color:#fff; opacity:.7; text-align: center;}
.footer .bq .right{ display:none; align-items:center; float:right; height:48px;}
.footer .bq .right span{ display:block; float:left; font-size:15px; color:#fff; text-transform:capitalize;}
.footer .bq .right a{ display:block; float:left; height:18px; margin-right:0.78125vw;}
.footer .bq .right a:last-child{ margin-right:0;}
.footer .bq .right a img{ display:block; height:18px; opacity:.7;}
.footer .bq .right a:hover img{ opacity:1;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; position:relative; z-index:1; background-color:#006de6;}
.footer .foot{ width:94%; padding:30px 3%; padding-bottom:15px;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .left .f01{ height:30px;}
.footer .foot .left .f01 img{ max-width:100%; max-height:30px; display:block; margin:auto; filter: brightness(0) invert(1);}
.footer .foot .left .f02{ font-size:14px; line-height:24px; color:#fff; opacity:.7; margin-top:15px;}
.footer .foot .left .f03{ font-size:14px; line-height:24px; color:#fff; font-weight:bold; margin-top:10px;}
.footer .foot .left .f04{ width:100%; font-size:14px; line-height:24px; color:#fff; display:block; opacity:.7;}
.footer .foot .left .f04>div{ font-size:14px; line-height:24px; color:#fff; display:block; opacity:.7; margin-top:2px;}
.footer .foot .right{ display:none;}
.footer .bq{ width:94%; margin:auto; border-top:1px solid rgba(255,255,255,.2); padding-top:12px; padding-bottom:12px;}
.footer .bq .left{ font-size:14px; line-height:20px; color:#fff; opacity:.7; text-align:center; padding-bottom:5px;}
.footer .bq .right{ display:none; align-items:center; justify-content:center;}
.footer .bq .right span{ display:none; float:left; font-size:14px; color:#fff; text-transform:capitalize;}
.footer .bq .right a{ display:block; float:left; height:18px; margin:5px; margin-bottom:0;}
.footer .bq .right a:last-child{ margin-right:0;}
.footer .bq .right a img{ display:block; height:18px; opacity:.7;}
.footer .bq .right a:hover img{ opacity:1;}
}

/*右侧客服*/
@media screen and (min-width:1530px){
.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-color:#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; background-position:center; background-repeat:no-repeat; background-size:20px;}
.kefu ul li:hover a.kf-gy{ background-color:#ffab17; color:#fff; border:1px solid #ffab17;}
.kefu ul li a.kf-a1{ background-image:url(../images/kf-a1.png);}
.kefu ul li a.kf-b1{ background-image:url(../images/kf-b1.png);}
.kefu ul li a.kf-c1{ background-image:url(../images/kf-c1.png);}
.kefu ul li a.kf-e1{ background-image:url(../images/kf-e1.png); margin-top:20px;}
.kefu ul li a.kf-a1:hover{ background-image:url(../images/kf-a2.png);}
.kefu ul li a.kf-b1:hover{ background-image:url(../images/kf-b2.png);}
.kefu ul li a.kf-c1:hover{ background-image:url(../images/kf-c2.png);}
.kefu ul li a.kf-e1:hover{ background-image:url(../images/kf-e2.png)}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:8px 20px; color:#161616; font-size:16px; line-height:24px; 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:#006de6;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#006de6;}
.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:"";}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.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-color:#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; background-position:center; background-repeat:no-repeat; background-size:20px;}
.kefu ul li:hover a.kf-gy{ background-color:#ffab17; color:#fff; border:1px solid #ffab17;}
.kefu ul li a.kf-a1{ background-image:url(../images/kf-a1.png);}
.kefu ul li a.kf-b1{ background-image:url(../images/kf-b1.png);}
.kefu ul li a.kf-c1{ background-image:url(../images/kf-c1.png);}
.kefu ul li a.kf-e1{ background-image:url(../images/kf-e1.png); margin-top:20px;}
.kefu ul li a.kf-a1:hover{ background-image:url(../images/kf-a2.png);}
.kefu ul li a.kf-b1:hover{ background-image:url(../images/kf-b2.png);}
.kefu ul li a.kf-c1:hover{ background-image:url(../images/kf-c2.png);}
.kefu ul li a.kf-e1:hover{ background-image:url(../images/kf-e2.png)}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:6px 20px; color:#161616; font-size:16px; line-height:24px; 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:#006de6;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#006de6;}
.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:"";}
}
@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:#ffab17; color:#fff; border:1px solid #ffab17;}
.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 #ffab17; border:1px solid #ffab17; background-size:20px;}
}

/*产品*/
@media screen and (min-width:1530px){
.wei{ width:90%; padding:0 5%; display:flex; position:relative; z-index:1; background-color:#f1f1f1;}
.wei .left{ flex:1; padding-top:14px;}
.wei .left span{ display:block; font-size:16px; line-height:36px; margin-right:1.5625vw; margin-bottom:14px; float:left;}
.wei .left a{ display:block; font-size:16px; line-height:36px; height:36px; padding:0 1.04vw; color:#006de6; background-color:#fff; cursor:pointer; border-radius:36px; overflow:hidden; float:left; margin-bottom:14px; margin-right:1.04vw;}
.wei .left a img{ display:block; height:12px; margin-top:12px; margin-left:0.52vw; float:right;}
.wei .right{ padding:14px 0; font-size:14px; line-height:36px;}
.wei .right a:hover{ color:#006de6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.wei{ width:90%; padding:0 5%; display:flex; position:relative; z-index:1; background-color:#f1f1f1;}
.wei .left{ flex:1; padding-top:10px;}
.wei .left span{ display:block; font-size:15px; line-height:33px; margin-right:1.5625vw; margin-bottom:10px; float:left;}
.wei .left a{ display:block; font-size:15px; line-height:33px; height:33px; padding:0 1.04vw; color:#006de6; background-color:#fff; cursor:pointer; border-radius:36px; overflow:hidden; float:left; margin-bottom:10px; margin-right:1.04vw;}
.wei .left a img{ display:block; height:11px; margin-top:11px; margin-left:0.52vw; float:right;}
.wei .right{ padding:10px 0; font-size:13px; line-height:33px;}
.wei .right a:hover{ color:#006de6;}
}
@media only screen and (max-width:1023px){
.wei{ width:94%; padding:0 3%; position:relative; z-index:1; background-color:#f1f1f1;}
.wei .left{ margin-left:-10px; padding-top:10px;}
.wei .left span{ display:block; font-size:14px; line-height:30px; margin-left:10px; margin-bottom:5px; float:left;}
.wei .left a{ display:block; font-size:14px; line-height:30px; height:30px; padding:0 10px; color:#006de6; background-color:#fff; cursor:pointer; border-radius:36px; overflow:hidden; float:left; margin-bottom:5px; margin-left:10px;}
.wei .left a img{ display:block; height:10px; margin-top:10px; margin-left:5px; float:right;}
.wei .right{ padding-bottom:5px; font-size:12px; line-height:22px;}
.wei .right a:hover{ color:#006de6;}
}

/*左侧筛选*/
#div1 span input[type="checkbox"],
#div2 span input[type="checkbox"] {
  pointer-events: none; /* 复选框本身不接收鼠标事件 */
}
@media screen and (min-width:1530px){
.pro{ width:90%; padding:3.6458vw 5%; padding-bottom:5.2vw; display:flex;}
.pro .lbar{ width:21.19%; min-width:300px; margin-top:-5px;}
.pro .lbar .bt{ width:100%; font-size:24px; line-height:34px; font-weight:bold; text-transform:uppercase;}
.pro .lbar .list{ width:100%; display:block;}
.pro .lbar .list>li{ display:block; margin-top:1.04vw;}
.pro .lbar .list>li>a{ font-size:18px; line-height:28px; text-transform:uppercase; display:block; font-weight:bold; padding-left:20px; background-image:url(../images/add01.png); background-position:left 9px; background-repeat:no-repeat; cursor:pointer;}
.pro .lbar .list>li>a.inactives{ background-image:url(../images/add.png);}
.pro .lbar .list>li>ul{ padding-left:20px; display:none;}
.pro .lbar .list>li>ul>li{ display:block; margin-top:0.78125vw;}
.pro .lbar .list>li>ul>li>a{ display:block; font-size:16px; line-height:26px; font-weight:bold; color:#666; cursor:pointer;}
.pro .lbar .list>li>ul>li>a.inactives{ color:#006de6;}
.pro .lbar .list>li>ul>li>ul{ padding-left:20px; display:none;}
.pro .lbar .list>li>ul>li>ul>li{ display:block; margin-top:4px;}
.pro .lbar .list>li>ul>li>ul>li>a{ display:block; position:relative; font-size:16px; line-height:26px; color:#999;}
.pro .lbar .list>li>ul>li>ul>li>a.cur{ color:#006de6;}
.pro .lbar .line{ width:80px; height:1px; background-color:#ddd; margin:1.82vw 0;}
.pro .lbar .list>li>ul>div>span{ display:block; margin-top:0.52vw; font-size:16px; line-height:26px; color:#666; cursor:pointer; overflow:hidden;}
.pro .lbar .list>li>ul>div>span input{ margin-right:10px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro{ width:90%; padding:3.6458vw 5%; padding-bottom:5.2vw; display:flex;}
.pro .lbar{ width:21.19%; min-width:200px; margin-top:-5px;}
.pro .lbar .bt{ width:100%; font-size:21px; line-height:31px; font-weight:bold; text-transform:uppercase;}
.pro .lbar .list{ width:100%; display:block;}
.pro .lbar .list>li{ display:block; margin-top:1.04vw;}
.pro .lbar .list>li>a{ font-size:17px; line-height:27px; text-transform:uppercase; display:block; font-weight:bold; padding-left:15px; background-image:url(../images/add01.png); background-position:left 8px; background-repeat:no-repeat; cursor:pointer;}
.pro .lbar .list>li>a.inactives{ background-image:url(../images/add.png);}
.pro .lbar .list>li>ul{ padding-left:15px; display:none;}
.pro .lbar .list>li>ul>li{ display:block; margin-top:0.78125vw;}
.pro .lbar .list>li>ul>li>a{ display:block; font-size:15px; line-height:25px; font-weight:bold; color:#666; cursor:pointer;}
.pro .lbar .list>li>ul>li>a.inactives{ color:#006de6;}
.pro .lbar .list>li>ul>li>ul{ padding-left:15px; display:none;}
.pro .lbar .list>li>ul>li>ul>li{ display:block; margin-top:4px;}
.pro .lbar .list>li>ul>li>ul>li>a{ display:block; position:relative; font-size:15px; line-height:25px; color:#999;}
.pro .lbar .list>li>ul>li>ul>li>a.cur{ color:#006de6;}
.pro .lbar .line{ width:60px; height:1px; background-color:#ddd; margin:1.82vw 0;}
.pro .lbar .list>li>ul>div>span{ display:block; margin-top:0.52vw; font-size:15px; line-height:25px; color:#666; cursor:pointer; overflow:hidden;}
.pro .lbar .list>li>ul>div>span input{ margin-right:7px;}
}
@media only screen and (max-width:1023px){
.pro{ width:100%; padding-bottom:40px;}
.pro .lbar{ width:100%; position:relative; position:relative; height:40px; padding:15px 0; z-index:3;}
.pro .lbar .bt{ width:45.5%; font-size:18px; line-height:40px; height:40px; overflow:hidden; font-weight:bold; text-transform:uppercase; float:left; text-align:center; position:relative; z-index:3; background-color:#f1f1f1; float:left; margin-left:3%; border-radius:5px;}
.pro .lbar .list{ width:100%; padding:10px 3%; box-sizing:border-box; padding-bottom:20px; display:none; position:absolute; left:0; top:55px; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.1); z-index:1;}
.pro .lbar .list.open{ display:block;}
.pro .lbar .list>li{ display:block; margin-top:10px;}
.pro .lbar .list>li>a{ font-size:16px; line-height:26px; text-transform:uppercase; display:block; font-weight:bold; padding-left:15px; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer;}
.pro .lbar .list>li>a.inactives{ background-image:url(../images/add.png);}
.pro .lbar .list>li>ul{ padding-left:15px; display:none;}
.pro .lbar .list>li>ul>li{ display:block; margin-top:5px;}
.pro .lbar .list>li>ul>li>a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#666; cursor:pointer;}
.pro .lbar .list>li>ul>li>a.inactives{ color:#006de6;}
.pro .lbar .list>li>ul>li>ul{ padding-left:15px; display:none;}
.pro .lbar .list>li>ul>li>ul>li{ display:block; margin-top:2px;}
.pro .lbar .list>li>ul>li>ul>li>a{ display:block; position:relative; font-size:14px; line-height:24px; color:#999;}
.pro .lbar .list>li>ul>li>ul>li>a.cur{ color:#006de6;}
.pro .lbar .line{ display:none;}
.pro .lbar .list>li>ul>div>span{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#666; cursor:pointer; overflow:hidden;}
.pro .lbar .list>li>ul>div>span input{ margin-right:5px;}
}

/*右侧列表*/
@media screen and (min-width:1530px){
.pro .rbar{ flex:1; margin-left:3%;}
.pro .rbar .bt{ width:100%;}
.pro .rbar .bt .left{ float:left; font-size:20px; line-height:30px; padding:5px 0; font-weight:bold;}
.pro .rbar .bt .left a{ color:#006de6;}
.pro .rbar .bt .right{ float:right;}
.pro .rbar .bt .right .sel{ border:1px solid #eee; height:38px; border-radius:10px; float:left; width:15.52vw;}
.pro .rbar .bt .right .sel select{ width:100%; height:38px; line-height:38px; font-size:16px; display:block; text-indent:1.04vw; background-image:url(../images/sel.png); background-position:right 0.78125vw center; background-repeat:no-repeat;}
.pro .rbar .bt .right .ser{ border:1px solid #eee; height:38px; border-radius:10px; float:left; width:15.52vw; margin-left:1.04vw;}
.pro .rbar .bt .right .ser p{ width:calc(100% - 38px); height:38px; display:block; float:left; padding-left:1.04vw; overflow:hidden; box-sizing:border-box;}
.pro .rbar .bt .right .ser p input{ width:100%; font-size:16px; height:38px; line-height:38px; display:block; overflow:hidden;}
.pro .rbar .bt .right .ser a{ width:38px; height:38px; display:block; float:left; overflow:hidden;}
.pro .rbar .bt .right .ser a input{ width:100%; height:38px; display:block; overflow:hidden; background-color:#fff; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}

.pro .rbar .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.pro .rbar .list li{ width:24.025%; border:1px solid #eee; box-sizing: border-box; margin-top:1.04vw; margin-left:1.3%; display:flex; flex-direction:column; background-color:#fff; border-radius:10px; overflow:hidden;}
.pro .rbar .list li:nth-child(4n+1){ margin-left:0;}
.pro .rbar .list li .tu{ width:100%; position:relative; z-index:1; background-color:#fff;}
.pro .rbar .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:100%;}
.pro .rbar .list li .tu a img{ width:100%; height:100%; display:block; object-fit:contain; position:absolute; left:0; top:0; z-index:1; padding:8%; box-sizing:border-box; transition:transform .5s;}
.pro .rbar .list li:hover .tu a img{ transform:scale(1.05);}
.pro .rbar .list li .tu a span{ position:absolute; right:0; top:0; z-index:3; display:block; padding:0 .52vw; font-size:16px; height:36px; line-height:36px; border-bottom-left-radius:10px; background-color:#ffab17; color:#fff; overflow:hidden; text-transform:uppercase;}
.pro .rbar .list li .wen{ padding:1.3vw 1.04vw; position:relative; z-index:1; flex:1;}
.pro .rbar .list li .wen>a{ display:block; overflow:hidden; width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold;}
.pro .rbar .list li .wen>a:hover{ color:#006de6;}
.pro .rbar .list li .wen span{ display:block; width:100%; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin-top:.52vw; color:#666;}
.pro .rbar .list li .wen p{ display:block; width:100%; overflow:hidden; margin-top:.52vw;}
.pro .rbar .list li .wen p b{ display:block; float:left; font-size:16px; line-height:26px; color:#006de6;}
.pro .rbar .list li .wen p a{ display:block; float:right; font-size:14px; line-height:26px; color:#999;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ display:inline-block; margin:0 3px; vertical-align:middle;}
.fanye li a{ display:block; width:34px; height:34px; line-height:34px; font-size:16px; border-radius:5px; overflow:hidden; text-align:center; cursor:pointer; border:1px solid #eee;}
.fanye li a:hover{ border:1px solid #006de6; color:#006de6;}
.fanye li span{ display:block; width:34px; height:34px; line-height:34px; font-size:16px; border-radius:5px; overflow:hidden; text-align:center; cursor:pointer; border:1px solid #eee;}
.fanye li span.active{ background-color:#006de6; border:1px solid #006de6; color:#fff;}
.fanye li b{ width:6px; height:6px; display:inline-block; vertical-align:middle; background-color:#333; margin:0 2px; overflow:hidden; border-radius:100%;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro .rbar{ flex:1; margin-left:3%;}
.pro .rbar .bt{ width:100%;}
.pro .rbar .bt .left{ float:left; font-size:18px; line-height:28px; padding:5px 0; font-weight:bold;}
.pro .rbar .bt .left a{ color:#006de6;}
.pro .rbar .bt .right{ float:right;}
.pro .rbar .bt .right .sel{ border:1px solid #eee; height:36px; border-radius:10px; float:left; width:15.52vw;}
.pro .rbar .bt .right .sel select{ width:100%; height:36px; line-height:36px; font-size:15px; display:block; text-indent:1.04vw; background-image:url(../images/sel.png); background-position:right 0.78125vw center; background-repeat:no-repeat;}
.pro .rbar .bt .right .ser{ border:1px solid #eee; height:36px; border-radius:10px; float:left; width:15.52vw; margin-left:1.04vw;}
.pro .rbar .bt .right .ser p{ width:calc(100% - 36px); height:36px; display:block; float:left; padding-left:1.04vw; overflow:hidden; box-sizing:border-box;}
.pro .rbar .bt .right .ser p input{ width:100%; font-size:15px; height:36px; line-height:36px; display:block; overflow:hidden;}
.pro .rbar .bt .right .ser a{ width:36px; height:36px; display:block; float:left; overflow:hidden;}
.pro .rbar .bt .right .ser a input{ width:100%; height:36px; display:block; overflow:hidden; background-color:#fff; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}

.pro .rbar .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.pro .rbar .list li{ width:24.025%; border:1px solid #eee; box-sizing: border-box; margin-top:1.04vw; margin-left:1.3%; display:flex; flex-direction:column; background-color:#fff; border-radius:10px; overflow:hidden;}
.pro .rbar .list li:nth-child(4n+1){ margin-left:0;}
.pro .rbar .list li .tu{ width:100%; position:relative; z-index:1; background-color:#fff;}
.pro .rbar .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:100%;}
.pro .rbar .list li .tu a img{ width:100%; height:100%; display:block; object-fit:contain; position:absolute; left:0; top:0; z-index:1; padding:8%; box-sizing:border-box; transition:transform .5s;}
.pro .rbar .list li:hover .tu a img{ transform:scale(1.05);}
.pro .rbar .list li .tu a span{ position:absolute; right:0; top:0; z-index:3; display:block; padding:0 .52vw; font-size:15px; height:33px; line-height:33px; border-bottom-left-radius:10px; background-color:#ffab17; color:#fff; overflow:hidden; text-transform:uppercase;}
.pro .rbar .list li .wen{ padding:1.3vw 1.04vw; position:relative; z-index:1; flex:1;}
.pro .rbar .list li .wen>a{ display:block; overflow:hidden; width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pro .rbar .list li .wen>a:hover{ color:#006de6;}
.pro .rbar .list li .wen span{ display:block; width:100%; font-size:15px; line-height:25px; height:50px; overflow:hidden; margin-top:.52vw; color:#666;}
.pro .rbar .list li .wen p{ display:block; width:100%; overflow:hidden; margin-top:.52vw;}
.pro .rbar .list li .wen p b{ display:block; float:left; font-size:15px; line-height:25px; color:#006de6;}
.pro .rbar .list li .wen p a{ display:block; float:right; font-size:13px; line-height:25px; color:#999;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ display:inline-block; margin:0 3px; vertical-align:middle;}
.fanye li a{ display:block; width:31px; height:31px; line-height:31px; font-size:15px; border-radius:5px; overflow:hidden; text-align:center; cursor:pointer; border:1px solid #eee;}
.fanye li a:hover{ border:1px solid #006de6; color:#006de6;}
.fanye li span{ display:block; width:31px; height:31px; line-height:31px; font-size:15px; border-radius:5px; overflow:hidden; text-align:center; cursor:pointer; border:1px solid #eee;}
.fanye li span.active{ background-color:#006de6; border:1px solid #006de6; color:#fff;}
.fanye li b{ width:5px; height:5px; display:inline-block; vertical-align:middle; background-color:#333; margin:0 2px; overflow:hidden; border-radius:100%;}
}
@media only screen and (max-width:1023px){
.pro .rbar{ width:94%; margin:0 3%; float:right; position:relative; z-index:1;}
.pro .rbar .bt{ width:100%;}
.pro .rbar .bt .left{ font-size:16px; line-height:26px; padding:5px 0; font-weight:bold;}
.pro .rbar .bt .left a{ color:#006de6;}
.pro .rbar .bt .right{ width:100%;}
.pro .rbar .bt .right .sel{ border:1px solid #eee; height:36px; border-radius:5px; float:left; width:calc(100% - 2px);}
.pro .rbar .bt .right .sel select{ width:100%; height:36px; line-height:36px; font-size:15px; display:block; text-indent:15px; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat;}
.pro .rbar .bt .right .ser{ border:1px solid #eee; height:36px; border-radius:5px; float:left; width:calc(100% - 2px); margin-top:10px;}
.pro .rbar .bt .right .ser p{ width:calc(100% - 36px); height:36px; display:block; float:left; padding-left:15px; overflow:hidden; box-sizing:border-box;}
.pro .rbar .bt .right .ser p input{ width:100%; font-size:15px; height:36px; line-height:36px; display:block; overflow:hidden;}
.pro .rbar .bt .right .ser a{ width:36px; height:36px; display:block; float:left; overflow:hidden;}
.pro .rbar .bt .right .ser a input{ width:100%; height:36px; display:block; overflow:hidden; background-color:#fff; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}

.pro .rbar .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pro .rbar .list li{ width:48.5%; border:1px solid #eee; box-sizing: border-box; margin-top:15px; margin-left:3%; display:flex; flex-direction:column; background-color:#fff; border-radius:5px; overflow:hidden;}
.pro .rbar .list li:nth-child(2n+1){ margin-left:0;}
.pro .rbar .list li .tu{ width:100%; position:relative; z-index:1; background-color:#fff;}
.pro .rbar .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:100%;}
.pro .rbar .list li .tu a img{ width:100%; height:100%; display:block; object-fit:contain; position:absolute; left:0; top:0; z-index:1; padding:8%; box-sizing:border-box; transition:transform .5s;}
.pro .rbar .list li:hover .tu a img{ transform:scale(1.05);}
.pro .rbar .list li .tu a span{ position:absolute; right:0; top:0; z-index:3; display:block; padding:0 5px; font-size:14px; height:30px; line-height:30px; border-bottom-left-radius:5px; background-color:#ffab17; color:#fff; overflow:hidden; text-transform:uppercase;}
.pro .rbar .list li .wen{ padding:10px; position:relative; z-index:1; flex:1;}
.pro .rbar .list li .wen>a{ display:block; overflow:hidden; width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.pro .rbar .list li .wen>a:hover{ color:#006de6;}
.pro .rbar .list li .wen span{ display:block; width:100%; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:.52vw; color:#666;}
.pro .rbar .list li .wen p{ display:block; width:100%; overflow:hidden; margin-top:.52vw;}
.pro .rbar .list li .wen p b{ display:block; float:left; font-size:14px; line-height:24px; color:#006de6;}
.pro .rbar .list li .wen p a{ display:block; float:right; font-size:12px; line-height:22px; color:#999;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ display:inline-block; margin:0 2px; vertical-align:middle;}
.fanye li a{ display:block; width:28px; height:28px; line-height:28px; font-size:14px; border-radius:5px; overflow:hidden; text-align:center; cursor:pointer; border:1px solid #eee;}
.fanye li a:hover{ border:1px solid #006de6; color:#006de6;}
.fanye li span{ display:block; width:28px; height:28px; line-height:28px; font-size:14px; border-radius:5px; overflow:hidden; text-align:center; cursor:pointer; border:1px solid #eee;}
.fanye li span.active{ background-color:#006de6; border:1px solid #006de6; color:#fff;}
.fanye li b{ width:4px; height:4px; display:inline-block; vertical-align:middle; background-color:#333; margin:0 1px; overflow:hidden; border-radius:100%;}
}

/*产品内页*/
@media screen and (min-width:1530px){
.wei01{ width:90%; padding:1.7368vw 5%; position:relative; z-index:1; background-color:#fff; font-size:14px; line-height:24px;}
.wei01 a:hover{ color:#006de6;}

.pro01{ width:90%; margin:auto; position:relative; z-index:1;}
.pro01 .left{ width:52.08%; float:left; height:calc(31.25vw + 2px); position:relative;}
.pro01 .left>div{ width:100%; height:100%; display:flex; align-items:center; justify-content:space-between; position:absolute; left:0; top:0; z-index:1; opacity:0; visibility:hidden;}
.pro01 .left>div.active{ opacity:1; visibility:visible; z-index:9;}
.pro01 .left .thumbs{ width:5.73vw;}
.pro01 .left .thumbs .swiper-button-white{ width:24px; height:13px; margin:auto; cursor:pointer;}
.pro01 .left .thumbs .swiper-button-prev{ background-image:url(../images/top.png);}
.pro01 .left .thumbs .swiper-button-next{ background-image:url(../images/bot.png);}
.pro01 .left .thumbs .gallery-thumbs{ width:100%; height:calc(22.92vw + 45px); overflow:hidden; margin:1.04vw 0;}
.pro01 .left .thumbs .gallery-thumbs .swiper-slide{ width:5.73vw; height:5.73vw; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .left .thumbs .gallery-thumbs .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.pro01 .left .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 .left .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #006de6;}
.pro01 .left .gallery-top{ width:84.44%; border:1px solid #ddd; border-radius:20px; box-sizing:border-box;}
.pro01 .left .gallery-top .swiper-slide{ width:100%; height:31.25vw; border-radius:20px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .left .gallery-top .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}

.pro01 .right{ width:42.13%; float:right;}
.pro01 .right .w01{ font-size:16px; line-height:26px;}
.pro01 .right .w01{ font-size:36px; line-height:46px; font-weight:bold;}
.pro01 .right .w03{ width:80px; height:4px; background-color:#ffab17; margin-top:0.78125vw;}
.pro01 .right .w04{ width:100%; padding-top:1.04vw; font-size: 24px; line-height: 34px; font-weight: bold;}
.pro01 .right .w04 p{ display:block; font-size:16px; line-height:26px; margin-top:.52vw;}
.pro01 .right .w05{ margin-top:1.04vw; display:flex; flex-wrap:wrap; align-items:center;}
.pro01 .right .w05 b{ display:block; font-size:30px; line-height:40px; color:#006de6; margin-right:1.04vw;}
.pro01 .right .w05 p{ display:block; font-size:16px; line-height:26px; color:#666;}
.pro01 .right .w06{ padding-top:1.3vw; margin-top:1.3vw; border-top:1px solid #eee; font-size:20px; line-height:30px; font-weight:bold;}
.pro01 .right .w07{ width:100%; display:block;}
.pro01 .right .w07 li{ display:flex; width:48.08%; margin-left:3.84%; float:left; font-size:16px; line-height:26px; margin-top:4px; overflow:hidden;}
.pro01 .right .w07 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro01 .right .w07 li b{ display:block; width:11px;}
.pro01 .right .w07 li p{ display:block; flex:1;}
.pro01 .right .w08{ width:100%; margin-top:1.3vw;}
.pro01 .right .w08 span{ font-size:18px; display:block; line-height:28px; font-weight: bold;}
.pro01 .right .w08 p{ margin-left:-10px; display:block; overflow:hidden;}
.pro01 .right .w08 p a{ cursor:pointer; display:block; float:left; margin-left:10px; margin-top:10px; width:30px; height:30px; box-sizing:border-box; border-radius:100%; border:1px solid #ddd; overflow:hidden;}
.pro01 .right .w08 p a.on{ border:3px solid #11263b;}
.pro01 .right .w08 p a b{ width:calc(100% - 4px); height:calc(100% - 4px); display:block; border-radius:100%; overflow:hidden; margin:2px;}
.pro01 .right .w09{ width:100%; margin-top:1.3vw; padding-top:5px;}
.pro01 .right .w09 span{ font-size:18px; display:block; line-height:28px; font-weight: bold;}
.pro01 .right .w09 p{ font-size:16px; line-height:26px; margin-top:5px; display:block; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.wei01{ width:90%; padding:1.7368vw 5%; position:relative; z-index:1; background-color:#fff; font-size:13px; line-height:23px;}
.wei01 a:hover{ color:#006de6;}

.pro01{ width:90%; margin:auto; position:relative; z-index:1;}
.pro01 .left{ width:52.08%; float:left; height:calc(31.25vw + 2px); position:relative;}
.pro01 .left>div{ width:100%; height:100%; display:flex; align-items:center; justify-content:space-between; position:absolute; left:0; top:0; z-index:1; opacity:0; visibility:hidden;}
.pro01 .left>div.active{ opacity:1; visibility:visible; z-index:9;}
.pro01 .left .thumbs{ width:5.73vw;}
.pro01 .left .thumbs .swiper-button-white{ width:24px; height:13px; margin:auto; cursor:pointer;}
.pro01 .left .thumbs .swiper-button-prev{ background-image:url(../images/top.png);}
.pro01 .left .thumbs .swiper-button-next{ background-image:url(../images/bot.png);}
.pro01 .left .thumbs .gallery-thumbs{ width:100%; height:calc(22.92vw + 45px); overflow:hidden; margin:1.04vw 0;}
.pro01 .left .thumbs .gallery-thumbs .swiper-slide{ width:5.73vw; height:5.73vw; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .left .thumbs .gallery-thumbs .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.pro01 .left .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 .left .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #006de6;}
.pro01 .left .gallery-top{ width:84.44%; border:1px solid #ddd; border-radius:20px; box-sizing:border-box;}
.pro01 .left .gallery-top .swiper-slide{ width:100%; height:31.25vw; border-radius:20px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .left .gallery-top .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}

.pro01 .right{ width:42.13%; float:right;}
.pro01 .right .w01{ font-size:15px; line-height:25px;}
.pro01 .right .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.pro01 .right .w03{ width:60px; height:3px; background-color:#ffab17; margin-top:0.78125vw;}
.pro01 .right .w04{ width:100%; padding-top:1.04vw; font-size: 22px; line-height: 32px; font-weight: bold;}
.pro01 .right .w04 p{ display:block; font-size:15px; line-height:25px; margin-top:.52vw;}
.pro01 .right .w05{ margin-top:1.04vw; display:flex; flex-wrap:wrap; align-items:center;}
.pro01 .right .w05 b{ display:block; font-size:24px; line-height:34px; color:#006de6; margin-right:1.04vw;}
.pro01 .right .w05 p{ display:block; font-size:15px; line-height:25px; color:#666;}
.pro01 .right .w06{ padding-top:1.3vw; margin-top:1.3vw; border-top:1px solid #eee; font-size:18px; line-height:28px; font-weight:bold;}
.pro01 .right .w07{ width:100%; display:block;}
.pro01 .right .w07 li{ display:flex; width:48.08%; margin-left:3.84%; float:left; font-size:15px; line-height:25px; margin-top:4px; overflow:hidden;}
.pro01 .right .w07 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro01 .right .w07 li b{ display:block; width:11px;}
.pro01 .right .w07 li p{ display:block; flex:1;}
.pro01 .right .w08{ width:100%; margin-top:1.3vw;}
.pro01 .right .w08 span{ font-size:17px; display:block; line-height:27px; font-weight: bold;}
.pro01 .right .w08 p{ margin-left:-10px; display:block; overflow:hidden;}
.pro01 .right .w08 p a{ cursor:pointer; display:block; float:left; margin-left:10px; margin-top:10px; width:25px; height:25px; box-sizing:border-box; border-radius:100%; border:1px solid #ddd; overflow:hidden;}
.pro01 .right .w08 p a.on{ border:3px solid #11263b;}
.pro01 .right .w08 p a b{ width:calc(100% - 4px); height:calc(100% - 4px); display:block; border-radius:100%; overflow:hidden; margin:2px;}
.pro01 .right .w09{ width:100%; margin-top:1.3vw; padding-top:5px;}
.pro01 .right .w09 span{ font-size:17px; display:block; line-height:27px; font-weight: bold;}
.pro01 .right .w09 p{ font-size:15px; line-height:25px; margin-top:3px; display:block; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.wei01{ width:94%; padding:10px 3%; position:relative; z-index:1; background-color:#fff; font-size:12px; line-height:22px;}
.wei01 a:hover{ color:#006de6;}

.pro01{ width:94%; margin:auto; position:relative; z-index:1;}
.pro01 .left{ width:100%; height:280px; position:relative;}
.pro01 .left>div{ width:100%; height:100%; display:flex; align-items:center; justify-content:space-between; position:absolute; left:0; top:0; z-index:1; opacity:0; visibility:hidden;}
.pro01 .left>div.active{ opacity:1; visibility:visible; z-index:9;}
.pro01 .left .thumbs{ width:60px;}
.pro01 .left .thumbs .swiper-button-white{ width:24px; height:13px; margin:auto; cursor:pointer;}
.pro01 .left .thumbs .swiper-button-prev{ background-image:url(../images/top.png);}
.pro01 .left .thumbs .swiper-button-next{ background-image:url(../images/bot.png);}
.pro01 .left .thumbs .gallery-thumbs{ width:100%; height:210px; overflow:hidden; margin:15px 0;}
.pro01 .left .thumbs .gallery-thumbs .swiper-slide{ width:60px; height:60px; border-radius:5px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro01 .left .thumbs .gallery-thumbs .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.pro01 .left .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 .left .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #006de6;}
.pro01 .left .gallery-top{ width:calc(100% - 75px); border:1px solid #ddd; border-radius:10px; box-sizing:border-box;}
.pro01 .left .gallery-top .swiper-slide{ width:100%; height:278px; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro01 .left .gallery-top .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}

.pro01 .right{ width:100%; float:right; margin-top:15px;}
.pro01 .right .w01{ font-size:14px; line-height:24px;}
.pro01 .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.pro01 .right .w03{ width:40px; height:2px; background-color:#ffab17; margin-top:10px;}
.pro01 .right .w04{ width:100%; padding-top:10px; font-size:20px; line-height:30px; font-weight: bold;}
.pro01 .right .w04 p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.pro01 .right .w05{ margin-top:1.04vw; display:flex; flex-wrap:wrap; align-items:center;}
.pro01 .right .w05 b{ display:block; font-size:20px; line-height:30px; color:#006de6; margin-right:10px;}
.pro01 .right .w05 p{ display:block; font-size:14px; line-height:24px; color:#666;}
.pro01 .right .w06{ padding-top:15px; margin-top:15px; border-top:1px solid #eee; font-size:16px; line-height:26px; font-weight:bold;}
.pro01 .right .w07{ width:100%; display:block;}
.pro01 .right .w07 li{ display:flex; width:48.5%; margin-left:3%; float:left; font-size:14px; line-height:24px; margin-top:2px; overflow:hidden;}
.pro01 .right .w07 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro01 .right .w07 li b{ display:block; width:11px;}
.pro01 .right .w07 li p{ display:block; flex:1;}
.pro01 .right .w08{ width:100%; margin-top:10px;}
.pro01 .right .w08 span{ font-size:16px; display:block; line-height:26px; font-weight: bold;}
.pro01 .right .w08 p{ margin-left:-10px; display:block; overflow:hidden;}
.pro01 .right .w08 p a{ cursor:pointer; display:block; float:left; margin-left:10px; margin-top:10px; width:20px; height:20px; box-sizing:border-box; border-radius:100%; border:1px solid #ddd; overflow:hidden;}
.pro01 .right .w08 p a.on{ border:3px solid #11263b;}
.pro01 .right .w08 p a b{ width:calc(100% - 4px); height:calc(100% - 4px); display:block; border-radius:100%; overflow:hidden; margin:2px;}
.pro01 .right .w09{ width:100%; margin-top:15px;}
.pro01 .right .w09 span{ font-size:16px; display:block; line-height:26px; font-weight: bold;}
.pro01 .right .w09 ul{ font-size:14px; line-height:24px; margin-top:1px; display:block; overflow:hidden;}
}
@media screen and (min-width:1530px){
.pro02{ width:90%; padding:3.6458vw 5%; padding-bottom:5.2vw; position:relative; z-index:1;}
.pro02 .tab_menu{ width:100%; border-bottom:1px solid #006de6; display:block; overflow:hidden;}
.pro02 .tab_menu li{ float:left; display:block; margin-left:2.08vw; font-size:20px; height:50px; line-height:50px; font-weight:bold; cursor:pointer;}
.pro02 .tab_menu li:first-child{ margin-left:0;}
.pro02 .tab_menu li.on{ background-color:#006de6; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; padding:0 1.5625vw;}
.pro02 .tab{ width:100%; position:relative;}
.pro02 .tab .tabox{ width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0; background-color:#fff;}
.pro02 .tab .tabox.active{ opacity:1; position:relative; z-index:32;}

.pro02 .tab .box{ margin-top:2.34375vw;}
.pro02 .tab .box .tu{ float:left; width:47.1%;}
.pro02 .tab .box .tu img{ width:100%; display:block;}
.pro02 .tab .box .wen{ float:right; width:100%;}
.pro02 .tab .box:nth-child(2n) .tu{ float:right;}
.pro02 .tab .box:nth-child(2n) .wen{ float:left;}
.pro02 .tab .box .wen .w01{ font-size:44px; line-height:54px; font-weight:bold; margin-top:1.3vw; text-transform:uppercase;}
.pro02 .tab .box .wen .w02{ font-size:20px; line-height:30px;}

.pro02 .tab .box01{ padding-top:.52vw;}
.pro02 .tab .box01 li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro02 .tab .box01 li:before{ width:100%; padding-top:70%; content:''; display:block; position:relative; z-index:3; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.pro02 .tab .box01 li img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.pro02 .tab .box01 li b{ width:100%; padding:0.78125vw 1.3vw; font-size:16px; line-height:26px; text-align:center; color:#fff; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9;}

.pro02 .tab .box03{ padding-top:2.6vw;}
.pro02 .tab .box03 .swiper-container{ width:100%; overflow:hidden;}
.pro02 .tab .box03 .swiper-container .swiper-slide{ width:18.4%; display:block; position:relative; overflow:hidden;}
.pro02 .tab .box03 .swiper-container .swiper-slide:before{ width:100%; padding-top:144.65%; content:''; display:block;}
.pro02 .tab .box03 .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .tab .box03 .swi{ margin-top:2.08vw;}
.pro02 .tab .box03 .swi .swiper-pagination{ float:left; height:50px; line-height:50px; display:flex; align-items:flex-end; font-size:18px; font-weight:bold;}
.pro02 .tab .box03 .swi .swiper-pagination .swiper-pagination-current{ color:#ffab17; font-size:30px; line-height:54px; margin-right:5px;}
.pro02 .tab .box03 .swi .swiper-pagination .swiper-pagination-total{ margin-left:5px;}
.pro02 .tab .box03 .swi .swiper-button{ width:50px; height:50px; cursor:pointer; border-radius:100%; background-color:#f1f1f1; overflow:hidden; float:right; margin-left:1.5625vw; background-position:center; background-repeat:no-repeat; background-size:10px auto;}
.pro02 .tab .box03 .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.pro02 .tab .box03 .swi .swiper-button-next{ background-image:url(../images/next.png);}
.pro02 .tab .box03 .swi .swiper-button-prev:hover{ background-color:#006de6; background-image:url(../images/prev01.png);}
.pro02 .tab .box03 .swi .swiper-button-next:hover{ background-color:#006de6; background-image:url(../images/next01.png);}

.pro02 .tab .box04{ padding-top:.52vw; display:flex; flex-wrap:wrap;}
.pro02 .tab .box04 li{ width:23.1775%; border:1px solid #eee; box-sizing: border-box; margin-top:2.08vw; margin-left:2.43%; display:flex; flex-direction:column; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box04 li:nth-child(4n+1){ margin-left:0;}
.pro02 .tab .box04 li .tu{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.pro02 .tab .box04 li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:72.5%;}
.pro02 .tab .box04 li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.pro02 .tab .box04 li .wen{ padding:1.3vw 1.5625vw; position:relative; z-index:1; flex:1;}
.pro02 .tab .box04 li .wen b{ display:block; overflow:hidden; width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.pro02 .tab .box04 li .wen span{ display:block; width:100%; font-size:16px; line-height:26px; overflow:hidden; margin-top:.52vw; color:#666;}

.pro02 .tab .box05{ padding-top:.52vw; display:flex; flex-wrap:wrap;}
.pro02 .tab .box05 li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; padding:1.5625vw; box-sizing:border-box; padding-top:1.3vw; background-color:#f1f1f1; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box05 li:nth-child(4n+1){ margin-left:0;}
.pro02 .tab .box05 li .top{ font-size:16px; line-height:26px; color:#666;}
.pro02 .tab .box05 li .middle{ font-size:20px; line-height:30px; margin-top:.52vw;}
.pro02 .tab .box05 li:hover .middle{ color:#006de6;}
.pro02 .tab .box05 li .bottom{ border-top:1px solid #ddd; margin-top:1.3vw; padding-top:1.04vw;}
.pro02 .tab .box05 li .bottom a{ display:block; float:right; font-size:16px; line-height:20px; height:20px; overflow:hidden;}
.pro02 .tab .box05 li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#006de6; margin-left:.52vw;}
.pro02 .tab .box05 li .bottom a b img{ height:14px; margin:3px; display:block;}

.kuang{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999;}
.kuang .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.kuang .box{ width:500px; padding:4vw 3vw; background-color:#fff; border-radius:1vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; display:block;}
.kuang .box .bt{ font-size:18px; line-height:28px; text-align:center;}
.kuang .box .inp{ width:100%; height:46px; border-radius:10px; background-color:#f1f1f1; margin-top:1.82vw;}
.kuang .box .inp input{ width:100%; display:block; font-size:16px; line-height:46px; height:46px; background-color:transparent; text-align:center;}
.kuang .box .sub{ width:160px; height:46px; border-radius:10px; background-color:#f1f1f1; margin:auto; margin-top:2.08vw;}
.kuang .box .sub input{ width:100%; display:block; font-size:16px; line-height:46px; height:46px; background-color:#333; color:#fff; text-align:center; text-transform:uppercase;}
.kuang .box .sub input:hover{ background-color:#006de6;}
.kuang .box .close{ width:33px; position:absolute; right:1vw; top:1vw; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}
.kuang .box .close img{ width:100%; display:block;}
.kuang .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.pro02{ width:90%; padding:3.6458vw 5%; padding-bottom:5.2vw;  position:relative; z-index:1;}
.pro02 .tab_menu{ width:100%; border-bottom:1px solid #006de6; display:block; overflow:hidden;}
.pro02 .tab_menu li{ float:left; display:block; margin-left:2.08vw; font-size:18px; height:46px; line-height:46px; font-weight:bold; cursor:pointer;}
.pro02 .tab_menu li:first-child{ margin-left:0;}
.pro02 .tab_menu li.on{ background-color:#006de6; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; padding:0 1.5625vw;}
.pro02 .tab{ width:100%; position:relative;}
.pro02 .tab .tabox{ width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0; background-color:#fff;}
.pro02 .tab .tabox.active{ opacity:1; position:relative; z-index:32;}

.pro02 .tab .box{ margin-top:2.34375vw;}
.pro02 .tab .box .tu{ float:left; width:47.1%;}
.pro02 .tab .box .tu img{ width:100%; display:block;}
.pro02 .tab .box .wen{ float:right; width:100%;}
.pro02 .tab .box:nth-child(2n) .tu{ float:right;}
.pro02 .tab .box:nth-child(2n) .wen{ float:left;}
.pro02 .tab .box .wen .w01{ font-size:36px; line-height:46px; font-weight:bold; margin-top:1.3vw; text-transform:uppercase;}
.pro02 .tab .box .wen .w02{ font-size:18px; line-height:28px;}

.pro02 .tab .box01{ padding-top:.52vw;}
.pro02 .tab .box01 li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro02 .tab .box01 li:before{ width:100%; padding-top:70%; content:''; display:block; position:relative; z-index:3; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.pro02 .tab .box01 li img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.pro02 .tab .box01 li b{ width:100%; padding:0.78125vw 1.3vw; font-size:15px; line-height:25px; text-align:center; color:#fff; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9;}

.pro02 .tab .box03{ padding-top:2.6vw;}
.pro02 .tab .box03 .swiper-container{ width:100%; overflow:hidden;}
.pro02 .tab .box03 .swiper-container .swiper-slide{ width:18.4%; display:block; position:relative; overflow:hidden;}
.pro02 .tab .box03 .swiper-container .swiper-slide:before{ width:100%; padding-top:144.65%; content:''; display:block;}
.pro02 .tab .box03 .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .tab .box03 .swi{ margin-top:2.08vw;}
.pro02 .tab .box03 .swi .swiper-pagination{ float:left; height:44px; line-height:44px; display:flex; align-items:flex-end; font-size:16px; font-weight:bold;}
.pro02 .tab .box03 .swi .swiper-pagination .swiper-pagination-current{ color:#ffab17; font-size:26px; line-height:48px; margin-right:5px;}
.pro02 .tab .box03 .swi .swiper-pagination .swiper-pagination-total{ margin-left:5px;}
.pro02 .tab .box03 .swi .swiper-button{ width:44px; height:44px; cursor:pointer; border-radius:100%; background-color:#f1f1f1; overflow:hidden; float:right; margin-left:1.5625vw; background-position:center; background-repeat:no-repeat; background-size:8px auto;}
.pro02 .tab .box03 .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.pro02 .tab .box03 .swi .swiper-button-next{ background-image:url(../images/next.png);}
.pro02 .tab .box03 .swi .swiper-button-prev:hover{ background-color:#006de6; background-image:url(../images/prev01.png);}
.pro02 .tab .box03 .swi .swiper-button-next:hover{ background-color:#006de6; background-image:url(../images/next01.png);}

.pro02 .tab .box04{ padding-top:.52vw; display:flex; flex-wrap:wrap;}
.pro02 .tab .box04 li{ width:23.1775%; border:1px solid #eee; box-sizing: border-box; margin-top:2.08vw; margin-left:2.43%; display:flex; flex-direction:column; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box04 li:nth-child(4n+1){ margin-left:0;}
.pro02 .tab .box04 li .tu{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.pro02 .tab .box04 li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:72.5%;}
.pro02 .tab .box04 li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.pro02 .tab .box04 li .wen{ padding:1.3vw 1.5625vw; position:relative; z-index:1; flex:1;}
.pro02 .tab .box04 li .wen b{ display:block; overflow:hidden; width:100%; font-size:18px; line-height:28px; font-weight:bold;}
.pro02 .tab .box04 li .wen span{ display:block; width:100%; font-size:15px; line-height:25px; overflow:hidden; margin-top:.52vw; color:#666;}

.pro02 .tab .box05{ padding-top:.52vw; display:flex; flex-wrap:wrap;}
.pro02 .tab .box05 li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; padding:1.5625vw; box-sizing:border-box; padding-top:1.3vw; background-color:#f1f1f1; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box05 li:nth-child(4n+1){ margin-left:0;}
.pro02 .tab .box05 li .top{ font-size:15px; line-height:25px; color:#666;}
.pro02 .tab .box05 li .middle{ font-size:18px; line-height:28px; margin-top:.52vw;}
.pro02 .tab .box05 li:hover .middle{ color:#006de6;}
.pro02 .tab .box05 li .bottom{ border-top:1px solid #ddd; margin-top:1.3vw; padding-top:1.04vw;}
.pro02 .tab .box05 li .bottom a{ display:block; float:right; font-size:15px; line-height:20px; height:20px; overflow:hidden;}
.pro02 .tab .box05 li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#006de6; margin-left:.52vw;}
.pro02 .tab .box05 li .bottom a b img{ height:14px; margin:3px; display:block;}

.kuang{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999;}
.kuang .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.kuang .box{ width:500px; padding:4vw 3vw; background-color:#fff; border-radius:1vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; display:block;}
.kuang .box .bt{ font-size:17px; line-height:27px; text-align:center;}
.kuang .box .inp{ width:100%; height:43px; border-radius:10px; background-color:#f1f1f1; margin-top:1.82vw;}
.kuang .box .inp input{ width:100%; display:block; font-size:15px; line-height:43px; height:43px; background-color:transparent; text-align:center;}
.kuang .box .sub{ width:150px; height:43px; border-radius:10px; background-color:#f1f1f1; margin:auto; margin-top:2.08vw;}
.kuang .box .sub input{ width:100%; display:block; font-size:15px; line-height:43px; height:43px; background-color:#333; color:#fff; text-align:center; text-transform:uppercase;}
.kuang .box .sub input:hover{ background-color:#006de6;}
.kuang .box .close{ width:33px; position:absolute; right:1vw; top:1vw; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}
.kuang .box .close img{ width:100%; display:block;}
.kuang .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width:1023px){
.pro02{ width:94%; padding:20px 3%; padding-bottom:35px;  position:relative; z-index:1;}
.pro02 .tab_menu{ width:100%; border-bottom:1px solid #006de6; display:block; overflow:hidden;}
.pro02 .tab_menu li{ float:left; display:block; margin-right:10px; font-size:16px; height:40px; line-height:40px; font-weight:bold; cursor:pointer;}
.pro02 .tab_menu li.on{ background-color:#006de6; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; padding:0 10px;}
.pro02 .tab{ width:100%; position:relative;}
.pro02 .tab .tabox{ width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0; background-color:#fff;}
.pro02 .tab .tabox.active{ opacity:1; position:relative; z-index:32;}

.pro02 .tab .box{ margin-top:15px;}
.pro02 .tab .box:first-child{ margin-top:15px;}
.pro02 .tab .box .tu{ float:left; width:100%;}
.pro02 .tab .box .tu img{ width:100%; display:block;}
.pro02 .tab .box .wen{ float:right; width:100%;}
.pro02 .tab .box .wen .w01{ font-size:28px; line-height:38px; font-weight:bold; margin-top:10px; text-transform:uppercase;}
.pro02 .tab .box .wen .w02{ font-size:16px; line-height:28px;}

.pro02 .tab .box01{ padding-top:5px;}
.pro02 .tab .box01 li{ width:48.5%; margin-top:15px; margin-left:3%; float:left; display:block; border-radius:5px; overflow:hidden; position:relative;}
.pro02 .tab .box01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .tab .box01 li:before{ width:100%; padding-top:70%; content:''; display:block; position:relative; z-index:3; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.pro02 .tab .box01 li img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.pro02 .tab .box01 li b{ width:100%; padding:5px 10px; font-size:14px; line-height:24px; text-align:center; color:#fff; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9;}

.pro02 .tab .box03{ padding-top:20px;}
.pro02 .tab .box03 .swiper-container{ width:100%; overflow:hidden;}
.pro02 .tab .box03 .swiper-container .swiper-slide{ width:49%; display:block; position:relative; overflow:hidden;}
.pro02 .tab .box03 .swiper-container .swiper-slide:before{ width:100%; padding-top:144.65%; content:''; display:block;}
.pro02 .tab .box03 .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .tab .box03 .swi{ margin-top:15px;}
.pro02 .tab .box03 .swi .swiper-pagination{ float:left; height:38px; line-height:38px; display:flex; align-items:flex-end; font-size:14px; font-weight:bold;}
.pro02 .tab .box03 .swi .swiper-pagination .swiper-pagination-current{ color:#ffab17; font-size:22px; line-height:40px; margin-right:5px;}
.pro02 .tab .box03 .swi .swiper-pagination .swiper-pagination-total{ margin-left:5px;}
.pro02 .tab .box03 .swi .swiper-button{ width:38px; height:38px; cursor:pointer; border-radius:100%; background-color:#f1f1f1; overflow:hidden; float:right; margin-left:15px; background-position:center; background-repeat:no-repeat; background-size:6px auto;}
.pro02 .tab .box03 .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.pro02 .tab .box03 .swi .swiper-button-next{ background-image:url(../images/next.png);}
.pro02 .tab .box03 .swi .swiper-button-prev:hover{ background-color:#006de6; background-image:url(../images/prev01.png);}
.pro02 .tab .box03 .swi .swiper-button-next:hover{ background-color:#006de6; background-image:url(../images/next01.png);}

.pro02 .tab .box04{ padding-top:5px; display:flex; flex-wrap:wrap;}
.pro02 .tab .box04 li{ width:48.5%; border:1px solid #eee; box-sizing: border-box; margin-top:15px; margin-left:3%; display:flex; flex-direction:column; border-radius:5px; overflow:hidden; position:relative;}
.pro02 .tab .box04 li:nth-child(2n+1){ margin-left:0;}
.pro02 .tab .box04 li .tu{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.pro02 .tab .box04 li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:72.5%;}
.pro02 .tab .box04 li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.pro02 .tab .box04 li .wen{ padding:10px; position:relative; z-index:1; flex:1;}
.pro02 .tab .box04 li .wen b{ display:block; overflow:hidden; width:100%; font-size:16px; line-height:26px; font-weight:bold;}
.pro02 .tab .box04 li .wen span{ display:block; width:100%; font-size:14px; line-height:24px; overflow:hidden; color:#666;}

.pro02 .tab .box05{ padding-top:5px; display:flex; flex-wrap:wrap;}
.pro02 .tab .box05 li{ width:100%; margin-top:15px; padding:15px; box-sizing:border-box; padding-top:1.3vw; background-color:#f1f1f1; border-radius:10px; overflow:hidden; position:relative;}
.pro02 .tab .box05 li .top{ font-size:14px; line-height:24px; color:#666;}
.pro02 .tab .box05 li .middle{ font-size:16px; line-height:26px;}
.pro02 .tab .box05 li:hover .middle{ color:#006de6;}
.pro02 .tab .box05 li .bottom{ border-top:1px solid #ddd; margin-top:10px; padding-top:15px;}
.pro02 .tab .box05 li .bottom a{ display:block; float:right; font-size:14px; line-height:20px; height:20px; overflow:hidden;}
.pro02 .tab .box05 li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#006de6; margin-left:5px;}
.pro02 .tab .box05 li .bottom a b img{ height:14px; margin:3px; display:block;}

.kuang{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999;}
.kuang .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.kuang .box{ width:94%; padding:30px 15px; background-color:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; display:block; box-sizing:border-box;}
.kuang .box .bt{ font-size:16px; line-height:26px; text-align:center;}
.kuang .box .inp{ width:100%; height:40px; border-radius:5px; background-color:#f1f1f1; margin-top:1.82vw;}
.kuang .box .inp input{ width:100%; display:block; font-size:14px; line-height:40px; height:40px; background-color:transparent; text-align:center;}
.kuang .box .sub{ width:150px; height:40px; border-radius:5px; background-color:#f1f1f1; margin:auto; margin-top:2.08vw;}
.kuang .box .sub input{ width:100%; display:block; font-size:14px; line-height:40px; height:40px; background-color:#333; color:#fff; text-align:center; text-transform:uppercase;}
.kuang .box .sub input:hover{ background-color:#006de6;}
.kuang .box .close{ width:33px; position:absolute; right:1vw; top:1vw; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}
.kuang .box .close img{ width:100%; display:block;}
.kuang .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

/*case*/
@media screen and (min-width:1530px){
.ban{ width:100%; height:23.4375vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background:linear-gradient(to top,rgba(0,109,230,.7),rgba(0,109,230,0));}
.ban .wen{ width:60%; max-width:780px; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:2;}
.ban .wen .w01{ font-size:36px; line-height:46px; font-weight:bold; color:#fff; text-transform:uppercase;}
.ban .wen .w02{ font-size:16px; line-height:30px; color:#fff; margin-top:1.04vw;}
.ban .wz{ position:absolute; left:5%; bottom:1.3vw; z-index:2; font-size:14px; line-height:24px; color:#fff; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat;}
.ban .wz a{ color:#fff;}

.case{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.case .title .sx{ margin-bottom:10px;}
.case .title .sx .sel{ min-width:150px; border:1px solid #eee; height:38px; border-radius:10px; float:left; width:10.9375vw; margin-left:1.04vw;}
.case .title .sx .sel select{ width:100%; height:38px; line-height:38px; font-size:16px; display:block; text-indent:1.04vw; background-image:url(../images/sel.png); background-position:right 0.78125vw center; background-repeat:no-repeat; padding-right: 1.5vw; box-sizing: border-box;}
.case .title .sx .ser{ min-width:200px; border:1px solid #eee; height:38px; border-radius:10px; float:left; width:13.02vw; margin-left:1.04vw;}
.case .title .sx .ser p{ width:calc(100% - 38px); height:38px; display:block; float:left; padding-left:1.04vw; overflow:hidden; box-sizing:border-box;}
.case .title .sx .ser p input{ width:100%; font-size:16px; height:38px; line-height:38px; display:block; overflow:hidden;}
.case .title .sx .ser a{ width:38px; height:38px; display:block; float:left; overflow:hidden;}
.case .title .sx .ser a input{ width:100%; height:38px; display:block; overflow:hidden; background-color:#fff; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}

.case .list{ width:100%; display:block;}
.case .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; overflow:hidden;}
.case .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .list li .w01{ width:100%; position:relative; z-index:1; border-radius:10px;}
.case .list li .w01 a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.case .list li .w01 a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.case .list li .w02{ margin-top:0.78125vw;}
.case .list li .w02 a{ font-size:16px; line-height:26px; font-weight:bold; color:#ffab17;}
.case .list li .w03{ width:100%;}
.case .list li .w03 a{ width:100%; font-size:20px; line-height:30px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.case .list li .w03 a:hover{ color:#006de6;}
.case .list li .w04{ margin-top:0.26vw; font-size:16px; line-height:26px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ban{ width:100%; height:23.4375vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background:linear-gradient(to top,rgba(0,109,230,.7),rgba(0,109,230,0));}
.ban .wen{ width:60%; max-width:780px; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:2;}
.ban .wen .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff; text-transform:uppercase;}
.ban .wen .w02{ font-size:15px; line-height:27px; color:#fff; margin-top:1.04vw;}
.ban .wz{ position:absolute; left:5%; bottom:1.3vw; z-index:2; font-size:14px; line-height:24px; color:#fff; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat;}
.ban .wz a{ color:#fff;}	

.case{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.case .title .sx{ margin-bottom:10px;}
.case .title .sx .sel{ min-width:150px; border:1px solid #eee; height:36px; border-radius:10px; float:left; width:10.9375vw; margin-left:1.04vw;}
.case .title .sx .sel select{ width:100%; height:36px; line-height:36px; font-size:15px; display:block; text-indent:1.04vw; background-image:url(../images/sel.png); background-position:right 0.78125vw center; background-repeat:no-repeat; padding-right: 1.5vw; box-sizing: border-box;}
.case .title .sx .ser{ min-width:200px; border:1px solid #eee; height:36px; border-radius:10px; float:left; width:13.02vw; margin-left:1.04vw;}
.case .title .sx .ser p{ width:calc(100% - 36px); height:36px; display:block; float:left; padding-left:1.04vw; overflow:hidden; box-sizing:border-box;}
.case .title .sx .ser p input{ width:100%; font-size:15px; height:36px; line-height:36px; display:block; overflow:hidden;}
.case .title .sx .ser a{ width:36px; height:36px; display:block; float:left; overflow:hidden;}
.case .title .sx .ser a input{ width:100%; height:36px; display:block; overflow:hidden; background-color:#fff; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}

.case .list{ width:100%; display:block;}
.case .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; overflow:hidden;}
.case .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .list li .w01{ width:100%; position:relative; z-index:1; border-radius:10px;}
.case .list li .w01 a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.case .list li .w01 a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.case .list li .w02{ margin-top:0.78125vw;}
.case .list li .w02 a{ font-size:15px; line-height:25px; font-weight:bold; color:#ffab17;}
.case .list li .w03{ width:100%;}
.case .list li .w03 a{ width:100%; font-size:18px; line-height:28px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.case .list li .w03 a:hover{ color:#006de6;}
.case .list li .w04{ margin-top:0.26vw; font-size:15px; line-height:25px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:240px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background:rgba(0,109,230,.7);}
.ban .wen{ width:94%; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:2; padding-bottom:34px;}
.ban .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase;}
.ban .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ban .wz{ position:absolute; left:3%; bottom:10px; z-index:2; font-size:14px; line-height:24px; color:#fff; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat;}
.ban .wz a{ color:#fff;}

.case{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.case .title .sx{ width:100%; overflow:hidden;}
.case .title .sx .sel{ border:1px solid #eee; height:34px; border-radius:5px; float:left; width:calc(48.5% - 2px); margin-left:3%; margin-top:10px;}
.case .title .sx .sel:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case .title .sx .sel select{ width:100%; height:34px; line-height:34px; font-size:14px; display:block; text-indent:10px; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat; padding-right: 20px; box-sizing: border-box;}
.case .title .sx .ser{ border:1px solid #eee; height:34px; border-radius:5px; float:left; width:calc(100% - 2px); margin-top:10px;}
.case .title .sx .ser p{ width:calc(100% - 34px); height:34px; display:block; float:left; padding-left:10px; overflow:hidden; box-sizing:border-box;}
.case .title .sx .ser p input{ width:100%; font-size:14px; height:34px; line-height:36px; display:block; overflow:hidden;}
.case .title .sx .ser a{ width:34px; height:34px; display:block; float:left; overflow:hidden;}
.case .title .sx .ser a input{ width:100%; height:34px; display:block; overflow:hidden; background-color:#fff; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-size:16px auto;}

.case .list{ width:100%; display:block; padding-top:5px;}
.case .list li{ width:48.5%; margin-top:15px; margin-left:3%; float:left; display:block; overflow:hidden;}
.case .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case .list li .w01{ width:100%; position:relative; z-index:1; border-radius:5px;}
.case .list li .w01 a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.case .list li .w01 a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.case .list li .w02{ margin-top:5px;}
.case .list li .w02 a{ font-size:14px; line-height:24px; font-weight:bold; color:#ffab17;}
.case .list li .w03{ width:100%;}
.case .list li .w03 a{ width:100%; font-size:16px; line-height:26px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.case .list li .w03 a:hover{ color:#006de6;}
.case .list li .w04{ margin-top:0.26vw; font-size:14px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
}

/*case_son*/
@media screen and (min-width:1530px){
.case .title .more{ position:absolute; right:0; bottom:10px;}
.case .case01{ width:100%; margin-top:2.08vw;}
.case .case01 .left{ width:50%; border-radius:10px; float:left; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide a{ width:100%; padding-top:69.44%; display:block; position:relative; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .case01 .left .swiper-button{ width:50px; height:50px; cursor:pointer; border-radius:100%; background-color:rgba(0,0,0,.7); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:10px auto; position:absolute; top:50%; margin-top:-25px; z-index:3;}
.case .case01 .left .swiper-button-prev{ left:2.08vw; background-image:url(../images/prev01.png);}
.case .case01 .left .swiper-button-next{ right:2.08vw; background-image:url(../images/next01.png);}
.case .case01 .left .swiper-button:hover{ background-color:#006de6;}
.case .case01 .right{ width:44.21%; margin-top:1.04vw; float:right; overflow:hidden;}
.case .case01 .right .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.case .case01 .right .w02{ width:100px; height:4px; background-color:#006de6; margin-top:1.04vw;}
.case .case01 .right .w03{ font-size:16px; line-height:30px; margin-top:1.82vw;}

.case .case02{ width:100%; margin-top:3.38vw;}
.case .case02 .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.case .case02 .w02{ width:100px; height:4px; background-color:#006de6; margin-top:1.04vw;}
.case .case02 .w03{ font-size:16px; line-height:30px; margin-top:1.82vw;}
.case .case02 .w03 img{ max-width:100%; height:auto !important;}

.case .case03{ width:100%; margin-top:2.86vw;}
.case .case03 .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.case .case03 .w02{ width:100px; height:4px; background-color:#006de6; margin-top:1.04vw;}
.case .case03 .w03{ padding-top:.52vw; display:flex; flex-wrap:wrap;}
.case .case03 .w03 li{ width:23.1775%; border:1px solid #eee; box-sizing: border-box; margin-top:2.08vw; margin-left:2.43%; display:flex; flex-direction:column; border-radius:10px; overflow:hidden; position:relative;}
.case .case03 .w03 li:nth-child(4n+1){ margin-left:0;}
.case .case03 .w03 li .tu{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.case .case03 .w03 li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:100%;}
.case .case03 .w03 li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.case .case03 .w03 li .wen{ padding:1.3vw 1.5625vw; position:relative; z-index:1; flex:1;}
.case .case03 .w03 li .wen>a{ display:block; overflow:hidden; width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.case .case03 .w03 li .wen span{ display:block; width:100%; font-size:16px; line-height:26px; overflow:hidden; margin-top:.26vw; color:#666;}
.case .case03 .w03 li .wen p{ display:block; width:100%; overflow:hidden; margin-top:.26vw;}
.case .case03 .w03 li .wen p b{ display:block; float:left; font-size:16px; line-height:26px; color:#006de6;}
.case .case03 .w03 li .wen p a{ display:block; float:right; font-size:14px; line-height:26px; color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.case .title .more{ position:absolute; right:0; bottom:10px;}
.case .case01{ width:100%; margin-top:2.08vw;}
.case .case01 .left{ width:50%; border-radius:10px; float:left; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide a{ width:100%; padding-top:69.44%; display:block; position:relative; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .case01 .left .swiper-button{ width:44px; height:44px; cursor:pointer; border-radius:100%; background-color:rgba(0,0,0,.7); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:8px auto; position:absolute; top:50%; margin-top:-22px; z-index:3;}
.case .case01 .left .swiper-button-prev{ left:2.08vw; background-image:url(../images/prev01.png);}
.case .case01 .left .swiper-button-next{ right:2.08vw; background-image:url(../images/next01.png);}
.case .case01 .left .swiper-button:hover{ background-color:#006de6;}
.case .case01 .right{ width:44.21%; margin-top:1.04vw; float:right; overflow:hidden;}
.case .case01 .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.case .case01 .right .w02{ width:80px; height:3px; background-color:#006de6; margin-top:1.04vw;}
.case .case01 .right .w03{ font-size:15px; line-height:27px; margin-top:1.82vw;}

.case .case02{ width:100%; margin-top:3.38vw;}
.case .case02 .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.case .case02 .w02{ width:80px; height:3px; background-color:#006de6; margin-top:1.04vw;}
.case .case02 .w03{ font-size:15px; line-height:27px; margin-top:1.82vw;}
.case .case02 .w03 img{ max-width:100%; height:auto !important;}

.case .case03{ width:100%; margin-top:2.86vw;}
.case .case03 .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.case .case03 .w02{ width:80px; height:3px; background-color:#006de6; margin-top:1.04vw;}
.case .case03 .w03{ padding-top:.52vw; display:flex; flex-wrap:wrap;}
.case .case03 .w03 li{ width:23.1775%; border:1px solid #eee; box-sizing: border-box; margin-top:2.08vw; margin-left:2.43%; display:flex; flex-direction:column; border-radius:10px; overflow:hidden; position:relative;}
.case .case03 .w03 li:nth-child(4n+1){ margin-left:0;}
.case .case03 .w03 li .tu{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.case .case03 .w03 li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:100%;}
.case .case03 .w03 li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.case .case03 .w03 li .wen{ padding:1.3vw 1.5625vw; position:relative; z-index:1; flex:1;}
.case .case03 .w03 li .wen>a{ display:block; overflow:hidden; width:100%; font-size:18px; line-height:28px; font-weight:bold;}
.case .case03 .w03 li .wen span{ display:block; width:100%; font-size:15px; line-height:25px; overflow:hidden; margin-top:.26vw; color:#666;}
.case .case03 .w03 li .wen p{ display:block; width:100%; overflow:hidden; margin-top:.26vw;}
.case .case03 .w03 li .wen p b{ display:block; float:left; font-size:15px; line-height:25px; color:#006de6;}
.case .case03 .w03 li .wen p a{ display:block; float:right; font-size:13px; line-height:25px; color:#999;}
}
@media only screen and (max-width:1023px){
.case .title .more{ margin-top:10px;}
.case .case01{ width:100%; margin-top:15px;}
.case .case01 .left{ width:100%; border-radius:10px; float:left; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide a{ width:100%; padding-top:69.44%; display:block; position:relative; overflow:hidden;}
.case .case01 .left .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .case01 .left .swiper-button{ width:38px; height:38px; cursor:pointer; border-radius:100%; background-color:rgba(0,0,0,.7); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:6px auto; position:absolute; top:50%; margin-top:-19px; z-index:3;}
.case .case01 .left .swiper-button-prev{ left:15px; background-image:url(../images/prev01.png);}
.case .case01 .left .swiper-button-next{ right:15px; background-image:url(../images/next01.png);}
.case .case01 .left .swiper-button:hover{ background-color:#006de6;}
.case .case01 .right{ width:100%; margin-bottom:10px; float:right; overflow:hidden;}
.case .case01 .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.case .case01 .right .w02{ width:60px; height:2px; background-color:#006de6; margin-top:10px;}
.case .case01 .right .w03{ font-size:14px; line-height:24px; margin-top:15px;}

.case .case02{ width:100%; margin-top:25px;}
.case .case02 .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.case .case02 .w02{ width:60px; height:2px; background-color:#006de6; margin-top:10px;}
.case .case02 .w03{ font-size:14px; line-height:24px; margin-top:15px;}
.case .case02 .w03 img{ max-width:100%; height:auto !important;}

.case .case03{ width:100%; margin-top:20px;}
.case .case03 .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.case .case03 .w02{ width:60px; height:2px; background-color:#006de6; margin-top:10px;}
.case .case03 .w03{ padding-top:5px; display:flex; flex-wrap:wrap;}
.case .case03 .w03 li{ width:48.5%; border:1px solid #eee; box-sizing: border-box; margin-top:15px; margin-left:3%; display:flex; flex-direction:column; border-radius:5px; overflow:hidden; position:relative;}
.case .case03 .w03 li:nth-child(2n+1){ margin-left:0;}
.case .case03 .w03 li .tu{ width:100%; position:relative; z-index:1; background-color:#f1f1f1;}
.case .case03 .w03 li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:100%;}
.case .case03 .w03 li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.case .case03 .w03 li .wen{ padding:10px; position:relative; z-index:1; flex:1;}
.case .case03 .w03 li .wen>a{ display:block; overflow:hidden; width:100%; font-size:16px; line-height:26px; font-weight:bold;}
.case .case03 .w03 li .wen span{ display:block; width:100%; font-size:14px; line-height:24px; overflow:hidden; color:#666;}
.case .case03 .w03 li .wen p{ display:block; width:100%; overflow:hidden; margin-top:5px;}
.case .case03 .w03 li .wen p b{ display:block; float:left; font-size:14px; line-height:24px; color:#006de6;}
.case .case03 .w03 li .wen p a{ display:block; float:right; font-size:12px; line-height:24px; color:#999;}
}

/*news*/
@media screen and (min-width:1530px){
.news{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.news .title .more{ margin-bottom:10px;}
.news .title .more a{ margin-left:1.04vw;}
.news .title .more a.on{ background-color:#006de6;}
.news .list{ width:100%; display:block;}
.news .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.news .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .list li .tu{ width:100%; position:relative; z-index:1;}
.news .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.news .list li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.news .list li .fen{ position:absolute; left:1.04vw; top:1.04vw; z-index:3; display: none;}
.news .list li .fen a{ display:block; padding:0 0.78125vw; font-size:16px; height:40px; line-height:40px; border-radius:5px; background-color:rgba(255,255,255,.9); overflow:hidden;}
.news .list li .fen a:hover{ background-color:rgba(255,171,23,.9); color:#fff;}
.news .list li .wen{ padding:1.82vw 1.5625vw; position:relative; z-index:1;}
.news .list li .wen .w01{ display: none; width:100%; font-size:16px; line-height:26px; color:#999; font-weight:bold;}
.news .list li .wen .w02{ width:100%; font-weight:bold;}
.news .list li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .list li .wen .w02 a:hover{ color:#006de6;}
.news .list li .wen .w03{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:0.52vw; display:none;}
.news .list li .wen .w04{ width:100%; margin-top:0.78125vw; font-weight:bold;}
.news .list li .wen .w04 a{ width:100%; font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden;}
.news .list li .wen .w04 a:hover{ color:#006de6;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.news{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.news .title .more{ margin-bottom:10px;}
.news .title .more a{ margin-left:1.04vw;}
.news .title .more a.on{ background-color:#006de6;}
.news .list{ width:100%; display:block;}
.news .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; float:left; display:block; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.news .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .list li .tu{ width:100%; position:relative; z-index:1;}
.news .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.news .list li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.news .list li .fen{ position:absolute; left:1.04vw; top:1.04vw; z-index:3; display: none;}
.news .list li .fen a{ display:block; padding:0 0.78125vw; font-size:15px; height:35px; line-height:35px; border-radius:5px; background-color:rgba(255,255,255,.9); overflow:hidden;}
.news .list li .fen a:hover{ background-color:rgba(255,171,23,.9); color:#fff;}
.news .list li .wen{ padding:1.82vw 1.5625vw; position:relative; z-index:1;}
.news .list li .wen .w01{ display: none; width:100%; font-size:15px; line-height:25px; color:#999; font-weight:bold;}
.news .list li .wen .w02{ width:100%; font-weight:bold;}
.news .list li .wen .w02 a{ width:100%; font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .list li .wen .w02 a:hover{ color:#006de6;}
.news .list li .wen .w03{ width:100%; font-size:15px; line-height:25px; height:50px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:0.52vw; display:none;}
.news .list li .wen .w04{ width:100%; margin-top:0.78125vw; font-weight:bold;}
.news .list li .wen .w04 a{ width:100%; font-size:15px; line-height:25px; height:25px; display:block; overflow:hidden;}
.news .list li .wen .w04 a:hover{ color:#006de6;}
}
@media only screen and (max-width:1023px){
.news{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.news .title .more{ margin-left:-10px;}
.news .title .more a{ margin-left:10px; margin-top:10px;}
.news .title .more a.on{ background-color:#006de6;}
.news .list{ width:100%; display:block; padding-top:5px;}
.news .list li{ width:48.5%; margin-top:15px; margin-left:3%; float:left; display:block; background-color:#fff; border-radius:5px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1);}
.news .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.news .list li .tu{ width:100%; position:relative; z-index:1;}
.news .list li .tu a{ width:100%; display:block; overflow:hidden; position:relative; padding-top:70%;}
.news .list li .tu a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; z-index:1;}
.news .list li .fen{ position:absolute; left:10px; top:10px; z-index:3; display: none;}
.news .list li .fen a{ display:block; padding:0 5px; font-size:14px; height:30px; line-height:30px; border-radius:5px; background-color:rgba(255,255,255,.9); overflow:hidden;}
.news .list li .fen a:hover{ background-color:rgba(255,171,23,.9); color:#fff;}
.news .list li .wen{ padding:10px; position:relative; z-index:1;}
.news .list li .wen .w01{ display: none; width:100%; font-size:14px; line-height:24px; color:#999; font-weight:bold;}
.news .list li .wen .w02{ width:100%; font-weight:bold;}
.news .list li .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news .list li .wen .w02 a:hover{ color:#006de6;}
.news .list li .wen .w03{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; margin-top:5px; display:none;}
.news .list li .wen .w04{ width:100%; margin-top:5px; font-weight:bold;}
.news .list li .wen .w04 a{ width:100%; font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden;}
.news .list li .wen .w04 a:hover{ color:#006de6;}
}

/*news_son*/
@media screen and (min-width:1530px){
.ny{ width:90%; padding:4.9479vw 5%; position:relative; z-index:1; background-color:#fff;}
.ny .bt{ font-size:30px; line-height:40px; font-weight:bold;}
.ny .box{ width:100%; border-top:2px solid #333; padding-top:2.34375vw; margin-top:1.02vw;}
.ny .box .left{ width:20.61%; margin-right:3%; float:left; text-transform:uppercase;}
.ny .box .left .w01{ width:100%; display:block; margin-top:-0.78125vw;}
.ny .box .left .w01 li{ margin-top:0.78125vw; font-size:16px; line-height:26px;}
.ny .box .left .w01 li b{ display:block;}
.ny .box .left .more{ margin-top:1.82vw;}
.ny .box .right{ width:76.39%; float:right; font-size:16px; line-height:26px;}
.ny .box .right img{ max-width:100%; height:auto !important; padding-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.ny{ width:90%; padding:4.9479vw 5%; position:relative; z-index:1; background-color:#fff;}
.ny .bt{ font-size:24px; line-height:34px; font-weight:bold;}
.ny .box{ width:100%; border-top:2px solid #333; padding-top:2.34375vw; margin-top:1.02vw;}
.ny .box .left{ width:20.61%; margin-right:3%; float:left; text-transform:uppercase;}
.ny .box .left .w01{ width:100%; display:block; margin-top:-0.78125vw;}
.ny .box .left .w01 li{ margin-top:0.78125vw; font-size:15px; line-height:25px;}
.ny .box .left .w01 li b{ display:block;}
.ny .box .left .more{ margin-top:1.82vw;}
.ny .box .right{ width:76.39%; float:right; font-size:15px; line-height:25px;}
.ny .box .right img{ max-width:100%; height:auto !important; padding-top:5px;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; padding:35px 3%; position:relative; z-index:1; background-color:#fff;}
.ny .bt{ font-size:18px; line-height:28px; font-weight:bold;}
.ny .box{ width:100%; border-top:2px solid #333; padding-top:15px; margin-top:10px;}
.ny .box .left{ width:100%; margin-right:3%; float:left; text-transform:uppercase;}
.ny .box .left .w01{ width:100%; display:block; margin-top:-5px;}
.ny .box .left .w01 li{ width:31.33%; float:left; display:block; margin-top:5px; font-size:14px; line-height:24px;}
.ny .box .left .w01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ny .box .left .w01 li b{ display:block;}
.ny .box .left .more{ margin-top:10px;}
.ny .box .right{ width:100%; float:right; font-size:14px; line-height:24px; margin-top:15px;}
.ny .box .right img{ max-width:100%; height:auto !important; padding-top:5px;}
}

/*marketing channel*/
@media screen and (min-width:1530px){
.mc{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.mc .title .sx{ margin-bottom:10px;}
.mc .title .sx .sel{ min-width:150px; border:1px solid #eee; height:38px; border-radius:10px; float:left; width:10.9375vw; margin-left:1.04vw;}
.mc .title .sx .sel select{ width:100%; height:38px; line-height:38px; font-size:16px; display:block; text-indent:1.04vw; background-image:url(../images/sel.png); background-position:right 0.78125vw center; background-repeat:no-repeat; padding-right: 1.5vw; box-sizing: border-box;}

.mc .list{ width:100%; display:block;}
.mc .list li{ width:100%; display:block; overflow:hidden; padding:1.82vw 0; border-bottom:1px solid #ddd;}
.mc .list li .left{ width:100%; font-size:30px; line-height:40px; font-weight:bold;}
.mc .list li .right{ display:block;}
.mc .list li .right dt{ width:100%; font-size:24px; line-height:34px; font-weight:bold; margin-top:.26vw;}
.mc .list li .right dd{ width:100%; font-size:16px; line-height:26px; margin-top:.26vw;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.mc{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.mc .title .sx{ margin-bottom:10px;}
.mc .title .sx .sel{ min-width:150px; border:1px solid #eee; height:36px; border-radius:10px; float:left; width:10.9375vw; margin-left:1.04vw;}
.mc .title .sx .sel select{ width:100%; height:36px; line-height:36px; font-size:15px; display:block; text-indent:1.04vw; background-image:url(../images/sel.png); background-position:right 0.78125vw center; background-repeat:no-repeat; padding-right: 1.5vw; box-sizing: border-box;}

.mc .list{ width:100%; display:block;}
.mc .list li{ width:100%; display:block; overflow:hidden; padding:1.82vw 0; border-bottom:1px solid #ddd;}
.mc .list li .left{ width:100%; font-size:24px; line-height:34px; font-weight:bold;}
.mc .list li .right{ display:block;}
.mc .list li .right dt{ width:100%; font-size:20px; line-height:30px; font-weight:bold; margin-top:.26vw;}
.mc .list li .right dd{ width:100%; font-size:15px; line-height:25px; margin-top:.26vw;}
}
@media only screen and (max-width:1023px){
.mc{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.mc .title .sx{ width:100%; overflow:hidden;}
.mc .title .sx .sel{ border:1px solid #eee; height:34px; border-radius:5px; float:left; width:calc(48.5% - 2px); margin-left:3%; margin-top:10px;}
.mc .title .sx .sel:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.mc .title .sx .sel select{ width:100%; height:34px; line-height:34px; font-size:14px; display:block; text-indent:10px; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat; padding-right: 20px; box-sizing: border-box;}

.mc .list{ width:100%; display:block;}
.mc .list li{ width:100%; overflow:hidden; padding-top:15px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.mc .list li .left{ width:100%; font-size:18px; line-height:28px; font-weight:bold; color:#006de6;}
.mc .list li .right{ display:block; padding-top:5px;}
.mc .list li .right dt{ width:100%; font-size:16px; line-height:26px; font-weight:bold;}
.mc .list li .right dd{ font-size:14px; line-height:24px;}
.mc .list li .more{ margin-top:10px;}
}
.mc .title .sx,.mc .list .more{ display:none;}
@media screen and (min-width:1530px){
.mc01{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.mc01 .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.mc01 .box .left{ width:46.3%; float:left; margin-top:-2.34375vw;}
.mc01 .box .left .w01{ width:100%; border-bottom:1px solid #e0e0e0; margin-top:2.34375vw;}
.mc01 .box .left .w01 span{ display:block; font-size:16px; line-height:26px;}
.mc01 .box .left .w01 p{ display:block;}
.mc01 .box .left .w01 p input{ width:100%; display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden;}
.mc01 .box .left .w01 p textarea{ width:100%; display:block; font-size:16px; line-height:26px; height:90px; overflow:hidden;}
.mc01 .box .left .w02{ width:100%; margin-top:3.125vw;}
.mc01 .box .left .w02 input{ width:190px; font-size:18px; height:50px; line-height:50px; background-color:#006de6; color:#fff; text-align:center; cursor:pointer; text-transform:uppercase; border-radius:10px;}
.mc01 .box .left .w02 input:hover{ background-color:#ffab17;}
.mc01 .box .right{ width:47.92%; float:right; margin-top:-1.3vw;}
.mc01 .box .right .bt{ font-size:24px; line-height:36px; font-weight:bold; margin-top:1.3vw;}
.mc01 .box .right .wen{ font-size:16px; line-height:30px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.mc01{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.mc01 .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.mc01 .box .left{ width:46.3%; float:left; margin-top:-2.34375vw;}
.mc01 .box .left .w01{ width:100%; border-bottom:1px solid #e0e0e0; margin-top:2.34375vw;}
.mc01 .box .left .w01 span{ display:block; font-size:15px; line-height:25px;}
.mc01 .box .left .w01 p{ display:block;}
.mc01 .box .left .w01 p input{ width:100%; display:block; font-size:15px; line-height:35px; height:35px; overflow:hidden;}
.mc01 .box .left .w01 p textarea{ width:100%; display:block; font-size:16px; line-height:25px; height:80px; overflow:hidden;}
.mc01 .box .left .w02{ width:100%; margin-top:3.125vw;}
.mc01 .box .left .w02 input{ width:170px; font-size:16px; height:44px; line-height:44px; background-color:#006de6; color:#fff; text-align:center; cursor:pointer; text-transform:uppercase; border-radius:10px;}
.mc01 .box .left .w02 input:hover{ background-color:#ffab17;}
.mc01 .box .right{ width:47.92%; float:right; margin-top:-1.3vw;}
.mc01 .box .right .bt{ font-size:20px; line-height:30px; font-weight:bold; margin-top:1.3vw;}
.mc01 .box .right .wen{ font-size:15px; line-height:27px; color:#666;}
}
@media only screen and (max-width:1023px){
.mc01{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.mc01 .box{ width:100%; position:relative; z-index:3; margin-top:10px;}
.mc01 .box .left{ width:100%; float:left; margin-top:-15px;}
.mc01 .box .left .w01{ width:100%; border-bottom:1px solid #e0e0e0; margin-top:15px;}
.mc01 .box .left .w01 span{ display:block; font-size:14px; line-height:24px;}
.mc01 .box .left .w01 p{ display:block;}
.mc01 .box .left .w01 p input{ width:100%; display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.mc01 .box .left .w01 p textarea{ width:100%; display:block; font-size:14px; line-height:24px; height:70px; overflow:hidden;}
.mc01 .box .left .w02{ width:100%; margin-top:20px;}
.mc01 .box .left .w02 input{ width:150px; font-size:14px; height:38px; line-height:38px; background-color:#006de6; color:#fff; text-align:center; cursor:pointer; text-transform:uppercase; border-radius:5px;}
.mc01 .box .left .w02 input:hover{ background-color:#ffab17;}
.mc01 .box .right{ width:100%; float:right; padding-top:5px;}
.mc01 .box .right .bt{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.mc01 .box .right .wen{ font-size:14px; line-height:24px; color:#666;}
}

/*message*/
@media screen and (min-width:1530px){
.mc01 .title .more{ margin-bottom:10px;}
.mc01 .title .more a{ margin-left:1.04vw;}
.mc01 .title .more a.on{ background-color:#006de6;}
.mc01 .lx{ width:100%; margin-top:2.08vw; position:relative; z-index:3; display:flex;}
.mc01 .lx .left{ width:48.03%;}
.mc01 .lx .left #map{ width:100%; height:100%;}
.mc01 .lx .left img{ width:100%; height:100%; object-fit:cover;}
.mc01 .lx .right{ width:46.3%; margin-left:5.67%;}
.mc01 .lx .right dl{ display:block; overflow:hidden; margin-top:-30px;}
.mc01 .lx .right dl dt{ margin-top:30px; overflow:hidden; display:flex; align-items:center;}
.mc01 .lx .right dl dt strong{ width:60px;}
.mc01 .lx .right dl dt strong img{ width:60px; display:block;}
.mc01 .lx .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.mc01 .lx .right dl dt p span{ display:block; font-size:16px; line-height:26px; color:#999;}
.mc01 .lx .right dl dt p a{ display:block; font-size:18px; line-height:28px; color:#333;}
.mc01 .lx .right dl dd{ margin-top:25px; overflow:hidden; display:block;}
.mc01 .lx .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.mc01 .lx .right dl dd p{ display:flex; align-items:center; margin:10px 0;}
.mc01 .lx .right dl dd strong{ width:120px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.mc01 .lx .right dl dd strong img{ width:100%; display:block;}
.mc01 .lx .right dl dd a{ display:block; font-size:16px; line-height:30px; margin-left:20px;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.mc01 .title .more{ margin-bottom:10px;}
.mc01 .title .more a{ margin-left:1.04vw;}
.mc01 .title .more a.on{ background-color:#006de6;}
.mc01 .lx{ width:100%; margin-top:2.08vw; position:relative; z-index:3;  display:flex;}
.mc01 .lx .left{ width:48%;}
.mc01 .lx .left #map{ width:100%; height:100%;}
.mc01 .lx .left img{ width:100%; height:100%; object-fit:cover;}
.mc01 .lx .right{ width:46.3%; margin-left:5.67%;}
.mc01 .lx .right dl{ display:block; overflow:hidden; margin-top:-20px;}
.mc01 .lx .right dl dt{ margin-top:20px; overflow:hidden; display:flex; align-items:center;}
.mc01 .lx .right dl dt strong{ width:50px;}
.mc01 .lx .right dl dt strong img{ width:50px; display:block;}
.mc01 .lx .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.mc01 .lx .right dl dt p span{ display:block; font-size:15px; line-height:25px; color:#999;}
.mc01 .lx .right dl dt p a{ display:block; font-size:17px; line-height:27px; color:#333;}
.mc01 .lx .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.mc01 .lx .right dl dd span{ width:100%; font-size:15px; line-height:25px;}
.mc01 .lx .right dl dd p{ display:flex; align-items:center; margin:5px 0;}
.mc01 .lx .right dl dd strong{ width:100px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.mc01 .lx .right dl dd strong img{ width:100%; display:block;}
.mc01 .lx .right dl dd a{ display:block; font-size:15px; line-height:27px; margin-left:20px;}
}
@media only screen and (max-width:1023px){
.mc01 .title .more{ margin-left:-10px;}
.mc01 .title .more a{ margin-left:10px; margin-top:10px;}
.mc01 .title .more a.on{ background-color:#006de6;}
.mc01 .lx{ width:100%; margin-top:20px; position:relative; z-index:3;}
.mc01 .lx .left{ width:100%;}
.mc01 .lx .left #map{ width:100%; height:260px;}
.mc01 .lx .right{ width:100%;}
.mc01 .lx .right dl{ display:block; overflow:hidden;}
.mc01 .lx .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.mc01 .lx .right dl dt strong{ width:50px;}
.mc01 .lx .right dl dt strong img{ width:50px; display:block;}
.mc01 .lx .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.mc01 .lx .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.mc01 .lx .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.mc01 .lx .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.mc01 .lx .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.mc01 .lx .right dl dd p{ display:flex; align-items:center; margin-top:5px;}
.mc01 .lx .right dl dd strong{ width:80px; display:block; overflow:hidden; border:1px solid #ddd;}
.mc01 .lx .right dl dd strong img{ width:100%; display:block;}
.mc01 .lx .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}

/*down*/
@media screen and (min-width:1530px){
.down{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.down .title .more{ margin-bottom:10px;}
.down .title .more a{ margin-left:1.04vw;}
.down .title .more a.on{ background-color:#006de6;}
.down .list{ display:flex; flex-wrap:wrap;}
.down .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; padding:1.5625vw; box-sizing:border-box; padding-top:1.3vw; background-color:#f1f1f1; border-radius:10px; overflow:hidden; position:relative;}
.down .list li:nth-child(4n+1){ margin-left:0;}
.down .list li .top{ font-size:16px; line-height:26px; color:#666;}
.down .list li .middle{ font-size:20px; line-height:30px; margin-top:.52vw;}
.down .list li:hover .middle{ color:#006de6;}
.down .list li .bottom{ border-top:1px solid #ddd; margin-top:1.3vw; padding-top:1.04vw;}
.down .list li .bottom a{ display:block; float:right; font-size:16px; line-height:20px; height:20px; overflow:hidden;}
.down .list li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#006de6; margin-left:.52vw;}
.down .list li .bottom a b img{ height:14px; margin:3px; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1529px){
.down{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#fff;}
.down .title .more{ margin-bottom:10px;}
.down .title .more a{ margin-left:1.04vw;}
.down .title .more a.on{ background-color:#006de6;}
.down .list{ display:flex; flex-wrap:wrap;}
.down .list li{ width:23.1775%; margin-top:2.08vw; margin-left:2.43%; padding:1.5625vw; box-sizing:border-box; padding-top:1.3vw; background-color:#f1f1f1; border-radius:10px; overflow:hidden; position:relative;}
.down .list li:nth-child(4n+1){ margin-left:0;}
.down .list li .top{ font-size:15px; line-height:25px; color:#666;}
.down .list li .middle{ font-size:18px; line-height:28px; margin-top:.52vw;}
.down .list li:hover .middle{ color:#006de6;}
.down .list li .bottom{ border-top:1px solid #ddd; margin-top:1.3vw; padding-top:1.04vw;}
.down .list li .bottom a{ display:block; float:right; font-size:15px; line-height:20px; height:20px; overflow:hidden;}
.down .list li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#006de6; margin-left:.52vw;}
.down .list li .bottom a b img{ height:14px; margin:3px; display:block;}
}
@media only screen and (max-width:1023px){
.down{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#fff;}
.down .title .more{ margin-left:-10px;}
.down .title .more a{ margin-left:10px; margin-top:10px;}
.down .title .more a.on{ background-color:#006de6;}
.down .list{ padding-top:5px; display:flex; flex-wrap:wrap;}
.down .list li{ width:100%; margin-top:15px; padding:15px; box-sizing:border-box; padding-top:1.3vw; background-color:#f1f1f1; border-radius:10px; overflow:hidden; position:relative;}
.down .list li .top{ font-size:14px; line-height:24px; color:#666;}
.down .list li .middle{ font-size:16px; line-height:26px;}
.down .list li:hover .middle{ color:#006de6;}
.down .list li .bottom{ border-top:1px solid #ddd; margin-top:10px; padding-top:15px;}
.down .list li .bottom a{ display:block; float:right; font-size:14px; line-height:20px; height:20px; overflow:hidden;}
.down .list li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#006de6; margin-left:5px;}
.down .list li .bottom a b img{ height:14px; margin:3px; display:block;}
}


/* 产品分类栏不换行 - 覆盖所有断点 */
.pro .lbar .list>li>a,
.pro .lbar .list>li>ul>li>a,
.pro .lbar .list>li>ul>li>ul>li>a {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 产品分类栏字体优化 - Oswald + 缩小字体 */
@media screen and (min-width:1530px){
  .pro .lbar .list>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 24px !important;
  }
  .pro .lbar .list>li>ul>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 22px !important;
  }
  .pro .lbar .list>li>ul>li>ul>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 20px !important;
  }
}
@media screen and (min-width:1024px) and (max-width:1529px){
  .pro .lbar .list>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 22px !important;
  }
  .pro .lbar .list>li>ul>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 20px !important;
  }
  .pro .lbar .list>li>ul>li>ul>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 18px !important;
  }
}
@media only screen and (max-width:1023px){
  .pro .lbar .list>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 20px !important;
  }
  .pro .lbar .list>li>ul>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 18px !important;
  }
  .pro .lbar .list>li>ul>li>ul>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 16px !important;
  }
}

/* 产品名称字体优化 - Oswald + 缩小 */
@media screen and (min-width:1530px){
  /* 产品列表页名称 */
  .pro .rbar .list li .wen>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 24px !important;
    height: 24px !important;
  }
  /* 产品详情页大标题 */
  .pro01 .right .w01 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 28px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 38px !important;
  }
}
@media screen and (min-width:1024px) and (max-width:1529px){
  /* 产品列表页名称 */
  .pro .rbar .list li .wen>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 22px !important;
    height: 22px !important;
  }
  /* 产品详情页大标题 */
  .pro01 .right .w01 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 34px !important;
  }
}
@media only screen and (max-width:1023px){
  /* 产品列表页名称 */
  .pro .rbar .list li .wen>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 20px !important;
    height: 20px !important;
  }
  /* 产品详情页大标题 */
  .pro01 .right .w01 {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 30px !important;
  }
}

/* ===== 全局字体统一为 Oswald ===== */
body,
div, p, span, a,
h1, h2, h3, h4, h5, h6,
li, ul, ol,
table, td, th, thead, tbody,
input, textarea, select, button, option,
label, strong, b, em, i, small,
blockquote, pre, code,
article, section, header, footer, nav,
figure, figcaption,
dl, dt, dd {
    font-family: 'Oswald', sans-serif !important;
}

/* ===== 产品描述区域 ===== */
.prodesc {
    width: 90%;
    margin: 2vw auto 0;
    padding: 1.5vw 2vw;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
}
.prodesc_title {
    font-size: 22px;
    font-weight: 600;
    color: #11263b;
    padding-bottom: 0.8vw;
    margin-bottom: 1vw;
    border-bottom: 2px solid #ffab17;
    letter-spacing: 0.5px;
}
.prodesc_content {
    font-size: 15px;
    line-height: 28px;
    color: #444;
}
.prodesc_content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #11263b;
    margin: 1vw 0 0.5vw;
}
.prodesc_content p {
    margin-bottom: 0.8vw;
}
.prodesc_content strong {
    color: #006de6;
    font-weight: 600;
}
.prodesc_content br {
    line-height: 28px;
}

@media screen and (min-width:1024px) and (max-width:1529px){
  .prodesc { padding: 1.2vw 1.5vw; }
  .prodesc_title { font-size: 20px; }
  .prodesc_content { font-size: 14px; line-height: 26px; }
  .prodesc_content h3 { font-size: 17px; }
}
@media only screen and (max-width:1023px){
  .prodesc { width: 94%; padding: 15px; margin-top: 15px; }
  .prodesc_title { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; }
  .prodesc_content { font-size: 14px; line-height: 24px; }
  .prodesc_content h3 { font-size: 16px; margin: 10px 0 5px; }
}