@charset "utf-8";
/* CSS Document */
html, body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.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; /* 透明背景 */}

/*header*/
@media screen and (min-width:1600px){
.header{ width:100%; position:relative; z-index:99; background-color:#fff;}
.header .head{ width:84%; height:120px; margin:auto; position:relative;}
.header .logo{ height:60px; float:left; padding:30px 0;}
.header .logo img{ display:block; height:60px;}
.header .logo img.mobile{ display:none;}
.header .tel{ position:absolute; right:0; top:20px;}
.header .tel a{ display:none;}
.header .tel p{ display:block; overflow:hidden; height:40px;}
.header .tel p img{ display:block; height:20px; float:left; margin-top:10px;}
.header .tel p span{ display:block; height:40px; line-height:40px; font-size:14px; float:left; margin-left:10px;}
.header .tel p b{ display:block; height:40px; line-height:40px; font-size:24px; float:left; color:#006de6;}
.header .nav{ display:block; float:right; height:60px; padding-top:60px; position:relative; z-index:1;}
.header .nav li{ display:block; float:left; margin-left:2.6vw; height:60px; position:relative; z-index:1;}
.header .nav li>a{ display:block; font-size:18px; line-height:42px; height:42px; color:#333;}
.header .nav li.on>a, .header .nav li:hover>a{ color:#006de6;}
.header .nav li p{ width:200px; position:absolute; left:50%; margin-left:-100px; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box;}
.header .nav li p a{ display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#fff; text-align:center;}
.header .nav li p a:hover{ color:#006de6;}
.header .nav li:hover p{ top:100%; opacity:1; height:auto; padding:15px 20px;}
}

@media screen and (min-width:1600px) and (max-width:1630px){
.header .nav li{ margin-left:2.4vw;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.header{ width:100%; position:relative; z-index:99; background-color:#fff;}
.header .head{ width:84%; min-width:960px; height:100px; margin:auto; position:relative;}
.header .logo{ height:50px; float:left; padding:20px 0;}
.header .logo img{ display:block; height:60px;}
.header .logo img.mobile{ display:none;}
.header .tel{ position:absolute; right:0; top:15px;}
.header .tel a{ display:none;}
.header .tel p{ display:block; overflow:hidden; height:36px;}
.header .tel p img{ display:block; height:20px; float:left; margin-top:8px;}
.header .tel p span{ display:block; height:36px; line-height:36px; font-size:14px; float:left; margin-left:10px;}
.header .tel p b{ display:block; height:36px; line-height:36px; font-size:20px; float:left; color:#006de6;}
.header .nav{ display:block; float:right; height:50px; padding-top:50px; position:relative; z-index:1;}
.header .nav li{ display:block; float:left; margin-left:2.3vw; height:49px; position:relative; z-index:1;}
.header .nav li>a{ display:block; font-size:16px; line-height:40px; height:40px; color:#333;}
.header .nav li.on>a, .header .nav li:hover>a{ color:#006de6;}
.header .nav li p{ width:180px; position:absolute; left:50%; margin-left:-90px; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box;}
.header .nav li p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff; text-align:center;}
.header .nav li p a:hover{ color:#006de6;}
.header .nav li:hover p{ top:100%; opacity:1; height:auto; padding:15px 20px;}
}

@media screen and (min-width:1370px) and (max-width:1430px){
.header .nav li{ margin-left:2vw;}
}

@media screen and (min-width:1280px) and (max-width:1369px){
.header .nav li{ margin-left:1.5vw;}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.header .logo{ height:50px; padding:25px 0;}
.header .logo img{ height:50px;}
.header .nav li{ margin-left:1.1vw;}
.header .nav li>a{ font-size:15px;}
}

@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:relative; z-index:999;}
.header .hamburger{ height:22px; width:16px; border-radius:100%; background-color:#006de6; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:12px 3%; padding:7px 10px;}
.header .hamburger .h-bar{ display:block; width:16px; height:1px; background-color:#fff; margin:5px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .hamburger.open-menu .h-bar{ margin-left:7px;}
.header .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .logo{ display:block; padding:12px 3%; float:left;}
.header .logo img{ display:block; height:36px;}
.header .logo img.pc{ display:none;}
.header .tel{ float:right; padding:12px 0;}
.header .tel p{ display:none;}
.header .tel a{ width:36px; height:36px; border-radius:100%; overflow:hidden; display:block;}
.header .tel a img{ display:block; width:36px; height:36px;}
.header .nav{ background-color:#f7f7f7; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 60px); top:60px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; padding-bottom:64px; box-sizing:border-box; border-top:2px solid #006de6;}
.header .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .nav li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.header .nav li> a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px; text-transform:capitalize;}
.header .nav li b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .nav li b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .nav li.cur b::after{ transform:rotateZ(135deg);}
.header .nav li.cur>a, .header .nav li.on>a{ color:#006de6;}
.header .nav li p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .nav li p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#999; overflow:hidden; text-transform:capitalize;}
.header .nav li p a:hover{ color:#006de6;}
}

/*banner*/
@media screen and (min-width:1600px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:40px; z-index:3;}
.banner .swiper-pagination span{ float:left; width:14px; height:14px; display:block; margin:0 8px; cursor:pointer; border-radius:10px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#006de6;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3;}
.banner .swiper-pagination span{ float:left; width:12px; height:12px; display:block; margin:0 6px; cursor:pointer; border-radius:10px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#006de6;}
}

@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.banner .swiper-pagination span{ float:left; width:10px; height:10px; display:block; margin:0 4px; cursor:pointer; border-radius:10px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#006de6;}
}

/*通用*/
@media screen and (min-width:1600px){
.title{ width:84%; margin:auto; position:relative; margin-top:-5px; z-index:3; text-align:center;}
.title .t01{ font-size:36px; line-height:46px; font-weight:bold;}
.title .t02{ font-size:18px; line-height:28px; color:#666; margin-top:6px;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.title{ width:84%; min-width:960px; margin:auto; margin-top:-5px; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold;}
.title .t02{ font-size:16px; line-height:26px; color:#666; margin-top:4px;}
}

@media only screen and (max-width:1023px){
.title{ width:94%; max-width:1480px; margin:auto; margin-top:-5px; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t02{ font-size:14px; line-height:24px; color:#666; margin-top:2px;}
}

/*优势*/
@media screen and (min-width:1600px){
.ybox{ width:100%; padding-top:3.38vw; position:relative; z-index:1; background-color:#006de6;}
.ybox .box{ width:84%; margin:auto; margin-top:5px; position:relative; z-index:3;}
.ybox .box .item{ width:22.5%; margin-left:3.33%; float:left; padding-bottom:3.38vw;}
.ybox .box .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .item .w01{ width:100%; position:relative; padding-top:66.66%;}
.ybox .box .item .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .item:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.ybox .box .item .w02{ text-align:center; display:flex; align-items:center; justify-content:center; margin-top:1.3vw; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.ybox .box .item .w02 span{ display:block; width:10px; height:10px; border-radius:100%; margin-right:10px; overflow:hidden; background-color:#f8cf01;}
.ybox .box .item .w03{ text-align:center; margin-top:0.26vw; font-size:18px; line-height:28px; color:#fff;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.ybox{ width:100%; padding-top:3.38vw; position:relative; z-index:1; background-color:#006de6;}
.ybox .box{ width:84%; min-width:960px; margin:auto; margin-top:5px; position:relative; z-index:3;}
.ybox .box .item{ width:22.5%; margin-left:3.33%; float:left; padding-bottom:3.38vw;}
.ybox .box .item:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .item .w01{ width:100%; position:relative; padding-top:66.66%;}
.ybox .box .item .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .item:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.ybox .box .item .w02{ text-align:center; display:flex; align-items:center; justify-content:center; margin-top:1.3vw; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ybox .box .item .w02 span{ display:block; width:8px; height:8px; border-radius:100%; margin-right:10px; overflow:hidden; background-color:#f8cf01;}
.ybox .box .item .w03{ text-align:center; margin-top:0.26vw; font-size:16px; line-height:26px; color:#fff;}
}

@media only screen and (max-width:1023px){
.ybox{ width:100%; padding-top:30px; padding-bottom:15px; position:relative; z-index:1; background-color:#006de6;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .item{ width:48.5%; margin-left:3%; float:left; padding-bottom:10px;}
.ybox .box .item:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .item .w01{ width:100%; position:relative; padding-top:66.66%;}
.ybox .box .item .w01 img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .item:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.ybox .box .item .w02{ text-align:center; display:flex; align-items:center; justify-content:center; margin-top:5px; font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.ybox .box .item .w02 span{ display:block; width:6px; height:6px; border-radius:100%; margin-right:5px; overflow:hidden; background-color:#f8cf01;}
.ybox .box .item .w03{ text-align:center; font-size:14px; line-height:24px; color:#fff;}
}

/*关于我们*/
@media screen and (min-width:1600px){
.abox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; position:relative; z-index:3;}
.abox .box .left{ width:50%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.abox .box .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.abox .box .right{ float:right; width:50%; box-sizing:border-box; padding:5.2vw 5.2%; padding-right:8%;}
.abox .box .right .w01{ margin-top:-5px; display:flex; flex-wrap:wrap; align-items:flex-end;}
.abox .box .right .w01 b{ display:block; font-size:36px; line-height:46px; color:#006de6; margin-right:1.04vw;}
.abox .box .right .w01 p{ display:block; font-size:18px; line-height:28px; color:#666;}
.abox .box .right .w02{ margin-top:0.78125vw; width:80px; height:4px; background-color:#f8cf01;}
.abox .box .right .w03{ margin-top:1.82vw; font-size:24px; line-height:34px; font-weight:bold;}
.abox .box .right .w04{ margin-top:0.78125vw; font-size:16px; line-height:36px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.abox .box .right .w05{ margin-top:2.08vw;}
.abox .box .right .w05 a{ display:block; float:left; width:180px; height:46px; border-radius:46px; overflow:hidden; background-color:#006de6;}
.abox .box .right .w05 a span{ width:139px; display:block; float:left; text-align:center; line-height:46px; height:46px; font-size:16px; letter-spacing:4px; text-indent:4px; color:#fff; overflow:hidden;}
.abox .box .right .w05 a b{ width:36px; height:36px; display:block; float:left; margin-top:5px; background-color:rgba(255,255,255,.2); border-radius:100%; overflow:hidden; -webkit-transition:-webkit-transform 1s, height 1s, width 1s;}
.abox .box .right .w05 a b img{ height:10px; margin:13px auto; display:block;}
.abox .box .right .w05 a:hover b{ -webkit-transform:rotateX(-180deg);}
.abox .list{ min-height:300px; width:100%; position:relative; z-index:3; background-position:center; background-size:cover; background-repeat:no-repeat; display:flex; align-items:center;}
.abox .list .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,109,230,.9);}
.abox .list ul{ display:flex; align-items:center; width:84%; margin:4.9479vw auto; position:relative; z-index:3;}
.abox .list ul li{ width:17%; margin:0 1.5%; display:block; text-align:center;}
.abox .list ul li b{ display:block; font-size:48px; line-height:58px; color:#fff;}
.abox .list ul li p{ display:block; font-size:20px; line-height:30px; color:#fff; margin-top:0.52vw;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.abox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; position:relative; z-index:3;}
.abox .box .left{ width:50%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.abox .box .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.abox .box .right{ width:84%; min-width:960px; margin:auto; padding:5.2vw 0;}
.abox .box .right .w01{ width:43.75%; margin-left:56.25%; margin-top:-5px; display:flex; flex-wrap:wrap; align-items:flex-end;}
.abox .box .right .w01 b{ display:block; font-size:30px; line-height:40px; color:#006de6; margin-right:1.04vw;}
.abox .box .right .w01 p{ display:block; font-size:16px; line-height:26px; color:#666;}
.abox .box .right .w02{ width:43.75%; margin-left:56.25%; margin-top:0.78125vw; width:60px; height:3px; background-color:#f8cf01;}
.abox .box .right .w03{ width:43.75%; margin-left:56.25%; margin-top:1.82vw; font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .right .w04{ width:43.75%; margin-left:56.25%; margin-top:0.78125vw; font-size:15px; line-height:31px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.abox .box .right .w05{ width:43.75%; margin-left:56.25%; margin-top:2.08vw;}
.abox .box .right .w05 a{ display:block; float:left; width:160px; height:42px; border-radius:46px; overflow:hidden; background-color:#006de6;}
.abox .box .right .w05 a span{ width:123px; display:block; float:left; text-align:center; line-height:42px; height:42px; font-size:15px; letter-spacing:3px; text-indent:3px; color:#fff; overflow:hidden;}
.abox .box .right .w05 a b{ width:32px; height:32px; display:block; float:left; margin-top:5px; background-color:rgba(255,255,255,.2); border-radius:100%; overflow:hidden; -webkit-transition:-webkit-transform 1s, height 1s, width 1s;}
.abox .box .right .w05 a b img{ height:10px; margin:11px auto; display:block;}
.abox .box .right .w05 a:hover b{ -webkit-transform:rotateX(-180deg);}
.abox .list{ width:100%; position:relative; z-index:3; background-position:center; background-size:cover; background-repeat:no-repeat; display:flex; align-items:center;}
.abox .list .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,109,230,.9);}
.abox .list ul{ display:flex; align-items:center; width:84%; min-width:960px; margin:4.9479vw auto; position:relative; z-index:3;}
.abox .list ul li{ width:17%; margin:0 1.5%; display:block; text-align:center;}
.abox .list ul li b{ display:block; font-size:40px; line-height:50px; color:#fff;}
.abox .list ul li p{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:0.52vw;}
}

@media only screen and (max-width:1023px){
.abox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:100%; position:relative; z-index:3;}
.abox .box .left{ width:100%; padding-top:75%; position:relative; overflow:hidden;}
.abox .box .left img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.abox .box .right{ width:94%; padding:40px 3%;}
.abox .box .right .w01{ width:100%; margin-top:-5px; display:flex; flex-wrap:wrap; align-items:flex-end;}
.abox .box .right .w01 b{ display:block; font-size:24px; line-height:34px; color:#006de6; margin-right:5px;}
.abox .box .right .w01 p{ display:block; font-size:14px; line-height:24px; color:#666;}
.abox .box .right .w02{ width:100%; margin-top:10px; width:40px; height:2px; background-color:#f8cf01;}
.abox .box .right .w03{ width:100%; margin-top:15px; font-size:16px; line-height:26px; font-weight:bold;}
.abox .box .right .w04{ width:100%; margin-top:5px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.abox .box .right .w05{ width:100%; margin-top:15px;}
.abox .box .right .w05 a{ display:block; float:left; width:140px; height:36px; border-radius:46px; overflow:hidden; background-color:#006de6;}
.abox .box .right .w05 a span{ width:109px; display:block; float:left; text-align:center; line-height:36px; height:36px; font-size:14px; color:#fff; overflow:hidden; letter-spacing:2px; text-indent:2px;}
.abox .box .right .w05 a b{ width:26px; height:26px; display:block; float:left; margin-top:5px; background-color:rgba(255,255,255,.2); border-radius:100%; overflow:hidden; -webkit-transition:-webkit-transform 1s, height 1s, width 1s;}
.abox .box .right .w05 a b img{ height:10px; margin:8px auto; display:block;}
.abox .box .right .w05 a:hover b{ -webkit-transform:rotateX(-180deg);}
.abox .list{ width:100%; position:relative; z-index:3; background-position:center; background-size:cover; background-repeat:no-repeat; padding-top:30px; padding-bottom:30px;}
.abox .list .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,109,230,.9);}
.abox .list ul{ display:flex; justify-content:center; flex-wrap:wrap; align-items:center; width:97%; margin:auto; position:relative; z-index:3;}
.abox .list ul li{ width:calc(33.33% - 3vw); display:block; text-align:center; margin:5px 1.5vw;}
.abox .list ul li b{ display:block; font-size:24px; line-height:34px; color:#fff;}
.abox .list ul li p{ display:block; font-size:14px; line-height:24px; color:#fff;}
}

/*产品中心*/
@media screen and (min-width:1600px){
.pbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:84%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.pbox .box .tab_menu{ width:18.75%; display:block; float:left; margin-top:-1.35vw;}
.pbox .box .tab_menu li{ display:block; margin-top:1.35vw; position:relative; cursor:pointer;}
.pbox .box .tab_menu li a{ display:flex; align-items:center; width:100%; height:64px; font-size:24px; line-height:1.2; background-color:#f1f1f1; border-radius:10px; overflow:hidden; font-weight:bold; padding-left:1.5625vw; box-sizing:border-box; letter-spacing:4px;}
.pbox .box .tab_menu li.on a{ background-color:#006de6; color:#fff;}
.pbox .box .tab_menu li.on b{ width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #006de6; position:absolute; left:100%; top:50%; margin-top:-10px; display:block;}
.pbox .box .tabox{ width:76.25%; display:block; float:right; margin-top:-2.08vw;}
.pbox .box .tabox dl{ display:none; overflow:hidden; flex-wrap:wrap;}
.pbox .box .tabox dl.active{ display:flex;}
.pbox .box .tabox dl dt{ width:31.15%; display:block; margin-left:3.275%; margin-top:2.08vw; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.pbox .box .tabox dl dt:nth-child(3n+1){ margin-left:0;}
.pbox .box .tabox dl dt .w01{ width:100%; padding-top:71.05%; border-radius:10px; position:relative;}
.pbox .box .tabox dl dt .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .tabox dl dt .w02{ padding:0 1.04vw; height:70px; display:flex; align-items:center;}
.pbox .box .tabox dl dt .w02 b{ flex:1; margin-right:1.04vw;  display:block; overflow:hidden; font-size:20px; line-height:26px; height:56px;}
.pbox .box .tabox dl dt .w02 span{ padding:0 1.4583vw; display:block; overflow:hidden; font-size:16px; line-height:34px; height:34px; text-align:center; background-color:#006de6; color:#fff; border-radius:34px;}
.pbox .box .tabox dl dt:hover{ background-color:#006de6;}
.pbox .box .tabox dl dt:hover .w02 b{ color:#fff;}
.pbox .box .tabox dl dt:hover .w02 span{ background-color:#fff; color:#006de6;}
.pbox .box .tabox dl dd{ width:31.15%; display:block; margin-left:3.275%; margin-top:2.08vw; border-radius:10px; overflow:hidden; background-position:center; background-size:cover; position:relative;}
.pbox .box .tabox dl dd:nth-child(3n+1){ margin-left:0;}
.pbox .box .tabox dl dd:before{ width:100%; padding-top:71.05%; display:block; content:''; position:relative; z-index:1;}
.pbox .box .tabox dl dd a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; justify-content:center; background-color:rgba(0,109,230,.9);}
.pbox .box .tabox dl dd a b{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.pbox .box .tabox dl dd a p{ margin-top:0.3125vw; font-size:16px; line-height:30px; color:#fff; font-weight:bold;}
.pbox .box .tabox dl dd a p img{ display:block; height:20px; margin-top:5px; margin-right:.52vw;
float:left;}
.pbox .box .tabox dl dd:hover a{ background-color:rgba(0,109,230,.5);}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.pbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:84%; min-width:960px; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.pbox .box .tab_menu{ width:20.75%; display:block; float:left; margin-top:-1.35vw;}
.pbox .box .tab_menu li{ display:block; margin-top:1.35vw; position:relative; cursor:pointer;}
.pbox .box .tab_menu li a{ display:flex; align-items:center; width:100%; height:60px; font-size:20px; line-height:1.2; background-color:#f1f1f1; border-radius:10px; overflow:hidden; font-weight:bold; padding-left:1.5625vw; box-sizing:border-box; letter-spacing:2px;}
.pbox .box .tab_menu li.on a{ background-color:#006de6; color:#fff;}
.pbox .box .tab_menu li.on b{ width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #006de6; position:absolute; left:100%; top:50%; margin-top:-10px; display:block;}
.pbox .box .tabox{ width:76.25%; display:block; float:right; margin-top:-2.08vw;}
.pbox .box .tabox dl{ display:none; overflow:hidden; flex-wrap:wrap;}
.pbox .box .tabox dl.active{ display:flex;}
.pbox .box .tabox dl dt{ width:31.15%; display:block; margin-left:3.275%; margin-top:2.08vw; background-color:#f7f7f7; border-radius:10px; overflow:hidden;}
.pbox .box .tabox dl dt:nth-child(3n+1){ margin-left:0;}
.pbox .box .tabox dl dt .w01{ width:100%; padding-top:71.05%; border-radius:10px; position:relative;}
.pbox .box .tabox dl dt .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .tabox dl dt .w02{ padding:0 1.04vw; height:60px; display:flex; align-items:center;}
.pbox .box .tabox dl dt .w02 b{ flex:1; margin-right:1.04vw; display:block; overflow:hidden; font-size:18px; line-height:24px; height:48px;}
.pbox .box .tabox dl dt .w02 span{ padding:0 1.4583vw; display:block; overflow:hidden; font-size:15px; line-height:32px; height:32px; text-align:center; background-color:#006de6; color:#fff; border-radius:34px;}
.pbox .box .tabox dl dt:hover{ background-color:#006de6;}
.pbox .box .tabox dl dt:hover .w02 b{ color:#fff;}
.pbox .box .tabox dl dt:hover .w02 span{ background-color:#fff; color:#006de6;}
.pbox .box .tabox dl dd{ width:31.15%; display:block; margin-left:3.275%; margin-top:2.08vw; border-radius:10px; overflow:hidden; background-position:center; background-size:cover; position:relative;}
.pbox .box .tabox dl dd:nth-child(3n+1){ margin-left:0;}
.pbox .box .tabox dl dd:before{ width:100%; padding-top:71.05%; display:block; content:''; position:relative; z-index:1;}
.pbox .box .tabox dl dd a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; justify-content:center; background-color:rgba(0,109,230,.9);}
.pbox .box .tabox dl dd a b{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pbox .box .tabox dl dd a p{ margin-top:0.3125vw; font-size:15px; line-height:28px; color:#fff; font-weight:bold;}
.pbox .box .tabox dl dd a p img{ display:block; height:18px; margin-top:5px; margin-right:.52vw;
float:left;}
.pbox .box .tabox dl dd:hover a{ background-color:rgba(0,109,230,.5);}
}

@media only screen and (max-width:1023px){
.pbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .tab_menu{ width:100%; display:block; overflow:hidden;}
.pbox .box .tab_menu li{ display:block; margin-top:15px; width:calc(48.5% - 5px); margin-left:3%; float:left; position:relative; cursor:pointer;}
.pbox .box .tab_menu li:nth-child(2n+1){ margin-left:0;}
.pbox .box .tab_menu li a{ display:flex; align-items:center; width:100%; height:40px; font-size:16px; line-height:1.2; background-color:#f1f1f1; border-radius:5px; overflow:hidden; font-weight:bold; padding:0 15px; box-sizing:border-box;}
.pbox .box .tab_menu li.on a{ background-color:#006de6; color:#fff;}
.pbox .box .tab_menu li.on b{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #006de6; position:absolute; left:100%; top:50%; margin-top:-5px; display:block;}
.pbox .box .tabox{ width:100%; display:block; padding-top:5px;}
.pbox .box .tabox dl{ display:none; overflow:hidden; flex-wrap:wrap;}
.pbox .box .tabox dl.active{ display:flex;}
.pbox .box .tabox dl dt{ width:48.5%; display:block; margin-left:3%; margin-top:15px; background-color:#f7f7f7; border-radius:5px; overflow:hidden;}
.pbox .box .tabox dl dt:nth-child(2n+1){ margin-left:0;}
.pbox .box .tabox dl dt .w01{ width:100%; padding-top:71.05%; border-radius:5px; position:relative;}
.pbox .box .tabox dl dt .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .tabox dl dt .w02{ padding:7px 10px; display:flex;}
.pbox .box .tabox dl dt .w02 b{ flex:1; margin-right:10px; display:block; overflow:hidden; font-size:16px; line-height:20px; height:40px;}
.pbox .box .tabox dl dt .w02 span{ padding:0 10px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; text-align:center; background-color:#006de6; color:#fff; border-radius:34px; margin-top:5px; display:none;}
.pbox .box .tabox dl dt:hover{ background-color:#006de6;}
.pbox .box .tabox dl dt:hover .w02 b{ color:#fff;}
.pbox .box .tabox dl dt:hover .w02 span{ background-color:#fff; color:#006de6;}
.pbox .box .tabox dl dd{ width:48.5%; display:block; margin-left:3%; margin-top:15px; border-radius:5px; overflow:hidden; background-position:center; background-size:cover; position:relative;}
.pbox .box .tabox dl dd:nth-child(2n+1){ margin-left:0;}
.pbox .box .tabox dl dd:before{ width:100%; padding-top:71.05%; display:block; content:''; position:relative; z-index:1;}
.pbox .box .tabox dl dd a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:flex; align-items:center; justify-content:center; background-color:rgba(0,109,230,.9);}
.pbox .box .tabox dl dd a .wen{ max-width:70%;}
.pbox .box .tabox dl dd a b{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.pbox .box .tabox dl dd a p{ margin-top:0.3125vw; font-size:14px; line-height:24px; color:#fff; font-weight:bold;}
.pbox .box .tabox dl dd a p img{ display:block; height:16px; margin-top:4px; margin-right:5px; float:left;}
.pbox .box .tabox dl dd:hover a{ background-color:rgba(0,109,230,.5);}
}

/*应用领域*/
@media screen and (min-width:1600px){
.cbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cbox .box{ width:84%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-slide{ width:23.125%; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.cbox .box .swiper-slide:before{ width:100%; display:block; content:''; padding-top:156.75%;}
.cbox .box .swiper-slide a{ width:100%; height:100%; display:block; box-sizing:border-box; background:linear-gradient(to top, rgba(0,109,230,0), rgba(0,109,230,.7)); padding:2.34375vw 2.08vw; position:absolute; left:0; top:0; z-index:3; overflow:auto;}
.cbox .box .swiper-slide .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.cbox .box .swiper-slide .w02{ font-size:16px; line-height:24px; color:#fff; margin-top:.52vw;
text-transform:uppercase;}
.cbox .box .swiper-slide .w03{ width:40px; height:2px; background-color:#f8cf01; margin-top:0.78125vw; display:none;}
.cbox .box .swiper-slide .w04{ font-size:16px; line-height:30px; color:#fff; margin-top:1.2vw; display:none;}
.cbox .box .swiper-slide a:hover{ background:linear-gradient(to top, rgba(0,109,230,.9), rgba(0,109,230,.9));}
.cbox .box .swiper-slide a:hover .w03, .cbox .box .swiper-slide a:hover .w04{ display:block;}
.cbox .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.cbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#006de6;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.cbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cbox .box{ width:84%; min-width:960px; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-slide{ width:23.125%; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.cbox .box .swiper-slide:before{ width:100%; display:block; content:''; padding-top:156.75%;}
.cbox .box .swiper-slide a{ width:100%; height:100%; display:block; box-sizing:border-box; background:linear-gradient(to top, rgba(0,109,230,0), rgba(0,109,230,.7)); padding:2.34375vw 2.08vw; position:absolute; left:0; top:0; z-index:3; overflow:auto;}
.cbox .box .swiper-slide .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.cbox .box .swiper-slide .w02{ font-size:15px; line-height:23px; color:#fff; margin-top:.52vw;
text-transform:uppercase;}
.cbox .box .swiper-slide .w03{ width:30px; height:2px; background-color:#f8cf01; margin-top:0.78125vw; display:none;}
.cbox .box .swiper-slide .w04{ font-size:15px; line-height:27px; color:#fff; margin-top:1.2vw; display:none;}
.cbox .box .swiper-slide a:hover{ background:linear-gradient(to top, rgba(0,109,230,.9), rgba(0,109,230,.9));}
.cbox .box .swiper-slide a:hover .w03, .cbox .box .swiper-slide a:hover .w04{ display:block;}
.cbox .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.cbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#006de6;}
}

@media only screen and (max-width:1023px){
.cbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-slide{ width:48.75%; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.cbox .box .swiper-slide:before{ width:100%; display:block; content:''; padding-top:156.75%;}
.cbox .box .swiper-slide a{ width:100%; height:100%; display:block; box-sizing:border-box; background:linear-gradient(to top, rgba(0,109,230,0), rgba(0,109,230,.7)); padding:15px; position:absolute; left:0; top:0; z-index:3; overflow:auto;}
.cbox .box .swiper-slide .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.cbox .box .swiper-slide .w02{ font-size:14px; line-height:22px; color:#fff; text-transform:uppercase;}
.cbox .box .swiper-slide .w03{ width:20px; height:2px; background-color:#f8cf01; margin-top:5px; display:none;}
.cbox .box .swiper-slide .w04{ font-size:14px; line-height:24px; color:#fff; margin-top:10px; display:none;}
.cbox .box .swiper-slide a:hover{ background:linear-gradient(to top, rgba(0,109,230,.9), rgba(0,109,230,.9));}
.cbox .box .swiper-slide a:hover .w03, .cbox .box .swiper-slide a:hover .w04{ display:block;}
.cbox .swiper-pagination{ width:100%; margin-top:15px; display:flex; flex-wrap:wrap; justify-content:center;}
.cbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#006de6;}
}

/*合作伙伴*/
@media screen and (min-width:1600px){
.hbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#fff;}
.hbox .box{ width:84%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.hbox .box .list{ width:100%; display:block; margin-top:-1.5625vw;}
.hbox .box .list li{ width:15%; border:1px solid #ddd; box-sizing:border-box; float:left; margin-left:2%; margin-top:1.5625vw; overflow:hidden;}
.hbox .box .list li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.hbox .box .list li:hover{ border:1px solid #006de6;}
.hbox .box .list li a{ width:100%; padding-top:50%; display:block; position:relative; overflow:hidden;}
.hbox .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.hbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#fff;}
.hbox .box{ width:84%; min-width:960px; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.hbox .box .list{ width:100%; display:block; margin-top:-1.5625vw;}
.hbox .box .list li{ width:15%; border:1px solid #ddd; box-sizing:border-box; float:left; margin-left:2%; margin-top:1.5625vw; overflow:hidden;}
.hbox .box .list li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.hbox .box .list li:hover{ border:1px solid #006de6;}
.hbox .box .list li a{ width:100%; padding-top:50%; display:block; position:relative; overflow:hidden;}
.hbox .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

@media only screen and (max-width:1023px){
.hbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.hbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.hbox .box .list{ width:100%; display:block; margin-top:-10px;}
.hbox .box .list li{ width:31.33%; border:1px solid #ddd; box-sizing:border-box; float:left; margin-left:3%; margin-top:10px; overflow:hidden;}
.hbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.hbox .box .list li:hover{ border:1px solid #006de6;}
.hbox .box .list li a{ width:100%; padding-top:50%; display:block; position:relative; overflow:hidden;}
.hbox .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

/*新闻资讯*/
@media screen and (min-width:1600px){
.nbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .box{ width:84%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ width:31.25%; overflow:hidden; position:relative;}
.nbox .box .swiper-slide .tu{ width:100%; padding-top:66%; border-radius:10px; position:relative; z-index:1;}
.nbox .box .swiper-slide .tu img{ width:100%; position:absolute; left:0; top:0; display:block;}
.nbox .box .swiper-slide .line{ width:100px; height:10px; background-color:#006de6; position:relative; z-index:3; margin-left:3.125vw; margin-top:-1.82vw;}
.nbox .box .swiper-slide .wen{ width:calc(100% - 3.125vw); padding:1.3vw 1.5625vw; padding-top:0.78125vw; border-radius:10px; background-color:#fff; position:relative; z-index:2; margin:auto; margin-top:-5px; box-sizing:border-box;}
.nbox .box .swiper-slide .wen .w01{ width:100%; font-size:16px; line-height:24px; height:24px; color:#666; margin-top:5px;}
.nbox .box .swiper-slide .wen .w02{ width:100%; margin-top:.52vw;
}
.nbox .box .swiper-slide .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .swiper-slide .wen .w03{ width:100%; margin-top:.52vw;
font-size:16px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w04{ width:100%; margin-top:.52vw;
}
.nbox .box .swiper-slide .wen .w04 a{ float:left; font-size:16px; line-height:26px; height:26px; color:#999;}
.nbox .box .swiper-slide:hover .line{ background-color:#f8cf01;}
.nbox .box .swiper-slide .wen .w02 a:hover, .nbox .box .swiper-slide .wen .w04 a:hover{ color:#006de6;}
.nbox .box .swi{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .box .swi .swiper-button-white{ width:46px; height:46px; border-radius:100%; background-color:#333; cursor:pointer; overflow:hidden;}
.nbox .box .swi .swiper-button-white:hover{ background-color:#006de6;}
.nbox .box .swi .swiper-button-white img{ height:12px; display:block; margin:17px auto;}
.nbox .box .swi a{ width:160px; height:46px; line-height:46px; border-radius:46px; text-align:center; font-size:16px; background-color:#006de6; color:#fff; overflow:hidden; margin:0 20px;}
.nbox .box .swi a:hover{ background-color:#f8cf01; color:#333;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.nbox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .box{ width:84%; min-width:960px; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ width:31.25%; overflow:hidden; position:relative;}
.nbox .box .swiper-slide .tu{ width:100%; padding-top:66%; border-radius:10px; position:relative; z-index:1;}
.nbox .box .swiper-slide .tu img{ width:100%; position:absolute; left:0; top:0; display:block;}
.nbox .box .swiper-slide .line{ width:80px; height:8px; background-color:#006de6; position:relative; z-index:3; margin-left:3.125vw; margin-top:-1.82vw;}
.nbox .box .swiper-slide .wen{ width:calc(100% - 3.125vw); padding:1.3vw 1.5625vw; padding-top:0.78125vw; border-radius:10px; background-color:#fff; position:relative; z-index:2; margin:auto; margin-top:-4px; box-sizing:border-box;}
.nbox .box .swiper-slide .wen .w01{ width:100%; font-size:15px; line-height:23px; height:23px; color:#666; margin-top:4px;}
.nbox .box .swiper-slide .wen .w02{ width:100%; margin-top:.52vw;
}
.nbox .box .swiper-slide .wen .w02 a{ width:100%; font-size:18px; line-height:28px; height:56px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .swiper-slide .wen .w03{ width:100%; margin-top:.52vw;
font-size:15px; line-height:27px; height:54px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w04{ width:100%; margin-top:.52vw;
}
.nbox .box .swiper-slide .wen .w04 a{ float:left; font-size:15px; line-height:25px; height:25px; color:#999;}
.nbox .box .swiper-slide:hover .line{ background-color:#f8cf01;}
.nbox .box .swiper-slide .wen .w02 a:hover, .nbox .box .swiper-slide .wen .w04 a:hover{ color:#006de6;}
.nbox .box .swi{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .box .swi .swiper-button-white{ width:42px; height:42px; border-radius:100%; background-color:#333; cursor:pointer; overflow:hidden;}
.nbox .box .swi .swiper-button-white:hover{ background-color:#006de6;}
.nbox .box .swi .swiper-button-white img{ height:12px; display:block; margin:15px auto;}
.nbox .box .swi a{ width:140px; height:42px; line-height:42px; border-radius:46px; text-align:center; font-size:15px; background-color:#006de6; color:#fff; overflow:hidden; margin:0 15px;}
.nbox .box .swi a:hover{ background-color:#f8cf01; color:#333;}
}

@media only screen and (max-width:1023px){
.nbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ width:100%; overflow:hidden; position:relative;}
.nbox .box .swiper-slide .tu{ width:100%; padding-top:66%; border-radius:10px; position:relative; z-index:1;}
.nbox .box .swiper-slide .tu img{ width:100%; position:absolute; left:0; top:0; display:block;}
.nbox .box .swiper-slide .line{ width:60px; height:6px; background-color:#006de6; position:relative; z-index:3; margin-left:30px; margin-top:-20px;}
.nbox .box .swiper-slide .wen{ width:calc(100% - 30px); padding:15px; padding-top:10px; border-radius:10px; background-color:#fff; position:relative; z-index:2; margin:auto; margin-top:-3px; box-sizing:border-box;}
.nbox .box .swiper-slide .wen .w01{ width:100%; font-size:14px; line-height:22px; height:22px; color:#666; margin-top:3px;}
.nbox .box .swiper-slide .wen .w02{ width:100%;}
.nbox .box .swiper-slide .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:52px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .swiper-slide .wen .w03{ width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w04{ width:100%; margin-top:5px;}
.nbox .box .swiper-slide .wen .w04 a{ float:left; font-size:14px; line-height:24px; height:24px; color:#999;}
.nbox .box .swiper-slide:hover .line{ background-color:#f8cf01;}
.nbox .box .swiper-slide .wen .w02 a:hover, .nbox .box .swiper-slide .wen .w04 a:hover{ color:#006de6;}
.nbox .box .swi{ width:100%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .box .swi .swiper-button-white{ width:36px; height:36px; border-radius:100%; background-color:#333; cursor:pointer; overflow:hidden;}
.nbox .box .swi .swiper-button-white:hover{ background-color:#006de6;}
.nbox .box .swi .swiper-button-white img{ height:12px; display:block; margin:12px auto;}
.nbox .box .swi a{ width:120px; height:36px; line-height:36px; border-radius:46px; text-align:center; font-size:14px; background-color:#006de6; color:#fff; overflow:hidden; margin:0 10px;}
.nbox .box .swi a:hover{ background-color:#f8cf01; color:#333;}
}

/*footer*/
@media screen and (min-width:1600px){
.footer{ padding:0 8%; background-color:#1b191a; position:relative; z-index:1;}
.footer .top{ width:100%; padding-bottom:1.04vw; padding-top:2.34375vw; border-bottom:1px solid #2e2c2d;}
.footer .top .left{ float:left; height:50px;}
.footer .top .left img{ display:block; height:50px;}
.footer .top .right{ float:right; height:40px; padding:5px 0;}
.footer .top .right img{ display:block; height:40px;}
.footer .foot{ width:100%; display:flex;}
.footer .foot .f01{ display:flex;}
.footer .foot .f01 dl{ display:block; padding:2.34375vw 0; margin-right:5.2vw;}
.footer .foot .f01 dt{ display:block;}
.footer .foot .f01 dt a{ color:#fff; font-size:18px; line-height:28px; display:block;}
.footer .foot .f01 dd{ padding-top:0.2vw;}
.footer .foot .f01 dl:nth-child(2){ margin-right:2.6vw;}
.footer .foot .f01 dl:nth-child(2) dd{ display:flex;}
.footer .foot .f01 dl:nth-child(2) dd p{ display:block; margin-right:2.6vw;}
.footer .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; margin-top:0.52vw; color:#999;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ flex:1; padding:2.34375vw 0; padding-left:3.6458vw; border-left:1px solid #2e2c2d;}
.footer .foot .f02 .left{ width:calc(100% - 14.58vw); margin-top:-1.5625vw; float:left;}
.footer .foot .f02 .left .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-top:1.5625vw;}
.footer .foot .f02 .left .t02{ font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.footer .foot .f02 .left .t03{ font-size:14px; line-height:24px; color:#fff;}
.footer .foot .f02 .right{ display:block; width:14.58vw; float:right; padding-top:20px;}
.footer .foot .f02 .right li{ width:6.25vw; display:block; float:left; margin-left:1.04vw;}
.footer .foot .f02 .right strong{ width:100%; display:block;}
.footer .foot .f02 .right strong img{ display:block; width:100%;}
.footer .foot .f02 .right p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:10px; color:#fff;}
.footer .bq{ border-top:1px solid #2e2c2d;}
.footer .bq .left{ float:left; height:72px; display:flex; align-items:center;}
.footer .bq .left p{ display:block; float:left; margin-right:35px; font-size:14px; line-height:24px; color:#999;}
.footer .bq .left p a{ color:#999;}
.footer .bq .right{ float:right; height:72px; display:flex; align-items:center;}
.footer .bq .right span{ display:block; width:1px; height:12px; background-color:#999; margin:0 20px; overflow:hidden;}
.footer .bq .right p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .bq .right p a{ color:#999;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:100%; background-color:#1b191a; position:relative; z-index:1;}
.footer .top{ width:84%; min-width:960px; margin:auto; padding-bottom:1.04vw; padding-top:2.34375vw; border-bottom:1px solid #2e2c2d;}
.footer .top .left{ float:left; height:50px;}
.footer .top .left img{ display:block; height:50px;}
.footer .top .right{ float:right; height:40px; padding:5px 0;}
.footer .top .right img{ display:block; height:40px;}
.footer .foot{ width:84%; min-width:960px; margin:auto; display:flex;}
.footer .foot .f01{ display:flex;}
.footer .foot .f01 dl{ display:block; padding:2.34375vw 0; margin-right:5.2vw;}
.footer .foot .f01 dt{ display:block;}
.footer .foot .f01 dt a{ color:#fff; font-size:16px; line-height:26px; display:block;}
.footer .foot .f01 dd{ padding-top:0.2vw;}
.footer .foot .f01 dl:nth-child(2){ margin-right:2.6vw;}
.footer .foot .f01 dl:nth-child(2) dd{ display:flex;}
.footer .foot .f01 dl:nth-child(2) dd p{ display:block; margin-right:2.6vw;}
.footer .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; margin-top:0.52vw; color:#999;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ flex:1; padding:2.34375vw 0; padding-left:3.6458vw; border-left:1px solid #2e2c2d;}
.footer .foot .f02 .left{ width:calc(100% - 14.58vw); margin-top:-1.5625vw; float:left;}
.footer .foot .f02 .left .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-top:1.5625vw;}
.footer .foot .f02 .left .t02{ font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.footer .foot .f02 .left .t03{ font-size:14px; line-height:24px; color:#fff;}
.footer .foot .f02 .right{ display:block; width:14.58vw; float:right; padding-top:20px;}
.footer .foot .f02 .right li{ width:6.25vw; display:block; float:left; margin-left:1.04vw;}
.footer .foot .f02 .right strong{ width:100%; display:block;}
.footer .foot .f02 .right strong img{ display:block; width:100%;}
.footer .foot .f02 .right p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:7px; color:#fff;}
.footer .bq{ width:84%; min-width:960px; margin:auto; border-top:1px solid #2e2c2d;}
.footer .bq .left{ float:left; height:60px; display:flex; align-items:center;}
.footer .bq .left p{ display:block; float:left; margin-right:25px; font-size:14px; line-height:24px; color:#999;}
.footer .bq .left p a{ color:#999;}
.footer .bq .right{ float:right; height:60px; display:flex; align-items:center;}
.footer .bq .right span{ display:block; width:1px; height:12px; background-color:#999; margin:0 20px; overflow:hidden;}
.footer .bq .right p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .bq .right p a{ color:#999;}
}

@media only screen and (max-width:1023px){
.footer{ padding:0 3%; background-color:#1b191a; position:relative; z-index:1;}
.footer .top{ width:100%; padding-bottom:10px; padding-top:30px; border-bottom:1px solid #2e2c2d;}
.footer .top .left{ float:left; height:34px;}
.footer .top .left img{ display:block; height:34px;}
.footer .top .right{ float:right; height:40px;}
.footer .top .right img{ display:block; height:34px;}
.footer .foot{ width:100%;}
.footer .foot .f01{ display:none; margin-left:-15px;}
.footer .foot .f01 dl{ display:block;}
.footer .foot .f01 dt{
display:block font-size:16px; line-height:26px; color:#fff; overflow:hidden;}
.footer .foot .f01 dt a{ color:#fff; margin-left:15px; display:block; float:left;}
.footer .foot .f01 dd{ display:block; overflow:hidden; margin-left:-10px;}
.footer .foot .f01 dd a{ font-size:14px; display:block; line-height:24px; float:left; margin-left:10px; color:#999;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ padding-bottom:15px;}
.footer .foot .f02 .left{ width:100%; padding-top:5px;}
.footer .foot .f02 .left .t01{ font-size:14px; line-height:24px; height:24px; color:#999; margin-top:10px;}
.footer .foot .f02 .left .t02{ font-size:18px; line-height:26px; color:#fff; font-weight:bold;}
.footer .foot .f02 .left .t03{ font-size:14px; line-height:24px; color:#fff;}
.footer .foot .f02 .right{ margin-left:-15px; display:block; padding-top:5px;}
.footer .foot .f02 .right li{ display:block; padding-top:10px; float:left; margin-left:15px;}
.footer .foot .f02 .right strong{ width:80px; display:block;}
.footer .foot .f02 .right strong img{ display:block; width:100%;}
.footer .foot .f02 .right p{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:4px; color:#fff;}
.footer .bq{ border-top:1px solid #2e2c2d; padding:15px 0;}
.footer .bq .left{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.footer .bq .left p{ display:block; float:left; margin:0 5px; font-size:14px; line-height:24px; color:#999;}
.footer .bq .left p a{ color:#999;}
.footer .bq .right{ display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.footer .bq .right span{ display:block; width:1px; height:12px; background-color:#999; margin:0 10px; overflow:hidden;}
.footer .bq .right p{ display:block; font-size:14px; line-height:24px; color:#999;}
.footer .bq .right p a{ color:#999;}
}

/*右侧浮动*/
.client-2{ width:45px; position:fixed; right:10px; top:60%; z-index:999; color:#fff;}
.client-2 li a{ text-decoration:none; color:#fff;}
.client-2 li{ margin-bottom:5px; width:45px; height:45px; border-radius:50%; cursor:pointer; position:relative;}
.client-2 li.my-kefu-qq{ background:#006de6 url(../images/cimg23.png) center no-repeat;}
.client-2 li.my-kefu-weixin{ background:#006de6 url(../images/cimg24.png) center no-repeat;}
.client-2 li.my-kefu-tel{ background:#006de6 url(../images/cimg25.png) center no-repeat;}
.client-2 li.my-kefu-shouye{ background:#006de6 url(../images/tohome.png) center no-repeat; background-size:26px;}
.client-2 li.my-kefu-shouye a{ width:45px; height:45px; display:block;}
.client-2 li.my-kefu-ftop{ background:#006de6 url(../images/returnTop.png) center no-repeat;}
.client-2 li p{ height:20px; font-size:12px; line-height:20px; overflow:hidden; text-align:center; color:#fff;}
.client-2 li.my-kefu-qq .cont{ margin:0; background:#006de6 url(../images/cimg23.png) 15px center no-repeat; border-radius:50px; padding-left:45px; height:45px; line-height:45px; color:#fff; font-size:16px; width:130px; position:absolute; top:0; right:0; z-index:999;}
.client-2 li.my-kefu-tel .cont{ margin:0; background:#006de6 url(../images/cimg25.png) 15px center no-repeat; border-radius:50px; padding-left:45px; height:45px; line-height:45px; color:#fff; font-size:18px; width:180px; position:absolute; top:0; right:0; z-index:999;}
.client-2 .my-kefu-ftop{ display:none;}
.client-2 .my-kefu-ftop .my-kefu-main{ padding-top:6px;}
.client-2 li.my-kefu-weixin .cont{ margin:0; width:115px; padding:5px; border:solid 1px #ccc; position:absolute; left:-150px; top:-44px; background-color:#fff;}
.client-2 li.my-kefu-weixin .cont span{ display:block; line-height:20px; font-size:12px; text-align:center; color:#1a1a1a;}
.client-2 li.my-kefu-weixin .cont img{ width:115px; height:115px;}
.client-2 li:hover .cont{ display:block!important;}

@media only screen and (max-width:1023px){
.client-2{ display:none !important;}
}

/*内页*/
@media screen and (min-width:1600px){
.ban{ width:100%; position:relative; z-index:1;}
.ban img{ width:100%; display:block;}
.ban img.mobile{ display:none;}
.ban .wei{ width:84%; position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.ban .wei p{ display:block; float:right; font-size:14px; line-height:24px; color:#fff; padding-left:20px; background-image:url(../images/p101-curmbs-icon1.png); background-position:left center; background-repeat:no-repeat;}
.ban .wei p a{ color:#fff;}
.ban .wei p span{ margin:0 5px;}

.search{ width:100%; height:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.search .box{ width:84%; margin:auto;}
.search .left{ width:calc(95% - 350px); float:left; font-size:16px; line-height:70px; overflow:hidden;}
.search .left b{ display:block; float:left;}
.search .left a{ display:block; float:left; margin-right:1.04vw;}
.search .left a:hover{ color:#006de6;}
.search .right{ width:350px; float:right; height:40px; margin-top:15px; background-color:#fff; border-radius:40px;}
.search .right .inp1{ width:calc(100% - 60px); padding:0 20px; box-sizing:border-box; font-size:16px; height:40px; line-height:40px; float:left; overflow:hidden;}
.search .right .inp2{ width:60px; height:40px; float:left; overflow:hidden; background-color:#006de6; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:18px; border-radius:40px;}

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

@media screen and (min-width:1024px) and (max-width:1599px){
.ban{ width:100%; position:relative; z-index:1;}
.ban img{ width:100%; display:block;}
.ban img.mobile{ display:none;}
.ban .wei{ width:84%; min-width:960px; position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.ban .wei p{ display:block; float:right; font-size:14px; line-height:24px; color:#fff; padding-left:20px; background-image:url(../images/p101-curmbs-icon1.png); background-position:left center; background-repeat:no-repeat;}
.ban .wei p a{ color:#fff;}
.ban .wei p span{ margin:0 5px;}

.search{ width:100%; height:64px; position:relative; z-index:1; background-color:#f7f7f7;}
.search .box{ width:84%; min-width:960px; margin:auto;}
.search .left{ width:calc(95% - 330px); float:left; font-size:15px; line-height:64px; overflow:hidden;}
.search .left b{ display:block; float:left;}
.search .left a{ display:block; float:left; margin-right:1.04vw;}
.search .left a:hover{ color:#006de6;}
.search .right{ width:330px; float:right; height:38px; margin-top:13px; background-color:#fff; border-radius:40px;}
.search .right .inp1{ width:calc(100% - 56px); padding:0 15px; box-sizing:border-box; font-size:15px; height:38px; line-height:38px; float:left; overflow:hidden;}
.search .right .inp2{ width:56px; height:38px; float:left; overflow:hidden; background-color:#006de6; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:16px; border-radius:40px;}

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

@media only screen and (max-width:1023px){
.ban{ width:100%; position:relative; z-index:1;}
.ban img{ width:100%; display:block;}
.ban img.pc{ display:none;}
.ban .wei{ width:94%; position:absolute; left:50%; transform:translateX(-50%); bottom:10px; z-index:3;}
.ban .wei p{ display:block; float:right; font-size:14px; line-height:24px; color:#fff; padding-left:15px; background-image:url(../images/p101-curmbs-icon1.png); background-position:left center; background-repeat:no-repeat;}
.ban .wei p a{ color:#fff;}
.ban .wei p span{ margin:0 2px;}

.search{ width:100%; position:relative; z-index:1; background-color:#f7f7f7;}
.search .box{ width:94%; padding:15px 3%; padding-top:20px;}
.search .left{ margin-left:-10px; padding-top:10px; font-size:14px; line-height:24px; overflow:hidden;}
.search .left b{ display:block; float:left; margin-left:10px;}
.search .left a{ display:block; float:left; margin-left:10px;}
.search .left a:hover{ color:#006de6;}
.search .right{ width:100%; height:36px; background-color:#fff; border-radius:40px;}
.search .right .inp1{ width:calc(100% - 50px); padding:0 15px; box-sizing:border-box; font-size:14px; height:36px; line-height:36px; float:left; overflow:hidden;}
.search .right .inp2{ width:50px; height:36px; float:left; overflow:hidden; background-color:#006de6; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:14px; border-radius:40px;}

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

/*产品中心*/
@media screen and (min-width:1600px){
.fen{ width:84%; margin:auto; padding-top:1.5625vw; position:relative; z-index:3;}
.fen .list{ margin-left:0.2%; margin-top:10px; width:19.84%; position:relative; z-index:1; float:left;}
.fen .list:hover{ z-index:3;}
.fen .list:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.fen .list h3{ width:100%; display:block; height:50px; line-height:50px; background-color:#f7f7f7; font-size:20px; position:relative; overflow:hidden;}
.fen .list h3 a{ display:block; text-align:center;}
.fen .list.on h3 a{ background-color:#006de6; color:#fff;}
.fen .list ul{ box-sizing:border-box; padding:15px 20px; border-left:solid 1px #ebebeb; box-shadow:3px 3px 5px #ccc; width:100%; background:#fff; position:absolute; z-index:3; top:100%; left:0; display:none; transition:height 0.3s ease;}
.fen .list ul li{ height:40px; line-height:40px; font-size:16px; position:relative; border-bottom:1px solid #eee;} 
.fen .list ul li:last-child{ border-bottom:none;}   
.fen .list ul li a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fen .list ul li a:hover{color:#006de6;}

.main{ padding-top:3.3854vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.main .titles{ width:84%; margin:auto;}
.main .titles .t01{ font-size:30px; line-height:40px;}
.main .titles .t02{ margin-top:0.78125vw; height:1px; padding-top:1px; position:relative;}
.main .titles .t02 b{ width:40px; height:2px; position:absolute; left:0; top:0; background-color:#006de6;}
.main .titles .t02 p{ width:100%; height:1px; background-color:#eee;}

.main .box{ width:84%; margin:auto;}
.main .pro{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .pro li{ width:23.125%; display:block; margin-top:1.82vw; margin-left:2.5%;}
.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; padding-top:71.05%; border-radius:10px; position:relative;}
.main .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ padding-top:1.04vw;}
.main .pro li .wen .w01{ padding-left:14px; position:relative;}
.main .pro li .wen .w01:before{ width:4px; height:20px; position:absolute; left:0; top:5px; background-color:#006de6; content:''; display:block; overflow:hidden;}
.main .pro li .wen .w01 a{ display:block; width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen .w02{ width:100%; margin-top:.26vw; font-size:16px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .pro li:hover .w01 a{ color:#006de6;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.fen{ width:84%; min-width:960px; margin:auto; padding-top:1.5625vw; position:relative; z-index:3;}
.fen .list{ margin-left:0.2%; margin-top:10px; width:19.84%; position:relative; z-index:1; float:left;}
.fen .list:hover{ z-index:3;}
.fen .list:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.fen .list h3{ width:100%; display:block; height:44px; line-height:44px; background-color:#f7f7f7; font-size:18px; position:relative; overflow:hidden;}
.fen .list h3 a{ display:block; text-align:center;}
.fen .list.on h3 a{ background-color:#006de6; color:#fff;}
.fen .list ul{ box-sizing:border-box; padding:10px 15px; border-left:solid 1px #ebebeb; box-shadow:3px 3px 5px #ccc; width:100%; background:#fff; position:absolute; z-index:3; top:100%; left:0; display:none; transition:height 0.3s ease;}
.fen .list ul li{ height:35px; line-height:35px; font-size:15px; position:relative; border-bottom:1px solid #eee;} 
.fen .list ul li:last-child{ border-bottom:none;}   
.fen .list ul li a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fen .list ul li a:hover{color:#006de6;}

.main{ padding-top:3.3854vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.main .titles{ width:84%; min-width:960px; margin:auto;}
.main .titles .t01{ font-size:24px; line-height:34px;}
.main .titles .t02{ margin-top:0.78125vw; height:1px; padding-top:1px; position:relative;}
.main .titles .t02 b{ width:30px; height:2px; position:absolute; left:0; top:0; background-color:#006de6;}
.main .titles .t02 p{ width:100%; height:1px; background-color:#eee;}

.main .box{ width:84%; min-width:960px; margin:auto;}
.main .pro{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .pro li{ width:23.125%; display:block; margin-top:1.82vw; margin-left:2.5%;}
.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; padding-top:71.05%; border-radius:10px; position:relative;}
.main .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ padding-top:1.04vw;}
.main .pro li .wen .w01{ padding-left:13px; position:relative;}
.main .pro li .wen .w01:before{ width:3px; height:18px; position:absolute; left:0; top:5px; background-color:#006de6; content:''; display:block; overflow:hidden;}
.main .pro li .wen .w01 a{ display:block; width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen .w02{ width:100%; margin-top:.26vw; font-size:15px; line-height:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .pro li:hover .w01 a{ color:#006de6;}
}

@media only screen and (max-width:1023px){
.fen{ width:94%; margin:auto; padding-top:15px; position:relative; z-index:3;}
.fen .list{ margin-left:1%; margin-top:5px; width:49.5%; position:relative; z-index:1; float:left;}
.fen .list:hover{ z-index:3;}
.fen .list:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.fen .list h3{ width:100%; display:block; height:38px; line-height:38px; background-color:#f7f7f7; font-size:16px; position:relative; overflow:hidden;}
.fen .list h3 a{ display:block; text-align:center;}
.fen .list h3 b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.fen .list.on h3 a{ background-color:#006de6; color:#fff;}
.fen .list ul{ box-sizing:border-box; padding:10px 15px; border-left:solid 1px #ebebeb; box-shadow:3px 3px 5px #ccc; width:100%; background:#fff; position:absolute; z-index:3; top:100%; left:0; display:none; transition:height 0.3s ease;}
.fen .list ul li{ height:35px; line-height:35px; font-size:15px; position:relative; border-bottom:1px solid #eee;} 
.fen .list ul li:last-child{ border-bottom:none;}   
.fen .list ul li a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fen .list ul li a:hover{color:#006de6;}

.main{ padding-top:25px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.main .titles{ width:94%; margin:auto;}
.main .titles .t01{ font-size:18px; line-height:28px;}
.main .titles .t02{ margin-top:5px; height:1px; padding-top:1px; position:relative;}
.main .titles .t02 b{ width:20px; height:2px; position:absolute; left:0; top:0; background-color:#006de6;}
.main .titles .t02 p{ width:100%; height:1px; background-color:#eee;}

.main .box{ width:94%; margin:auto;}
.main .pro{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .pro li{ width:48.5%; display:block; margin-top:15px; margin-left:3%;}
.main .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; padding-top:71.05%; border-radius:5px; position:relative;}
.main .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ padding-top:5px;}
.main .pro li .wen .w01{ padding-left:7px; position:relative;}
.main .pro li .wen .w01:before{ width:2px; height:16px; position:absolute; left:0; top:5px; background-color:#006de6; content:''; display:block; overflow:hidden;}
.main .pro li .wen .w01 a{ display:block; width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li .wen .w02{ width:100%; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .pro li:hover .w01 a{ color:#006de6;}
}

/*产品中心内页*/
.title .t01 span{ color:#006de6;}
@media screen and (min-width:1600px){
.pro01{ width:100%; padding-top:5px; position:relative; z-index:3;}
.pro01 .left{ width:53%; border:1px solid #eee; box-sizing:border-box; float:left; position:relative; overflow:hidden;}
.pro01 .left .swiper-container{ width:100%; position:relative; z-index:1;}
.pro01 .left .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.pro01 .left .swiper-slide:before{ width:100%; padding-top:71.5%; display:block; content:''; position:relative; z-index:1; overflow:hidden;}
.pro01 .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.pro01 .left .swiper-slide video{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.pro01 .left .swiper-button-white{ width:46px; height:46px; border-radius:100%; background-color:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-23px; cursor:pointer; overflow:hidden; z-index:3;}
.pro01 .left .swiper-button-prev{ left:3%;}
.pro01 .left .swiper-button-next{ right:3%;}
.pro01 .left .swiper-button-white:hover{ background-color:#006de6;}
.pro01 .left .swiper-button-white img{ height:12px; display:block; margin:17px auto;}
.pro01 .right{ width:42%; float:right; position:relative; overflow:hidden;}
.pro01 .right .w01{ font-size:30px; line-height:40px;}
.pro01 .right .w02{ width:100%; height:1px; background-color:#eee; margin-top:1.04vw;}
.pro01 .right .w03{ font-size:16px; line-height:30px; margin-top:1.3vw;}
.pro01 .right .w04{ margin-top:1.82vw; display:flex; align-items:center; padding-left:41px; background-image:url(../images/pc-xc-icon2.png); background-position:left center; background-repeat:no-repeat;}
.pro01 .right .w04 p{ display:block; font-size:16px; line-height:26px; margin:0 1.04vw; flex:1;}
.pro01 .right .w04 a{ width:120px; height:40px; line-height:40px; font-size:16px; display:block; overflow:hidden; text-align:center; background-color:#006de6; color:#fff;}

.pro02{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro02 .list{ width:100%; display:flex; margin-top:1.82vw;}
.pro02 .list dt{ width:50%; position:relative; display:block; overflow:hidden;}
.pro02 .list dt a{ display:block; overflow:hidden; width:100%; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro02 .list dd{ width:50%; position:relative; display:flex; flex-wrap:wrap;}
.pro02 .list dd a{ width:48%; height:calc(50% - 0.390625vw); margin-left:2%; margin-top:0.78125vw; display:block; overflow:hidden; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro02 .list a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro02 .list a:before{ width:100%; padding-top:88.96%; display:block; content:''; position:relative; z-index:2; background:linear-gradient(to bottom, rgba(0, 109, 230, 0), rgba(0, 109, 230, .7));}
.pro02 .list dd a:before{ padding-top:100%; position:absolute; left:0; top:0;}
.pro02 .list a span{ width:100%; padding:1.3vw 2.08vw; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:3; font-size:20px; line-height:30px; color:#fff; text-align:center; overflow:hidden;}
.pro02 .list dd a:nth-child(1),.pro02 .list dd a:nth-child(2){ margin-top:0;}
.pro02 .list a:hover{ transform:translateY(-10px)}

.pro03{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro03 .wen{ width:100%; font-size:16px; line-height:26px; margin-top:1.82vw;}
.pro03 .wen img{ max-width:100%; height:auto !important; margin:auto; display:block;}
.pro03 .wen table{ width:100%; border-collapse:collapse; border-spacing:0;}
.pro03 .wen td{ font-size:16px; line-height:26px; padding:10px; text-align:center; border:1px solid #dedede; color:#333;}   
.pro03 .wen th{ font-weight:normal; font-size:16px; line-height:26px; padding:5px; text-align:center; border:1px solid #dedede; color:#333;}  
.pro03 .wen tr td:not(:last-child){ white-space:nowrap;}    
.pro03 .wen tr:first-child td{ font-weight:bold; color:#fff; background:#333;}   
.pro03 .wen tr:first-child th{ font-weight:bold; color:#fff; background:#333;}  
.pro03 .wen tr td:last-child{ text-align:left;}   
.pro03 .wen tr:nth-child(even){ background:#f5f5f5;}

.pro04{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro04 .list{ width:100%; display:flex; flex-wrap:wrap;}
.pro04 .list li{ width:23.125%; margin-left:2.5%; margin-top:1.82vw; background-color:#f7f7f7; border-radius:10px; overflow:hidden; position:relative;}
.pro04 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro04 .list li b{ width:100%; height:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:block; overflow:hidden; z-index:1; position:absolute; left:0; top:0; background:#006de6;}
.pro04 .list li a{ display:block; padding:2.34375vw 1.5625vw; box-sizing:border-box; position:relative; z-index:3; width:100%; height:100%; overflow:hidden;}
.pro04 .list li .w01{ margin-top:5px;}
.pro04 .list li .w01 img{ display:block; height:50px;}
.pro04 .list li .w01 img.img02{ display:none;}
.pro04 .list li .w02{ margin-top:1.3vw; font-size:24px; line-height:34px;}
.pro04 .list li .w03{ width:40px; height:2px; background-color:#006de6; margin-top:0.78125vw;}
.pro04 .list li .w04{ margin-top:1.3vw; font-size:16px; line-height:26px;}
.pro04 .list li:hover b{ height:100%;}
.pro04 .list li:hover .w01 img.img01{ display:none;}
.pro04 .list li:hover .w01 img.img02{ display:block;}
.pro04 .list li:hover .w02{ color:#fff;}
.pro04 .list li:hover .w03{ background-color:#f8cf01;}
.pro04 .list li:hover .w04{ color:#fff;}

.pro05{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro05 .list{ width:100%; margin-top:1.82vw;}
.pro05 .list .swiper-container{ width:100%;}
.pro05 .list .swiper-slide{ width:23.125%; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.pro05 .list .swiper-slide:before{ width:100%; display:block; content:''; padding-top:156.75%;}
.pro05 .list .swiper-slide a{ width:100%; height:100%; display:block; box-sizing:border-box; background:linear-gradient(to top, rgba(0,109,230,0), rgba(0,109,230,.7)); padding:2.34375vw 2.08vw; position:absolute; left:0; top:0; z-index:3; overflow:auto;}
.pro05 .list .swiper-slide .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.pro05 .list .swiper-slide .w02{ font-size:16px; line-height:24px; color:#fff; margin-top:.52vw;
text-transform:uppercase;}
.pro05 .list .swiper-slide .w03{ width:40px; height:2px; background-color:#f8cf01; margin-top:0.78125vw; display:none;}
.pro05 .list .swiper-slide .w04{ font-size:16px; line-height:30px; color:#fff; margin-top:1.2vw; display:none;}
.pro05 .list .swiper-slide a:hover{ background:linear-gradient(to top, rgba(0,109,230,.9), rgba(0,109,230,.9));}
.pro05 .list .swiper-slide a:hover .w03, .pro05 .list .swiper-slide a:hover .w04{ display:block;}
.pro05 .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.pro05 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pro05 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#006de6;}

.duo{ width:100%; padding-top:5.2vw; position:relative; z-index:3; text-align:center;}
.duo a{ display:inline-block; height:44px; line-height:44px; font-size:18px; font-weight:normal; color:#006de6; border:1px solid #006de6; padding:0 20px 0 64px; position:relative;}    
.duo a:before{ content:''; width:20px; height:14px; position:absolute; border:4px solid #006de6; border-left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; left:26px; top:11px;}    
.duo a:after{ content:""; position:absolute; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #006de6; top:9px; left:22px; z-index:1;}
.duo a:hover{ background-color:#006de6; color:#fff;}
.duo a:hover:before{ border:4px solid #fff; border-left:0;}
.duo a:hover:after{ border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #fff;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.pro01{ width:100%; padding-top:5px; position:relative; z-index:3;}
.pro01 .left{ width:55%; border:1px solid #eee; box-sizing:border-box; float:left; position:relative; overflow:hidden;}
.pro01 .left .swiper-container{ width:100%; position:relative; z-index:1;}
.pro01 .left .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.pro01 .left .swiper-slide:before{ width:100%; padding-top:71.5%; display:block; content:''; position:relative; z-index:1; overflow:hidden;}
.pro01 .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.pro01 .left .swiper-slide video{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.pro01 .left .swiper-button-white{ width:42px; height:42px; border-radius:100%; background-color:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-21px; cursor:pointer; overflow:hidden; z-index:3;}
.pro01 .left .swiper-button-prev{ left:3%;}
.pro01 .left .swiper-button-next{ right:3%;}
.pro01 .left .swiper-button-white:hover{ background-color:#006de6;}
.pro01 .left .swiper-button-white img{ height:12px; display:block; margin:15px auto;}
.pro01 .right{ width:42%; float:right; position:relative; overflow:hidden;}
.pro01 .right .w01{ font-size:24px; line-height:34px;}
.pro01 .right .w02{ width:100%; height:1px; background-color:#eee; margin-top:1.04vw;}
.pro01 .right .w03{ font-size:15px; line-height:27px; margin-top:1.3vw;}
.pro01 .right .w04{ margin-top:1.82vw; display:flex; align-items:center; padding-left:41px; background-image:url(../images/pc-xc-icon2.png); background-position:left center; background-repeat:no-repeat;}
.pro01 .right .w04 p{ display:block; font-size:15px; line-height:25px; margin:0 1.04vw; flex:1;}
.pro01 .right .w04 a{ width:120px; height:38px; line-height:38px; font-size:15px; display:block; overflow:hidden; text-align:center; background-color:#006de6; color:#fff;}

.pro02{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro02 .list{ width:100%; display:flex; margin-top:1.82vw;}
.pro02 .list dt{ width:50%; position:relative; display:block; overflow:hidden;}
.pro02 .list dt a{ display:block; overflow:hidden; width:100%; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro02 .list dd{ width:50%; position:relative; display:flex; flex-wrap:wrap;}
.pro02 .list dd a{ width:48%; height:calc(50% - 0.390625vw); margin-left:2%; margin-top:0.78125vw; display:block; overflow:hidden; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro02 .list a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro02 .list a:before{ width:100%; padding-top:88.96%; display:block; content:''; position:relative; z-index:2; background:linear-gradient(to bottom, rgba(0, 109, 230, 0), rgba(0, 109, 230, .7));}
.pro02 .list dd a:before{ padding-top:100%; position:absolute; left:0; top:0;}
.pro02 .list a span{ width:100%; padding:1.3vw 2.08vw; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:3; font-size:18px; line-height:28px; color:#fff; text-align:center; overflow:hidden;}
.pro02 .list dd a:nth-child(1),.pro02 .list dd a:nth-child(2){ margin-top:0;}
.pro02 .list a:hover{ transform:translateY(-10px)}

.pro03{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro03 .wen{ width:100%; font-size:15px; line-height:25px; margin-top:1.82vw;}
.pro03 .wen img{ max-width:100%; height:auto !important; margin:auto; display:block;}
.pro03 .wen table{ width:100%; border-collapse:collapse; border-spacing:0;}
.pro03 .wen td{ font-size:15px; line-height:25px; padding:10px; text-align:center; border:1px solid #dedede; color:#333;}   
.pro03 .wen th{ font-weight:normal; font-size:15px; line-height:25px; padding:5px; text-align:center; border:1px solid #dedede; color:#333;}  
.pro03 .wen tr td:not(:last-child){ white-space:nowrap;}    
.pro03 .wen tr:first-child td{ font-weight:bold; color:#fff; background:#333;}   
.pro03 .wen tr:first-child th{ font-weight:bold; color:#fff; background:#333;}    
.pro03 .wen tr td:last-child{ text-align:left;}   
.pro03 .wen tr:nth-child(even){ background:#f5f5f5;}

.pro04{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro04 .list{ width:100%; display:flex; flex-wrap:wrap;}
.pro04 .list li{ width:23.125%; margin-left:2.5%; margin-top:1.82vw; background-color:#f7f7f7; border-radius:10px; overflow:hidden; position:relative;}
.pro04 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro04 .list li b{ width:100%; height:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:block; overflow:hidden; z-index:1; position:absolute; left:0; top:0; background:#006de6;}
.pro04 .list li a{ display:block; padding:2.34375vw 1.5625vw; box-sizing:border-box; position:relative; z-index:3; width:100%; height:100%; overflow:hidden;}
.pro04 .list li .w01{ margin-top:5px;}
.pro04 .list li .w01 img{ display:block; height:50px;}
.pro04 .list li .w01 img.img02{ display:none;}
.pro04 .list li .w02{ margin-top:1.3vw; font-size:20px; line-height:30px;}
.pro04 .list li .w03{ width:30px; height:2px; background-color:#006de6; margin-top:0.78125vw;}
.pro04 .list li .w04{ margin-top:1.3vw; font-size:15px; line-height:25px;}
.pro04 .list li:hover b{ height:100%;}
.pro04 .list li:hover .w01 img.img01{ display:none;}
.pro04 .list li:hover .w01 img.img02{ display:block;}
.pro04 .list li:hover .w02{ color:#fff;}
.pro04 .list li:hover .w03{ background-color:#f8cf01;}
.pro04 .list li:hover .w04{ color:#fff;}

.pro05{ width:100%; padding-top:5.2vw; position:relative; z-index:3;}
.pro05 .list{ width:100%; margin-top:1.82vw;}
.pro05 .list .swiper-container{ width:100%;}
.pro05 .list .swiper-slide{ width:23.125%; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.pro05 .list .swiper-slide:before{ width:100%; display:block; content:''; padding-top:156.75%;}
.pro05 .list .swiper-slide a{ width:100%; height:100%; display:block; box-sizing:border-box; background:linear-gradient(to top, rgba(0,109,230,0), rgba(0,109,230,.7)); padding:2.34375vw 2.08vw; position:absolute; left:0; top:0; z-index:3; overflow:auto;}
.pro05 .list .swiper-slide .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.pro05 .list .swiper-slide .w02{ font-size:15px; line-height:23px; color:#fff; margin-top:.52vw;
text-transform:uppercase;}
.pro05 .list .swiper-slide .w03{ width:30px; height:2px; background-color:#f8cf01; margin-top:0.78125vw; display:none;}
.pro05 .list .swiper-slide .w04{ font-size:15px; line-height:27px; color:#fff; margin-top:1.2vw; display:none;}
.pro05 .list .swiper-slide a:hover{ background:linear-gradient(to top, rgba(0,109,230,.9), rgba(0,109,230,.9));}
.pro05 .list .swiper-slide a:hover .w03, .pro05 .list .swiper-slide a:hover .w04{ display:block;}
.pro05 .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.pro05 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pro05 .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#006de6;}

.duo{ width:100%; padding-top:5.2vw; position:relative; z-index:3; text-align:center;}
.duo a{ display:inline-block; height:40px; line-height:40px; font-size:16px; font-weight:normal; color:#006de6; border:1px solid #006de6; padding:0 15px 0 55px; position:relative;}    
.duo a:before{ content:''; width:18px; height:12px; position:absolute; border:4px solid #006de6; border-left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; left:21px; top:11px;}    
.duo a:after{ content:""; position:absolute; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #006de6; top:9px; left:17px; z-index:1;}
.duo a:hover{ background-color:#006de6; color:#fff;}
.duo a:hover:before{ border:4px solid #fff; border-left:0;}
.duo a:hover:after{ border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #fff;}
}

@media only screen and (max-width:1023px){
.pro01{ width:100%; padding-top:5px; position:relative; z-index:3;}
.pro01 .left{ width:100%; border:1px solid #eee; box-sizing:border-box; float:left; position:relative; overflow:hidden;}
.pro01 .left .swiper-container{ width:100%; position:relative; z-index:1;}
.pro01 .left .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.pro01 .left .swiper-slide:before{ width:100%; padding-top:71.5%; display:block; content:''; position:relative; z-index:1; overflow:hidden;}
.pro01 .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.pro01 .left .swiper-slide video{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.pro01 .left .swiper-button-white{ width:36px; height:36px; border-radius:100%; background-color:rgba(0,0,0,.7); position:absolute; top:50%; margin-top:-23px; cursor:pointer; overflow:hidden; z-index:3;}
.pro01 .left .swiper-button-prev{ left:3%;}
.pro01 .left .swiper-button-next{ right:3%;}
.pro01 .left .swiper-button-white:hover{ background-color:#006de6;}
.pro01 .left .swiper-button-white img{ height:12px; display:block; margin:12px auto;}
.pro01 .right{ width:100%; float:right; position:relative; overflow:hidden; margin-top:15px;}
.pro01 .right .w01{ font-size:18px; line-height:28px;}
.pro01 .right .w02{ width:100%; height:1px; background-color:#eee; margin-top:5px;}
.pro01 .right .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.pro01 .right .w04{ margin-top:15px; display:flex; align-items:center; padding-left:41px; background-image:url(../images/pc-xc-icon2.png); background-position:left center; background-repeat:no-repeat;}
.pro01 .right .w04 p{ display:block; font-size:14px; line-height:24px; margin:0 1.04vw; flex:1;}
.pro01 .right .w04 a{ width:80px; height:36px; line-height:36px; font-size:14px; display:block; overflow:hidden; text-align:center; background-color:#006de6; color:#fff;}

.pro02{ width:100%; padding-top:35px; position:relative; z-index:3;}
.pro02 .list{ width:100%; margin-top:15px;}
.pro02 .list dt{ width:100%; position:relative; display:block; overflow:hidden;}
.pro02 .list dt a{ display:block; overflow:hidden; width:100%; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro02 .list dd{ width:100%; position:relative; display:flex; flex-wrap:wrap;}
.pro02 .list dd a{ width:49%; margin-left:2%; margin-top:10px; display:block; overflow:hidden; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro02 .list a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro02 .list a:before{ width:100%; padding-top:88.96%; display:block; content:''; position:relative; z-index:2; background:linear-gradient(to bottom, rgba(0, 109, 230, 0), rgba(0, 109, 230, .7));}
.pro02 .list a span{ width:100%; padding:10px 15px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:3; font-size:16px; line-height:26px; color:#fff; text-align:center; overflow:hidden;}
.pro02 .list dd a:nth-child(2n+1){ margin-left:0;}
.pro02 .list a:hover{ transform:translateY(-5px)}

.pro03{ width:100%; padding-top:35px; position:relative; z-index:3;}
.pro03 .wen{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.pro03 .wen img{ max-width:100%; height:auto !important; margin:auto; display:block;}
.pro03 .wen table{ width:100%; border-collapse:collapse; border-spacing:0;}
.pro03 .wen td{ font-size:14px; line-height:24px; padding:5px; text-align:center; border:1px solid #dedede; color:#333;}  
.pro03 .wen th{ font-weight:normal; font-size:14px; line-height:24px; padding:5px; text-align:center; border:1px solid #dedede; color:#333;}  
.pro03 .wen tr:first-child td{ font-weight:bold; color:#fff; background:#333;}     
.pro03 .wen tr:first-child th{ font-weight:bold; color:#fff; background:#333;}  
.pro03 .wen tr td:last-child{ text-align:left;}   
.pro03 .wen tr:nth-child(even){ background:#f5f5f5;}

.pro04{ width:100%; padding-top:35px; position:relative; z-index:3;}
.pro04 .list{ width:100%; display:flex; flex-wrap:wrap;}
.pro04 .list li{ width:48.5%; margin-left:3%; margin-top:15px; background-color:#f7f7f7; border-radius:5px; overflow:hidden; position:relative;}
.pro04 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro04 .list li b{ width:100%; height:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:block; overflow:hidden; z-index:1; position:absolute; left:0; top:0; background:#006de6;}
.pro04 .list li a{ display:block; padding:15px; box-sizing:border-box; position:relative; z-index:3; width:100%; height:100%; overflow:hidden;}
.pro04 .list li .w01{ margin-top:5px;}
.pro04 .list li .w01 img{ display:block; height:50px;}
.pro04 .list li .w01 img.img02{ display:none;}
.pro04 .list li .w02{ margin-top:10px; font-size:16px; line-height:26px;}
.pro04 .list li .w03{ width:20px; height:2px; background-color:#006de6; margin-top:5px;}
.pro04 .list li .w04{ margin-top:10px; font-size:14px; line-height:24px;}
.pro04 .list li:hover b{ height:100%;}
.pro04 .list li:hover .w01 img.img01{ display:none;}
.pro04 .list li:hover .w01 img.img02{ display:block;}
.pro04 .list li:hover .w02{ color:#fff;}
.pro04 .list li:hover .w03{ background-color:#f8cf01;}
.pro04 .list li:hover .w04{ color:#fff;}

.pro05{ width:100%; padding-top:35px; position:relative; z-index:3;}
.pro05 .list{ width:100%; margin-top:15px;}
.pro05 .list .swiper-container{ width:100%;}
.pro05 .list .swiper-slide{ width:48.75%; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.pro05 .list .swiper-slide:before{ width:100%; display:block; content:''; padding-top:156.75%;}
.pro05 .list .swiper-slide a{ width:100%; height:100%; display:block; box-sizing:border-box; background:linear-gradient(to top, rgba(0,109,230,0), rgba(0,109,230,.7)); padding:15px; position:absolute; left:0; top:0; z-index:3; overflow:auto;}
.pro05 .list .swiper-slide .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.pro05 .list .swiper-slide .w02{ font-size:14px; line-height:22px; color:#fff; text-transform:uppercase;}
.pro05 .list .swiper-slide .w03{ width:20px; height:2px; background-color:#f8cf01; margin-top:5px; display:none;}
.pro05 .list .swiper-slide .w04{ font-size:14px; line-height:24px; color:#fff; margin-top:10px; display:none;}
.pro05 .list .swiper-slide a:hover{ background:linear-gradient(to top, rgba(0,109,230,.9), rgba(0,109,230,.9));}
.pro05 .list .swiper-slide a:hover .w03, .pro05 .list .swiper-slide a:hover .w04{ display:block;}
.pro05 .swiper-pagination{ width:100%; margin-top:15px; display:flex; flex-wrap:wrap; justify-content:center;}
.pro05 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pro05 .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#006de6;}

.duo{ width:100%; padding-top:20px; position:relative; z-index:3; text-align:center;}
.duo a{ display:inline-block; height:34px; line-height:34px; font-size:14px; font-weight:normal; color:#006de6; border:1px solid #006de6; padding:0 10px 0 40px; position:relative;}    
.duo a:before{ content:''; width:16px; height:10px; position:absolute; border:3px solid #006de6; border-left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; left:14px; top:10px;}    
.duo a:after{ content:""; position:absolute; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #006de6; top:8px; left:10px; z-index:1;}
.duo a:hover{ background-color:#006de6; color:#fff;}
.duo a:hover:before{ border:3px solid #fff; border-left:0;}
.duo a:hover:after{ border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #fff;}
}

/*应用案例*/
@media screen and (min-width:1600px){
.sidenavcur{ width:84%; margin:auto; padding-top:3.3854vw; position:relative; z-index:3;}
.sidenavcur p{ display:block; float:left; font-size:20px; line-height:30px;}
.sidenavcur b{ width:1px; height:20px; background-color:#ddd; margin-left:1.5625vw; margin-top:5px; display:block; float:left;}
.sidenavcur a{ font-size:18px; line-height:30px; position:relative; margin-left:1.5625vw; display:block; float:left;}
.sidenavcur a:hover{ color:#006de6;}
.sidenavcur a.on{ color:#006de6; font-weight:bold;}
.sidenavcur a.on:after{ position:absolute; content:''; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-top:8px solid #006de6; top:100%; left:50%; margin-left:-5px;}

.main .case{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.main .case li{ width:23.125%; display:block; margin-top:2.08vw; margin-left:2.5%;}
.main .case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .case li .tu{ width:100%; padding-top:56.25%; position:relative;}
.main .case li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .case li .wen{ padding:1.5625vw; border:1px solid #eee; border-top:none; box-sizing:border-box; position:relative;}
.main .case li .wen 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;}
.main .case li .wen span{ display:block; overflow:hidden; width:60px; height:2px; background-color:#006de6; margin-top:0.78125vw;}
.main .case li .wen p{ width:100%; margin-top:1.04vw; font-size:16px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.main .case li .wen b{ width:0; height:2px; display:block; background-color:#006de6; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.main .case li:hover .wen b{ width:100%;}
.main .case li:hover .wen a{ color:#006de6;}

.nbox .clearafter{ width:100%; display:flex;}
.nbox .clearafter li{ display:block; flex:1;}
.nbox .clearafter li.last{ margin-left:5%; padding-left:5%; border-left:1px solid #ddd;}
.nbox .clearafter li p{ display:block; overflow:hidden; width:100%; position:relative; padding-left:30px; box-sizing:border-box; margin-bottom:.78125vw;}
.nbox .clearafter li p:last-child{ margin-bottom:0;}
.nbox .clearafter li p:before{ content:""; width:8px; height:8px; border:2px solid #808080; border-style:dotted dotted none none; position:absolute; top:50%; left:0; margin-top:-4px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); z-index:1;}
.nbox .clearafter li p:after{ content:''; position:absolute; width:2px; height:2px; background:#808080; left:4px; top:50%; z-index:1;}
.nbox .clearafter li p a{ width:calc(100% - 100px); font-size:16px; line-height:26px; height:26px; display:block; float:left;}
.nbox .clearafter li p a:hover{ color:#006de6;}
.nbox .clearafter li p span{ font-size:16px; line-height:26px; height:26px; display:block; float:right; color:#999;} 
}

@media screen and (min-width:1024px) and (max-width:1599px){
.sidenavcur{ width:84%; min-width:960px; margin:auto; padding-top:3.3854vw; position:relative; z-index:3;}
.sidenavcur p{ display:block; float:left; font-size:18px; line-height:28px;}
.sidenavcur b{ width:1px; height:18px; background-color:#ddd; margin-left:1.5625vw; margin-top:5px; display:block; float:left;}
.sidenavcur a{ font-size:16px; line-height:28px; position:relative; margin-left:1.5625vw; display:block; float:left;}
.sidenavcur a:hover{ color:#006de6;}
.sidenavcur a.on{ color:#006de6; font-weight:bold;}
.sidenavcur a.on:after{ position:absolute; content:''; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-top:8px solid #006de6; top:100%; left:50%; margin-left:-5px;}

.main .case{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.main .case li{ width:23.125%; display:block; margin-top:2.08vw; margin-left:2.5%;}
.main .case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .case li .tu{ width:100%; padding-top:56.25%; position:relative;}
.main .case li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .case li .wen{ padding:1.5625vw; border:1px solid #eee; border-top:none; box-sizing:border-box; position:relative;}
.main .case li .wen 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;}
.main .case li .wen span{ display:block; overflow:hidden; width:40px; height:2px; background-color:#006de6; margin-top:0.78125vw;}
.main .case li .wen p{ width:100%; margin-top:1.04vw; font-size:15px; line-height:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.main .case li .wen b{ width:0; height:2px; display:block; background-color:#006de6; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.main .case li:hover .wen b{ width:100%;}
.main .case li:hover .wen a{ color:#006de6;}

.nbox .clearafter{ width:100%; display:flex;}
.nbox .clearafter li{ display:block; flex:1;}
.nbox .clearafter li.last{ margin-left:5%; padding-left:5%; border-left:1px solid #ddd;}
.nbox .clearafter li p{ display:block; overflow:hidden; width:100%; position:relative; padding-left:25px; box-sizing:border-box; margin-bottom:.78125vw;}
.nbox .clearafter li p:last-child{ margin-bottom:0;}
.nbox .clearafter li p:before{ content:""; width:6px; height:6px; border:2px solid #808080; border-style:dotted dotted none none; position:absolute; top:50%; left:0; margin-top:-3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); z-index:1;}
.nbox .clearafter li p:after{ content:''; position:absolute; width:2px; height:2px; background:#808080; left:2px; top:50%; z-index:1;}
.nbox .clearafter li p a{ width:calc(100% - 95px); font-size:15px; line-height:25px; height:25px; display:block; float:left;}
.nbox .clearafter li p a:hover{ color:#006de6;}
.nbox .clearafter li p span{ font-size:15px; line-height:25px; height:25px; display:block; float:right; color:#999;} 
}

@media only screen and (max-width:1023px){
.sidenavcur{ width:94%; margin:auto; padding-top:25px; position:relative; z-index:3;}
.sidenavcur p{ display:block; float:left; font-size:16px; line-height:26px;}
.sidenavcur b{ width:1px; height:16px; background-color:#ddd; margin-left:15px; margin-top:5px; display:block; float:left;}
.sidenavcur a{ font-size:14px; line-height:26px; position:relative; margin-left:15px; display:block; float:left;}
.sidenavcur a:hover{ color:#006de6;}
.sidenavcur a.on{ color:#006de6; font-weight:bold;}
.sidenavcur a.on:after{ position:absolute; content:''; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-top:8px solid #006de6; top:100%; left:50%; margin-left:-5px;}

.main .case{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.main .case li{ width:48.5%; display:block; margin-top:15px; margin-left:3%;}
.main .case li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .case li .tu{ width:100%; padding-top:56.25%; position:relative;}
.main .case li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .case li .wen{ padding:10px 15px; border:1px solid #eee; border-top:none; box-sizing:border-box; position:relative;}
.main .case li .wen 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;}
.main .case li .wen span{ display:block; overflow:hidden; width:20px; height:2px; background-color:#006de6; margin-top:5px;}
.main .case li .wen p{ width:100%; margin-top:10px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.main .case li .wen b{ width:0; height:2px; display:block; background-color:#006de6; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.main .case li:hover .wen b{ width:100%;}
.main .case li:hover .wen a{ color:#006de6;}

.nbox .clearafter{ width:100%;}
.nbox .clearafter li{ display:block;}
.nbox .clearafter li.last{ margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
.nbox .clearafter li p{ display:block; overflow:hidden; width:100%; position:relative; padding-left:20px; box-sizing:border-box; margin-bottom:5px;}
.nbox .clearafter li p:last-child{ margin-bottom:0;}
.nbox .clearafter li p:before{ content:""; width:6px; height:6px; border:2px solid #808080; border-style:dotted dotted none none; position:absolute; top:50%; left:0; margin-top:-3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); z-index:1;}
.nbox .clearafter li p:after{ content:''; position:absolute; width:2px; height:2px; background:#808080; left:2px; top:50%; z-index:1;}
.nbox .clearafter li p a{ width:calc(100% - 85px); font-size:14px; line-height:24px; height:24px; display:block; float:left;}
.nbox .clearafter li p a:hover{ color:#006de6;}
.nbox .clearafter li p span{ font-size:14px; line-height:24px; height:24px; display:block; float:right; color:#999;} 
}

/*文章页*/
@media screen and (min-width:1600px){
.bt{ width:84%; margin:auto; position:relative; z-index:3;}
.bt .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.bt .w02{ font-size:16px; line-height:26px; color:#666; margin-top:.78125vw;}
.bt .w03{ width:100%; margin-top:.78125vw; height:1px; background-color:#eee; margin-bottom:1.82vw;}
.lbar{ width:68%; float:left;}
.lbar .w01{ font-size:16px; line-height:26px;}
.lbar .w01 img{ max-width:100%; height:auto !important;}
.lbar .w01 video{ width:100%; display:block;}
.lbar .w02{ margin-top:1.82vw; padding-top:1.3vw; border-top:1px solid #eee;}
.lbar .w02 p{ width:calc(95% - 120px); float:left; display:block;}
.lbar .w02 p a{ display:block; font-size:16px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lbar .w02 p a:hover{ color:#006de6;}
.lbar .w02 span{ width:120px; float:right; padding-top:10px;}
.lbar .w02 span a{ width:118px; height:40px; line-height:40px; font-size:16px; display:block; text-align:center; border:1px solid #006de6; color:#006de6; display:block; overflow:hidden;}
.lbar .w02 span a:hover{ background-color:#006de6; color:#fff;}
.lbar .w03{ font-size:14px; line-height:24px; margin-top:1.3vw; color:#666;}

.rbar{ width:27%; float:right;}
.rbar .con{ background-color:#f7f7f7; padding:2.34375vw 2.08vw;}
.rbar .con .w01{ text-align:center; font-size:24px; line-height:34px;}
.rbar .con .w02{ width:60px; height:2px; margin:auto; background-color:#006de6; margin-top:.78125vw;}
.rbar .con .w03{ width:100%; padding-top:.52vw;}
.rbar .con .w03 a{ display:block; overflow:hidden; width:100%; padding-top:56.25%; position:relative; margin-top:1.3vw;}
.rbar .con .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.rbar .con .w03 a span{ padding:0 1.04vw; width:100%; font-size:16px; height:40px; line-height:40px; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0; z-index:9; color:#fff; overflow:hidden; box-sizing:border-box;}
.rbar .con .w04{ width:100%; padding-top:2.34375vw; margin-top:2.6vw; border-top:1px solid #ddd;}
.rbar .con .w05{ width:100%; padding-top:.52vw;}
.rbar .con .w05 a{ width:47.5%; margin-left:5%; margin-top:1.3vw; float:left; text-align:center; height:40px; line-height:40px; font-size:16px; background-color:#fff; overflow:hidden;}
.rbar .con .w05 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.rbar .con .w05 a:hover{ color:#006de6;}

.rbar .lx{ width:100%; height:140px; background-image:url(../images/contact-z1_bg.jpg); margin-top:.78125vw; padding-left:120px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.rbar .lx div{ text-align:center;}
.rbar .lx p{ text-align:center; font-size:20px; line-height:30px;}
.rbar .lx p img{ display:inline-block; vertical-align:middle; height:26px; margin-right:10px;} 
.rbar .lx a{ text-align:center; font-size:20px; line-height:30px; font-weight:bold; margin-top:6px; display:block;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.bt{ width:84%; min-width:960px; margin:auto; position:relative; z-index:3;}
.bt .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.bt .w02{ font-size:15px; line-height:25px; color:#666; margin-top:.78125vw;}
.bt .w03{ width:100%; margin-top:.78125vw; height:1px; background-color:#eee; margin-bottom:1.82vw;}
.lbar{ width:68%; float:left;}
.lbar .w01{ font-size:15px; line-height:25px;}
.lbar .w01 img{ max-width:100%; height:auto !important;}
.lbar .w01 video{ width:100%; display:block;}
.lbar .w02{ margin-top:1.82vw; padding-top:1.3vw; border-top:1px solid #eee;}
.lbar .w02 p{ width:calc(95% - 100px); float:left; display:block;}
.lbar .w02 p a{ display:block; font-size:15px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lbar .w02 p a:hover{ color:#006de6;}
.lbar .w02 span{ width:100px; float:right; padding-top:10px;}
.lbar .w02 span a{ width:98px; height:37px; line-height:37px; font-size:15px; display:block; text-align:center; border:1px solid #006de6; color:#006de6; display:block; overflow:hidden;}
.lbar .w02 span a:hover{ background-color:#006de6; color:#fff;}
.lbar .w03{ font-size:14px; line-height:24px; margin-top:1.3vw; color:#666;}

.rbar{ width:27%; float:right;}
.rbar .con{ background-color:#f7f7f7; padding:2.34375vw 2.08vw;}
.rbar .con .w01{ text-align:center; font-size:20px; line-height:30px;}
.rbar .con .w02{ width:40px; height:2px; margin:auto; background-color:#006de6; margin-top:.78125vw;}
.rbar .con .w03{ width:100%; padding-top:.52vw;}
.rbar .con .w03 a{ display:block; overflow:hidden; width:100%; padding-top:56.25%; position:relative; margin-top:1.3vw;}
.rbar .con .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.rbar .con .w03 a span{ padding:0 1.04vw; width:100%; font-size:15px; height:37px; line-height:37px; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0; z-index:9; color:#fff; overflow:hidden; box-sizing:border-box;}
.rbar .con .w04{ width:100%; padding-top:2.34375vw; margin-top:2.6vw; border-top:1px solid #ddd;}
.rbar .con .w05{ width:100%; padding-top:.52vw;}
.rbar .con .w05 a{ width:47.5%; margin-left:5%; margin-top:1.3vw; float:left; text-align:center; height:37px; line-height:37px; font-size:15px; background-color:#fff; overflow:hidden;}
.rbar .con .w05 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.rbar .con .w05 a:hover{ color:#006de6;}

.rbar .lx{ width:100%; height:140px; background-image:url(../images/contact-z1_bg.jpg); margin-top:.78125vw; padding-left:120px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.rbar .lx div{ text-align:center;}
.rbar .lx p{ text-align:center; font-size:18px; line-height:28px;}
.rbar .lx p img{ display:inline-block; vertical-align:middle; height:24px; margin-right:7px;} 
.rbar .lx a{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; margin-top:6px; display:block;}
}

@media only screen and (max-width:1023px){
.bt{ width:94%; margin:auto;position:relative; z-index:3;}
.bt .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.bt .w02{ font-size:14px; line-height:24px; color:#666;}
.bt .w03{ width:100%; margin-top:5px; height:1px; background-color:#eee; margin-bottom:10px;}
.lbar{ width:100%; float:left;}
.lbar .w01{ font-size:14px; line-height:24px;}
.lbar .w01 img{ max-width:100%; height:auto !important;}
.lbar .w01 video{ width:100%; display:block;}
.lbar .w02{ margin-top:10px; padding-top:10px; border-top:1px solid #eee;}
.lbar .w02 p{ width:calc(95% - 80px); float:left; display:block;}
.lbar .w02 p a{ display:block; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lbar .w02 p a:hover{ color:#006de6;}
.lbar .w02 span{ width:80px; float:right; padding-top:5px;}
.lbar .w02 span a{ width:78px; height:32px; line-height:32px; font-size:14px; display:block; text-align:center; border:1px solid #006de6; color:#006de6; display:block; overflow:hidden;}
.lbar .w02 span a:hover{ background-color:#006de6; color:#fff;}
.lbar .w03{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}

.rbar{ width:100%; float:right; margin-top:25px;}
.rbar .con{ background-color:#f7f7f7; padding:20px 15px;}
.rbar .con .w01{ text-align:center; font-size:16px; line-height:26px;}
.rbar .con .w02{ width:20px; height:2px; margin:auto; background-color:#006de6; margin-top:5px;}
.rbar .con .w03{ width:100%; padding-top:5px;}
.rbar .con .w03 a{ display:block; overflow:hidden; width:100%; padding-top:56.25%; position:relative; margin-top:15px;}
.rbar .con .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.rbar .con .w03 a span{ padding:0 10px; width:100%; font-size:14px; height:34px; line-height:34px; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0; z-index:9; color:#fff; overflow:hidden; box-sizing:border-box;}
.rbar .con .w04{ width:100%; padding-top:20px; margin-top:25px; border-top:1px solid #ddd;}
.rbar .con .w05{ width:100%; padding-top:5px;}
.rbar .con .w05 a{ width:48.5%; margin-left:3%; margin-top:15px; float:left; text-align:center; height:34px; line-height:34px; font-size:14px; background-color:#fff; overflow:hidden;}
.rbar .con .w05 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.rbar .con .w05 a:hover{ color:#006de6;}

.rbar .lx{ width:100%; height:140px; background-image:url(../images/contact-z1_bg.jpg); margin-top:15px; padding-left:120px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.rbar .lx div{ text-align:center;}
.rbar .lx p{ text-align:center; font-size:16px; line-height:26px;}
.rbar .lx p img{ display:inline-block; vertical-align:middle; height:20px; margin-right:4px;} 
.rbar .lx a{ text-align:center; font-size:18px; line-height:28px; font-weight:bold; margin-top:6px; display:block;}
}

/*新闻资讯*/
@media screen and (min-width:1600px){
.main .news{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.main .news li{ width:47.5%; display:block; margin-top:0.78vw; margin-left:5%; padding:1.3vw 0; border-bottom:4px solid #eee;}
.main .news li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:260px; height:172px; float:left; position:relative;}
.main .news li .tu img{ width:100%; display:block;}
.main .news li .wen{ padding:0 1.3vw; width:calc(100% - 260px); box-sizing:border-box; float:right; position:relative;}
.main .news li .wen a{ width:100%; font-size:20px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .news li .wen span{ display:block; overflow:hidden; font-size:16px; line-height:24px; color:#999; margin-top:5px;}
.main .news li .wen p{ width:100%; margin-top:10px; font-size:16px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .news li:hover{ background-color:#f7f7f7; border-bottom:4px solid #006de6;}
.main .news li:hover .wen a{ color:#006de6;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.main .news{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.main .news li{ width:48%; display:block; margin-top:0.78vw; margin-left:4%; padding:1.3vw 0; border-bottom:4px solid #eee;}
.main .news li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:240px; height:158px; float:left; position:relative;}
.main .news li .tu img{ width:100%; display:block;}
.main .news li .wen{ padding:0 1.3vw; width:calc(100% - 240px); box-sizing:border-box; float:right; position:relative;}
.main .news li .wen a{ width:100%; font-size:18px; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .news li .wen span{ display:block; overflow:hidden; font-size:15px; line-height:23px; color:#999; margin-top:5px;}
.main .news li .wen p{ width:100%; margin-top:10px; font-size:15px; line-height:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .news li:hover{ background-color:#f7f7f7; border-bottom:4px solid #006de6;}
.main .news li:hover .wen a{ color:#006de6;}
}

@media only screen and (max-width:1023px){
.main .news{ width:100%; display:flex; flex-wrap:wrap; margin-top:-20px;}
.main .news li{ width:100%; display:block; margin-top:20px; border-bottom:4px solid #eee;}
.main .news li .tu{ width:100%; float:left; position:relative;}
.main .news li .tu a{ width:100%; padding-top:66%; display:block; position:relative; overflow:hidden;}
.main .news li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .news li .wen{ width:100%; padding:10px 0; float:right; position:relative;}
.main .news li .wen a{ width:100%; font-size:16px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .news li .wen span{ display:block; overflow:hidden; font-size:14px; line-height:22px; color:#999;}
.main .news li .wen p{ width:100%; margin-top:5px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .news li:hover{ background-color:#f7f7f7; border-bottom:4px solid #006de6;}
.main .news li:hover .wen a{ color:#006de6;}
}

/*关于我们*/
@media screen and (min-width:1600px){
.sav{ width:100%; height:90px; box-shadow:0 3px 4px #e9e9e9; position:relative; z-index:3;}
.sav .box{ width:84%; margin:auto; height:90px;}
.sav .box h3{ display:block; float:left; font-size:30px; line-height:90px; height:90px;}
.sav .box p{ display:block; float:right; padding:25px 0;}
.sav .box p a{ display:block; float:left; padding:0 1.3vw; font-size:18px; line-height:40px; height:40px; border-radius:40px; overflow:hidden;}
.sav .box p a.on,.sav .box p a:hover{ background-color:#006de6; color:#fff;}

.ab01{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#f7f7f7;}
.ab01 .box{ width:84%; margin:auto; position:relative; z-index:3;}
.ab01 .box .w01{ padding:15px; position:relative;}
.ab01 .box .w01 img{ width:100%; display:block; position:relative; z-index:3;}
.ab01 .box .w01:before{ width:40%; height:40%; background:#006de6; content:""; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box .w01:after{ width:40%; height:40%; background:#006de6; content:""; position:absolute; right:0; top:0; z-index:1;}
.ab01 .box .w02{ margin-top:2.08vw; position:relative;}
.ab01 .box .w02 b{ display:block; font-size:48px; line-height:1; text-transform:uppercase; color:#ddd;}
.ab01 .box .w02 strong{ display:block; font-size:24px; line-height:34px; margin-top:.52vw;}
.ab01 .box .w03{ font-size:16px; line-height:30px; margin-top:1.02vw;}
.ab01 .box .w04{ font-size:20px; line-height:30px; margin-top:1.02vw; font-weight:bold; color:#006de6;}
.ab01 .box .w05{ margin:3.125vw -20px 0; display:flex; align-items:stretch; justify-content:space-between;}
.ab01 .box .w05 li{ display:block; padding:0 20px; transition:.5s;}
.ab01 .box .w05 li span{ width:100%; color:#666; display:block; text-align:center;}
.ab01 .box .w05 li span strong{ font-size:50px; line-height:1; color:#333;}
.ab01 .box .w05 li span em{ font-style:normal; width:25px; height:24px; background:#006de6; border-radius:50%; display:inline-block; color:#fff; font-size:14px; vertical-align:bottom; margin-left:-10px;}
.ab01 .box .w05 li p{ display:block; font-size:16px; line-height:26px; color:#666; margin-top:.52vw;}

.ab02{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:84%; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.ab02 .box .wen{ font-size:16px; line-height:26px; padding-bottom:5.2vw;}
.ab02 .box .wen img{ max-width:100%; display:block; height:auto !important;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.ab02 .box .list li{ width:31.25%; margin-left:3.125%; margin-top:2.08vw; background-color:#f7f7f7; border-radius:10px; padding-bottom:2.34375vw; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .list li:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list li .he{ width:calc(50% - 1px); height:40px; border-right:2px dashed #006de6;}
.ab02 .box .list li span{ display:block;}
.ab02 .box .list li span img{ display:block; height:70px; margin:auto;}
.ab02 .box .list li b{ width:90%; margin:auto; display:block; font-size:24px; line-height:34px; text-align:center; color:#006de6; margin-top:1.3vw;}
.ab02 .box .list li p{ width:90%; margin:auto; display:block; font-size:16px; line-height:26px; margin-top:.78125vw;}
.ab02 .box .list li:hover{ transform:translateY(-10px);}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.sav{ width:100%; height:80px; box-shadow:0 3px 4px #e9e9e9; position:relative; z-index:3;}
.sav .box{ width:84%; min-width:960px; margin:auto; height:80px;}
.sav .box h3{ display:block; float:left; font-size:24px; line-height:80px; height:80px;}
.sav .box p{ display:block; float:right; padding:21px 0;}
.sav .box p a{ display:block; float:left; padding:0 1.3vw; font-size:16px; line-height:38px; height:38px; border-radius:38px; overflow:hidden;}
.sav .box p a.on,.sav .box p a:hover{ background-color:#006de6; color:#fff;}

.ab01{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#f7f7f7;}
.ab01 .box{ width:84%; min-width:960px; margin:auto; position:relative; z-index:3;}
.ab01 .box .w01{ padding:15px; position:relative;}
.ab01 .box .w01 img{ width:100%; display:block; position:relative; z-index:3;}
.ab01 .box .w01:before{ width:40%; height:40%; background:#006de6; content:""; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box .w01:after{ width:40%; height:40%; background:#006de6; content:""; position:absolute; right:0; top:0; z-index:1;}
.ab01 .box .w02{ margin-top:2.08vw; position:relative;}
.ab01 .box .w02 b{ display:block; font-size:38px; line-height:1; text-transform:uppercase; color:#ddd;}
.ab01 .box .w02 strong{ display:block; font-size:20px; line-height:30px; margin-top:.52vw;}
.ab01 .box .w03{ font-size:15px; line-height:27px; margin-top:1.02vw;}
.ab01 .box .w04{ font-size:18px; line-height:28px; margin-top:1.02vw; font-weight:bold; color:#006de6;}
.ab01 .box .w05{ margin:3.125vw -20px 0; display:flex; align-items:stretch; justify-content:space-between;}
.ab01 .box .w05 li{ display:block; padding:0 20px; transition:.5s;}
.ab01 .box .w05 li span{ width:100%; color:#666; display:block; text-align:center;}
.ab01 .box .w05 li span strong{ font-size:40px; line-height:1; color:#333;}
.ab01 .box .w05 li span em{ font-style:normal; width:22px; height:22px; background:#006de6; border-radius:50%; display:inline-block; color:#fff; font-size:13px; vertical-align:bottom; margin-left:-10px;}
.ab01 .box .w05 li p{ display:block; font-size:15px; line-height:25px; color:#666; margin-top:.52vw;}

.ab02{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:84%; min-width:960px; margin:auto; margin-top:1.82vw; position:relative; z-index:3;}
.ab02 .box .wen{ font-size:16px; line-height:26px; padding-bottom:5.2vw;}
.ab02 .box .wen img{ max-width:100%; display:block; height:auto !important;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.ab02 .box .list li{ width:31.25%; margin-left:3.125%; margin-top:2.08vw; background-color:#f7f7f7; border-radius:10px; padding-bottom:2.34375vw; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .list li:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list li .he{ width:calc(50% - 1px); height:30px; border-right:2px dashed #006de6;}
.ab02 .box .list li span{ display:block;}
.ab02 .box .list li span img{ display:block; height:60px; margin:auto;}
.ab02 .box .list li b{ width:90%; margin:auto; display:block; font-size:20px; line-height:30px; text-align:center; color:#006de6; margin-top:1.3vw;}
.ab02 .box .list li p{ width:90%; margin:auto; display:block; font-size:15px; line-height:25px; margin-top:.78125vw;}
.ab02 .box .list li:hover{ transform:translateY(-10px);}
}

@media only screen and (max-width:1023px){
.sav{ width:100%; box-shadow:0 3px 4px #e9e9e9; position:relative; z-index:3;}
.sav .box{ width:94%; margin:auto; padding-top:15px; padding-bottom:20px;}
.sav .box h3{ display:block; font-size:20px; line-height:30px; height:30px;}
.sav .box p{ display:block; overflow:hidden; padding-top:10px;}
.sav .box p a{ display:block; float:left; padding:0 15px; font-size:14px; line-height:34px; height:34px; border-radius:34px; overflow:hidden;}
.sav .box p a.on,.sav .box p a:hover{ background-color:#006de6; color:#fff;}

.ab01{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#f7f7f7;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab01 .box .w01{ padding:10px; position:relative;}
.ab01 .box .w01 img{ width:100%; display:block; position:relative; z-index:3;}
.ab01 .box .w01:before{ width:40%; height:40%; background:#006de6; content:""; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box .w01:after{ width:40%; height:40%; background:#006de6; content:""; position:absolute; right:0; top:0; z-index:1;}
.ab01 .box .w02{ margin-top:10px; position:relative;}
.ab01 .box .w02 b{ display:block; font-size:28px; line-height:1; text-transform:uppercase; color:#ddd;}
.ab01 .box .w02 strong{ display:block; font-size:18px; line-height:28px; margin-top:5px;}
.ab01 .box .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.ab01 .box .w04{ font-size:16px; line-height:26px; margin-top:5px; font-weight:bold; color:#006de6;}
.ab01 .box .w05{ margin:0 -10px; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; padding-top:10px;}
.ab01 .box .w05 li{ display:block; padding:0 10px; transition:.5s; margin-top:10px;}
.ab01 .box .w05 li span{ width:100%; color:#666; display:block; text-align:center;}
.ab01 .box .w05 li span strong{ font-size:30px; line-height:1; color:#333;}
.ab01 .box .w05 li span em{ font-style:normal; width:20px; height:20px; background:#006de6; border-radius:50%; display:inline-block; color:#fff; font-size:12px; vertical-align:bottom; margin-left:-5px;}
.ab01 .box .w05 li p{ display:block; font-size:14px; line-height:24px; color:#666;}

.ab02{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab02 .box .wen{ font-size:16px; line-height:26px; padding-bottom:40px;}
.ab02 .box .wen img{ max-width:100%; display:block; height:auto !important;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:20px;}
.ab02 .box .list li{ width:100%; margin-left:3.125%; margin-top:20px; background-color:#f7f7f7; border-radius:10px; padding-bottom:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .list li:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list li .he{ width:calc(50% - 1px); height:20px; border-right:2px dashed #006de6;}
.ab02 .box .list li span{ display:block;}
.ab02 .box .list li span img{ display:block; height:50px; margin:auto;}
.ab02 .box .list li b{ width:calc(100% - 30px); margin:auto; display:block; font-size:16px; line-height:26px; text-align:center; color:#006de6; margin-top:10px;}
.ab02 .box .list li p{ width:calc(100% - 30px); margin:auto; display:block; font-size:14px; line-height:24px; margin-top:5px;}
.ab02 .box .list li:hover{ transform:translateY(-5px);}
}

/*检测设备*/
@media screen and (min-width:1600px){
.main .ab03{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.main .ab03 li{ width:23.125%; display:block; margin-top:2.08vw; margin-left:2.5%;}
.main .ab03 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ab03 li strong{ padding:9px; border:1px solid #eee; display:block; overflow:hidden;}
.main .ab03 li strong a{ width:100%; padding-top:75%; display:block; position:relative; overflow:hidden;}
.main .ab03 li strong a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .ab03 li p{ display:block; background-color:#f7f7f7;}
.main .ab03 li p a{ display:flex; align-items:center; justify-content:center; text-align:center; padding:0 1.04vw; height:60px; font-size:16px; line-height:26px;}
.main .ab03 li:hover strong{ border:1px solid #006de6;}
.main .ab03 li:hover a{ background-color:#006de6; color:#fff;}

.main .ab04{ width:100%; text-align:center; font-size:16px; line-height:26px;}
.main .ab04 img{ max-width:100%; height:auto !important; display:block; margin:auto;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.main .ab03{ width:100%; display:flex; flex-wrap:wrap; margin-top:-2.08vw;}
.main .ab03 li{ width:23.125%; display:block; margin-top:2.08vw; margin-left:2.5%;}
.main .ab03 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .ab03 li strong{ padding:7px; border:1px solid #eee; display:block; overflow:hidden;}
.main .ab03 li strong a{ width:100%; padding-top:75%; display:block; position:relative; overflow:hidden;}
.main .ab03 li strong a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .ab03 li p{ display:block; background-color:#f7f7f7;}
.main .ab03 li p a{ display:flex; align-items:center; justify-content:center; text-align:center; padding:0 1.04vw; height:50px; font-size:15px; line-height:25px;}
.main .ab03 li:hover strong{ border:1px solid #006de6;}
.main .ab03 li:hover a{ background-color:#006de6; color:#fff;}

.main .ab04{ width:100%; text-align:center; font-size:15px; line-height:25px;}
.main .ab04 img{ max-width:100%; height:auto !important; display:block; margin:auto;}
}

@media only screen and (max-width:1023px){
.main .ab03{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.main .ab03 li{ width:48.5%; display:block; margin-top:15px; margin-left:3%;}
.main .ab03 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ab03 li strong{ padding:4px; border:1px solid #eee; display:block; overflow:hidden;}
.main .ab03 li strong a{ width:100%; padding-top:75%; display:block; position:relative; overflow:hidden;}
.main .ab03 li strong a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .ab03 li p{ display:block; background-color:#f7f7f7;}
.main .ab03 li p a{ display:flex; align-items:center; justify-content:center; text-align:center; padding:0 10px; height:40px; font-size:14px; line-height:20px;}
.main .ab03 li:hover strong{ border:1px solid #006de6;}
.main .ab03 li:hover a{ background-color:#006de6; color:#fff;}

.main .ab04{ width:100%; text-align:center; font-size:14px; line-height:24px;}
.main .ab04 img{ max-width:100%; height:auto !important; display:block; margin:auto;}
}

/*联系我们*/
@media screen and (min-width:1600px){
.main .lx{ width:100%;}
.main .lx .left{ width:40%; float:left;}
.main .lx .left h3{ display:block; font-size:24px; line-height:34px; padding-bottom:1.04vw; border-bottom:1px solid #ddd;}
.main .lx .left h3 b{ display:block; font-size:20px; line-height:30px; color:#006de6; text-transform:uppercase; margin-top:.26vw;}
.main .lx .left ul{ display:block; margin-top:1.3vw;}
.main .lx .left ul li{ display:block; overflow:hidden; margin-top:.875vw; font-size:16px; line-height:26px;}
.main .lx .left ul li img{ display:block; height:20px; margin-top:3px; margin-right:10px; float:left;}
.main .lx .left p{ display:block; margin-top:1.82vw; overflow:hidden;}
.main .lx .left p span{ width:120px; display:block; float:left; margin-right:20px; text-align:center; font-size:14px; line-height:24px;}
.main .lx .left p span img{ width:100%; display:block; margin-bottom:5px;}
.main .lx .right{ width:55%; float:right;}
.main .lx .right img{ width:100%; display:block;}
}

@media screen and (min-width:1024px) and (max-width:1599px){
.main .lx{ width:100%;}
.main .lx .left{ width:40%; float:left;}
.main .lx .left h3{ display:block; font-size:20px; line-height:30px; padding-bottom:1.04vw; border-bottom:1px solid #ddd;}
.main .lx .left h3 b{ display:block; font-size:18px; line-height:28px; color:#006de6; text-transform:uppercase; margin-top:.26vw;}
.main .lx .left ul{ display:block; margin-top:1.3vw;}
.main .lx .left ul li{ display:block; overflow:hidden; margin-top:.875vw; font-size:15px; line-height:25px;}
.main .lx .left ul li img{ display:block; height:20px; margin-top:3px; margin-right:10px; float:left;}
.main .lx .left p{ display:block; margin-top:1.82vw; overflow:hidden;}
.main .lx .left p span{ width:120px; display:block; float:left; margin-right:20px; text-align:center; font-size:13px; line-height:23px;}
.main .lx .left p span img{ width:100%; display:block; margin-bottom:5px;}
.main .lx .right{ width:55%; float:right;}
.main .lx .right img{ width:100%; display:block;}
}

@media only screen and (max-width:1023px){
.main .lx{ width:100%;}
.main .lx .left{ width:100%; float:left;}
.main .lx .left h3{ display:block; font-size:18px; line-height:28px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.main .lx .left h3 b{ display:block; font-size:16px; line-height:26px; color:#006de6; text-transform:uppercase;}
.main .lx .left ul{ display:block; margin-top:15px;}
.main .lx .left ul li{ display:block; overflow:hidden; margin-top:5px; font-size:14px; line-height:24px;}
.main .lx .left ul li img{ display:block; height:16px; margin-top:4px; margin-right:5px; float:left;}
.main .lx .left p{ display:block; margin-top:10px; overflow:hidden; margin-left:-15px;}
.main .lx .left p span{ width:100px; display:block; float:left; margin-left:15px; text-align:center; font-size:13px; line-height:23px;}
.main .lx .left p span img{ width:100%; display:block; margin-bottom:5px;}
.main .lx .right{ width:100%; float:right; margin-top:15px;}
.main .lx .right img{ width:100%; display:block;}
}

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

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

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