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

/*header*/
@media screen and (min-width:1600px){
.header{ width:100%; position:fixed; left:0; top:30px; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:0; background-color:#fff;}
.header .head{ width:83.33%; height:100px; margin:auto; background-color:rgba(255,255,255,.8); border-radius:15px;}
.header .head .hamburger{ display:none;}
.header .head .logo{ display:block; padding:20px 1.875%; margin-right:0; float:left;}
.header .head .logo img{ display:block; height:60px;}
.header .head .logo img.img02{ display:none;}
.header .head .ser{ height:20px; float:right; padding:40px 1.875%; position:relative;}
.header .head .ser p{ height:20px; display:block; overflow:hidden; cursor:pointer;}
.header .head .ser span{ height:20px; display:none; overflow:hidden; cursor:pointer;}
.header .head .ser img{ display:block; height:20px;}
.header .head .ser.active p{ display:none;}
.header .head .ser.active span{ display:block;}
.header .head .yu{ display:block; float:right; height:100px; position:relative;}
.header .head .yu dt{ height:100px; cursor:pointer;}
.header .head .yu dt img{ height:20px; margin:40px 0; display:block;}
.header .head .yu dd{ width:80px; position:absolute; left:50%; margin-left:-60px; top:80px; background-color:rgba(255,255,255,.8); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; text-align:center; border-radius:10px; padding:10px 20px;}
.header .head .yu dd a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#333;}
.header .head .yu dd a:hover{ color:#14ae67;}
.header .head .yu:hover dd{ top:100%; opacity:1; height:auto;}
.header .head .tel{ height:20px; float:right; padding:40px 1.875%; padding-left:2.5%; font-size:18px; line-height:20px; color:#14ae67; font-weight:bold;}
.header .head .tel img{ display:block; height:20px; float:left; margin-right:10px;}
.header .head .line{ width:1px; height:16px; background-color:#aaa; margin:42px 0; float:right;}
.header .head .nav{ display:block; float:right; height:100px;}
.header .head .nav dd{ display:flex; align-items:center; float:left; margin-right:1.9vw; height:100px; position:relative; z-index:1;}
.header .head .nav dd:last-child{ display:none;}
.header .head .nav dd a{ display:block; font-size:16px; line-height:30px; position:relative; color:#333; font-weight:bold;}
.header .head .nav dd.on>a{ color:#14ae67;}
.header .head .nav dd:hover>a{ color:#14ae67;}
.header .head .nav dd.on:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#14ae67,#0d6fb8); overflow:hidden; content:'';}
.header .head .nav dd p{ width:200px; position:absolute; left:-20px; top:80px; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 20px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#333; font-weight:bold;}
.header .head .nav dd p a:hover{ color:#14ae67;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}

.serbox{ width:83.33%; background-color:#fff; position:absolute; top:110px; left:8.335%; z-index:90; display:none; padding:25px 0; border-radius:15px;}
.serbox .box{ width:1000px; margin:auto; background-color:#f7f7f7; border-radius:50px;}
.serbox .box p{ width:calc(100% - 180px); display:block; float:left; padding:0 30px;}
.serbox .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; color:#333; background-color:transparent;}
.serbox .box span{ width:120px; height:50px; float:right; display:block;}
.serbox .box span input{ width:100%; height:50px; line-height:50px; font-size:16px; display:block; cursor:pointer; background-color:#14ae67; color:#fff; border-radius:50px;}
.serbox .box span input:hover{ background-color:#0d6fb8;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.header{ width:100%; position:fixed; left:0; top:20px; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:0; background-color:#fff;}
.header .head{ width:90%; height:80px; margin:auto; background-color:rgba(255,255,255,.8); border-radius:10px;}
.header .head .hamburger{ display:none;}
.header .head .logo{ display:block; padding:20px 1.875%; margin-right:0; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img01{ display:none;}
.header .head .ser{ height:18px; float:right; padding:31px 1.875%; position:relative;}
.header .head .ser p{ height:18px; display:block; overflow:hidden; cursor:pointer;}
.header .head .ser span{ height:18px; display:none; overflow:hidden; cursor:pointer;}
.header .head .ser img{ display:block; height:18px;}
.header .head .ser.active p{ display:none;}
.header .head .ser.active span{ display:block;}
.header .head .yu{ display:block; float:right; height:80px; position:relative;}
.header .head .yu dt{ height:80px; cursor:pointer;}
.header .head .yu dt img{ height:18px; margin:31px 0; display:block;}
.header .head .yu dd{ width:80px; position:absolute; left:50%; margin-left:-60px; top:80px; background-color:rgba(255,255,255,.8); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; text-align:center; border-radius:10px; padding:10px 20px;}
.header .head .yu dd a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#333;}
.header .head .yu dd a:hover{ color:#14ae67;}
.header .head .yu:hover dd{ top:100%; opacity:1; height:auto;}
.header .head .tel{ height:18px; float:right; padding:31px 1.875%; padding-left:2.5%; font-size:16px; line-height:18px; color:#14ae67; font-weight:bold;}
.header .head .tel img{ display:block; height:18px; float:left; margin-right:7px;}
.header .head .line{ width:1px; height:16px; background-color:#aaa; margin:32px 0; float:right;}
.header .head .nav{ display:block; float:right; height:80px;}
.header .head .nav dd{ display:flex; align-items:center; float:left; margin-right:2vw; height:80px; position:relative; z-index:1;}
.header .head .nav dd:last-child{ display:none;}
.header .head .nav dd a{ display:block; font-size:15px; line-height:30px; position:relative; color:#333; font-weight:bold;}
.header .head .nav dd.on>a{ color:#14ae67;}
.header .head .nav dd:hover>a{ color:#14ae67;}
.header .head .nav dd.on:before{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#14ae67,#0d6fb8); overflow:hidden; content:'';}
.header .head .nav dd p{ width:200px; position:absolute; left:-20px; top:80px; background-color:rgba(255,255,255,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:10px; padding:10px 20px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#333; font-weight:bold;}
.header .head .nav dd p a:hover{ color:#14ae67;}
.header .head .nav dd:hover{ z-index:9;}
.header .head .nav dd:hover p{ top:100%; opacity:1; height:auto;}

.serbox{ width:90%; background-color:#fff; position:absolute; top:90px; left:5%; z-index:90; display:none; padding:20px 0; border-radius:10px;}
.serbox .box{ width:80%; margin:auto; background-color:#f7f7f7; border-radius:50px;}
.serbox .box p{ width:calc(100% - 140px); display:block; float:left; padding:0 20px;}
.serbox .box p input{ width:100%; display:block; font-size:15px; line-height:40px; height:40px; color:#333; background-color:transparent;}
.serbox .box span{ width:100px; height:40px; float:right; display:block;}
.serbox .box span input{ width:100%; height:40px; line-height:40px; font-size:15px; display:block; cursor:pointer; background-color:#14ae67; color:#fff; border-radius:50px;}
.serbox .box span input:hover{ background-color:#0d6fb8;}
}
@media screen and (min-width:1024px) and (max-width:1339px){
.header .head .tel{ display:none;}	
.header .head .line{ margin-right:1.875%;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .thead{ display:none;}
.header .head{ width:100%; height:60px;}
.header .head .hamburger{ height:30px; width:24px; padding:15px 18px; border-left:1px solid #ddd; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.header .head .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#333; margin:6px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(11px);}
.header .head .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-11px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .head .logo{ display:block; padding:10px 3%; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img01{ display:none;}
.header .head .ser{ height:60px; width:60px; border-left:1px solid #ddd; float:right; position:relative;}
.header .head .ser p{ width:100%; padding:18px 0; display:block; overflow:hidden;}
.header .head .ser span{ width:100%; padding:18px 0; display:none; overflow:hidden;}
.header .head .ser img{ display:block; height:24px; margin:auto;}
.header .head .ser.active p{ display:none;}
.header .head .ser.active span{ display:block;}
.header .head .tel{ height:60px; width:60px; border-left:1px solid #ddd; float:right; position:relative;}
.header .head .tel a{ display:block; padding:18px;}
.header .head .tel img{ height:24px; display:block;}
.header .head .tel b{ display:none;}
.header .head .yu,.header .head .line{ display:none;}
.header .head .nav{ background-color:#fff; display:block; opacity:0; position:absolute; overflow-y:scroll; width:calc(100vw - 60px); height:calc(100vh - 60px); top:60px; left:-100vw; color:rgb(255, 255, 255); transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222;}
.header .head .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .head .nav dt,.header .head .nav dd{ width:100%; display:block; overflow:hidden; border-top:1px solid #f1f1f1; position:relative;}
.header .head .nav a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px; font-weight:bold;}
.header .head .nav dd b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .head .nav dd b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;}
.header .head .nav dd.active b::after{ transform:rotateZ(135deg);}
.header .head .nav dd.active>a{ color:#ff6914;}
.header .head .nav dd p{ display:none; width:100%; overflow:hidden; padding-left:20px; box-sizing:border-box; padding-bottom:10px; margin-top:-10px;}
.header .head .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden; font-weight:bold;}
.header .head .nav dd p a:hover{ color:#ff6914;}

.serbox{ width:100%; background-color:#fff; position:absolute; top:60px; left:0; z-index:90; display:none; padding:15px 0; border-top:1px solid #ddd;}
.serbox .box{ width:94%; margin:auto; background-color:#f7f7f7; border-radius:50px;}
.serbox .box p{ width:calc(100% - 110px); display:block; float:left; padding:0 15px;}
.serbox .box p input{ width:100%; display:block; font-size:14px; line-height:40px; height:40px; color:#333; background-color:transparent;}
.serbox .box span{ width:80px; height:40px; float:right; display:block;}
.serbox .box span input{ width:100%; height:40px; line-height:40px; font-size:14px; display:block; cursor:pointer; background-color:#14ae67; color:#fff; border-radius:50px;}
.serbox .box span input:hover{ background-color:#0d6fb8;}
}

/*banner*/
@-webkit-keyframes opa_btm{
    0%{ -webkit-transform:translate(0, 10px); opacity:0;}
    100%{ -webkit-transform:translate(0, 0); opacity:1;}
}
@keyframes opa_btm{
    0%{ transform:translate(0, 10px); opacity:0;}
    100%{ transform:translate(0, 0); opacity:1;}
}
@media screen and (min-width:1600px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; height:100vh; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-button-prev{ width:44px; height:44px; border-radius:100%; border:1px solid #fff; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:50px; left:8.335%; z-index:3;}
.banner .swiper-button-next{ width:44px; height:44px; border-radius:100%; border:1px solid #fff; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:50px; left:8.335%; z-index:3; margin-left:70px;}
.banner .swiper-button-prev:hover{ background-color:#fff; background-image:url(../images/prev01.png);}
.banner .swiper-button-next:hover{ background-color:#fff; background-image:url(../images/next01.png);}
.banner .down{ height:106px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:3;}
.banner .down>img{ cursor:pointer;}
.banner .down img{ display:block; margin:auto;}
.banner .down p{ display:block; margin-top:10px; -webkit-animation:opa_btm 1s infinite alternate linear; animation:opa_btm 1s infinite alternate linear;}
.banner .swiper-pagination{ position:absolute; right:8.335%; bottom:50px; z-index:3; height:46px; line-height:46px; color:#fff; font-size:20px;}
.banner .swiper-pagination .swiper-pagination-current{ font-size:36px; font-weight:bold;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; height:54.6875vw; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-button-prev{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:35px; left:5%; z-index:3;}
.banner .swiper-button-next{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:35px; left:5%; z-index:3; margin-left:55px;}
.banner .swiper-button-prev:hover{ background-color:#fff; background-image:url(../images/prev01.png);}
.banner .swiper-button-next:hover{ background-color:#fff; background-image:url(../images/next01.png);}
.banner .down{ height:91px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:3;}
.banner .down>img{ width:20px; cursor:pointer;}
.banner .down img{ display:block; margin:auto;}
.banner .down p{ display:block; margin-top:10px; -webkit-animation:opa_btm 1s infinite alternate linear; animation:opa_btm 1s infinite alternate linear;}
.banner .swiper-pagination{ position:absolute; right:5%; bottom:35px; z-index:3; height:40px; line-height:40px; color:#fff; font-size:16px;}
.banner .swiper-pagination .swiper-pagination-current{ font-size:30px; font-weight:bold;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; height:62.5vw; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-button-prev{ width:32px; height:32px; border-radius:100%; border:1px solid #fff; cursor:pointer; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:15px; left:3%; z-index:3; background-size:6px auto;}
.banner .swiper-button-next{ width:32px; height:32px; border-radius:100%; border:1px solid #fff; cursor:pointer; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; bottom:15px; left:3%; z-index:3; margin-left:44px; background-size:6px auto;}
.banner .swiper-button-prev:hover{ background-color:#fff; background-image:url(../images/prev01.png);}
.banner .swiper-button-next:hover{ background-color:#fff; background-image:url(../images/next01.png);}
.banner .down{ display:none;}
.banner .down p{ display:block; margin-top:10px; -webkit-animation:opa_btm 1s infinite alternate linear; animation:opa_btm 1s infinite alternate linear;}
.banner .swiper-pagination{ position:absolute; right:3%; bottom:12px; z-index:3; height:24px; line-height:24px; color:#fff; font-size:14px;}
.banner .swiper-pagination .swiper-pagination-current{ font-size:24px; font-weight:bold;}
}

/*关于我们*/
@media screen and (min-width:1600px){
.index{ position:relative; top:-100px;}

.title{ width:83.33%; margin:auto; position:relative; z-index:9;}
.title .t01{ width:100%; min-height:72px; position:relative; padding-top:8px; z-index:2;}
.title .t01 b{ display:block; float:left; font-size:30px; line-height:40px; padding:5px 0; position:relative;}
.title .t01 b span{ width:100%; height:2px; display:block; background-color:#333; position:absolute; left:0; bottom:0; overflow:hidden;}
.title .t02{ width:100%; position:absolute; z-index:1; left:0; top:-10px; font-size:100px; line-height:100px; height:100px; overflow:hidden; font-weight:bold; opacity:.05; text-transform:uppercase;}
.title .t04{ position:absolute; right:0; top:50%; margin-top:-23px; z-index:3;}
.title .t04 a{ display:flex; align-items:center; justify-content:space-between; width:180px; height:46px; line-height:46px; font-size:16px; background-color:#fff; text-indent:30px; border-radius:46px;}
.title .t04 a img{ height:10px; display:block; margin-right:30px;}
.title .t04 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.title .t04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.index{ position:relative; top:-80px;}

.title{ width:90%; margin:auto; position:relative; z-index:9;}
.title .t01{ width:100%; min-height:64px; position:relative; padding-top:6px; z-index:2;}
.title .t01 b{ display:block; float:left; font-size:26px; line-height:36px; padding:5px 0;; position:relative;}
.title .t01 b span{ width:100%; height:2px; display:block; background-color:#333; position:absolute; left:0; bottom:0; overflow:hidden;}
.title .t02{ width:100%; position:absolute; z-index:1; left:0; top:-11px; font-size:88px; line-height:88px; height:88px; overflow:hidden; font-weight:bold; opacity:.05; text-transform:uppercase;}
.title .t04{ position:absolute; right:0; top:50%; margin-top:-20px; z-index:3;}
.title .t04 a{ display:flex; align-items:center; justify-content:space-between; width:160px; height:40px; line-height:40px; font-size:15px; background-color:#fff; text-indent:25px; border-radius:46px;}
.title .t04 a img{ height:10px; display:block; margin-right:25px;}
.title .t04 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.title .t04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title .t04 a{ width:140px; text-indent:20px;}
.title .t04 a img{ margin-right:20px;}
}
@media only screen and (max-width:1023px){
.index{ position:relative; top:-60px;}

.title{ width:94%; margin:auto; position:relative; z-index:9;}
.title .t01{ width:100%; min-height:54px; position:relative; padding-top:2px; z-index:2;}
.title .t01 b{ display:block; float:left; font-size:20px; line-height:30px; padding:5px 0; position:relative;}
.title .t01 b span{ width:100%; height:2px; display:block; background-color:#333; position:absolute; left:0; bottom:0; overflow:hidden;}
.title .t02{ width:100%; position:absolute; z-index:1; left:0; top:-9px; font-size:70px; line-height:70px; height:70px; overflow:hidden; font-weight:bold; opacity:.05; text-transform:uppercase;}
.title .t04{ position:absolute; right:0; top:50%; margin-top:-17px; z-index:3;}
.title .t04 a{ display:flex; align-items:center; justify-content:space-between; width:120px; height:34px; line-height:34px; font-size:14px; background-color:#fff; text-indent:15px; border-radius:46px;}
.title .t04 a img{ height:10px; display:block; margin-right:15px;}
.title .t04 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.title .t04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}

@media screen and (min-width:1600px){
.abox{ width:100%; padding-top:100px; position:relative; z-index:3;}
.abox .bg{ width:100%; height:100px; background-color:#f7f7f7; position:absolute; left:0; bottom:0; z-index:1;}
.abox .box{ width:83.33%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:43.75%; float:left; position:relative;}
.abox .box .left .wen{ padding:.78125vw; border-radius:100%; background-color:#f7f7f7; position:absolute; left:0; top:2.6vw; z-index:3;}
.abox .box .left .wen a{ width:170px; height:170px; border-radius:100%; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column; font-family:Arial, Helvetica, sans-serif;}
.abox .box .left .wen a span{ font-size:18px; line-height:26px; display:block; color:#333;}
.abox .box .left .wen a b{ font-size:48px; line-height:66px; display:block; color:#14ae67;}
.abox .box .left .wen a p{ font-size:18px; line-height:26px; display:block; color:#333;}
.abox .box .left .tu{ width:85.71%; padding-right:1.5625vw; float:right; position:relative; z-index:1;}
.abox .box .left .tu a{ width:100%; padding-top:100%; display:block; position:relative; z-index:3; overflow:hidden; border-radius:100%;}
.abox .box .left .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.abox .box .left .tu b{ height:100%; display:block; position:absolute; right:0; top:0; z-index:1; overflow:hidden;}
.abox .box .left .tu b img{ height:100%; display:block;}
.abox .box .right{ width:51.875%; float:right; position:relative; padding-top:30px;}
.abox .box .right .title{ width:100%;}
.abox .box .right .title .t03{ width:100%; font-size:24px; line-height:34px; font-weight:bold; margin-top:35px;}
.abox .box .right .w01{ font-size:16px; line-height:36px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; margin-top:15px;}
.abox .box .right .w02{ width:calc(100% - 200px); padding-top:15px;}
.abox .box .right .w02 li{ display:block; padding-left:20px; width:100%; box-sizing:border-box; position:relative; margin-top:20px;}
.abox .box .right .w02 li:before{ width:8px; height:8px; display:block; content:''; background-color:#14ae67; position:absolute; left:0; top:11px; overflow:hidden;}
.abox .box .right .w02 li b{ display:block; font-size:20px; line-height:30px;}
.abox .box .right .w02 li p{ display:block; font-size:16px; line-height:26px; color:#666;}
.abox .box .right .w03{ position:absolute; right:0; bottom:45px;}
.abox .box .right .w03 a{ display:flex; align-items:center; justify-content:space-between; width:180px; height:46px; line-height:46px; font-size:16px; background-color:#f7f7f7; text-indent:30px; border-radius:46px;}
.abox .box .right .w03 a img{ height:10px; display:block; margin-right:30px;}
.abox .box .right .w03 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.abox .box .right .w03 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}

.abox .list{ width:83.33%; margin:auto; margin-top:70px; position:relative; z-index:3; background-color:#fff; border-radius:15px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.abox .list ul{ width:88.125%; padding:50px 5.9375%; padding-bottom:45px; display:flex; justify-content:space-between;}
.abox .list li{ display:block; width:21.28%; text-align:center;}
.abox .list li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.abox .list li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.abox .list li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.abox .list li b{ display:block; font-size:54px; height:60px; line-height:60px; overflow:hidden; margin-top:20px;}
.abox .list li p{ display:block; font-size:16px; line-height:26px; overflow:hidden; color:#666; margin-top:-1px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.abox{ width:100%; padding-top:70px; position:relative; z-index:3;}
.abox .bg{ width:100%; height:70px; background-color:#f7f7f7; position:absolute; left:0; bottom:0; z-index:1;}
.abox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:43.75%; float:left; position:relative;}
.abox .box .left .wen{ padding:.78125vw; border-radius:100%; background-color:#f7f7f7; position:absolute; left:0; top:2.6vw; z-index:3;}
.abox .box .left .wen a{ width:10vw; height:10vw; min-width:130px; min-height:130px; border-radius:100%; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column; font-family:Arial, Helvetica, sans-serif;}
.abox .box .left .wen a span{ font-size:16px; line-height:24px; display:block; color:#333;}
.abox .box .left .wen a b{ font-size:40px; line-height:50px; display:block; color:#14ae67;}
.abox .box .left .wen a p{ font-size:16px; line-height:24px; display:block; color:#333;}
.abox .box .left .tu{ width:85.71%; padding-right:1.5625vw; float:right; position:relative; z-index:1;}
.abox .box .left .tu a{ width:100%; padding-top:100%; display:block; position:relative; z-index:3; overflow:hidden; border-radius:100%;}
.abox .box .left .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.abox .box .left .tu b{ height:100%; display:block; position:absolute; right:0; top:0; z-index:1; overflow:hidden;}
.abox .box .left .tu b img{ height:100%; display:block;}
.abox .box .right{ width:51.875%; float:right; position:relative; padding-top:20px;}
.abox .box .right .title{ width:100%;}
.abox .box .right .title .t03{ width:100%; font-size:20px; line-height:30px; font-weight:bold; margin-top:25px;}
.abox .box .right .w01{ font-size:15px; line-height:31px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; margin-top:10px;}
.abox .box .right .w02{ width:calc(100% - 180px); padding-top:12px;}
.abox .box .right .w02 li{ display:block; padding-left:20px; width:100%; box-sizing:border-box; position:relative; margin-top:15px;}
.abox .box .right .w02 li:before{ width:8px; height:8px; display:block; content:''; background-color:#14ae67; position:absolute; left:0; top:11px; overflow:hidden;}
.abox .box .right .w02 li b{ display:block; font-size:18px; line-height:28px;}
.abox .box .right .w02 li p{ display:block; font-size:15px; line-height:25px; color:#666;}
.abox .box .right .w03{ position:absolute; right:0; bottom:40px;}
.abox .box .right .w03 a{ display:flex; align-items:center; justify-content:space-between; width:160px; height:40px; line-height:40px; font-size:15px; background-color:#f7f7f7; text-indent:25px; border-radius:46px;}
.abox .box .right .w03 a img{ height:10px; display:block; margin-right:25px;}
.abox .box .right .w03 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.abox .box .right .w03 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}

.abox .list{ width:90%; margin:auto; margin-top:50px; position:relative; z-index:3; background-color:#fff; border-radius:15px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.abox .list ul{ width:90%; padding:35px 5%; padding-bottom:30px; display:flex; justify-content:space-between;}
.abox .list li{ display:block; width:21.28%; text-align:center;}
.abox .list li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.abox .list li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.abox .list li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.abox .list li b{ display:block; font-size:44px; height:54px; line-height:54px; overflow:hidden; margin-top:15px;}
.abox .list li p{ display:block; font-size:16px; line-height:26px; overflow:hidden; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox .box .right .w02{ width:calc(100% - 160px);}
.abox .box .right .w03 a{ width:140px; text-indent:20px;}
.abox .box .right .w03 a img{ margin-right:20px;}
.abox .list li b{ font-size:36px; line-height:46px; height:46px;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:40px; position:relative; z-index:3;}
.abox .bg{ width:100%; height:40px; background-color:#f7f7f7; position:absolute; left:0; bottom:0; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left; position:relative;}
.abox .box .left .wen{ padding:10px; border-radius:100%; background-color:#f5f5f5; position:absolute; left:0; top:15px; z-index:3;}
.abox .box .left .wen a{ width:108px; height:108px; border:1px solid #eee; border-radius:100%; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.abox .box .left .wen a span{ font-size:14px; line-height:22px; display:block; color:#333;}
.abox .box .left .wen a b{ font-size:30px; line-height:28px; display:block; color:#14ae67;}
.abox .box .left .wen a p{ font-size:14px; line-height:22px; display:block; color:#333;}
.abox .box .left .tu{ width:83.33%; padding-right:15px; float:right; position:relative; z-index:1;}
.abox .box .left .tu a{ width:100%; padding-top:100%; display:block; position:relative; z-index:3; overflow:hidden; border-radius:100%;}
.abox .box .left .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.abox .box .left .tu b{ height:100%; display:block; position:absolute; right:0; top:0; z-index:1; overflow:hidden;}
.abox .box .left .tu b img{ height:100%; display:block;}
.abox .box .right{ width:100%; float:right; position:relative; padding-top:15px;}
.abox .box .right .title{ width:100%;}
.abox .box .right .title .t03{ width:100%; font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.abox .box .right .w01{ font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-top:5px;}
.abox .box .right .w02{ width:calc(100% - 135px); padding-top:5px;}
.abox .box .right .w02 li{ display:block; padding-left:15px; width:100%; box-sizing:border-box; position:relative; margin-top:10px; float:left;}
.abox .box .right .w02 li:before{ width:6px; height:6px; display:block; content:''; background-color:#14ae67; position:absolute; left:0; top:10px; overflow:hidden;}
.abox .box .right .w02 li b{ display:block; font-size:16px; line-height:26px;}
.abox .box .right .w02 li p{ display:block; font-size:14px; line-height:24px; color:#666;}
.abox .box .right .w03{ position:absolute; right:0; bottom:25px;}
.abox .box .right .w03 a{ display:flex; align-items:center; justify-content:space-between; width:120px; height:34px; line-height:34px; font-size:14px; background-color:#f7f7f7; text-indent:15px; border-radius:46px;}
.abox .box .right .w03 a img{ height:10px; display:block; margin-right:15px;}
.abox .box .right .w03 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.abox .box .right .w03 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}

.abox .list{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.abox .list ul{ width:100%; padding-top:15px; padding-bottom:25px; display:block;}
.abox .list li{ display:block; float:left; width:45.5%; margin-left:3%; text-align:center; margin-top:15px;}
.abox .list li:nth-child(2n+1){ clear:left; float:left;}
.abox .list li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.abox .list li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.abox .list li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.abox .list li b{ display:block; font-size:30px; height:38px; line-height:38px; overflow:hidden; margin-top:5px;}
.abox .list li p{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
}

/*首创产品*/
@media screen and (min-width:1600px){
.pbox{ width:100%; padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.pbox .box{ width:83.33%; margin:auto; position:relative; z-index:3; margin-top:40px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:23.125%; position:relative; padding-bottom:20px;}
.pbox .box .swiper-container .swiper-slide .nei{ background-color:#fff; padding:15px; padding-bottom:30px;}
.pbox .box .swiper-container .swiper-slide .nei .w01{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .nei .w01:after{ content:''; display:block; padding-top:100%;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide .nei .w02{ width:100%; margin-top:15px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .nei .w02 a{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .swiper-container .swiper-slide:hover .nei .w02 a{ color:#14ae67;}
.pbox .box .swiper-container .swiper-slide .nei .w03{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:4px;}
.pbox .box .swiper-container .swiper-slide .duo{ width:40px; position:absolute; right:20px; bottom:0; background-color:#14ae67; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide .duo b{ display:block; width:34px; height:34px; border-radius:100%; overflow:hidden; background-color:#fff; float:right; position:relative; z-index:3; border:3px solid #14ae67;}
.pbox .box .swiper-container .swiper-slide .duo b img{ display:block; height:12px; margin:11px auto;}
.pbox .box .swiper-container .swiper-slide .duo a{ display:block; width:120px; text-indent:20px; font-size:16px; height:40px; line-height:40px; color:#fff; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .swiper-container .swiper-slide:hover .duo{ width:160px;}

.pbox .swiper-pagination{ width:100%; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center;}
.pbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:80px; background:linear-gradient(to right,#14ae67,#0d6fb8);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pbox{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.pbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:31.66%; position:relative; padding-bottom:20px;}
.pbox .box .swiper-container .swiper-slide .nei{ background-color:#fff; padding:10px; padding-bottom:25px;}
.pbox .box .swiper-container .swiper-slide .nei .w01{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .nei .w01:after{ content:''; display:block; padding-top:100%;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide .nei .w02{ width:100%; margin-top:10px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .nei .w02 a{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .swiper-container .swiper-slide:hover .nei .w02 a{ color:#14ae67;}
.pbox .box .swiper-container .swiper-slide .nei .w03{ display:block; font-size:15px; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:4px;}
.pbox .box .swiper-container .swiper-slide .duo{ width:40px; position:absolute; right:20px; bottom:0; background-color:#14ae67; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide .duo b{ display:block; width:34px; height:34px; border-radius:100%; overflow:hidden; background-color:#fff; float:right; position:relative; z-index:3; border:3px solid #14ae67;}
.pbox .box .swiper-container .swiper-slide .duo b img{ display:block; height:12px; margin:11px auto;}
.pbox .box .swiper-container .swiper-slide .duo a{ display:block; width:110px; text-indent:20px; font-size:15px; height:40px; line-height:40px; color:#fff; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .swiper-container .swiper-slide:hover .duo{ width:150px;}

.pbox .swiper-pagination{ width:100%; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center;}
.pbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#14ae67,#0d6fb8);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:70%; position:relative; padding-bottom:20px;}
.pbox .box .swiper-container .swiper-slide .nei{ background-color:#fff; padding:10px; padding-bottom:22px;}
.pbox .box .swiper-container .swiper-slide .nei .w01{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .nei .w01:after{ content:''; display:block; padding-top:100%;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .nei .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide .nei .w02{ width:100%; margin-top:10px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .nei .w02 a{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .swiper-container .swiper-slide:hover .nei .w02 a{ color:#14ae67;}
.pbox .box .swiper-container .swiper-slide .nei .w03{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pbox .box .swiper-container .swiper-slide .duo{ width:34px; position:absolute; right:10px; bottom:0; background-color:#14ae67; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide .duo b{ display:block; width:30px; height:30px; border-radius:100%; overflow:hidden; background-color:#fff; float:right; position:relative; z-index:3; border:2px solid #14ae67;}
.pbox .box .swiper-container .swiper-slide .duo b img{ display:block; height:12px; margin:9px auto;}
.pbox .box .swiper-container .swiper-slide .duo a{ display:block; width:90px; text-indent:15px; font-size:14px; height:34px; line-height:34px; color:#fff; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .swiper-container .swiper-slide .duo:hover{ width:130px;}

.pbox .swiper-pagination{ width:100%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center;}
.pbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background:linear-gradient(to right,#14ae67,#0d6fb8);}
}

/*服务支持*/
.tbox .left .w02{ display:flex; overflow:auto;}
.tbox .left .w02>p{ text-overflow:ellipsis; white-space:nowrap;}
.tbox .left .w02::-webkit-scrollbar{ width:1px; height:5px;}
.tbox .left .w02::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fff;}
.tbox .left .w02::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
@media screen and (min-width:1600px){
.sbox{ padding-top:100px; padding-bottom:170px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .title .t01 b{ color:#fff;}
.sbox .title .t01 b span{ background-color:#fff;}
.sbox .title .t02{ color:#fff;}
.sbox .box{ width:83.33%; margin:auto; margin-top:40px; position:relative; z-index:3;}
.sbox .box .list{ width:100%; display:block;}
.sbox .box .list li{ width:29.375%; display:flex; align-items:center; float:left; overflow:hidden; margin-top:70px;}
.sbox .box .list li:nth-child(2n+1){ clear:left; float:left;}
.sbox .box .list li:nth-child(2n){ float:right; flex-direction:row-reverse;}
.sbox .box .list li:nth-child(1){ margin-top:0; margin-left:5.3125%;}
.sbox .box .list li:nth-child(2){ margin-top:0; margin-right:5.3125%;}
.sbox .box .list li:nth-child(5){ margin-left:5.3125%;}
.sbox .box .list li:nth-child(6){ margin-right:5.3125%;}
.sbox .box .list li .tu{ width:100px; height:100px; background-image:url(../images/sbg.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center; display:flex; align-items:center;}
.sbox .box .list li .tu img{ margin:auto; display:block; width:40px; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sbox .box .list li:hover .tu img{ -webkit-transform:rotateY(-360deg);}
.sbox .box .list li .wen{ flex:1; margin-left:1vw;}
.sbox .box .list li:nth-child(2n) .wen{ margin-left:0; margin-right:1vw; text-align:right;}
.sbox .box .list li .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.sbox .box .list li .wen .w02{ font-size:16px; line-height:26px; color:#fff;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:6px;}
.sbox .box .sp{ width:35.25%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .sp p{ width:100%; display:block; overflow:hidden;}
.sbox .box .sp img{ width:100%; display:block;}
.sbox .box .sp a{ width:80px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .sp:hover a{ display:none;}

.tbox{ width:83.33%; box-sizing:border-box; margin:auto; margin-top:-100px; position:relative; z-index:3; padding:0 4.375%; height:200px; border-radius:15px; background:linear-gradient(to right,#14ae67,#0d6fb8); display:flex; align-items:center; justify-content:space-between;}
.tbox .left{ max-width:calc(100% - 350px); padding-bottom:10px;}
.tbox .left .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.tbox .left .w02{ border-radius:40px; line-height:40px; margin-top:20px; background-color:#fff; padding:0 20px;}
.tbox .left .w02 p{ display:block; float:left; font-size:16px; color:#14ae67;}
.tbox .left .w02 img{ height:40px; display:block; float:left; margin-left:5px; margin-right:15px;}
.tbox .right{ max-width:350px;}
.tbox .right a{ display:block; float:right;}
.tbox .right a img{ display:block; float:left; height:50px;}
.tbox .right p{ display:block; float:left; margin-left:20px;}
.tbox .right p span{ display:block; font-size:16px; line-height:18px; height:18px; overflow:hidden; color:#fff;}
.tbox .right p b{ display:block; font-size:30px; line-height:28px; height:28px; overflow:hidden; color:#fff; margin-top:4px;}

.svk{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.7); display:none;}
.svk.active{ display:block;}
.svk .box{ width:1000px; background-color:#000; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.svk video{ width:100%; display:block;}
.svk .cvideo{ width:28px; position:absolute; right:-15px; top:-15px; border-radius:100%; background-color:#000;}
.svk .cvideo img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.sbox{ padding-top:70px; padding-bottom:120px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .title .t01 b{ color:#fff;}
.sbox .title .t01 b span{ background-color:#fff;}
.sbox .title .t02{ color:#fff;}
.sbox .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.sbox .box .list{ width:100%; display:block;}
.sbox .box .list li{ width:29.375%; display:flex; align-items:center; float:left; overflow:hidden; margin-top:50px;}
.sbox .box .list li:nth-child(2n+1){ clear:left; float:left;}
.sbox .box .list li:nth-child(2n){ float:right; flex-direction:row-reverse;}
.sbox .box .list li:nth-child(1){ margin-top:0; margin-left:5.3125%;}
.sbox .box .list li:nth-child(2){ margin-top:0; margin-right:5.3125%;}
.sbox .box .list li:nth-child(5){ margin-left:5.3125%;}
.sbox .box .list li:nth-child(6){ margin-right:5.3125%;}
.sbox .box .list li .tu{ width:100px; height:100px; background-image:url(../images/sbg.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center; display:flex; align-items:center;}
.sbox .box .list li .tu img{ margin:auto; display:block; width:40px; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sbox .box .list li:hover .tu img{ -webkit-transform:rotateY(-360deg);}
.sbox .box .list li .wen{ flex:1; margin-left:1vw;}
.sbox .box .list li:nth-child(2n) .wen{ margin-left:0; margin-right:1vw; text-align:right;}
.sbox .box .list li .wen .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.sbox .box .list li .wen .w02{ font-size:15px; line-height:25px; color:#fff;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;}
.sbox .box .sp{ width:35.25%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .sp p{ width:100%; display:block; overflow:hidden;}
.sbox .box .sp img{ width:100%; display:block;}
.sbox .box .sp a{ width:60px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .sp:hover a{ display:none;}

.tbox{ width:90%; box-sizing:border-box; margin:auto; margin-top:-70px; position:relative; z-index:3; padding:0 4%; height:140px; border-radius:10px; background:linear-gradient(to right,#14ae67,#0d6fb8); display:flex; align-items:center; justify-content:space-between;}
.tbox .left{ max-width:calc(100% - 270px); padding-bottom:10px;}
.tbox .left .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.tbox .left .w02{ border-radius:38px; line-height:38px; margin-top:15px; background-color:#fff; padding:0 15px;}
.tbox .left .w02 p{ display:block; float:left; font-size:15px; color:#14ae67;}
.tbox .left .w02 img{ height:38px; display:block; float:left; margin-left:5px; margin-right:10px;}
.tbox .right{ max-width:270px;}
.tbox .right a{ display:block; float:right;}
.tbox .right a img{ display:block; float:left; height:40px; margin-top:3px;}
.tbox .right p{ display:block; float:left; margin-left:15px;}
.tbox .right p span{ display:block; font-size:15px; line-height:17px; height:17px; overflow:hidden; color:#fff;}
.tbox .right p b{ display:block; font-size:26px; line-height:26px; height:26px; overflow:hidden; color:#fff; margin-top:3px;}

.svk{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:rgba(0,0,0,.7); display:none;}
.svk.active{ display:block;}
.svk .box{ width:1000px; max-width:94%; background-color:#000; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.svk video{ width:100%; display:block;}
.svk .cvideo{ width:28px; position:absolute; right:-15px; top:-15px; border-radius:100%; background-color:#000;}
.svk .cvideo img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.sbox{ padding:30px 3%; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.sbox .title .t01 b{ color:#fff;}
.sbox .title .t01 b span{ background-color:#fff;}
.sbox .title .t02{ color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.sbox .box .list{ width:100%; display:block; padding-top:10px;}
.sbox .box .list li{ width:100%; display:flex; align-items:center; float:left; overflow:hidden; margin-top:10px;}
.sbox .box .list li:nth-child(2n+1){ clear:left; float:left;}
.sbox .box .list li:nth-child(2n){ float:right; flex-direction:row-reverse;}
.sbox .box .list li .tu{ width:80px; height:80px; background-image:url(../images/sbg.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center; display:flex; align-items:center;}
.sbox .box .list li .tu img{ margin:auto; display:block; max-width:30px; max-height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sbox .box .list li:hover .tu img{ -webkit-transform:rotateY(-360deg);}
.sbox .box .list li .wen{ flex:1; margin-left:10px;}
.sbox .box .list li:nth-child(2n) .wen{ margin-left:0; margin-right:10px; text-align:right;}
.sbox .box .list li .wen .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.sbox .box .list li .wen .w02{ font-size:14px; line-height:24px; color:#fff;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:4px;}
.sbox .box .sp{ width:100%; position:relative; max-width:564px; margin:auto;}
.sbox .box .sp p{ width:100%; display:block; overflow:hidden;}
.sbox .box .sp img{ width:100%; display:block;}
.sbox .box .sp a{ width:60px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .sp:hover a{ display:none;}

.tbox{ width:94%; box-sizing:border-box; margin:auto; margin-top:-40px; position:relative; z-index:3; padding:20px 3vw; padding-bottom:15px; border-radius:5px; background:linear-gradient(to right,#14ae67,#0d6fb8);}
.tbox .left{ width:100%;}
.tbox .left .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.tbox .left .w02{ border-radius:36px; line-height:36px; margin-top:10px; background-color:#fff; padding:0 10px;}
.tbox .left .w02 p{ display:block; float:left; font-size:14px; color:#14ae67;}
.tbox .left .w02 img{ height:36px; display:block; float:left; margin-right:5px;}
.tbox .right{ width:100%; margin-top:20px; text-align:center;}
.tbox .right a{ display:inline-block;}
.tbox .right a img{ display:block; float:left; height:40px; margin-top:1px;}
.tbox .right p{ display:block; float:left; margin-left:10px; text-align:left;}
.tbox .right p span{ display:block; font-size:15px; line-height:17px; height:17px; overflow:hidden; color:#fff;}
.tbox .right p b{ display:block; font-size:22px; line-height:22px; height:22px; overflow:hidden; color:#fff; margin-top:3px;}

.svk{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color:#000; display:none;}
.svk.active{ display:block;}
.svk .box{ width:100%; height:100%;}
.svk video{ width:100%; height:100%; display:block;}
.svk .cvideo{ width:28px; position:absolute; right:15px; top:15px;}
.svk .cvideo img{ width:100%; display:block;}
}

/*应用场景*/
@media screen and (min-width:1600px){
.ybox{ width:100%; padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.ybox .title .t04 a{ background-color:#f7f7f7;}
.ybox .box{ width:83.33%; margin:auto; position:relative; z-index:3; margin-top:40px;}
.ybox .box .swiper-container{ width:100%;}
.ybox .box .swiper-container .swiper-slide{ width:50.625%; position:relative; padding-bottom:20px;}
.ybox .box .swiper-container .swiper-slide a{ width:100%; display:block; position:relative;}
.ybox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.ybox .box .swiper-container .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; z-index:1; top:0;}
.ybox .box .swiper-container .swiper-slide .tu b{ width:100%; display:block; padding-top:66.66%; position:relative; z-index:3; background-color:rgba(0,0,0,.5);}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .tu b{ background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.ybox .box .swiper-container .swiper-slide .wen{ padding:0 6.17%; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:45px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:none;}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ybox .box .swiper-container .swiper-slide .wen .w01{ width:calc(100% - 60px); font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ybox .box .swiper-container .swiper-slide .wen .w02{ width:calc(100% - 60px); font-size:16px; line-height:26px; color:#fff; margin-top:4px; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .swiper-slide .wen .w03{ width:40px; height:40px; position:absolute; right:6.17%; bottom:10px; background-color:#14ae67;}
.ybox .box .swiper-container .swiper-slide .wen .w03 img{ width:100%; display:block;}
.ybox .box .swiper-container .swiper-slide:hover .wen{ bottom:60px;}
.ybox .box .swiper-button-prev{ width:46px; height:46px; border-radius:100%; background-color:#f7f7f7; background-image:url(../images/prev02.png); background-position:center; background-repeat:no-repeat; position:absolute; left:21.3125%; top:50%; margin-top:-23px; margin-left:-23px; z-index:3;}
.ybox .box .swiper-button-prev:hover{ background-color:#14ae67; background-image:url(../images/prev.png);}
.ybox .box .swiper-button-next{ width:46px; height:46px; border-radius:100%; background-color:#f7f7f7; background-image:url(../images/next02.png); background-position:center; background-repeat:no-repeat; position:absolute; right:21.3125%; top:50%; margin-top:-23px; margin-right:-23px; z-index:3;}
.ybox .box .swiper-button-next:hover{ background-color:#14ae67; background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ybox{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ybox .title .t04 a{ background-color:#f7f7f7;}
.ybox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.ybox .box .swiper-container{ width:100%;}
.ybox .box .swiper-container .swiper-slide{ width:31.66%; position:relative; padding-bottom:20px;}
.ybox .box .swiper-container{ width:100%;}
.ybox .box .swiper-container .swiper-slide{ width:50.625%; position:relative; padding-bottom:20px;}
.ybox .box .swiper-container .swiper-slide a{ width:100%; display:block; position:relative;}
.ybox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.ybox .box .swiper-container .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; z-index:1; top:0;}
.ybox .box .swiper-container .swiper-slide .tu b{ width:100%; display:block; padding-top:66.66%; position:relative; z-index:3; background-color:rgba(0,0,0,.5);}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .tu b{ background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.ybox .box .swiper-container .swiper-slide .wen{ padding:0 5%; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:35px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:none;}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ybox .box .swiper-container .swiper-slide .wen .w01{ width:calc(100% - 60px); font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.ybox .box .swiper-container .swiper-slide .wen .w02{ width:calc(100% - 60px); font-size:15px; line-height:25px; color:#fff; margin-top:5px; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .swiper-slide .wen .w03{ width:38px; height:38px; position:absolute; right:5%; bottom:10px; background-color:#14ae67;}
.ybox .box .swiper-container .swiper-slide .wen .w03 img{ width:100%; display:block;}
.ybox .box .swiper-container .swiper-slide:hover .wen{ bottom:50px;}
.ybox .box .swiper-button-prev{ width:40px; height:40px; border-radius:100%; background-color:#f7f7f7; background-image:url(../images/prev02.png); background-position:center; background-repeat:no-repeat; position:absolute; left:21.3125%; top:50%; margin-top:-20px; margin-left:-20px; z-index:3;}
.ybox .box .swiper-button-prev:hover{ background-color:#14ae67; background-image:url(../images/prev.png);}
.ybox .box .swiper-button-next{ width:40px; height:40px; border-radius:100%; background-color:#f7f7f7; background-image:url(../images/next02.png); background-position:center; background-repeat:no-repeat; position:absolute; right:21.3125%; top:50%; margin-top:-20px; margin-right:-20px; z-index:3;}
.ybox .box .swiper-button-next:hover{ background-color:#14ae67; background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ybox .title .t04 a{ background-color:#f7f7f7;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.ybox .box .swiper-container{ width:100%;}
.ybox .box .swiper-container .swiper-slide{ width:31.66%; position:relative; padding-bottom:20px;}
.ybox .box .swiper-container{ width:100%;}
.ybox .box .swiper-container .swiper-slide{ width:100%; position:relative; padding-bottom:20px;}
.ybox .box .swiper-container .swiper-slide a{ width:100%; display:block; position:relative;}
.ybox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.ybox .box .swiper-container .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; z-index:1; top:0;}
.ybox .box .swiper-container .swiper-slide .tu b{ width:100%; display:block; padding-top:66.66%; position:relative; z-index:3; background-color:rgba(0,0,0,.5);}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .tu b{ background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.ybox .box .swiper-container .swiper-slide .wen{ padding:0 5%; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:15px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:none;}
.ybox .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ybox .box .swiper-container .swiper-slide .wen .w01{ width:calc(100% - 50px); font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.ybox .box .swiper-container .swiper-slide .wen .w02{ width:calc(100% - 50px); font-size:14px; line-height:24px; color:#fff; margin-top:2px; text-overflow:ellipsis; white-space:nowrap;}
.ybox .box .swiper-container .swiper-slide .wen .w03{ width:34px; height:34px; position:absolute; right:5%; bottom:9px; background-color:#14ae67;}
.ybox .box .swiper-container .swiper-slide .wen .w03 img{ width:100%; display:block;}
.ybox .box .swiper-container .swiper-slide:hover .wen{ bottom:20px;}
.ybox .box .swiper-button-prev{ width:34px; height:34px; border-radius:100%; background-color:#f7f7f7; background-image:url(../images/prev02.png); background-position:center; background-repeat:no-repeat; position:absolute; left:3%; top:50%; margin-top:-17px; z-index:3;}
.ybox .box .swiper-button-prev:hover{ background-color:#14ae67; background-image:url(../images/prev.png);}
.ybox .box .swiper-button-next{ width:34px; height:34px; border-radius:100%; background-color:#f7f7f7; background-image:url(../images/next02.png); background-position:center; background-repeat:no-repeat; position:absolute; right:3%; top:50%; margin-top:-17px; z-index:3;}
.ybox .box .swiper-button-next:hover{ background-color:#14ae67; background-image:url(../images/next.png);}
}

/*行业资讯*/
@media screen and (min-width:1600px){
.nbox{ width:100%; padding-top:100px; padding-bottom:93px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .title .t04 a{ float:left; margin-left:20px; cursor:pointer;}
.nbox .title .t04 a.on{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.nbox .title .t04 a.on img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.nbox .box{ width:83.33%; margin:auto; position:relative; z-index:3; margin-top:40px;}
.nbox .box .cont{ width:100%; display:none;}
.nbox .box .cont.on{ display:flex;}
.nbox .box .left{ width:43.75%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:30px; margin-bottom:7px; overflow:hidden; position:relative;}
.nbox .box .left .biao{ position:absolute; left:1.5625vw; top:1.5625vw; z-index:2;}
.nbox .box .left .biao a{ display:block; text-align:center; min-width:80px; padding:0 20px; line-height:36px; height:36px; font-size:16px; overflow:hidden; color:#14ae67; background-color:rgba(255,255,255,.7); border-radius:36px;}
.nbox .box .left .biao a:hover{ background-color:#14ae67; color:#fff;}
.nbox .box .left>a{ width:100%; height:100%; display:block; position:relative; z-index:1; overflow:hidden; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.nbox .box .left .wen{ width:76.22%; position:absolute; left:1.5625vw; bottom:45px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left:hover .wen{ bottom:55px;}
.nbox .box .left .wen span{ display:block; font-size:16px; line-height:24px; height:24px; color:#fff; overflow:hidden;}
.nbox .box .left .wen b{ font-size:20px; line-height:30px; max-height:60px; color:#fff; margin-top:0.5vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .duo{ width:50px; height:50px; background-color:rgba(255,255,255,.7); border-radius:100%; background-image:url(../images/duo02.png); background-position:center; background-repeat:no-repeat; position:absolute; right:1.5625vw; bottom:60px;}
.nbox .box .left .duo:hover{ background-color:#fff;}
.nbox .box .right{ width:25%; margin-left:3.125%;}
.nbox .box .right .w01{ width:100%; border-radius:15px; position:relative;}
.nbox .box .right .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.nbox .box .right .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .right .w01 .biao{ position:absolute; left:1.5625vw; top:1.5625vw; z-index:2;}
.nbox .box .right .w01 .biao a{ display:block; text-align:center; min-width:80px; padding:0 20px; line-height:36px; height:36px; font-size:16px; overflow:hidden; color:#14ae67; background-color:rgba(255,255,255,.7); border-radius:36px;}
.nbox .box .right .w01 .biao a:hover{ background-color:#14ae67; color:#fff;}
.nbox .box .right .w02{ margin-top:25px; font-size:16px; line-height:24px; height:24px; color:#666;}
.nbox .box .right .w03 a{ font-size:20px; line-height:30px; height:60px; color:#333; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.nbox .box .right:hover .w03 a{ color:#14ae67;}
.nbox .box .right .w04{ font-size:16px; line-height:30px; height:90px; color:#666; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.nbox{ width:100%; padding-top:70px; padding-bottom:63px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .title .t04 a{ float:left; margin-left:15px; cursor:pointer;}
.nbox .title .t04 a.on{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.nbox .title .t04 a.on img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.nbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.nbox .box .cont{ width:100%; display:none;}
.nbox .box .cont.on{ display:flex;}
.nbox .box .left{ width:44%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:20px; margin-bottom:7px; overflow:hidden; position:relative;}
.nbox .box .left .biao{ position:absolute; left:1.5625vw; top:1.5625vw; z-index:2;}
.nbox .box .left .biao a{ display:block; text-align:center; min-width:70px; padding:0 15px; line-height:34px; height:34px; font-size:15px; overflow:hidden; color:#14ae67; background-color:rgba(255,255,255,.7); border-radius:36px;}
.nbox .box .left .biao a:hover{ background-color:#14ae67; color:#fff;}
.nbox .box .left>a{ width:100%; height:100%; display:block; position:relative; z-index:1; overflow:hidden; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.nbox .box .left .wen{ width:76.22%; position:absolute; left:1.5625vw; bottom:35px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left:hover .wen{ bottom:45px;}
.nbox .box .left .wen span{ display:block; font-size:15px; line-height:23px; height:23px; color:#fff; overflow:hidden;}
.nbox .box .left .wen b{ font-size:18px; line-height:28px; max-height:56px; color:#fff; margin-top:0.5vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .duo{ width:42px; height:42px; background-color:rgba(255,255,255,.7); border-radius:100%; background-image:url(../images/duo02.png); background-position:center; background-repeat:no-repeat; position:absolute; right:1.5625vw; bottom:40px;}
.nbox .box .left .duo:hover{ background-color:#fff;}
.nbox .box .right{ width:26%; margin-left:2%;}
.nbox .box .right .w01{ width:100%; border-radius:10px; position:relative;}
.nbox .box .right .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.nbox .box .right .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .right .w01 .biao{ position:absolute; left:1.5625vw; top:1.5625vw; z-index:2;}
.nbox .box .right .w01 .biao a{ display:block; text-align:center; min-width:70px; padding:0 15px; line-height:34px; height:34px; font-size:15px; overflow:hidden; color:#14ae67; background-color:rgba(255,255,255,.7); border-radius:36px;}
.nbox .box .right .w01 .biao a:hover{ background-color:#14ae67; color:#fff;}
.nbox .box .right .w02{ margin-top:15px; font-size:15px; line-height:23px; height:23px; color:#666;}
.nbox .box .right .w03 a{ font-size:18px; line-height:28px; height:56px; color:#333; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.nbox .box .right:hover .w03 a{ color:#14ae67;}
.nbox .box .right .w04{ font-size:15px; line-height:29px; height:87px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:40px; padding-bottom:35px; position:relative; z-index:1; background-color:#f7f7f7;}
.nbox .title .t04{ position:relative; margin-top:-10px; margin-left:-15px;}
.nbox .title .t04 a{ float:left; margin-left:15px; cursor:pointer; margin-top:10px;}
.nbox .title .t04 a.on{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.nbox .title .t04 a.on img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.nbox .box .cont{ width:100%; display:none;}
.nbox .box .cont.on{ display:block;}
.nbox .box .left{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-bottom:15px; overflow:hidden; float:left;}
.nbox .box .left .biao{ position:absolute; left:3vw; top:3vw; z-index:2;}
.nbox .box .left .biao a{ display:block; text-align:center; min-width:80px; padding:0 20px; line-height:34px; height:34px; font-size:16px; overflow:hidden; color:#14ae67; background-color:rgba(255,255,255,.7); border-radius:36px;}
.nbox .box .left .biao a:hover{ background-color:#14ae67; color:#fff;}
.nbox .box .left>a{ width:100%; padding-top:70%; display:block; position:relative; z-index:1; overflow:hidden; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.nbox .box .left .wen{ width:calc(100% - 70px); position:absolute; left:3vw; bottom:10px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .left:hover .wen{ bottom:20px;}
.nbox .box .left .wen span{ display:block; font-size:14px; line-height:22px; height:22px; color:#fff; overflow:hidden;}
.nbox .box .left .wen b{ font-size:16px; line-height:26px; max-height:52px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .left .duo{ width:30px; height:30px; background-color:rgba(255,255,255,.7); border-radius:100%; background-image:url(../images/duo02.png); background-position:center; background-repeat:no-repeat; position:absolute; right:3vw; bottom:15px;}
.nbox .box .left .duo:hover{ background-color:#fff;}
.nbox .box .right{ width:48.5%; margin-right:3%; float:left;}
.nbox .box .right:last-child{ margin-right:0;}
.nbox .box .right .w01{ width:100%; border-radius:5px; position:relative;}
.nbox .box .right .w01>a{ width:100%; display:block; padding-top:70%; position:relative; z-index:1; overflow:hidden;}
.nbox .box .right .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .right .w01 .biao{ position:absolute; left:3vw; top:3vw; z-index:2;}
.nbox .box .right .w01 .biao a{ display:block; text-align:center; min-width:80px; padding:0 15px; line-height:30px; height:30px; font-size:14px; overflow:hidden; color:#14ae67; background-color:rgba(255,255,255,.7); border-radius:36px;}
.nbox .box .right .w01 .biao a:hover{ background-color:#14ae67; color:#fff;}
.nbox .box .right .w02{ margin-top:5px; font-size:14px; line-height:22px; height:22px; color:#666;}
.nbox .box .right .w03 a{ font-size:16px; line-height:26px; height:52px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.nbox .box .right:hover .w03 a{ color:#14ae67;}
.nbox .box .right .w04{ font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.nbox .more{ margin-top:15px;}
}

/*footer*/
@media screen and (min-width:1600px){
.footer{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#1b191a;}
.footer .foot{ width:83.33%; margin:auto; position:relative;}
.footer .foot .f01{ width:26.875%; float:left; margin-right:6.875%; padding-bottom:59px;}
.footer .foot .f01 .w01{ width:100%; padding-top:5px;}
.footer .foot .f01 .w01 img{ display:block; height:60px;}
.footer .foot .f01 .w02{ width:100%; margin-top:32px; font-size:14px; line-height:30px; color:#999;}
.footer .foot .f01 .w03{ margin-left:-15px; padding-top:22px;}
.footer .foot .f01 .w03 a{ display:flex; align-items:center; float:left; margin-left:15px; margin-top:10px; width:36px; height:36px; border-radius:100%; background-color:rgba(255,255,255,.7);}
.footer .foot .f01 .w03 a img{ display:block; max-height:18px; max-height:18px; margin:auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#14ae67;}
.footer .foot .f02{ width:22.625%; float:left; margin-right:3%; padding-bottom:54px;}
.footer .foot .f02 .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .f02 .w02{ padding-top:5px;}
.footer .foot .f02 .w02 dt{ display:block; margin-top:15px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02 .w02 dd{ display:block; font-size:16px; line-height:24px; color:#fff;}
.footer .foot .f02 .w02 dd:last-child{ font-size:14px;}
.footer .foot .f03{ width:17.5%; float:left; padding-bottom:54px;}
.footer .foot .f03 .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .f03 .w02{ margin-top:25px; width:160px;}
.footer .foot .f03 .w02 dt{ display:block; width:130px; height:130px; padding:15px; background-image:url(../images/ma_17.png); background-size:100% 100%;}
.footer .foot .f03 .w02 dt a{ width:100%; height:100%; display:block; overflow:hidden;}
.footer .foot .f03 .w02 dt a img{ width:100%; display:block;}
.footer .foot .f03 .w02 dd{ text-align:center; display:block; color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.footer .foot .f04{ width:23.125%; float:right;}
.footer .foot .f04 .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .f04 .w02{ display:block; padding-top:5px;}
.footer .foot .f04 .w02 dt{ margin-top:20px; width:100%; border:1px solid #333; display:block; box-sizing:border-box; overflow:hidden;}
.footer .foot .f04 .w02 dt input{ width:100%; padding:0 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:38px; line-height:38px; overflow:hidden;}
.footer .foot .f04 .w02 dt textarea{ width:100%; padding:7px 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:88px; line-height:24px; overflow:hidden; font-family:inherit;}
.footer .foot .f04 .w02 dd{ width:100%; margin-top:20px; display:block;}
.footer .foot .f04 .w02 dd input{ width:120px; height:40px; line-height:40px; text-align:center; display:block; cursor:pointer; background-color:#605e5f; color:#fff; overflow:hidden;}
.footer .foot .f04 .w02 dd input:hover{ background-color:#14ae67;}
.footer .bq{ position:absolute; left:0; bottom:0; width:76.875%}
.footer .bq p{ display:block; font-size:14px; line-height:24px; margin-right:35px; color:#999; float:left;}
.footer .bq p a{ color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.footer{ width:100%; padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-color:#1b191a;}
.footer .foot{ width:90%; margin:auto; position:relative;}
.footer .foot .f01{ width:29.875%; float:left; margin-right:3.875%; padding-bottom:49px;}
.footer .foot .f01 .w01{ width:100%; padding-top:5px;}
.footer .foot .f01 .w01 img{ display:block; height:60px;}
.footer .foot .f01 .w02{ width:100%; margin-top:23px; font-size:14px; line-height:28px; color:#999;}
.footer .foot .f01 .w03{ margin-left:-10px; padding-top:13px;}
.footer .foot .f01 .w03 a{ display:flex; align-items:center; float:left; margin-left:10px; margin-top:10px; width:36px; height:36px; border-radius:100%; background-color:rgba(255,255,255,.7);}
.footer .foot .f01 .w03 a img{ display:block; max-height:18px; max-height:18px; margin:auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#14ae67;}
.footer .foot .f02{ width:22.625%; float:left; margin-right:3%; padding-bottom:44px;}
.footer .foot .f02 .w01{ font-size:17px; line-height:27px; font-weight:bold; color:#fff;}
.footer .foot .f02 .w02{ padding-top:5px;}
.footer .foot .f02 .w02 dt{ display:block; margin-top:10px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02 .w02 dd{ display:block; font-size:16px; line-height:24px; color:#fff;}
.footer .foot .f02 .w02 dd:last-child{ font-size:14px;}
.footer .foot .f03{ width:17.5%; float:left; padding-bottom:44px;}
.footer .foot .f03 .w01{ font-size:17px; line-height:27px; font-weight:bold; color:#fff;}
.footer .foot .f03 .w02{ margin-top:20px; width:130px;}
.footer .foot .f03 .w02 dt{ display:block; width:100px; height:100px; padding:15px; background-image:url(../images/ma_17.png); background-size:100% 100%;}
.footer .foot .f03 .w02 dt a{ width:100%; height:100%; display:block; overflow:hidden;}
.footer .foot .f03 .w02 dt a img{ width:100%; display:block;}
.footer .foot .f03 .w02 dd{ text-align:center; display:block; color:#fff; font-size:14px; line-height:24px; margin-top:7px;}
.footer .foot .f04{ width:23.125%; float:right; padding-bottom:5px;}
.footer .foot .f04 .w01{ font-size:17px; line-height:27px; font-weight:bold; color:#fff;}
.footer .foot .f04 .w02{ display:block; padding-top:5px;}
.footer .foot .f04 .w02 dt{ margin-top:15px; width:100%; border:1px solid #333; display:block; box-sizing:border-box; overflow:hidden;}
.footer .foot .f04 .w02 dt input{ width:100%; padding:0 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:36px; line-height:36px; overflow:hidden;}
.footer .foot .f04 .w02 dt textarea{ width:100%; padding:6px 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:88px; line-height:24px; overflow:hidden; font-family:inherit;}
.footer .foot .f04 .w02 dd{ width:100%; margin-top:15px; display:block;}
.footer .foot .f04 .w02 dd input{ width:120px; height:38px; line-height:38px; text-align:center; display:block; cursor:pointer; background-color:#605e5f; color:#fff; overflow:hidden;}
.footer .foot .f04 .w02 dd input:hover{ background-color:#14ae67;}
.footer .bq{ position:absolute; left:0; bottom:0; width:76.875%}
.footer .bq p{ display:block; font-size:14px; line-height:24px; margin-right:35px; color:#999; float:left;}
.footer .bq p a{ color:#999;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; padding-top:30px; padding-bottom:25px; position:relative; z-index:1; background-color:#1b191a;}
.footer .foot{ width:90%; margin:auto; position:relative;}
.footer .foot .f01{ width:100%; float:left; margin-bottom:10px;}
.footer .foot .f01 .w01{ width:100%;}
.footer .foot .f01 .w01 img{ display:block; height:60px; margin:auto;}
.footer .foot .f01 .w02{ width:100%; margin-top:15px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f01 .w03{ padding-top:5px; display:flex; flex-wrap:wrap; justify-content:center;}
.footer .foot .f01 .w03 a{ display:flex; align-items:center; margin:5px; width:36px; height:36px; border-radius:100%; background-color:rgba(255,255,255,.7);}
.footer .foot .f01 .w03 a img{ display:block; max-height:18px; max-height:18px; margin:auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#14ae67;}
.footer .foot .f02{ width:calc(97% - 100px); float:left; margin-right:3%;}
.footer .foot .f02 .w01{ font-size:17px; line-height:27px; font-weight:bold; color:#fff;}
.footer .foot .f02 .w02{ width:100%;}
.footer .foot .f02 .w02 dt{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02 .w02 dd{ display:block; font-size:16px; line-height:24px; color:#fff;}
.footer .foot .f02 .w02 dd:last-child{ font-size:14px;}
.footer .foot .f03{ width:100px; float:left;}
.footer .foot .f03 .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.footer .foot .f03 .w02{ margin-top:10px; width:100px;}
.footer .foot .f03 .w02 dt{ display:block; width:80px; height:80px; padding:10px; background-image:url(../images/ma_17.png); background-size:100% 100%;}
.footer .foot .f03 .w02 dt a{ width:100%; height:100%; display:block; overflow:hidden;}
.footer .foot .f03 .w02 dt a img{ width:100%; display:block;}
.footer .foot .f03 .w02 dd{ text-align:center; display:block; color:#fff; font-size:14px; line-height:24px; margin-top:4px;}
.footer .foot .f04{ width:100%; float:right; margin-top:10px;}
.footer .foot .f04 .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.footer .foot .f04 .w02{ display:block;}
.footer .foot .f04 .w02 dt{ margin-top:10px; width:100%; border:1px solid #333; display:block; box-sizing:border-box; overflow:hidden;}
.footer .foot .f04 .w02 dt input{ width:100%; padding:0 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.footer .foot .f04 .w02 dt textarea{ width:100%; padding:5px 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:80px; line-height:24px; overflow:hidden; font-family:inherit;}
.footer .foot .f04 .w02 dd{ width:100%; margin-top:15px; display:block;}
.footer .foot .f04 .w02 dd input{ width:120px; height:36px; line-height:36px; text-align:center; display:block; cursor:pointer; background-color:#605e5f; color:#fff; overflow:hidden;}
.footer .foot .f04 .w02 dd input:hover{ background-color:#14ae67;}
.footer .bq{ float:left; margin-left:-15px; margin-top:15px;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; margin-left:15px; color:#999; float:left;}
.footer .bq p a{ color:#999;}
}

/*右浮动*/
@media screen and (min-width:1600px){
.side{ position:fixed; right:0; top:250px; z-index:99;}
.side li{ width:50px; height:50px; position:relative; margin-bottom:2px; display:block;}
.side li .sidebox{ width:50px; height:50px; background-color:#14ae67; cursor:pointer; overflow:hidden;}
.side li .sidebox img{ display:block; height:30px; margin:10px auto;}
.side li .sidebox_content{ padding:5px 15px; background-color:#fff; border:1px solid #ccc; border-radius:4px; position:absolute; right:38px; top:1px; transform:translateX(130%); transition:all .6s; z-index:-1; white-space:nowrap; font-size:18px; line-height:36px;}
.side li .sidebox_content:after{ content:""; display:block; width:10px; height:10px; border:1px solid #ccc; border-color:transparent #ccc #ccc transparent; transform:rotate(-45deg); position:absolute; right:-6px; bottom:19px; background-color:#fff;}
.side li .sidebox_content img{ width:130px; display:block; margin:5px auto;}
.side li:hover .sidebox_content{ display:block; transform:translateX(-40px);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.side{ position:fixed; right:0; bottom:30%; z-index:99;}
.side li{ width:50px; height:50px; position:relative; margin-bottom:2px; display:block;}
.side li .sidebox{ width:44px; height:44px; background-color:#14ae67; cursor:pointer; overflow:hidden;}
.side li .sidebox img{ display:block; height:30px; margin:7px auto;}
.side li .sidebox_content{ padding:5px 10px; background-color:#fff; border:1px solid #ccc; border-radius:4px; position:absolute; right:38px; top:1px; transform:translateX(130%); transition:all .6s; z-index:-1; white-space:nowrap; font-size:16px; line-height:30px;}
.side li .sidebox_content:after{ content:""; display:block; width:10px; height:10px; border:1px solid #ccc; border-color:transparent #ccc #ccc transparent; transform:rotate(-45deg); position:absolute; right:-6px; bottom:15px; background-color:#fff;}
.side li .sidebox_content img{ width:100px; display:block; margin:5px auto;}
.side li:hover .sidebox_content{ display:block; transform:translateX(-30px);}
}
@media only screen and (max-width:1023px){
.side{ position:fixed; right:1%; bottom:10%; z-index:99;}
.side li{ width:40px; height:40px; position:relative; display:none;}
.side li:last-child{ display:block;}
.side li .sidebox{ width:40px; height:40px; background-color:#14ae67; cursor:pointer; overflow:hidden; border-radius:5px;}
.side li .sidebox img{ display:block; height:20px; margin:10px auto;}
.side li .sidebox_content{ display:none;}
}

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

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

.ban .sav .left01{ width:100%; box-sizing:border-box; padding:15px 1vw; padding-right:calc(38px + 2vw); height:45px; background-color:#fff; border-radius:10px;}
.ban .sav .left01 a{ display:block; font-size:16px; line-height:30px; padding:0 1.5625vw; position:relative; float:left; font-weight:bold;}
.ban .sav .left01 a:hover,.ban .sav .left01 a.on{ color:#14ae67;}
.ban .sav .left01 a:before{ content:''; width:1px; height:14px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-7px;}
.ban .sav .left01.on{ height:auto; box-shadow:0 0 15px rgba(0,0,0,.1);}
.ban .sav .mil{ width:38px; height:38px; background-color:#f7f7f7; position:absolute; right:1vw; top:50%; margin-top:-19px; border-radius:100%;}
.ban .sav .mil img{ height:14px; display:block; margin:12px auto;}
.ban .sav .mil.on img{ transform: rotateX(180deg);}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:50vw; position:relative; border-top:60px solid #fff; z-index:5;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .biao{ position:absolute; left:3%; bottom:35px; z-index:3; font-weight:bold;}
.ban .box .biao .en{ text-transform:uppercase; font-size:40px; line-height:1; color:#fff; opacity:.7;}
.ban .box .biao .cn{ width:100%;}
.ban .box .biao .cn a{ display:block; float:left; color:#fff; font-size:20px; line-height:30px;}
.ban .box .biao .cn b{ display:block; float:left; width:10px; height:2px; margin-left:5px; margin-top:23px; background-color:#fff;}
.ban .sav{ width:90%; position:absolute; left:3%; bottom:-25px; z-index:3; height:50px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-left:2px solid #14ae67; box-sizing:border-box; display:flex; align-items:center;}
.ban .sav .left{ padding:0 3vw; height:50px; display:flex; align-items:center; white-space:nowrap; overflow:auto;}
.ban .sav .left a{ display:block; font-size:14px; line-height:24px; padding:0 10px; position:relative; font-weight:bold;}
.ban .sav .left a:hover,.ban .sav .left a.on{ color:#14ae67;}
.ban .sav .left a:before{ content:''; width:1px; height:10px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-5px;}
.ban .sav .left a:last-child:before{ display:none;}
.ban .sav .right{ display:none;}

.ban .sav .left01{ width:100%; box-sizing:border-box; padding:13px 3vw; padding-right:calc(36px + 6vw); height:40px; background-color:#fff; border-radius:5px;}
.ban .sav .left01 a{ display:block; font-size:14px; line-height:24px; padding:0 10px; position:relative; float:left; font-weight:bold;}
.ban .sav .left01 a:hover,.ban .sav .left01 a.on{ color:#14ae67;}
.ban .sav .left01 a:before{ content:''; width:1px; height:12px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-6px;}
.ban .sav .left01.on{ height:auto; box-shadow:0 0 10px rgba(0,0,0,.1);}
.ban .sav .mil{ width:36px; height:36px; background-color:#f7f7f7; position:absolute; right:3vw; top:50%; margin-top:-18px; border-radius:100%;}
.ban .sav .mil img{ height:12px; display:block; margin:12px auto;}
.ban .sav .mil.on img{ transform: rotateX(180deg);}
}

/*公司简介*/
@media screen and (min-width:1600px){
.ab01{ width:100%; padding-top:140px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.ab01 .bg{ width:31.25%; height:100%; position:absolute; right:0; top:0; z-index:1; background-color:#f7f7f7;}
.ab01 .box{ width:83.33%; margin:auto; position:relative; z-index:3;}
.ab01 .box .left{ width:60%; float:left;}
.ab01 .box .left .title{ width:100%;}
.ab01 .box .left .w01{ width:100%; font-size:24px; line-height:34px; font-weight:bold; margin-top:35px;}
.ab01 .box .left .w02{ font-size:16px; line-height:36px; margin-top:15px;}
.ab01 .box .left .w03{ width:100%; display:flex; justify-content:space-between; margin-top:50px;}
.ab01 .box .left .w03 li{ display:block; margin-right:3%;}
.ab01 .box .left .w03 li:last-child{ margin-right:0;}
.ab01 .box .left .w03 li b{ display:block; font-size:54px; line-height:60px; height:60px;}
.ab01 .box .left .w03 li p{ display:block; font-size:16px; line-height:26px; margin-top:9px;}
.ab01 .box .right{ width:33.75%; float:right;}
.ab01 .box .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab01{ width:100%; padding-top:100px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab01 .bg{ width:31.25%; height:100%; position:absolute; right:0; top:0; z-index:1; background-color:#f7f7f7;}
.ab01 .box{ width:90%; margin:auto; position:relative; z-index:3;}
.ab01 .box .left{ width:60%; float:left;}
.ab01 .box .left .title{ width:100%;}
.ab01 .box .left .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold; margin-top:25px;}
.ab01 .box .left .w02{ font-size:15px; line-height:31px; margin-top:10px;}
.ab01 .box .left .w03{ width:100%; display:flex; justify-content:space-between; margin-top:32px;}
.ab01 .box .left .w03 li{ display:block; margin-right:3%;}
.ab01 .box .left .w03 li:last-child{ margin-right:0;}
.ab01 .box .left .w03 li b{ display:block; font-size:36px; line-height:46px; height:46px;}
.ab01 .box .left .w03 li p{ display:block; font-size:16px; line-height:26px;}
.ab01 .box .right{ width:33.75%; float:right;}
.ab01 .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-top:65px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab01 .box .left{ width:100%; float:left;}
.ab01 .box .left .title{ width:100%;}
.ab01 .box .left .w01{ width:100%; font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.ab01 .box .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.ab01 .box .left .w03{ width:100%; display:flex; flex-wrap:wrap; margin-top:7px;}
.ab01 .box .left .w03 li{ width:48.5%; display:block; margin-left:3%; margin-top:10px;}
.ab01 .box .left .w03 li:nth-child(2n+1){ margin-left:0;}
.ab01 .box .left .w03 li b{ display:block; font-size:30px; line-height:38px; height:38px;}
.ab01 .box .left .w03 li p{ display:block; font-size:14px; line-height:24px;}
.ab01 .box .right{ width:100%; float:right; margin-top:25px;}
.ab01 .box .right img{ width:100%; display:block;}
}

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

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

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

@media screen and (min-width:1600px){
.ab05{ padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab05 .title .t01 b{ color:#fff;}
.ab05 .title .t01 b span{ background-color:#fff;}
.ab05 .title .t02{ color:#fff;}
.ab05 .box{ width:83.33%; margin:auto; margin-top:40px; position:relative; z-index:3;}
.ab05 .box .left{ width:49.375%; float:left;}
.ab05 .box .left .w01{ width:80px; height:2px; background:linear-gradient(to right, #14ae67, #0d6fb8);}
.ab05 .box .left .w02{ font-size:16px; line-height:36px; padding:20px 16.46% 40px 0; background-image:url(../images/ab05.png); background-position:right bottom; background-repeat:no-repeat; background-size:9.49% auto; color:#fff;}
.ab05 .box .left .w03{ display:block; margin-top:-34px; margin-bottom:-3px;}
.ab05 .box .left .w03 li{ display:block; overflow:hidden; margin-top:34px;}
.ab05 .box .left .w03 li .tu{ width:70px; float:left; padding:3px 0;}
.ab05 .box .left .w03 li .tu img{ width:50px; display:block;}
.ab05 .box .left .w03 li .wen{ width:calc(100% - 70px); float:left;}
.ab05 .box .left .w03 li .wen .z01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ab05 .box .left .w03 li.on .wen .z01{ color:#14ae67;}
.ab05 .box .left .w03 li .wen .z02{ font-size:16px; line-height:26px; color:#fff;}
.ab05 .box .right{ width:45%; float:right; padding-right:30px; position:relative;}
.ab05 .box .right p{ width:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.ab05 .box .right p span{ display:block; overflow:hidden; position:relative;}
.ab05 .box .right p span:before{ width:100%; display:block; padding-top:70.83%; content:''; overflow:hidden;}
.ab05 .box .right p img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab05 .box .right b{ width:100%; height:calc(100% - 80px); position:absolute; right:0; top:40px; display:block; background-color:#14ae67; z-index:1;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ab05{ padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab05 .title .t01 b{ color:#fff;}
.ab05 .title .t01 b span{ background-color:#fff;}
.ab05 .title .t02{ color:#fff;}
.ab05 .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab05 .box .left{ width:49.375%; float:left;}
.ab05 .box .left .w01{ width:60px; height:2px; background:linear-gradient(to right, #14ae67, #0d6fb8);}
.ab05 .box .left .w02{ font-size:15px; line-height:29px; padding:13px 16.46% 30px 0; background-image:url(../images/ab05.png); background-position:right bottom; background-repeat:no-repeat; background-size:9.49% auto; color:#fff;}
.ab05 .box .left .w03{ display:block; margin-top:-20px; margin-bottom:-5px;}
.ab05 .box .left .w03 li{ display:block; overflow:hidden; margin-top:20px;}
.ab05 .box .left .w03 li .tu{ width:70px; float:left; padding:5px 0;}
.ab05 .box .left .w03 li .tu img{ width:50px; display:block;}
.ab05 .box .left .w03 li .wen{ width:calc(100% - 70px); float:left;}
.ab05 .box .left .w03 li .wen .z01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.ab05 .box .left .w03 li.on .wen .z01{ color:#14ae67;}
.ab05 .box .left .w03 li .wen .z02{ font-size:15px; line-height:25px; color:#fff;}
.ab05 .box .right{ width:45%; float:right; padding-right:25px; position:relative;}
.ab05 .box .right p{ width:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.ab05 .box .right p span{ display:block; overflow:hidden; position:relative;}
.ab05 .box .right p span:before{ width:100%; display:block; padding-top:70.83%; content:''; overflow:hidden;}
.ab05 .box .right p img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab05 .box .right b{ width:100%; height:calc(100% - 60px); position:absolute; right:0; top:30px; display:block; background-color:#14ae67; z-index:1;}
}
@media only screen and (max-width:1023px){
.ab05{ padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab05 .title .t01 b{ color:#fff;}
.ab05 .title .t01 b span{ background-color:#fff;}
.ab05 .title .t02{ color:#fff;}
.ab05 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.ab05 .box .left{ width:100%; float:left;}
.ab05 .box .left .w01{ width:40px; height:2px; background:linear-gradient(to right, #14ae67, #0d6fb8);}
.ab05 .box .left .w02{ font-size:14px; line-height:24px; padding:15px 13% 15px 0; background-image:url(../images/ab05.png); background-position:right bottom; background-repeat:no-repeat; background-size:9.49% auto; color:#fff;}
.ab05 .box .left .w03{ display:block; margin-top:-10px;}
.ab05 .box .left .w03 li{ display:block; overflow:hidden; margin-top:10px;}
.ab05 .box .left .w03 li .tu{ width:60px; float:left; padding:5px 0;}
.ab05 .box .left .w03 li .tu img{ width:50px; display:block;}
.ab05 .box .left .w03 li .wen{ width:calc(100% - 60px); float:left;}
.ab05 .box .left .w03 li .wen .z01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.ab05 .box .left .w03 li.on .wen .z01{ color:#14ae67;}
.ab05 .box .left .w03 li .wen .z02{ font-size:14px; line-height:24px; color:#fff;}
.ab05 .box .right{ width:calc(100% - 15px); float:right; padding-right:15px; position:relative; margin-top:25px;}
.ab05 .box .right p{ width:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.ab05 .box .right p span{ display:block; overflow:hidden; position:relative;}
.ab05 .box .right p span:before{ width:100%; display:block; padding-top:70.83%; content:''; overflow:hidden;}
.ab05 .box .right p img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab05 .box .right b{ width:100%; height:calc(100% - 40px); position:absolute; right:0; top:20px; display:block; background-color:#14ae67; z-index:1;}
}

/*产品展示*/
.main .title .t04 a{ background-color:#f7f7f7;}
@media screen and (min-width:1600px){
.main{ width:100%; padding-top:140px; padding-bottom:100px; position:relative; z-index:2; background-color:#fff;}
.main .box{ width:83.33%; margin:auto; margin-top:40px; position:relative; z-index:3;}

.sx{ position:relative; margin-left:-1.5625vw; z-index:3;}
.sx dl{ display:block; position:relative; float:left; margin-left:1.5625vw; margin-top:20px; font-weight:bold;}
.sx dl dt{ display:flex; align-items:center; padding:0 30px; height:46px; line-height:46px; font-size:16px; background-color:#f7f7f7; border-radius:46px; cursor:pointer;}
.sx dl dt a{ max-width:160px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sx dl dt img{ height:10px; display:block; margin-left:20px;}
.sx dl dt.on,.sx dl.on dt{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.sx dl dt.on a,.sx dl.on dt a{ color:#fff;}
.sx dl dt.on img,.sx dl.on dt img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.sx dl dd{ display:none; overflow:hidden; width:100%; position:absolute; left:0; top:50px; background-color:#f7f7f7; border-radius:10px; padding:15px 30px; box-sizing:border-box;}
.sx dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.sx dl dd a:hover,.sx dl dd a.on{ color:#14ae67;}

.fanye{ width:100%; margin-top:50px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#14ae67;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#14ae67;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main{ width:100%; padding-top:100px; padding-bottom:70px; position:relative; z-index:2; background-color:#fff;}
.main .box{ width:90%; margin:auto; margin-top:30px; position:relative; z-index:3;}

.sx{ position:relative; margin-left:-1.5625vw; z-index:3;}
.sx dl{ display:block; position:relative; float:left; margin-left:1.5625vw; margin-top:15px; font-weight:bold;}
.sx dl dt{ display:flex; align-items:center; padding:0 20px; height:40px; line-height:40px; font-size:15px; background-color:#f7f7f7; border-radius:46px; cursor:pointer;}
.sx dl dt a{ max-width:140px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sx dl dt img{ height:10px; display:block; margin-left:15px;}
.sx dl dt.on,.sx dl.on dt{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.sx dl dt.on a,.sx dl.on dt a{ color:#fff;}
.sx dl dt.on img,.sx dl.on dt img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.sx dl dd{ display:none; overflow:hidden; width:100%; position:absolute; left:0; top:45px; background-color:#f7f7f7; border-radius:10px; padding:10px 20px; box-sizing:border-box;}
.sx dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.sx dl dd a:hover,.sx dl dd a.on{ color:#14ae67;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:38px; height:38px; line-height:38px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:38px; height:38px; line-height:38px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#14ae67;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#14ae67;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:65px; padding-bottom:40px; position:relative; z-index:2; background-color:#fff;}
.main .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}

.sx{ margin-left:-10px; margin-top:-10px;}
.sx dl{ display:block; position:relative; float:left; margin-left:10px; margin-top:10px; font-weight:bold;}
.sx dl dt{ display:flex; align-items:center; padding:0 15px; height:34px; line-height:34px; font-size:14px; background-color:#f7f7f7; border-radius:46px; cursor:pointer;}
.sx dl dt a{ max-width:120px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sx dl dt img{ height:10px; display:block; margin-left:10px;}
.sx dl dt.on,.sx dl.on dt{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.sx dl dt.on a,.sx dl.on dt a{ color:#fff;}
.sx dl dt.on img,.sx dl.on dt img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.sx dl dd{ display:none; overflow:hidden; width:100%; position:absolute; left:0; top:40px; background-color:#f7f7f7; border-radius:5px; padding:5px 15px; box-sizing:border-box;}
.sx dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.sx dl dd a:hover,.sx dl dd a.on{ color:#14ae67;}

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

@media screen and (min-width:1600px){
.main .pro{ width:100%; display:block; margin-top:-40px;}
.main .pro li{ width:23.125%; display:block; float:left; background-color:#f7f7f7; padding:15px; padding-bottom:30px; box-sizing:border-box; margin-left:2.5%; margin-top:40px;}
.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .w01{ width:100%; position:relative;}
.main .pro li .w01 b{ content:''; display:block; padding-top:100%; position:relative; z-index:3; background-color:rgba(20,174,103,.7); background-image:url(../images/pm.png); background-position:center; background-repeat:no-repeat; opacity:0;}
.main .pro li:hover .w01 b{ opacity:0;}
.main .pro li .w01 a{ width:100%; display:block; overflow:hidden; position:relative;}
.main .pro li .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.main .pro li .w02{ width:100%; margin-top:15px; font-weight:bold;}
.main .pro li .w02 a{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li:hover .nei .w02 a{ color:#14ae67;}
.main .pro li .w03{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:4px;}

}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .pro{ width:100%; display:block; margin-top:-20px;}
.main .pro li{ width:32%; display:block; float:left; background-color:#f7f7f7; padding:10px; padding-bottom:20px; box-sizing:border-box; margin-left:2%; margin-top:30px;}
.main .pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .w01{ width:100%; position:relative;}
.main .pro li .w01 b{ content:''; display:block; padding-top:100%; position:relative; z-index:3; background-color:rgba(20,174,103,.7); background-image:url(../images/pm.png); background-position:center; background-repeat:no-repeat; opacity:0;}
.main .pro li:hover .w01 b{ opacity:0;}
.main .pro li .w01 a{ width:100%; display:block; overflow:hidden; position:relative;}
.main .pro li .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.main .pro li .w02{ width:100%; margin-top:10px; font-weight:bold;}
.main .pro li .w02 a{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li:hover .nei .w02 a{ color:#14ae67;}
.main .pro li .w03{ display:block; font-size:15px; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; margin-top:4px;}
}
@media only screen and (max-width:1023px){
.main .pro{ width:100%; display:block; margin-top:-15px;}
.main .pro li{ width:48.5%; display:block; float:left; background-color:#f7f7f7; padding:10px; box-sizing:border-box; margin-left:3%; margin-top:15px;}
.main .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .w01{ width:100%; position:relative;}
.main .pro li .w01 b{ content:''; display:block; padding-top:100%; position:relative; z-index:3; background-color:rgba(20,174,103,.7); background-image:url(../images/pm.png); background-position:center; background-repeat:no-repeat; opacity:0;}
.main .pro li:hover .w01 b{ opacity:0;}
.main .pro li .w01 a{ width:100%; display:block; overflow:hidden; position:relative;}
.main .pro li .w01 a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.main .pro li .w02{ width:100%; margin-top:10px; font-weight:bold;}
.main .pro li .w02 a{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro li:hover .nei .w02 a{ color:#14ae67;}
.main .pro li .w03{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
}

/*产品内页*/

@media screen and (min-width:1600px){
.pro01{ width:83.33%; margin:auto; position:relative;}
.pro01 .left{ width:37.5%; float:left; border-radius:20px;}
.pro01 .left .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.pro01 .left .swiper-slide:before{ content:''; display:block; padding-top:100%; width:100%;}
.pro01 .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .right{ width:56.25%; float:right; position:relative; z-index:1; padding-bottom:140px;}
.pro01 .right .w01{ font-size:16px; line-height:26px; margin-top:25px; color:#666;}
.pro01 .right .w02{ font-size:30px; line-height:40px; margin-top:10px; font-weight:bold;}
.pro01 .right .w03{ height:1px; margin-top:15px; background-color:#ddd;}
.pro01 .right .w03 b{ width:150px; height:1px; display:block; background-color:#14ae67;}
.pro01 .right .w04{ font-size:16px; line-height:26px; margin-top:50px;}
.pro01 .right .w04 p{ display:inline-block;}
.pro01 .right .w04 p b{ font-size:30px; color:#14ae67;}
.pro01 .right .w05{ font-size:16px; line-height:26px; margin-top:10px;}
.pro01 .right .w07{ font-size:16px; line-height:36px; margin-top:15px; display:flex;}
.pro01 .right .w07 p{ display:block; margin-left:-15px; margin-top:-15px;}
.pro01 .right .w07 p a{ display:block; padding:0 20px; border:1px solid #ddd; border-radius:5px; font-size:16px; line-height:34px; height:34px; float:left; margin-left:15px; margin-top:15px; overflow:hidden; cursor:pointer;}
.pro01 .right .w07 p a.on{ border:1px solid #14ae67; color:#14ae67;}
.pro01 .right .w08{ font-size:16px; line-height:36px; margin-top:10px; height:72px;}
.pro01 .thumbs{ width:56.25%; position:absolute; right:0; bottom:0; padding:0 60px; box-sizing:border-box; z-index:3;}
.pro01 .thumbs .swiper-button-white{ width:46px; height:46px; border-radius:100%; background-color:#f7f7f7; cursor:pointer; z-index:3; position:absolute; top:50%; margin-top:-23px;background-position:center; background-repeat:no-repeat;}
.pro01 .thumbs .swiper-button-prev{ left:0; background-image:url(../images/prev01.png);}
.pro01 .thumbs .swiper-button-next{ right:0; background-image:url(../images/next01.png);}
.pro01 .thumbs .swiper-button-white:hover{ background-color:#14ae67;}
.pro01 .thumbs .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pro01 .thumbs .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pro01 .thumbs .swiper-slide{ width:17.952%; position:relative; display:block; overflow:hidden; border-radius:10px;}
.pro01 .thumbs .swiper-slide b{ content:''; display:block; padding-top:100%; width:100%; position:relative; z-index:3; box-sizing:border-box; border-radius:10px;}
.pro01 .thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro01 .thumbs .swiper-slide.swiper-slide-thumb-active b{ border:1px solid #14ae67;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pro01{ width:90%; margin:auto; position:relative;}
.pro01 .left{ width:38.75%; float:left; border-radius:20px;}
.pro01 .left .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.pro01 .left .swiper-slide:before{ content:''; display:block; padding-top:100%; width:100%;}
.pro01 .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .right{ width:56.25%; float:right; position:relative; z-index:1; padding-bottom:100px; margin-top:15px;}
.pro01 .right .w01{ font-size:15px; line-height:25px; color:#666;}
.pro01 .right .w02{ font-size:24px; line-height:34px; margin-top:5px; font-weight:bold;}
.pro01 .right .w03{ height:1px; margin-top:10px; background-color:#ddd;}
.pro01 .right .w03 b{ width:100px; height:1px; display:block; background-color:#14ae67;}
.pro01 .right .w04{ font-size:15px; line-height:25px; margin-top:30px;}
.pro01 .right .w04 p{ display:inline-block;}
.pro01 .right .w04 p b{ font-size:24px; color:#14ae67;}
.pro01 .right .w05{ font-size:15px; line-height:25px; margin-top:10px;}
.pro01 .right .w07{ font-size:15px; line-height:35px; margin-top:10px; display:flex;}
.pro01 .right .w07 p{ display:block; margin-left:-10px; margin-top:-10px;}
.pro01 .right .w07 p a{ display:block; padding:0 15px; border:1px solid #ddd; border-radius:5px; font-size:15px; line-height:33px; height:33px; float:left; margin-left:10px; margin-top:10px; overflow:hidden; cursor:pointer;}
.pro01 .right .w07 p a.on{ border:1px solid #14ae67; color:#14ae67;}
.pro01 .right .w08{ font-size:15px; line-height:35px; margin-top:10px; height:70px;}
.pro01 .thumbs{ width:56.25%; position:absolute; right:0; bottom:0; padding:0 55px; box-sizing:border-box; z-index:3;}
.pro01 .thumbs .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#f7f7f7; cursor:pointer; z-index:3; position:absolute; top:50%; margin-top:-20px;background-position:center; background-repeat:no-repeat;}
.pro01 .thumbs .swiper-button-prev{ left:0; background-image:url(../images/prev01.png);}
.pro01 .thumbs .swiper-button-next{ right:0; background-image:url(../images/next01.png);}
.pro01 .thumbs .swiper-button-white:hover{ background-color:#14ae67;}
.pro01 .thumbs .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pro01 .thumbs .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pro01 .thumbs .swiper-slide{ width:17.952%; position:relative; display:block; overflow:hidden; border-radius:10px;}
.pro01 .thumbs .swiper-slide b{ content:''; display:block; padding-top:100%; width:100%; position:relative; z-index:3; box-sizing:border-box; border-radius:10px;}
.pro01 .thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro01 .thumbs .swiper-slide.swiper-slide-thumb-active b{ border:1px solid #14ae67;}
}
@media only screen and (max-width:1023px){
.pro01{ width:90%; margin:auto; position:relative;}
.pro01 .left{ width:100%; border-radius:20px;}
.pro01 .left .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.pro01 .left .swiper-slide:before{ content:''; display:block; padding-top:100%; width:100%;}
.pro01 .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .right{ width:100%; position:relative; z-index:1; margin-top:15px;}
.pro01 .right .w01{ font-size:14px; line-height:24px; color:#666;}
.pro01 .right .w02{ font-size:18px; line-height:28px; margin-top:5px; font-weight:bold;}
.pro01 .right .w03{ height:1px; margin-top:10px; background-color:#ddd;}
.pro01 .right .w03 b{ width:50px; height:1px; display:block; background-color:#14ae67;}
.pro01 .right .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.pro01 .right .w04 p{ display:inline-block;}
.pro01 .right .w04 p b{ font-size:20px; color:#14ae67;}
.pro01 .right .w05{ font-size:14px; line-height:24px; margin-top:5px;}
.pro01 .right .w07{ font-size:14px; line-height:24px; margin-top:5px;}
.pro01 .right .w07 p{ display:block; margin-left:-10px; margin-top:-5px;}
.pro01 .right .w07 p a{ display:block; padding:0 10px; border:1px solid #ddd; border-radius:5px; font-size:14px; line-height:30px; height:30px; float:left; margin-left:10px; margin-top:10px; overflow:hidden; cursor:pointer;}
.pro01 .right .w07 p a.on{ border:1px solid #14ae67; color:#14ae67;}
.pro01 .right .w08{ font-size:14px; line-height:24px; margin-top:5px;}
.pro01 .thumbs{ width:100%; position:relative; padding:0 40px; box-sizing:border-box; z-index:3; margin-top:15px;}
.pro01 .thumbs .swiper-button-white{ width:34px; height:34px; border-radius:100%; background-color:#f7f7f7; cursor:pointer; z-index:3; position:absolute; top:50%; margin-top:-17px;background-position:center; background-repeat:no-repeat; background-size:6px auto;}
.pro01 .thumbs .swiper-button-prev{ left:0; background-image:url(../images/prev01.png);}
.pro01 .thumbs .swiper-button-next{ right:0; background-image:url(../images/next01.png);}
.pro01 .thumbs .swiper-button-white:hover{ background-color:#14ae67;}
.pro01 .thumbs .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pro01 .thumbs .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pro01 .thumbs .swiper-slide{ width:17.952%; position:relative; display:block; overflow:hidden; border-radius:10px;}
.pro01 .thumbs .swiper-slide b{ content:''; display:block; padding-top:100%; width:100%; position:relative; z-index:3; box-sizing:border-box; border-radius:10px;}
.pro01 .thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.pro01 .thumbs .swiper-slide.swiper-slide-thumb-active b{ border:1px solid #14ae67;}
}

@media screen and (min-width:1600px){
.pro02{ padding-top:30px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro02 .box{ width:83.33%; margin:auto; position:relative; z-index:3;}
.pro02 .box .title{ width:100%;}
.pro02 .box .cont{ width:48.75%; float:left; margin-top:50px; margin-left:2.5%;}
.pro02 .box .cont:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box .cont .wen{ width:100%; height:100px; display:flex; align-items:center; padding:0 2.6vw; box-sizing:border-box; border-radius:10px; background-color:#fff; margin-top:20px;}
.pro02 .box .cont .wen .w01{ font-size:16px; line-height:26px; margin-right:2.6vw;}
.pro02 .box .cont .wen .w01 img{ display:block; height:20px; float:left; margin-right:10px; margin-top:3px;}
.pro02 .box .cont .wen .w02{ font-size:16px; line-height:26px; margin:0 2.6vw;}
.pro02 .box .cont .wen .w03 img{ display:block; height:60px;}
.pro02 .box .cont .wen .w04{ font-size:16px; line-height:26px;}
.pro02 .box .cont01{ width:100%; float:left; margin-top:50px;}
.pro02 .box .cont01 .wen{ width:100%; font-size:16px; line-height:30px; padding:35px 2.6vw; box-sizing:border-box; border-radius:10px; background-color:#fff; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.pro02{ padding-top:20px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro02 .box{ width:90%; margin:auto; position:relative; z-index:3;}
.pro02 .box .title{ width:100%;}
.pro02 .box .cont{ width:48.75%; float:left; margin-top:40px; margin-left:2.5%;}
.pro02 .box .cont:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box .cont .wen{ width:100%; height:80px; display:flex; align-items:center; padding:0 2.6vw; box-sizing:border-box; border-radius:10px; background-color:#fff; margin-top:15px;}
.pro02 .box .cont .wen .w01{ font-size:15px; line-height:26px; margin-right:2.6vw;}
.pro02 .box .cont .wen .w01 img{ display:block; height:18px; float:left; margin-right:10px; margin-top:4px;}
.pro02 .box .cont .wen .w02{ font-size:15px; line-height:26px; margin:0 2.6vw;}
.pro02 .box .cont .wen .w03 img{ display:block; height:50px;}
.pro02 .box .cont .wen .w04{ font-size:15px; line-height:26px;}
.pro02 .box .cont01{ width:100%; float:left; margin-top:40px;}
.pro02 .box .cont01 .wen{ width:100%; font-size:15px; line-height:28px; padding:26px 2.6vw; box-sizing:border-box; border-radius:10px; background-color:#fff; margin-top:15px;}
}
@media only screen and (max-width:1023px){
.pro02{ padding-top:0; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pro02 .box .title{ width:100%;}
.pro02 .box .cont{ width:100%; float:left; margin-top:30px;}
.pro02 .box .cont .wen{ width:100%; padding:13px 3%; display:flex; align-items:center; box-sizing:border-box; border-radius:10px; background-color:#fff; margin-top:10px;}
.pro02 .box .cont .wen .w01{ font-size:14px; line-height:24px; margin-right:2.6vw;}
.pro02 .box .cont .wen .w01 img{ display:block; height:16px; float:left; margin-right:5px; margin-top:4px;}
.pro02 .box .cont .wen .w02{ font-size:14px; line-height:24px; margin:0 2.6vw;}
.pro02 .box .cont .wen .w03 img{ display:block; height:40px;}
.pro02 .box .cont .wen .w04{ font-size:14px; line-height:24px;}
.pro02 .box .cont01{ width:100%; float:left; margin-top:30px;}
.pro02 .box .cont01 .wen{ width:100%; font-size:14px; line-height:24px; padding:13px 3%; box-sizing:border-box; border-radius:10px; background-color:#fff; margin-top:10px;}
}

/*应用场景*/
@media screen and (min-width:1600px){
.main .case{ width:100%; display:block; margin-top:-40px;}
.main .case li{ width:31.25%; display:block; float:left; margin-left:3.125%; margin-top:40px; position:relative; padding-bottom:27px; overflow:hidden;}
.main .case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; position:relative;}
.main .case li:hover .w01{ margin-top:-30px;}
.main .case li .w01:before{ content:''; display:block; padding-top:66.4%; position:relative; z-index:3;}
.main .case li .w01 img{ width:100%; display:block; position:absolute; top:0; left:0;}
.main .case li .w02{ font-size:16px; line-height:24px; height:24px; color:#666; margin-top:20px;}
.main .case li .w03{ font-size:20px; line-height:30px; height:30px; font-weight:bold; margin-top:5px;}
.main .case li .w04{ font-size:16px; line-height:26px; height:26px; color:#666; padding-top:4px; display:none;}
.main .case li .w05{ width:100%; height:2px; position:absolute; left:0; bottom:0; background-color:#ddd;}
.main .case li .w05 b{ width:150px; height:2px; display:block; background-color:#14ae67; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .case li:hover .w04{ display:block;}
.main .case li:hover .w05 b{ width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .case{ width:100%; display:block; margin-top:-30px;}
.main .case li{ width:32%; display:block; float:left; margin-left:2%; margin-top:30px; position:relative; padding-bottom:22px; overflow:hidden;}
.main .case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; position:relative;}
.main .case li:hover .w01{ margin-top:-28px;}
.main .case li .w01:before{ content:''; display:block; padding-top:66.4%; position:relative; z-index:3;}
.main .case li .w01 img{ width:100%; display:block; position:absolute; top:0; left:0;}
.main .case li .w02{ font-size:15px; line-height:23px; height:23px; color:#666; margin-top:15px;}
.main .case li .w03{ font-size:18px; line-height:28px; height:28px; font-weight:bold; margin-top:3px;}
.main .case li .w04{ font-size:15px; line-height:25px; height:25px; color:#666; padding-top:3px; display:none;}
.main .case li .w05{ width:100%; height:2px; position:absolute; left:0; bottom:0; background-color:#ddd;}
.main .case li .w05 b{ width:100px; height:2px; display:block; background-color:#14ae67; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .case li:hover .w04{ display:block;}
.main .case li:hover .w05 b{ width:100%;}
}
@media only screen and (max-width:1023px){
.main .case{ width:100%; display:block; margin-top:-20px;}
.main .case li{ width:100%; display:block; float:left; margin-top:20px; position:relative; padding-bottom:17px; overflow:hidden;}
.main .case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; position:relative;}
.main .case li:hover .w01{ margin-top:-27px;}
.main .case li .w01:before{ content:''; display:block; padding-top:66.4%; position:relative; z-index:3;}
.main .case li .w01 img{ width:100%; display:block; position:absolute; top:0; left:0;}
.main .case li .w02{ font-size:14px; line-height:22px; height:22px; color:#666; margin-top:10px;}
.main .case li .w03{ font-size:16px; line-height:26px; height:26px; font-weight:bold; margin-top:3px;}
.main .case li .w04{ font-size:14px; line-height:24px; height:25px; color:#666; padding-top:3px; display:none;}
.main .case li .w05{ width:100%; height:2px; position:absolute; left:0; bottom:0; background-color:#ddd;}
.main .case li .w05 b{ width:50px; height:2px; display:block; background-color:#14ae67; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .case li:hover .w04{ display:block;}
.main .case li:hover .w05 b{ width:100%;}
}

/*应用场景内页*/
@media screen and (min-width:1600px){
.main .case01{ width:100%; position:relative; z-index:3; display:flex;}
.main .case01 .gallery-top{ width:71.25%;}
.main .case01 .gallery-top .swiper-wrapper{ height:100%;}
.main .case01 .gallery-top .swiper-slide{ width:100%; height:100%; background-position:center; background-size:cover; position:relative; display:block; overflow:hidden;}
.main .case01 .thumbs{ width:19.375%; padding:30px 2.5%; position:relative; margin-left:4.375%; background-color:#f7f7f7;}
.main .case01 .gallery-thumbs{ width:100%; height:550px;}
.main .case01 .gallery-thumbs .swiper-slide{ width:100%; height:170px; position:relative; display:block; overflow:hidden;}
.main .case01 .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; height:100%; position:relative; z-index:3; box-sizing:border-box; border:2px solid #ddd;}
.main .case01 .gallery-thumbs .swiper-slide img{ width:100%; height:170px; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .case01 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ border:2px solid #14ae67;}
.main .case01 .swiper-button-white{ width:46px; height:46px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-23px; z-index:3;}
.main .case01 .swiper-button-white:hover{ background-color:#14ae67;}
.main .case01 .swiper-button-prev{ background-image:url(../images/prev01.png); left:4.39%;}
.main .case01 .swiper-button-next{ background-image:url(../images/next01.png); right:4.39%;}
.main .case01 .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.main .case01 .swiper-button-next:hover{ background-image:url(../images/next.png);}

.main .case02{ width:100%; margin-top:45px;}
.main .case02 .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.main .case02 .w02{ font-size:16px; line-height:36px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .case01{ width:100%; position:relative; z-index:3; display:flex;}
.main .case01 .gallery-top{ width:71.25%;}
.main .case01 .gallery-top .swiper-wrapper{ height:100%;}
.main .case01 .gallery-top .swiper-slide{ width:100%; height:100%; background-position:center; background-size:cover; position:relative; display:block; overflow:hidden;}
.main .case01 .thumbs{ width:19.375%; padding:25px 2.5%; position:relative; margin-left:4.375%; background-color:#f7f7f7;}
.main .case01 .gallery-thumbs{ width:100%; height:400px;}
.main .case01 .gallery-thumbs .swiper-slide{ width:100%; height:120px; position:relative; display:block; overflow:hidden;}
.main .case01 .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; height:100%; position:relative; z-index:3; box-sizing:border-box; border:2px solid #ddd;}
.main .case01 .gallery-thumbs .swiper-slide img{ width:100%; height:120px; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.main .case01 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ border:2px solid #14ae67;}
.main .case01 .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-20px; z-index:3;}
.main .case01 .swiper-button-white:hover{ background-color:#14ae67;}
.main .case01 .swiper-button-prev{ background-image:url(../images/prev01.png); left:4.39%;}
.main .case01 .swiper-button-next{ background-image:url(../images/next01.png); right:4.39%;}
.main .case01 .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.main .case01 .swiper-button-next:hover{ background-image:url(../images/next.png);}

.main .case02{ width:100%; margin-top:35px;}
.main .case02 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .case02 .w02{ font-size:15px; line-height:29px; margin-top:15px;}
}
@media only screen and (max-width:1023px){
.main .case01{ width:100%; position:relative; z-index:3;}
.main .case01 .gallery-top{ width:100%;}
.main .case01 .gallery-top .swiper-wrapper{ height:100%;}
.main .case01 .gallery-top .swiper-slide{ width:100%; height:51.94vw; background-position:center; background-size:cover; position:relative; display:block; overflow:hidden;}
.main .case01 .thumbs{ display:none;}
.main .case01 .swiper-button-white{ width:34px; height:34px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden; border-radius:100%; position:absolute; top:50%; margin-top:-17px; z-index:3; background-size:6px auto;}
.main .case01 .swiper-button-white:hover{ background-color:#14ae67;}
.main .case01 .swiper-button-prev{ background-image:url(../images/prev01.png); left:3%;}
.main .case01 .swiper-button-next{ background-image:url(../images/next01.png); right:3%;}
.main .case01 .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.main .case01 .swiper-button-next:hover{ background-image:url(../images/next.png);}

.main .case02{ width:100%; margin-top:25px;}
.main .case02 .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .case02 .w02{ font-size:14px; line-height:24px; margin-top:5px;}
}

/*新闻资讯*/
@media screen and (min-width:1600px){
.main .box .news{ width:100%; margin-top:-40px;}
.main .box .news li{ display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.main .box .news li .left{ width:400px; height:280px;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(97% - 400px); margin-left:3%;}
.main .box .news li .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#14ae67;}
.main .box .news li .right .w02{ font-size:16px; line-height:26px; color:#666; margin-top:5px;}
.main .box .news li .right .w03{ font-size:16px; line-height:30px; height:90px; margin-top:15px; padding-top:18px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:18px; padding-bottom:5px;}
.main .box .news li .right .w04 a{ width:100px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-radius:10px; background-color:#f7f7f7; font-size:16px; line-height:40px; height:40px; overflow:hidden; color:#333;}
.main .box .news li .right .w04 a img{ display:block; height:10px;}
.main .box .news li .right .w04 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.main .box .news li .right .w04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .box .news{ width:100%; margin-top:-30px;}
.main .box .news li{ display:flex; align-items:center; overflow:hidden; margin-top:30px;}
.main .box .news li .left{ width:350px; height:250px;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(97% - 350px); margin-left:3%;}
.main .box .news li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#14ae67;}
.main .box .news li .right .w02{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.main .box .news li .right .w03{ font-size:15px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:12px; padding-bottom:5px;}
.main .box .news li .right .w04 a{ width:90px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-radius:7px; background-color:#f7f7f7; font-size:15px; line-height:38px; height:38px; overflow:hidden; color:#333;}
.main .box .news li .right .w04 a img{ display:block; height:10px;}
.main .box .news li .right .w04 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.main .box .news li .right .w04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}
@media only screen and (max-width:1023px){
.main .box .news{ width:100%;}
.main .box .news li{ overflow:hidden; margin-top:20px;}
.main .box .news li .left{ width:100%; height:65.8vw;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:100%; margin-top:10px;}
.main .box .news li .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.main .box .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#14ae67;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.main .box .news li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:5px; padding-top:5px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .box .news li .right .w04{ padding-top:10px;}
.main .box .news li .right .w04 a{ width:80px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-radius:5px; background-color:#f7f7f7; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#333;}
.main .box .news li .right .w04 a img{ display:block; height:10px;}
.main .box .news li .right .w04 a:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff;}
.main .box .news li .right .w04 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
}

/*新闻动态内页*/
@media screen and (min-width:1600px){
.ny{ width:83.33%; margin:-5px auto; background-color:#fff; position:relative; z-index:3;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:16px; line-height:26px; height:26px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:16px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#14ae67;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:16px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#14ae67;}

.ny .rbar{ width:20.83%; border:1px solid #eee; border-top:2px solid #14ae67; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#14ae67;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ny{ width:90%; margin:-5px auto; background-color:#fff; position:relative; z-index:3;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:15px; line-height:25px; height:25px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:15px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:15px; height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#14ae67;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:15px; height:25px; line-height:25px;}
.ny .lbar .back span a:hover{ color:#14ae67;}

.ny .rbar{ width:21.83%; border:1px solid #eee; border-top:2px solid #14ae67; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#14ae67;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:-5px auto; background-color:#fff; position:relative; z-index:3;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#14ae67;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#14ae67;}

.ny .rbar{ display:none;}
}

/*人才招聘*/
@media screen and (min-width:1600px){
.job01{ width:100%; display:block;}
.job01 .left{ width:47.5%; float:left;}
.job01 .left img{ width:100%; display:block;}
.job01 .right{ width:49.375%; float:right; padding-top:25px;}
.job01 .right .w01{ font-size:24px; line-height:34px;}
.job01 .right .w02{ font-size:20px; line-height:30px; color:#666; margin-top:10px;}
.job01 .right .w03{ width:60px; height:2px; background:linear-gradient(to right,#14ae67,#0d6fb8); margin-top:10px;}
.job01 .right .w04{ font-size:20px; line-height:30px; margin-top:35px; font-weight:bold;}
.job01 .right .w05{ font-size:16px; line-height:36px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.job01{ width:100%;}
.job01 .left{ width:47.5%; float:left;}
.job01 .left img{ width:100%; display:block;}
.job01 .right{ width:49.375%; float:right; margin-top:15px;}
.job01 .right .w01{ font-size:20px; line-height:30px;}
.job01 .right .w02{ font-size:18px; line-height:28px; color:#666; margin-top:5px;}
.job01 .right .w03{ width:50px; height:2px; background:linear-gradient(to right,#14ae67,#0d6fb8); margin-top:5px;}
.job01 .right .w04{ font-size:18px; line-height:28px; margin-top:25px; font-weight:bold;}
.job01 .right .w05{ font-size:15px; line-height:29px; margin-top:7px;}
}
@media only screen and (max-width:1023px){
.job01{ width:100%;}
.job01 .left{ width:100%; float:left;}
.job01 .left img{ width:100%; display:block;}
.job01 .right{ width:100%; float:right; margin-top:15px;}
.job01 .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.job01 .right .w02{ font-size:16px; line-height:26px; color:#666;}
.job01 .right .w03{ width:40px; height:2px; background:linear-gradient(to right,#14ae67,#0d6fb8); margin-top:5px;}
.job01 .right .w04{ font-size:16px; line-height:26px; margin-top:15px; font-weight:bold;}
.job01 .right .w05{ font-size:14px; line-height:24px; margin-top:5px;}
}

@media screen and (min-width:1600px){
.job02{ padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.job02 .box{ width:83.33%; margin:auto; position:relative; z-index:3; margin-top:40px;}
.job02 .box .list{ display:flex; flex-wrap:wrap; width:100%; margin-top:-40px;}
.job02 .box .list li{ width:31.25%; display:block; margin-left:3.125%; overflow:hidden; margin-top:40px; background-color:#fff;}
.job02 .box .list li:nth-child(3n+1){ margin-left:0;}
.job02 .box .list li a{ display:block; overflow:hidden; padding:2.3vw 6%;}
.job02 .box .list li .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.job02 .box .list li .w02{ width:50px; height:2px; background-color:#14ae67; margin-top:.78vw;}
.job02 .box .list li .w03{ font-size:18px; line-height:38px; margin-top:1vw;}
.job02 .box .list li:hover .w01{ color:#14ae67;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.job02{ padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.job02 .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.job02 .box .list{ display:flex; flex-wrap:wrap; width:100%; margin-top:-30px;}
.job02 .box .list li{ width:32%; display:block; margin-left:2%; overflow:hidden; margin-top:30px; background-color:#fff;}
.job02 .box .list li:nth-child(3n+1){ margin-left:0;}
.job02 .box .list li a{ display:block; overflow:hidden; padding:25px 20px;}
.job02 .box .list li .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.job02 .box .list li .w02{ width:40px; height:2px; background-color:#14ae67; margin-top:10px;}
.job02 .box .list li .w03{ font-size:16px; line-height:30px; margin-top:10px;}
.job02 .box .list li:hover .w01{ color:#14ae67;}
}
@media only screen and (max-width:1023px){
.job02{ padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.job02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.job02 .box .list{ display:flex; flex-wrap:wrap; width:100%; margin-top:-15px;}
.job02 .box .list li{ width:100%; display:block; overflow:hidden; margin-top:15px; background-color:#fff;}
.job02 .box .list li a{ display:block; overflow:hidden; padding:15px;}
.job02 .box .list li .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.job02 .box .list li .w02{ width:30px; height:2px; background-color:#14ae67; margin-top:10px;}
.job02 .box .list li .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.job02 .box .list li:hover .w01{ color:#14ae67;}
}

/*人才招聘内页*/
@media screen and (min-width:1440px){
.job03{ width:83.33%; margin:auto; padding:5vw 6.25%; border-radius:30px; background-color:#f7f7f7; box-sizing:border-box;}
.job03 .w01{ font-size:24px; line-height:34px;}
.job03 .w02{ font-size:18px; line-height:28px; margin-top:1vw; color:#666;}
.job03 .w02 p{ display:block; float:left;}
.job03 .w02 span{ display:block; float:left; margin-left:4%;}
.job03 .w03{ font-size:20px; line-height:30px; padding-top:2vw; margin-top:1.2vw; border-top:1px solid #ddd;}
.job03 .w04{ font-size:16px; line-height:36px; margin-top:1vw;}
.job03 .w05{ font-size:20px; line-height:30px; padding-top:2vw; margin-top:1.2vw; border-top:1px solid #ddd;}
.job03 .w06{ font-size:16px; line-height:26px; display:block; padding-top:1vw;}
.job03 .w06 li{ display:block; width:25%; float:left; overflow:hidden;}
.job03 .w06 li span{ display:block; color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.job03{ width:90%; margin:auto; padding:35px 25px; border-radius:20px; background-color:#f7f7f7; box-sizing:border-box;}
.job03 .w01{ font-size:20px; line-height:30px;}
.job03 .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#666;}
.job03 .w02 p{ display:block; float:left;}
.job03 .w02 span{ display:block; float:left; margin-left:4%;}
.job03 .w03{ font-size:18px; line-height:28px; padding-top:20px; margin-top:15px; border-top:1px solid #ddd;}
.job03 .w04{ font-size:15px; line-height:25px; margin-top:10px;}
.job03 .w05{ font-size:18px; line-height:28px; padding-top:20px; margin-top:15px; border-top:1px solid #ddd;}
.job03 .w06{ font-size:15px; line-height:25px; display:block; padding-top:10px;}
.job03 .w06 li{ display:block; width:25%; float:left; overflow:hidden;}
.job03 .w06 li span{ display:block; color:#999;}
}
@media only screen and (max-width:1023px){
.job03{ width:94%; margin:auto; padding:15px; border-radius:10px; background-color:#f7f7f7; box-sizing:border-box;}
.job03 .w01{ font-size:18px; line-height:28px;}
.job03 .w02{ font-size:14px; line-height:24px; color:#666;}
.job03 .w02 p{ display:block; float:left;}
.job03 .w02 span{ display:block; float:left; margin-left:4%;}
.job03 .w03{ font-size:16px; line-height:26px; padding-top:10px; margin-top:5px; border-top:1px solid #ddd;}
.job03 .w04{ font-size:14px; line-height:24px; margin-top:5px;}
.job03 .w05{ font-size:16px; line-height:26px; padding-top:10px; margin-top:5px; border-top:1px solid #ddd;}
.job03 .w06{ font-size:14px; line-height:24px; display:block;}
.job03 .w06 li{ display:block; width:50%; float:left; overflow:hidden; padding-top:5px;}
.job03 .w06 li span{ display:block; color:#999;}
}

/*合作伙伴*/
@media screen and (min-width:1600px){
.main .hz{ width:100%; display:block; margin-top:-40px;}
.main .hz li{ width:15%; display:block; float:left; margin-left:2%; margin-top:40px; position:relative; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.main .hz li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.main .hz li:hover{ border:1px solid #14ae67;}
.main .hz li a:before{ content:''; display:block; padding-top:50%; position:relative; z-index:3;}
.main .hz li a img{ display:block; width:100%; position:absolute; top:0; left:0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.main .hz{ width:100%; display:block; margin-top:-30px;}
.main .hz li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:30px; position:relative; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.main .hz li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .hz li:hover{ border:1px solid #14ae67;}
.main .hz li a:before{ content:''; display:block; padding-top:50%; position:relative; z-index:3;}
.main .hz li a img{ display:block; width:100%; position:absolute; top:0; left:0;}
}
@media only screen and (max-width:1023px){
.main .hz{ width:100%; display:block; margin-top:-15px;}
.main .hz li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:15px; position:relative; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.main .hz li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .hz li:hover{ border:1px solid #14ae67;}
.main .hz li a:before{ content:''; display:block; padding-top:50%; position:relative; z-index:3;}
.main .hz li a img{ display:block; width:100%; position:absolute; top:0; left:0;}
}

/*服务支持*/
@media screen and (min-width:1600px){
.ser01{ width:100%; display:block;}
.ser01 .left{ width:46.25%; float:left;}
.ser01 .left .w01{ width:100%; display:flex; flex-wrap:wrap;}
.ser01 .left .w01 li{ width:48.89%; padding:14px 20px; box-sizing:border-box; margin-left:2.22%; display:flex; align-items:center; border:1px solid #ddd; border-radius:5px}
.ser01 .left .w01 li img{ height:46px; margin:5px 10px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ser01 .left .w01 li p{ display:block; flex:1; overflow:hidden;}
.ser01 .left .w01 li p b{ display:block; color:#14ae67; font-size:20px; line-height:30px;}
.ser01 .left .w01 li p span{ display:block; color:#666; font-size:14px; line-height:24px;}
.ser01 .left .w01 li:nth-child(2n+1){ margin-left:0;}
.ser01 .left .w01 li:hover img{ -webkit-transform:rotateY(-360deg);}
.ser01 .left .w02{ font-size:16px; line-height:30px; margin-top:22px;}
.ser01 .right{ width:45%; float:right; padding-right:40px; padding-bottom:40px; position:relative;}
.ser01 .right p{ width:100%; display:block; position:relative; z-index:3;}
.ser01 .right p img{ width:100%; display:block;}
.ser01 .right b{ width:calc(100% - 40px); height:calc(100% - 40px); display:block; background-color:#14ae67; position:absolute; right:0; bottom:0;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ser01{ width:100%; display:block;}
.ser01 .left{ width:46.25%; float:left;}
.ser01 .left .w01{ width:100%; display:flex; flex-wrap:wrap;}
.ser01 .left .w01 li{ width:48.89%; padding:9px 15px; box-sizing:border-box; margin-left:2.22%; display:flex; align-items:center; border:1px solid #ddd; border-radius:5px}
.ser01 .left .w01 li img{ height:40px; margin:5px 10px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ser01 .left .w01 li p{ display:block; flex:1; overflow:hidden;}
.ser01 .left .w01 li p b{ display:block; color:#14ae67; font-size:18px; line-height:28px;}
.ser01 .left .w01 li p span{ display:block; color:#666; font-size:14px; line-height:24px;}
.ser01 .left .w01 li:nth-child(2n+1){ margin-left:0;}
.ser01 .left .w01 li:hover img{ -webkit-transform:rotateY(-360deg);}
.ser01 .left .w02{ font-size:15px; line-height:29px; margin-top:17px;}
.ser01 .right{ width:45%; float:right; padding-right:30px; padding-bottom:30px; position:relative;}
.ser01 .right p{ width:100%; display:block; position:relative; z-index:3;}
.ser01 .right p img{ width:100%; display:block;}
.ser01 .right b{ width:calc(100% - 30px); height:calc(100% - 30px); display:block; background-color:#14ae67; position:absolute; right:0; bottom:0;}
}
@media only screen and (max-width:1023px){
.ser01{ width:100%; display:block;}
.ser01 .left{ width:100%; float:left;}
.ser01 .left .w01{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.ser01 .left .w01 li{ width:100%; padding:9px 10px; box-sizing:border-box; margin-top:15px; display:flex; align-items:center; border:1px solid #ddd; border-radius:5px}
.ser01 .left .w01 li img{ height:34px; margin:5px; margin-left:0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ser01 .left .w01 li p{ display:block; flex:1; overflow:hidden;}
.ser01 .left .w01 li p b{ display:block; color:#14ae67; font-size:16px; line-height:26px;}
.ser01 .left .w01 li p span{ display:block; color:#666; font-size:14px; line-height:24px;}
.ser01 .left .w01 li:nth-child(2n+1){ margin-left:0;}
.ser01 .left .w01 li:hover img{ -webkit-transform:rotateY(-360deg);}
.ser01 .left .w02{ font-size:14px; line-height:24px; margin-top:15px;}
.ser01 .right{ width:calc(100% - 15px); float:right; padding-right:15px; padding-bottom:15px; position:relative; margin-top:15px;}
.ser01 .right p{ width:100%; display:block; position:relative; z-index:3;}
.ser01 .right p img{ width:100%; display:block;}
.ser01 .right b{ width:calc(100% - 15px); height:calc(100% - 15px); display:block; background-color:#14ae67; position:absolute; right:0; bottom:0;}
}

@media screen and (min-width:1600px){
.ser02{ padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.ser02 .box{ width:83.33%; margin:auto; position:relative; z-index:3; margin-top:40px;}
.ser02 .box .list{ display:flex; flex-wrap:wrap; width:100%; margin-top:-40px;}
.ser02 .box .list li{ width:48.75%; display:block; margin-left:2.5%; overflow:hidden; margin-top:40px; background-color:#f7f7f7; border-radius:10px;}
.ser02 .box .list li:nth-child(2n+1){ margin-left:0;}
.ser02 .box .list li a{ height:100px; display:flex; align-items:center; padding:0 30px; overflow:hidden;}
.ser02 .box .list li a p{ display:block; width:calc(100% - 66px); margin-right:20px; font-size:16px; line-height:26px; color:#666;}
.ser02 .box .list li a p span{ width:100%; display:block; font-size:20px; line-height:30px; height:30px; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ser02 .box .list li a b{ width:46px; height:46px; border-radius:100%; background-color:#fff; display:flex; align-tiems:center; overflow:hidden;}
.ser02 .box .list li a b img{ display:block; margin:auto; height:17px;}
.ser02 .box .list li:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8);}
.ser02 .box .list li:hover p{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.ser02{ padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ser02 .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.ser02 .box .list{ display:flex; flex-wrap:wrap; width:100%; margin-top:-30px;}
.ser02 .box .list li{ width:48.75%; display:block; margin-left:2.5%; overflow:hidden; margin-top:30px; background-color:#f7f7f7; border-radius:10px;}
.ser02 .box .list li:nth-child(2n+1){ margin-left:0;}
.ser02 .box .list li a{ height:80px; display:flex; align-items:center; padding:0 20px; overflow:hidden;}
.ser02 .box .list li a p{ display:block; width:calc(100% - 60px); margin-right:20px; font-size:15px; line-height:25px; color:#666;}
.ser02 .box .list li a p span{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ser02 .box .list li a b{ width:40px; height:40px; border-radius:100%; background-color:#fff; display:flex; align-tiems:center; overflow:hidden;}
.ser02 .box .list li a b img{ display:block; margin:auto; height:17px;}
.ser02 .box .list li:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8);}
.ser02 .box .list li:hover p{ color:#fff;}
}
@media only screen and (max-width:1023px){
.ser02{ padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ser02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.ser02 .box .list{ display:flex; flex-wrap:wrap; width:100%; margin-top:-15px;}
.ser02 .box .list li{ width:100%; display:block; overflow:hidden; margin-top:15px; background-color:#f7f7f7; border-radius:5px;}
.ser02 .box .list li a{ height:60px; display:flex; align-items:center; padding:0 3vw; overflow:hidden;}
.ser02 .box .list li a p{ display:block; width:calc(100% - 50px); margin-right:20px; font-size:14px; line-height:24px; color:#666;}
.ser02 .box .list li a p span{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ser02 .box .list li a b{ width:34px; height:34px; border-radius:100%; background-color:#fff; display:flex; align-tiems:center; overflow:hidden;}
.ser02 .box .list li a b img{ display:block; margin:auto; height:14px;}
.ser02 .box .list li:hover{ background:linear-gradient(to right,#14ae67,#0d6fb8);}
.ser02 .box .list li:hover p{ color:#fff;}
}

/*联系我们*/
@media screen and (min-width:1600px){
.lx{ position:relative; z-index:3; display:flex; box-shadow:0 0 10px rgba(0,0,0,.1);}
.lx .left{ width:50%; background-position:center; background-size:cover;}
.lx .left .cont{ padding:65px 6.25%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .left .cont .w01{ width:100%;}
.lx .left .cont .w01 b{ display:block; color:#fff; font-size:30px; line-height:40px;}
.lx .left .cont .w01 p{ display:block; color:#fff; font-size:16px; line-height:24px; text-transform:uppercase;}
.lx .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:40px;}
.lx .left .cont .w02:nth-child(2){ margin-top:35px;}
.lx .left .cont .w02 img{ display:block; width:50px;}
.lx .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.lx .left .cont .w02 p span{ display:block; font-size:16px; line-height:26px; color:#ccc;}
.lx .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.lx .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.lx .left .cont .w03{ width:100%; display:block; margin-top:35px;}
.lx .left .cont .w03 li{ display:block; float:left; width:120px; margin-right:40px;}
.lx .left .cont .w03 strong{ width:100%; display:block;}
.lx .left .cont .w03 strong img{ width:100%;}
.lx .left .cont .w03 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-align:center;}
.lx .right{ width:50%; padding:70px 4.375%; padding-top:35px; box-sizing:border-box;}
.lx .right .w01{ margin-top:35px;}
.lx .right .w01 .top{ font-size:16px; line-height:26px; font-weight:bold;}
.lx .right .w01 .inp{ padding-top:1px;}
.lx .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:36px; display:block;}
.lx .right .w01 .inp input:focus{ border-bottom:1px solid #900000;}
.lx .right .w01 .inp textarea{ width:100%; border-bottom:1px solid #ddd; font-size:16px; line-height:26px; height:108px; margin-top:5px; display:block; font-family:inherit;}
.lx .right .w02{ padding-top:50px;}
.lx .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:14px; background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff; cursor:pointer; display:block; overflow:hidden;}
.lx .right .w02 input:hover{ background:linear-gradient(to right,#14ae67,#14ae67);}
}
@media screen and (min-width:1024px) and (max-width:1599px){
.lx{ position:relative; z-index:3; display:flex; box-shadow:0 0 10px rgba(0,0,0,.1);}
.lx .left{ width:50%; background-position:center; background-size:cover;}
.lx .left .cont{ padding:45px 6.25%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .left .cont .w01{ width:100%;}
.lx .left .cont .w01 b{ display:block; color:#fff; font-size:24px; line-height:34px;}
.lx .left .cont .w01 p{ display:block; color:#fff; font-size:15px; line-height:23px; text-transform:uppercase;}
.lx .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:40px;}
.lx .left .cont .w02:nth-child(2){ margin-top:35px;}
.lx .left .cont .w02 img{ display:block; width:50px;}
.lx .left .cont .w02 p{ display:block; flex:1; margin-left:20px;}
.lx .left .cont .w02 p span{ display:block; font-size:15px; line-height:25px; color:#ccc;}
.lx .left .cont .w02 p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.lx .left .cont .w02 p b{ display:block; font-size:18px; line-height:26px; color:#fff; font-weight:normal;}
.lx .left .cont .w03{ width:100%; display:block; margin-top:35px;}
.lx .left .cont .w03 li{ display:block; float:left; width:120px; margin-right:40px;}
.lx .left .cont .w03 strong{ width:100%; display:block;}
.lx .left .cont .w03 strong img{ width:100%;}
.lx .left .cont .w03 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-align:center;}
.lx .right{ width:50%; padding:50px 4.375%; padding-top:25px; box-sizing:border-box;}
.lx .right .w01{ margin-top:25px;}
.lx .right .w01 .top{ font-size:15px; line-height:25px; font-weight:bold;}
.lx .right .w01 .inp{ padding-top:1px;}
.lx .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:15px; line-height:35px; display:block;}
.lx .right .w01 .inp input:focus{ border-bottom:1px solid #900000;}
.lx .right .w01 .inp textarea{ width:100%; border-bottom:1px solid #ddd; font-size:15px; line-height:25px; height:108px; margin-top:5px; display:block; font-family:inherit;}
.lx .right .w02{ padding-top:50px;}
.lx .right .w02 input{ width:150px; height:40px; line-height:40px; text-align:center; font-size:14px; background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff; cursor:pointer; display:block; overflow:hidden;}
.lx .right .w02 input:hover{ background:linear-gradient(to right,#14ae67,#14ae67);}
}
@media only screen and (max-width:1023px){
.lx{ position:relative; z-index:3; box-shadow:0 0 10px rgba(0,0,0,.1);}
.lx .left{ width:100%; background-position:center; background-size:cover;}
.lx .left .cont{ padding:25px 3%; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7);}
.lx .left .cont .w01{ width:100%;}
.lx .left .cont .w01 b{ display:block; color:#fff; font-size:18px; line-height:28px;}
.lx .left .cont .w01 p{ display:block; color:#fff; font-size:14px; line-height:22px; text-transform:uppercase;}
.lx .left .cont .w02{ width:100%; display:flex; align-items:center; margin-top:15px;}
.lx .left .cont .w02:nth-child(2){ margin-top:10px;}
.lx .left .cont .w02 img{ display:block; width:40px;}
.lx .left .cont .w02 p{ display:block; flex:1; margin-left:10px;}
.lx .left .cont .w02 p span{ display:block; font-size:14px; line-height:24px; color:#ccc;}
.lx .left .cont .w02 p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.lx .left .cont .w02 p b{ display:block; font-size:16px; line-height:24px; color:#fff; font-weight:normal;}
.lx .left .cont .w03{ width:100%; display:block; margin-top:15px;}
.lx .left .cont .w03 li{ display:block; float:left; width:80px; margin-right:15px;}
.lx .left .cont .w03 strong{ width:100%; display:block;}
.lx .left .cont .w03 strong img{ width:100%;}
.lx .left .cont .w03 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:5px; text-align:center;}
.lx .right{ width:100%; padding:30px 3%; padding-top:25px; box-sizing:border-box;}
.lx .right .w01{ margin-top:10px;}
.lx .right .w01 .top{ font-size:14px; line-height:24px; font-weight:bold;}
.lx .right .w01 .inp{ padding-top:1px;}
.lx .right .w01 .inp input{ width:100%; border-bottom:1px solid #ddd; font-size:14px; line-height:36px; display:block;}
.lx .right .w01 .inp input:focus{ border-bottom:1px solid #900000;}
.lx .right .w01 .inp textarea{ width:100%; border-bottom:1px solid #ddd; font-size:14px; line-height:24px; height:108px; margin-top:5px; display:block; font-family:inherit;}
.lx .right .w02{ padding-top:30px;}
.lx .right .w02 input{ width:120px; height:34px; line-height:34px; text-align:center; font-size:14px; background:linear-gradient(to right,#14ae67,#0d6fb8); color:#fff; cursor:pointer; display:block; overflow:hidden;}
.lx .right .w02 input:hover{ background:linear-gradient(to right,#14ae67,#14ae67);}
}