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

/*header*/
@media screen and (min-width:1280px){
.hbg{ width:100%; height:100px;}
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:94%; max-width:1480px; height:100px; margin:auto; display:flex; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:60px; padding:20px 0;}
.header .head .logo img{ display:block; height:60px;}
.header .head .ser{ padding:30px 0; position:relative; z-index:9;}
.header .head .ser dt{ display:block; border-radius:40px; background-color:#026d81; overflow:hidden; padding:5px; float:right; position:relative; z-index:3;}
.header .head .ser dt a{ width:60px; height:30px; line-height:30px; font-size:16px; display:block; border-radius:30px; color:#fff; text-align:center; overflow:hidden; float:left;}
.header .head .ser dt a.on{ background-color:#fff; color:#026d81;}

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

.header .head .nav{ display:flex; justify-content:center; flex:1; height:100px; position:relative; z-index:1;}
.header .head .nav>li{ margin:0 40px; position:relative; z-index:1;}
.header .head .nav>li>a{ display:block; font-size:18px; line-height:100px; height:100px; color:#333;}
.header .head .nav>li:hover>a,.header .head .nav>li.on>a{ color:#026d81;}
.header .head .nav>li>b{ width:0; height:2px; position:absolute; left:0; bottom:30px; background-color:#026d81; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav>li:hover>b,.header .head .nav>li.on>b{ width:100%;}
.header .head .nav>li>ul{ display:none; position:absolute; left:-20px; top:100%; background-color:rgba(255,255,255,.95); box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08); padding:10px 0;}
.header .head .nav>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li{ display:block; width:250px; position:relative;}
.header .head .nav>li>ul>li>a{ display:block; padding:0 20px; font-size:16px; line-height:40px; height:40px; overflow:hidden;}
.header .head .nav>li>ul>li:hover>a{ background-color:#026d81; color:#fff;}
.header .head .nav>li>ul>li>ul{ display:none; position:absolute; left:100%; top:0; background-color:rgba(255,255,255,.95); box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08); padding:10px 0;}
.header .head .nav>li>ul>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li>ul>li{ width:300px; display:block;}
.header .head .nav>li>ul>li>ul>li>a{ display:block; padding:0 20px; font-size:16px; line-height:40px; height:40px; overflow:hidden;}
.header .head .nav>li>ul>li>ul>li>a:hover{ color:#026d81; background-color:#f5f5f5;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.hbg{ width:100%; height:80px;}
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:94%; max-width:1480px; height:80px; margin:auto; display:flex; position:relative; z-index:3;}
.header .head .hamburger{ display:none;}
.header .head .logo{ height:50px; padding:15px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .ser{ padding:21px 0; position:relative; z-index:9;}
.header .head .ser dt{ display:block; border-radius:38px; background-color:#026d81; overflow:hidden; padding:5px; float:right; position:relative; z-index:3;}
.header .head .ser dt a{ width:54px; height:28px; line-height:28px; font-size:15px; display:block; border-radius:30px; color:#fff; text-align:center; overflow:hidden; float:left;}
.header .head .ser dt a.on{ background-color:#fff; color:#026d81;}

.header .head .ser dd{ width:38px; height:38px; display:block; position:relative; margin-right:2vw; z-index:1; float:right;}
.header .head .ser dd b{ width:38px; height:38px; border-radius:100%; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); display:block; cursor:pointer; overflow:hidden;}
.header .head .ser dd b img{ display:block; height:16px; margin:11px auto;}
.header .head .ser dd p{ display:block; position:absolute; right:-250px; top:0; width:250px; height:38px; background-color:#f5f5f5; border-radius:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:12px 10px; margin-left:15px; cursor:pointer;}
.header .head .ser dd p span{ display:block; width:calc(100% - 80px); height:38px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:14px; line-height:38px; height:38px; background-color:transparent; color:#333;}
.header .head .ser dd p a{ display:block; width:32px; height:32px; margin:3px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:32px; display:block; cursor:pointer; border-radius:100%; overflow:hidden; background-image:url(../images/ser01.svg); background-position:center; background-size:1auto 10px; background-repeat:no-repeat; background-color:#026d81;}
.header .head .ser dd.cur{ z-index:9;}
.header .head .ser dd.cur b{ opacity:0;}
.header .head .ser dd.cur p{ right:0; opacity:1;}

.header .head .nav{ display:flex; justify-content:center; flex:1; height:80px; position:relative; z-index:1;}
.header .head .nav>li{ margin:0 2vw; position:relative; z-index:1;}
.header .head .nav>li>a{ display:block; font-size:16px; line-height:80px; height:80px; color:#333;}
.header .head .nav>li:hover>a,.header .head .nav>li.on>a{ color:#026d81;}
.header .head .nav>li>b{ width:0; height:2px; position:absolute; left:0; bottom:20px; background-color:#026d81; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav>li:hover>b,.header .head .nav>li.on>b{ width:100%;}
.header .head .nav>li>ul{ display:none; position:absolute; left:-15px; top:100%; background-color:rgba(255,255,255,.95); box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08); padding:10px 0;}
.header .head .nav>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li{ display:block; width:220px; position:relative;}
.header .head .nav>li>ul>li>a{ display:block; padding:0 15px; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.header .head .nav>li>ul>li:hover>a{ background-color:#026d81; color:#fff;}
.header .head .nav>li>ul>li>ul{ display:none; position:absolute; left:100%; top:0; background-color:rgba(255,255,255,.95); box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08); padding:10px 0;}
.header .head .nav>li>ul>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li>ul>li{ width:270px; display:block;}
.header .head .nav>li>ul>li>ul>li>a{ display:block; padding:0 15px; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.header .head .nav>li>ul>li>ul>li>a:hover{ color:#026d81; background-color:#f5f5f5;}
}
@media only screen and (max-width:1023px){
.hbg{ width:100%; height:60px;}
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:100%; height:60px;}
.header .head .hamburger{ height:34px; width:24px; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:13px 3vw;}
.header .head .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#333; margin:7px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:9px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(13px);}
.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(-13px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .head .logo{ display:block; padding:10px 3vw; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .ser{ padding:12px 0; height:36px; position:relative; z-index:9; border-right:1px solid #eee; padding-right:3vw; float:right;}
.header .head .ser dt{ display:block; border-radius:36px; background-color:#026d81; overflow:hidden; padding:5px; float:left; position:relative; z-index:3;}
.header .head .ser dt a{ width:50px; height:26px; line-height:26px; font-size:14px; display:block; border-radius:30px; color:#fff; text-align:center; overflow:hidden; float:left;}
.header .head .ser dt a.on{ background-color:#fff; color:#026d81;}

.header .head .ser dd{ width:36px; height:36px; display:block; margin-left:3vw; z-index:1; float:right;}
.header .head .ser dd b{ width:36px; height:36px; border-radius:100%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); display:block; cursor:pointer; overflow:hidden;}
.header .head .ser dd b img{ display:block; height:16px; margin:10px auto;}
.header .head .ser dd p{ display:block; position:fixed; right:-100%; top:60px; width:100%; height:40px; background-color:#f5f5f5; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .ser dd p .close{ height:14px; display:block; float:left; margin:13px 3%;}
.header .head .ser dd p span{ display:block; width:calc(91% - 54px); height:40px; float:left;}
.header .head .ser dd p span input{ display:block; width:100%; font-size:14px; line-height:40px; height:40px; background-color:transparent; color:#333;}
.header .head .ser dd p a{ display:block; width:40px; height:40px; float:right; border-radius:100%;}
.header .head .ser dd p a input{ width:100%; height:40px; display:block; cursor:pointer; overflow:hidden; background-image:url(../images/ser01.svg); background-position:center; background-size:16px auto; background-repeat:no-repeat; background-color:#026d81;}
.header .head .ser dd.cur p{ right:0; opacity:1;}

.header .head .nav{ background-color:#f5f5f5; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 60px); top:60px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; padding-bottom:64px; box-sizing:border-box; border-top:1px solid #eee;}
.header .head .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .head .nav>li{ display:block; overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.header .head .nav>li a{ display:block; font-size:18px; color:#333; height:54px; line-height:54px; overflow:hidden; position:relative; padding:0 20px;}
.header .head .nav .fir b{ width:100%; height:54px; display:block; position:absolute; left:0; top:0; z-index:9;}
.header .head .nav .fir b:after{ content:'+'; height:30px; line-height:30px; font-size:24px; position:absolute; right:20px; top:50%; margin-top:-15px; text-align:center; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .head .nav .thr b:after{ content:'';}
.header .head .nav .fir b.xz:after,.header .head .nav .fir b.sen_x:after{ transform:rotateZ(135deg);}
.header .head .nav>li.on>a{ color:#026d81;}
.header .head .nav .er{ display:none; background-color:#fff;}
.header .head .nav .er li{ border-bottom:1px solid #eee; position:relative;}
.header .head .nav .er li:last-child{ border:none;}
.header .head .nav .thr{ display:none; background-color:#f5f5f5; margin:0 20px; border-bottom:20px solid #fff;}
.header .head .nav .er li a{ font-size:16px; height:50px; line-height:50px;}
.header .head .nav .er li a.sen_x{ color:#026d81;}
.header .head .nav .thr li a{ font-size:14px; line-height:46px; height:46px;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:500px; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .wen{ width:94%; max-width:1480px; position:absolute; left:50%; z-index:3; top:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:860px; font-size:48px; line-height:58px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ width:10px; height:10px; border:5px solid #026d81; border-radius:100%; margin-top:1.82vw;}
.banner .swiper-slide .wen .w03{ width:860px; font-size:16px; line-height:30px; max-height: 120px; color:#fff; margin-top:1.2vw;}
.banner .swiper-slide .wen .w04{ margin-top:2.24vw;}
.banner .swiper-slide .wen .w04 a{ width:160px; height:40px; display:block; line-height:40px; font-size:16px; color:#fff; text-indent:30px; border-radius:40px; background-color:#026d81; cursor:pointer; overflow:hidden;}
.banner .swiper-slide .wen .w04 a b{ width:30px; height:30px; border-radius:100%; margin:5px; background-color:rgba(255,255,255,.1); overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.banner .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:10px auto;}
.banner .swiper-slide .wen .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}

.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:40px; z-index:3;}
.banner .swiper-pagination{ width:100%; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#026d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; height:360px; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:78%; font-size:38px; line-height:48px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ width:8px; height:8px; border:4px solid #026d81; border-radius:100%; margin-top:1.82vw;}
.banner .swiper-slide .wen .w03{ width:78%; font-size:15px; line-height:27px; max-height: 108px; color:#fff; margin-top:1.2vw;}
.banner .swiper-slide .wen .w04{ margin-top:2.24vw;}
.banner .swiper-slide .wen .w04 a{ width:140px; height:38px; display:block; line-height:38px; font-size:15px; color:#fff; text-indent:20px; border-radius:40px; background-color:#026d81; cursor:pointer; overflow:hidden;}
.banner .swiper-slide .wen .w04 a b{ width:28px; height:28px; border-radius:100%; margin:5px; background-color:rgba(255,255,255,.1); overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.banner .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:9px auto;}
.banner .swiper-slide .wen .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}

.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3;}
.banner .swiper-pagination{ width:100%; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#026d81;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:90vw; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:10%;}
.banner .swiper-slide .wen .w01{ width:100%; font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ width:6px; height:6px; border:2px solid #026d81; border-radius:100%; margin-top:15px;}
.banner .swiper-slide .wen .w03{ width:100%; font-size:14px; line-height:24px; max-height: 168px; color:#fff; margin-top:10px;}
.banner .swiper-slide .wen .w04{ margin-top:15px;}
.banner .swiper-slide .wen .w04 a{ width:120px; height:34px; display:block; line-height:34px; font-size:14px; color:#fff; text-indent:15px; border-radius:40px; background-color:#026d81; cursor:pointer; overflow:hidden;}
.banner .swiper-slide .wen .w04 a b{ width:24px; height:24px; border-radius:100%; margin:5px; background-color:rgba(255,255,255,.1); overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.banner .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:7px auto;}
.banner .swiper-slide .wen .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}

.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination{ width:100%; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-color:#026d81;}
}

/*通用*/
@media screen and (min-width:1280px){
.title{ width:94%; max-width:1480px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:36px; line-height:46px; font-weight:bold;}
.title .t02{ font-size:16px; line-height:26px; color:#666; margin-top:13px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title{ width:94%; max-width:1480px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold;}
.title .t02{ font-size:15px; line-height:25px; color:#666; margin-top:9px;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; max-width:1480px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
}

/*产品*/
@media screen and (min-width:1280px){
.pbox{ width:100%; padding-top:45px; padding-bottom:100px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.pbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:35px; position:relative; z-index:3; overflow:hidden;}
.pbox .left{ width:300px; float:left; position:relative; z-index:3; margin-top:-30px;}
.pbox .left li{ display:flex; align-items:center; margin-top:30px; overflow:hidden; cursor:pointer; background-color:#fff; border-radius:70px;}
.pbox .tab .left li{ background-color:#f5f5f5;}
.pbox .left li.on{ background-color:#026d81;}
.pbox .left li strong{ width:50px; height:50px; border-radius:100%; display:flex; align-items:center; overflow:hidden; margin:10px; background-color:#fff;}
.pbox .left li strong img{ display:block; max-height:50px; max-width:50px; margin:auto;}
.pbox .left li p{ display:block; flex:1; margin-left:10px; margin-right:20px;}
.pbox .left li b{ display:block; font-size:20px; line-height:28px; height:28px; overflow:hidden; width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.pbox .left li span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#666;}
.pbox .left li.on b,.pbox .left li.on span{ color:#fff;}
.pbox .right{ width:calc(95% - 300px); float:right; position:relative;}
.pbox .right>div{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;}
.pbox .right>div.active{ position:relative; z-index:3; visibility:visible;}
.pbox .right .swiper-container{ width:100%; overflow:hidden;}
.pbox .right .swiper-container .swiper-slide{ width:31.33%; display:block; position:relative; border-radius:10px; background-color:#fff; overflow:hidden;}
.pbox .tab .right .swiper-container .swiper-slide{ background-color:#f5f5f5;}
.pbox .right .swiper-container .swiper-slide a{ padding:30px; padding-top:35px; display:block; position:relative; z-index:3; display:block;}
.pbox .right .swiper-container .swiper-slide .w01{ font-size:20px; line-height:30px; height:30px; font-weight:bold;}
.pbox .right .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.pbox .right .swiper-container .swiper-slide .w02{ width:100%; height:340px; margin-top:15px; border-top:1px solid #eee; padding-top:20px; position:relative;}
.pbox .right .swiper-container .swiper-slide .w02 img{ display:block; max-width:70%; max-height:200px; position:absolute; right:0; bottom:0;}
.pbox .right .swiper-container .swiper-slide:hover .w02{ opacity:.5;}
.pbox .right .swiper-container .swiper-slide .w03{ width:calc(100% - 60px); position:absolute; left:30px; top:106px; height:130px; transition:.3s;}
.pbox .right .swiper-container .swiper-slide .w03 p{ width:100%; overflow:hidden; display:block; font-size:16px; line-height:26px;}
.pbox .right .swiper-container .swiper-slide:hover .w03{ height:182px; color:#fff;}
.pbox .right .swiper-container .swiper-slide .w04{ width:38px; height:38px; border:1px solid #ddd; border-radius:100%; position:absolute; left:30px; bottom:30px; transition:.3s;}
.pbox .right .swiper-container .swiper-slide .w04 img{ height:12px; display:block; margin:13px auto;}
.pbox .right .swiper-container .swiper-slide .w04 img.img02{ display:none;}
.pbox .right .swiper-container .swiper-slide:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pbox .right .swiper-container .swiper-slide:hover .w04 img.img01{ display:none;}
.pbox .right .swiper-container .swiper-slide:hover .w04 img.img02{ display:block;}
.pbox .right .swiper-container .swiper-slide:hover .bg{ width:100%; height:calc(100% - 100px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}
.pbox .right .swi{ width:100%; margin-top:40px;}
.pbox .right .swi .swiper-pagination{ width:calc(100% - 140px); height:2px; float:left; margin-top:19px; background-color:#ddd; overflow:hidden; position:relative;}
.pbox .right .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#026d81;}
.pbox .right .swi .swiper-button-prev{ width:40px; height:40px; border-radius:100%; background-color:#fff; float:left; margin-left:40px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pbox .tab .right .swi .swiper-button-prev{ background-color:#f5f5f5;}
.pbox .right .swi .swiper-button-prev:hover{ background-color:#026d81; background-image:url(../images/prev.png);}
.pbox .right .swi .swiper-button-next{ width:40px; height:40px; border-radius:100%; background-color:#fff; float:left; margin-left:20px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pbox .tab .right .swi .swiper-button-next{ background-color:#f5f5f5;}
.pbox .right .swi .swiper-button-next:hover{ background-color:#026d81; background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pbox{ width:100%; padding-top:35px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.pbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:25px; position:relative; z-index:3; overflow:hidden;}
.pbox .left{ width:280px; float:left; position:relative; z-index:3; margin-top:-25px;}
.pbox .left li{ display:flex; align-items:center; margin-top:25px; overflow:hidden; cursor:pointer; background-color:#fff; border-radius:70px;}
.pbox .tab .left li{ background-color:#f5f5f5;}
.pbox .left li.on{ background-color:#026d81;}
.pbox .left li strong{ width:45px; height:45px; border-radius:100%; display:flex; align-items:center; overflow:hidden; margin:7px; background-color:#fff;}
.pbox .left li strong img{ display:block; max-height:45px; max-width:45px; margin:auto;}
.pbox .left li p{ display:block; flex:1; margin-left:5px; margin-right:15px;}
.pbox .left li b{ display:block; font-size:18px; line-height:26px; height:26px; overflow:hidden; width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.pbox .left li span{ display:block; font-size:15px; line-height:25px; height:25px; overflow:hidden; color:#666;}
.pbox .left li.on b,.pbox .left li.on span{ color:#fff;}
.pbox .right{ width:calc(95% - 280px); float:right; position:relative;}
.pbox .right>div{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;}
.pbox .right>div.active{ position:relative; z-index:3; visibility:visible;}
.pbox .right .swiper-container{ width:100%; overflow:hidden;}
.pbox .right .swiper-container .swiper-slide{ width:48.5%; display:block; position:relative; border-radius:10px; background-color:#fff; overflow:hidden;}
.pbox .tab .right .swiper-container .swiper-slide{ background-color:#f5f5f5;}
.pbox .right .swiper-container .swiper-slide a{ padding:25px; padding-top:30px; display:block; position:relative; z-index:3; display:block;}
.pbox .right .swiper-container .swiper-slide .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pbox .right .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.pbox .right .swiper-container .swiper-slide .w02{ width:100%; height:300px; margin-top:10px; border-top:1px solid #eee; padding-top:15px; position:relative;}
.pbox .right .swiper-container .swiper-slide .w02 img{ display:block; max-width:70%; max-height:200px; position:absolute; right:0; bottom:0;}
.pbox .right .swiper-container .swiper-slide:hover .w02{ opacity:.5;}
.pbox .right .swiper-container .swiper-slide .w03{ width:calc(100% - 50px); position:absolute; left:25px; top:85px; height:125px; transition:.3s;}
.pbox .right .swiper-container .swiper-slide .w03 p{ width:100%; overflow:hidden; display:block; font-size:15px; line-height:25px;}
.pbox .right .swiper-container .swiper-slide:hover .w03{ height:175px; color:#fff;}
.pbox .right .swiper-container .swiper-slide .w04{ width:36px; height:36px; border:1px solid #ddd; border-radius:100%; position:absolute; left:25px; bottom:25px; transition:.3s;}
.pbox .right .swiper-container .swiper-slide .w04 img{ height:12px; display:block; margin:12px auto;}
.pbox .right .swiper-container .swiper-slide .w04 img.img02{ display:none;}
.pbox .right .swiper-container .swiper-slide:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pbox .right .swiper-container .swiper-slide:hover .w04 img.img01{ display:none;}
.pbox .right .swiper-container .swiper-slide:hover .w04 img.img02{ display:block;}
.pbox .right .swiper-container .swiper-slide:hover .bg{ width:100%; height:calc(100% - 88px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}
.pbox .right .swi{ width:100%; margin-top:30px;}
.pbox .right .swi .swiper-pagination{ width:calc(100% - 121px); height:2px; float:left; margin-top:18px; background-color:#ddd; overflow:hidden; position:relative;}
.pbox .right .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#026d81;}
.pbox .right .swi .swiper-button-prev{ width:38px; height:38px; border-radius:100%; background-color:#fff; float:left; margin-left:30px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pbox .tab .right .swi .swiper-button-prev{ background-color:#f5f5f5;}
.pbox .right .swi .swiper-button-prev:hover{ background-color:#026d81; background-image:url(../images/prev.png);}
.pbox .right .swi .swiper-button-next{ width:38px; height:38px; border-radius:100%; background-color:#fff; float:left; margin-left:15px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pbox .tab .right .swi .swiper-button-next{ background-color:#f5f5f5;}
.pbox .right .swi .swiper-button-next:hover{ background-color:#026d81; background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:25px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; overflow:hidden;}
.pbox .left{ width:100%; white-space:nowrap; overflow:auto; position:relative; z-index:3;}
.pbox .left li{ min-width:100px; display:inline-block; margin-top:15px; overflow:hidden; cursor:pointer; background-color:#fff; border-radius:10px; padding:15px; padding-bottom:10px; margin-right:15px; max-width: 180px;}
.pbox .tab .left li{ background-color:#f5f5f5;}
.pbox .left li:last-child{ margin-right:0;}
.pbox .left li.on{ background-color:#026d81;}
.pbox .left li strong{ width:40px; height:40px; border-radius:100%; display:flex; align-items:center; overflow:hidden; margin:auto; background-color:#fff;}
.pbox .left li strong img{ display:block; max-height:40px; max-width:40px; margin:auto;}
.pbox .left li p{ display:block; margin-top:5px; text-align:center;}
.pbox .left li b{ display:block; font-size:16px; line-height:24px; height:24px; overflow:hidden; width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.pbox .left li span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666;}
.pbox .left li.on b,.pbox .left li.on span{ color:#fff;}
.pbox .right{ width:100%; margin-top:20px; position:relative;}
.pbox .right>div{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; visibility:hidden;}
.pbox .right>div.active{ position:relative; z-index:3; visibility:visible;}
.pbox .right .swiper-container{ width:100%; overflow:hidden;}
.pbox .right .swiper-container .swiper-slide{ width:100%; display:block; position:relative; border-radius:10px; background-color:#fff; overflow:hidden;}
.pbox .tab .right .swiper-container .swiper-slide{ background-color:#f5f5f5;}
.pbox .right .swiper-container .swiper-slide a{ padding:15px; display:block; position:relative; z-index:3; display:block;}
.pbox .right .swiper-container .swiper-slide .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.pbox .right .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.pbox .right .swiper-container .swiper-slide .w02{ width:100%; height:260px; margin-top:5px; border-top:1px solid #eee; padding-top:10px; position:relative;}
.pbox .right .swiper-container .swiper-slide .w02 img{ display:block; max-width:70%; max-height:200px; position:absolute; right:0; bottom:0;}
.pbox .right .swiper-container .swiper-slide:hover .w02{ opacity:.5;}
.pbox .right .swiper-container .swiper-slide .w03{ width:calc(100% - 30px); position:absolute; left:15px; top:60px; height:120px; transition:.3s;}
.pbox .right .swiper-container .swiper-slide .w03 p{ width:100%; overflow:hidden; display:block; font-size:14px; line-height:24px;}
.pbox .right .swiper-container .swiper-slide:hover .w03{ height:168px; color:#fff;}
.pbox .right .swiper-container .swiper-slide .w04{ width:34px; height:34px; border:1px solid #ddd; border-radius:100%; position:absolute; left:15px; bottom:15px; transition:.3s;}
.pbox .right .swiper-container .swiper-slide .w04 img{ height:12px; display:block; margin:11px auto;}
.pbox .right .swiper-container .swiper-slide .w04 img.img02{ display:none;}
.pbox .right .swiper-container .swiper-slide:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pbox .right .swiper-container .swiper-slide:hover .w04 img.img01{ display:none;}
.pbox .right .swiper-container .swiper-slide:hover .w04 img.img02{ display:block;}
.pbox .right .swiper-container .swiper-slide:hover .bg{ width:100%; height:calc(100% - 66px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}
.pbox .right .swi{ width:100%; margin-top:30px;}
.pbox .right .swi .swiper-pagination{ width:calc(100% - 121px); height:2px; float:left; margin-top:18px; background-color:#ddd; overflow:hidden; position:relative;}
.pbox .right .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#026d81;}
.pbox .right .swi .swiper-button-prev{ width:38px; height:38px; border-radius:100%; background-color:#fff; float:left; margin-left:30px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pbox .tab .right .swi .swiper-button-prev{ background-color:#f5f5f5;}
.pbox .right .swi .swiper-button-prev:hover{ background-color:#026d81; background-image:url(../images/prev.png);}
.pbox .right .swi .swiper-button-next{ width:38px; height:38px; border-radius:100%; background-color:#fff; float:left; margin-left:15px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pbox .tab .right .swi .swiper-button-next{ background-color:#f5f5f5;}
.pbox .right .swi .swiper-button-next:hover{ background-color:#026d81; background-image:url(../images/next.png);}
}
.pbox .right .swiper-container .swiper-slide .w03 *,.pro .rbar .list li .w03 *{ background-color:transparent !important; color: inherit !important;}

/*解决方案*/
@media screen and (min-width:1280px){
.cbox{ display: none; width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.cbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.cbox .title .t01,.cbox .title .t02{ color:#fff;}
.cbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.cbox .box .swiper-container{ width:100%; overflow:hidden;}
.cbox .box .swiper-slide{ width:23.5%; position:relative; background-color:#fff; overflow:hidden; border-radius:10px;}
.cbox .box .swiper-slide .tu{ width:100%;}
.cbox .box .swiper-slide .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.cbox .box .swiper-slide .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .wen{ border:1px solid #eee; border-top:none;}
.cbox .box .swiper-slide .wen .w01{ padding:25px 30px; padding-bottom:10px;}
.cbox .box .swiper-slide .wen .w01 a{ display:block; font-size:16px; line-height:26px; font-weight:bold; color:#026d81;}
.cbox .box .swiper-slide .wen .w02{ padding:0 30px;}
.cbox .box .swiper-slide .wen .w02 a{ width:100%; display:block; font-size:20px; line-height:30px; height:60px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .box .swiper-slide .wen .w02 a:hover{ color:#026d81;}
.cbox .box .swiper-slide .wen .w04{ padding:0 30px; margin-top:25px; border-top:1px solid #eee; height:50px; position:relative;}
.cbox .box .swiper-slide .wen .w04 span{ display:block; float:left; color:#666; font-size:16px; line-height:50px; height:50px;}
.cbox .box .swiper-slide .wen .w04 a{ display:block; float:right; width:20px; height:20px; overflow:hidden; margin-top:15px; background-image:url(../images/next01.png); background-position:right center; background-repeat:no-repeat;}
.cbox .box .swiper-slide:hover .wen .w04 a{ background-image:url(../images/next02.png);}
.cbox .box .swiper-slide:hover .wen .w04 b{ width:100%; height:1px; background-color:#026d81; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.cbox .box .swiper-slide:hover .wen{ border-bottom:1px solid #026d81;}
.cbox .box .fen{ width:100%; display:flex; justify-content:center; margin-top:40px;}
.cbox .box .fen a{ height:40px; line-height:40px; font-size:16px; padding-left:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; margin:0px 15px;}
.cbox .box .fen a b{ width:30px; height:30px; display:block; float:right; margin:5px; margin-left:20px; background-image:url(../images/more.png); background-position:center; border-radius:100%; background-size:auto 10px; background-repeat:no-repeat; background-color:#eee;}
.cbox .box .fen a:hover{ background-color:#026d81; color:#fff;}
.cbox .box .fen a:hover b{ background-color:rgba(255,255,255,.1); background-image:url(../images/more01.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cbox{ display: none; width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.cbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.cbox .title .t01,.cbox .title .t02{ color:#fff;}
.cbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.cbox .box .swiper-container{ width:100%; overflow:hidden;}
.cbox .box .swiper-slide{ width:32%; position:relative; background-color:#fff; overflow:hidden; border-radius:10px;}
.cbox .box .swiper-slide .tu{ width:100%;}
.cbox .box .swiper-slide .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.cbox .box .swiper-slide .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .wen{ border:1px solid #eee; border-top:none;}
.cbox .box .swiper-slide .wen .w01{ padding:20px 25px; padding-bottom:5px;}
.cbox .box .swiper-slide .wen .w01 a{ display:block; font-size:15px; line-height:25px; font-weight:bold; color:#026d81;}
.cbox .box .swiper-slide .wen .w02{ padding:0 25px;}
.cbox .box .swiper-slide .wen .w02 a{ width:100%; display:block; font-size:18px; line-height:28px; height:56px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .box .swiper-slide .wen .w02 a:hover{ color:#026d81;}
.cbox .box .swiper-slide .wen .w04{ padding:0 25px; margin-top:20px; border-top:1px solid #eee; height:48px; position:relative;}
.cbox .box .swiper-slide .wen .w04 span{ display:block; float:left; color:#666; font-size:15px; line-height:48px; height:48px;}
.cbox .box .swiper-slide .wen .w04 a{ display:block; float:right; width:20px; height:20px; overflow:hidden; margin-top:14px; background-image:url(../images/next01.png); background-position:right center; background-repeat:no-repeat;}
.cbox .box .swiper-slide:hover .wen .w04 a{ background-image:url(../images/next02.png);}
.cbox .box .swiper-slide:hover .wen .w04 b{ width:100%; height:1px; background-color:#026d81; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.cbox .box .swiper-slide:hover .wen{ border-bottom:1px solid #026d81;}
.cbox .box .fen{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.cbox .box .fen a{ height:38px; line-height:38px; font-size:15px; padding-left:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; margin:0px 10px;}
.cbox .box .fen a b{ width:28px; height:28px; display:block; float:right; margin:5px; margin-left:15px; background-image:url(../images/more.png); background-position:center; border-radius:100%; background-size:auto 10px; background-repeat:no-repeat; background-color:#eee;}
.cbox .box .fen a:hover{ background-color:#026d81; color:#fff;}
.cbox .box .fen a:hover b{ background-color:rgba(255,255,255,.1); background-image:url(../images/more01.png);}
}
@media only screen and (max-width:1023px){
.cbox{ display: none; width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.cbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.cbox .title .t01,.cbox .title .t02{ color:#fff;}
.cbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.cbox .box .swiper-container{ width:100%; overflow:hidden;}
.cbox .box .swiper-slide{ width:100%; position:relative; background-color:#fff; overflow:hidden; border-radius:10px;}
.cbox .box .swiper-slide .tu{ width:100%;}
.cbox .box .swiper-slide .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.cbox .box .swiper-slide .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .wen{ border:1px solid #eee; border-top:none;}
.cbox .box .swiper-slide .wen .w01{ padding:15px; padding-bottom:0;}
.cbox .box .swiper-slide .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#026d81;}
.cbox .box .swiper-slide .wen .w02{ padding:0 15px;}
.cbox .box .swiper-slide .wen .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:52px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .box .swiper-slide .wen .w02 a:hover{ color:#026d81;}
.cbox .box .swiper-slide .wen .w04{ padding:0 15px; margin-top:10px; border-top:1px solid #eee; height:44px; position:relative;}
.cbox .box .swiper-slide .wen .w04 span{ display:block; float:left; color:#666; font-size:14px; line-height:44px; height:44px;}
.cbox .box .swiper-slide .wen .w04 a{ display:block; float:right; width:20px; height:20px; overflow:hidden; margin-top:12px; background-image:url(../images/next01.png); background-position:right center; background-repeat:no-repeat;}
.cbox .box .swiper-slide:hover .wen .w04 a{ background-image:url(../images/next02.png);}
.cbox .box .swiper-slide:hover .wen .w04 b{ width:100%; height:1px; background-color:#026d81; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.cbox .box .swiper-slide:hover .wen{ border-bottom:1px solid #026d81;}
.cbox .box .fen{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px;}
.cbox .box .fen a{ height:36px; line-height:36px; font-size:14px; padding-left:15px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#fff; margin:0px 5px; margin-top:10px;}
.cbox .box .fen a b{ width:26px; height:26px; display:block; float:right; margin:5px; margin-left:10px; background-image:url(../images/more.png); background-position:center; border-radius:100%; background-size:auto 10px; background-repeat:no-repeat; background-color:#eee;}
.cbox .box .fen a:hover{ background-color:#026d81; color:#fff;}
.cbox .box .fen a:hover b{ background-color:rgba(255,255,255,.1); background-image:url(../images/more01.png);}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding-top:95px; padding-bottom:95px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.abox .box{ width:94%; max-width:1480px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .bt{ display: none; width:100%; font-size:30px; line-height:40px; font-weight:bold;}
.abox .box .left .line{ width:60px; height:4px; background-color:#026d81; margin: auto;}
.abox .box .left .wen{ width:100%; font-size:16px; line-height:30px; margin-top: 35px;}
.abox .box .left .more{ margin-top:33px; position:relative; display: none;}
.abox .box .left .more a{ min-width:140px; height:40px; line-height:40px; font-size:16px; padding-left:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#f5f5f5; float:left;}
.abox .box .left .more a b{ width:30px; height:30px; display:block; float:right; margin:5px; background-image:url(../images/more.png); background-position:center; border-radius:100%; background-size:auto 10px; background-repeat:no-repeat; background-color:#eee;}
.abox .box .left .more a:hover{ background-color:#026d81; color:#fff;}
.abox .box .left .more a:hover b{ background-color:rgba(255,255,255,.1); background-image:url(../images/more01.png);}
.abox .box .right{ display: none; width:45%; float:right;}
.abox .box .right .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.abox .box .right .swiper-slide .tu{ width:100%; position:relative; padding-top:52.47%; border-radius:10px;}
.abox .box .right .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.abox .box .right .swiper-slide .wen{ margin-left:5.83%; padding-top:30px;}
.abox .box .right .swiper-slide .wen .w01{ width:100%;}
.abox .box .right .swiper-slide .wen .w01 strong{ width:36px; height:36px; border-radius:100%; display:block; overflow:hidden; float:left; background-color:#026d81;}
.abox .box .right .swiper-slide .wen .w01 strong img{ display:block; height:20px; margin:8px auto;}
.abox .box .right .swiper-slide .wen .w01 b{ margin-left:14px; width:calc(100% - 100px); float:left; display:block; font-size:20px; line-height:30px; padding-top:3px; overflow:hidden;}
.abox .box .right .swiper-slide .wen .w01 p{ display:block; float:right; font-size:16px; line-height:36px;}
.abox .box .right .swiper-slide .wen .w02{ padding-right:70px; padding-top:15px;}
.abox .box .right .swiper-slide .wen .w02 b{ width:15.38%; height:2px; display:block; background-color:#333; float:left; margin:12px 10px; margin-left:0;}
.abox .box .right .swiper-slide .wen .w02 p{ display:block; width:calc(84.62% - 10px); font-size:16px; line-height:26px;}
.abox .box .right .swi{ position:absolute; right:0; bottom:5px; z-index:3;}
.abox .box .right .swi .line{ width:1px; height:10px; margin:3px 12px; background-color:#333; float:left;}
.abox .box .right .swi .swiper-button-white{ width:14px; height:16px; float:left; cursor:pointer;}
.abox .box .right .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.abox .box .right .swi .swiper-button-next{ background-image:url(../images/next01.png);}
.abox .box .right .swi .swiper-button-prev:hover{ background-image:url(../images/prev02.png);}
.abox .box .right .swi .swiper-button-next:hover{ background-image:url(../images/next02.png);}
.abox .list{ width:94%; max-width:1480px; margin:auto; padding-top:40px; display:none; justify-content:space-between;}
.abox .list li{ max-width:23.5%; display:block; cursor:pointer;}
.abox .list li .w01{ display:flex; align-items:flex-end; width:100%; font-weight:bold;}
.abox .list li .w01 span{ font-size:60px; line-height:68px; display:block;}
.abox .list li .w01 p{ font-size:16px; line-height:40px; margin-left:10px; display:block;}
.abox .list li:hover .w01 span,.abox .list li:hover .w01 p{ color:#026d81;}
.abox .list li .w02{ font-size:16px; line-height:26px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.abox .box{ width:94%; max-width:1480px; margin:auto; margin-top:15px; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .bt{ width:100%; font-size:24px; line-height:34px; font-weight:bold; display: none;}
.abox .box .left .line{ width:40px; height:3px; background-color:#026d81; margin: auto;}
.abox .box .left .wen{ width:100%; font-size:15px; line-height:27px; margin-top: 25px;}
.abox .box .left .more{ margin-top:28px; position:relative; display: none;}
.abox .box .left .more a{ min-width:120px; height:38px; line-height:38px; font-size:15px; padding-left:20px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#f5f5f5; float:left;}
.abox .box .left .more a b{ width:28px; height:28px; display:block; float:right; margin:5px; background-image:url(../images/more.png); background-position:center; border-radius:100%; background-size:auto 10px; background-repeat:no-repeat; background-color:#eee;}
.abox .box .left .more a:hover{ background-color:#026d81; color:#fff;}
.abox .box .left .more a:hover b{ background-color:rgba(255,255,255,.1); background-image:url(../images/more01.png);}
.abox .box .right{ width:47%; float:right; display: none;}
.abox .box .right .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.abox .box .right .swiper-slide .tu{ width:100%; position:relative; padding-top:52.47%; border-radius:10px;}
.abox .box .right .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.abox .box .right .swiper-slide .wen{ margin-left:3%; padding-top:25px;}
.abox .box .right .swiper-slide .wen .w01{ width:100%;}
.abox .box .right .swiper-slide .wen .w01 strong{ width:36px; height:36px; border-radius:100%; display:block; overflow:hidden; float:left; background-color:#026d81;}
.abox .box .right .swiper-slide .wen .w01 strong img{ display:block; height:20px; margin:8px auto;}
.abox .box .right .swiper-slide .wen .w01 b{ margin-left:14px; width:calc(100% - 100px); float:left; display:block; font-size:18px; line-height:28px; padding-top:4px; overflow:hidden;}
.abox .box .right .swiper-slide .wen .w01 p{ display:block; float:right; font-size:16px; line-height:36px;}
.abox .box .right .swiper-slide .wen .w02{ padding-right:70px; padding-top:10px;}
.abox .box .right .swiper-slide .wen .w02 b{ width:15.38%; height:2px; display:block; background-color:#333; float:left; margin:11px 10px; margin-left:0;}
.abox .box .right .swiper-slide .wen .w02 p{ display:block; width:calc(84.62% - 10px); font-size:15px; line-height:25px;}
.abox .box .right .swi{ position:absolute; right:0; bottom:5px; z-index:3;}
.abox .box .right .swi .line{ width:1px; height:10px; margin:3px 12px; background-color:#333; float:left;}
.abox .box .right .swi .swiper-button-white{ width:14px; height:16px; float:left; cursor:pointer;}
.abox .box .right .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.abox .box .right .swi .swiper-button-next{ background-image:url(../images/next01.png);}
.abox .box .right .swi .swiper-button-prev:hover{ background-image:url(../images/prev02.png);}
.abox .box .right .swi .swiper-button-next:hover{ background-image:url(../images/next02.png);}
.abox .list{ width:94%; max-width:1480px; margin:auto; padding-top:30px; display:none; justify-content:space-between;}
.abox .list li{ max-width:23.5%; display:block; cursor:pointer;}
.abox .list li .w01{ display:flex; align-items:flex-end; width:100%; font-weight:bold;}
.abox .list li .w01 span{ font-size:50px; line-height:56px; display:block;}
.abox .list li .w01 p{ font-size:15px; line-height:35px; margin-left:7px; display:block;}
.abox .list li:hover .w01 span,.abox .list li:hover .w01 p{ color:#026d81;}
.abox .list li .w02{ font-size:15px; line-height:25px;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.abox .box{ width:94%; margin:auto; margin-top:5px; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .bt{ display: none; width:100%; font-size:18px; line-height:28px; font-weight:bold;}
.abox .box .left .line{ width:20px; height:2px; background-color:#026d81; margin: auto;}
.abox .box .left .wen{ width:100%; font-size:14px; line-height:24px; margin-top: 15px;}
.abox .box .left .more{ margin-top:15px; position:relative; display: none; }
.abox .box .left .more a{ min-width:105px; height:36px; line-height:36px; font-size:14px; padding-left:15px; color:#333; position:relative; display:block; overflow:hidden; border-radius:44px; background-color:#f5f5f5;}
.abox .box .left .more a b{ width:26px; height:26px; display:block; float:right; margin:5px; background-image:url(../images/more.png); background-position:center; border-radius:100%; background-size:auto 10px; background-repeat:no-repeat; background-color:#eee;}
.abox .box .left .more a:hover{ background-color:#026d81; color:#fff;}
.abox .box .left .more a:hover b{ background-color:rgba(255,255,255,.1); background-image:url(../images/more01.png);}
.abox .box .right{ width:100%; float:right; padding-top:20px; display: none;}
.abox .box .right .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.abox .box .right .swiper-slide .tu{ width:100%; position:relative; padding-top:52.47%; border-radius:5px;}
.abox .box .right .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.abox .box .right .swiper-slide .wen{ padding-top:15px;}
.abox .box .right .swiper-slide .wen .w01{ width:100%;}
.abox .box .right .swiper-slide .wen .w01 strong{ width:28px; height:28px; border-radius:100%; display:block; overflow:hidden; float:left; background-color:#026d81;}
.abox .box .right .swiper-slide .wen .w01 strong img{ display:block; height:12px; margin:8px auto;}
.abox .box .right .swiper-slide .wen .w01 b{ margin-left:10px; width:calc(100% - 80px); float:left; display:block; font-size:16px; line-height:26px; padding-top:1px; overflow:hidden;}
.abox .box .right .swiper-slide .wen .w01 p{ display:block; float:right; font-size:14px; line-height:28px;}
.abox .box .right .swiper-slide .wen .w02{ padding-right:60px; padding-top:5px;}
.abox .box .right .swiper-slide .wen .w02 b{ width:15.38%; height:2px; display:block; background-color:#333; float:left; margin:11px 4px; margin-left:0;}
.abox .box .right .swiper-slide .wen .w02 p{ display:block; width:calc(84.62% - 10px); font-size:14px; line-height:24px;}
.abox .box .right .swi{ position:absolute; right:0; bottom:5px; z-index:3;}
.abox .box .right .swi .line{ width:1px; height:10px; margin:3px 10px; background-color:#333; float:left;}
.abox .box .right .swi .swiper-button-white{ width:14px; height:16px; float:left; cursor:pointer;}
.abox .box .right .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.abox .box .right .swi .swiper-button-next{ background-image:url(../images/next01.png);}
.abox .box .right .swi .swiper-button-prev:hover{ background-image:url(../images/prev02.png);}
.abox .box .right .swi .swiper-button-next:hover{ background-image:url(../images/next02.png);}
.abox .list{ width:94%; margin:auto; display:none; padding-top:5px;}
.abox .list li{ display:block; cursor:pointer; width:48.5%; margin-left:3%; margin-top:10px; float:left;}
.abox .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .list li .w01{ display:flex; align-items:flex-end; width:100%; font-weight:bold;}
.abox .list li .w01 span{ font-size:40px; line-height:42px; display:block;}
.abox .list li .w01 p{ font-size:14px; line-height:28px; margin-left:5px; display:block;}
.abox .list li:hover .w01 span,.abox .list li:hover .w01 p{ color:#026d81;}
.abox .list li .w02{ font-size:14px; line-height:24px;}
}

/*我们的服务*/
@media screen and (min-width:1280px){
.sbox{ display: none; width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-size:cover; background-color:#f5f5f5;}
.sbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:35px; position:relative; z-index:3; display:flex;}
.sbox .box .item{ width:17.58%; height:28.125vw; margin-left:2.08%; border-radius:10px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; overflow:hidden;}
.sbox .box .item.on{ width:41.08%;}
.sbox .box .item:first-child{ margin-left:0;}
.sbox .box .item .bg{ width:100%; height:100%; background: linear-gradient(to top,rgba(2,109,129,.5),rgba(2,109,129,0)); position:relative; z-index:1;}
.sbox .box .item.on .bg{ background: linear-gradient(to top,rgba(2,109,129,.9),rgba(2,109,129,.5));}
.sbox .box .item .bt{ padding:25px 30px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; font-size:20px; line-height:30px; color:#fff; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item.on .bt{ bottom:100%;}
.sbox .box .item .wen{ padding:25px 30px;; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:-100%; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; max-height:100%; overflow:auto;}
.sbox .box .item.on .wen{ bottom:0;}
.sbox .box .item.on .wen .w01{ width:100%; font-size:24px; line-height:34px; height:34px;}
.sbox .box .item.on .wen .w01 a{ color:#fff;}
.sbox .box .item.on .wen .w01 a:hover{ font-weight:bold;}
.sbox .box .item.on .wen .w02{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox{ display: none; width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-color:#f5f5f5;}
.sbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:25px; position:relative; z-index:3; display:flex;}
.sbox .box .item{ width:17.58%; height:28.125vw; margin-left:2.08%; border-radius:7px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; overflow:hidden;}
.sbox .box .item.on{ width:41.08%;}
.sbox .box .item:first-child{ margin-left:0;}
.sbox .box .item .bg{ width:100%; height:100%; background: linear-gradient(to top,rgba(2,109,129,.5),rgba(2,109,129,0)); position:relative; z-index:1;}
.sbox .box .item.on .bg{ background: linear-gradient(to top,rgba(2,109,129,.9),rgba(2,109,129,.5));}
.sbox .box .item .bt{ padding:20px 25px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; font-size:18px; line-height:28px; color:#fff; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item.on .bt{ bottom:100%;}
.sbox .box .item .wen{ padding:20px 25px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:-100%; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; max-height:100%; overflow:auto;}
.sbox .box .item.on .wen{ bottom:0;}
.sbox .box .item.on .wen .w01{ width:100%; font-size:20px; line-height:30px; height:30px;}
.sbox .box .item.on .wen .w01 a{ color:#fff;}
.sbox .box .item.on .wen .w01 a:hover{ font-weight:bold;}
.sbox .box .item.on .wen .w02{ width:100%; font-size:15px; line-height:25px; color:#fff; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.sbox{ display: none; width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#f5f5f5;}
.sbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.sbox .box .item{ width:100%; height:100px; margin-top:15px; border-radius:5px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; overflow:hidden;}
.sbox .box .item.on{ height:150px;}
.sbox .box .item .bg{ width:100%; height:100%; background: linear-gradient(to top,rgba(2,109,129,.5),rgba(2,109,129,0)); position:relative; z-index:1;}
.sbox .box .item.on .bg{ background: linear-gradient(to top,rgba(2,109,129,.9),rgba(2,109,129,.5));}
.sbox .box .item .bt{ padding:10px 15px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; font-size:16px; line-height:26px; color:#fff; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .item.on .bt{ bottom:100%;}
.sbox .box .item .wen{ padding:10px 15px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:-150px; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; max-height:100%; overflow:auto;}
.sbox .box .item.on .wen{ bottom:0;}
.sbox .box .item.on .wen .w01{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.sbox .box .item.on .wen .w01 a{ color:#fff;}
.sbox .box .item.on .wen .w02{ width:100%; font-size:14px; line-height:24px; color:#fff;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ display: none; width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.nbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.nbox .title .t01,.nbox .title .t02{ color:#fff;}
.nbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:23.5%; position:relative; display:block; overflow:hidden; background-color:#fff; border-radius:10px;}
.nbox .box .swiper-slide .tu{ width:100%; position:relative;}
.nbox .box .swiper-slide .tu:before{ width:100%; padding-top:66.66%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .time{ width:90px; height:90px; margin:auto; margin-top:-45px; position:relative; z-index:3; background-color:#333; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.nbox .box .swiper-slide .time b{ font-size:36px; line-height:1; color:#fff; display:block;}
.nbox .box .swiper-slide .time p{ font-size:16px; line-height:1; color:#fff; display:block; margin-top:8px;}
.nbox .box .swiper-slide .wen{ padding:30px; padding-top:25px;}
.nbox .box .swiper-slide .wen .w01{ font-size:20px; line-height:30px; height:60px; font-weight:bold; text-align:center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .swiper-slide .wen .w01 a{ color:#333;}
.nbox .box .swiper-slide .wen .w01:hover{ color:#026d81;}
.nbox .box .swiper-slide .wen .w02{ width:140px; height:40px; line-height:40px; display:flex; justify-content:center; align-items:center; margin:auto; margin-top:25px; background-color:#333; border-radius:40px; color:#fff; font-size:16px;}
.nbox .box .swiper-slide .wen .w02 img{ display:block; margin-left:20px; height:12px;}
.nbox .box .swiper-slide .wen .w02:hover{ background-color:#026d81;}

.nbox .swiper-pagination{ width:100%; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#fff;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#026d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.nbox{ display: none; width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.nbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.nbox .title .t01,.nbox .title .t02{ color:#fff;}
.nbox .box{ width:94%; max-width:1480px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:32%; position:relative; display:block; overflow:hidden; background-color:#fff; border-radius:10px;}
.nbox .box .swiper-slide .tu{ width:100%; position:relative;}
.nbox .box .swiper-slide .tu:before{ width:100%; padding-top:66.66%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .time{ width:80px; height:80px; margin:auto; margin-top:-40px; position:relative; z-index:3; background-color:#333; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.nbox .box .swiper-slide .time b{ font-size:32px; line-height:1; color:#fff; display:block;}
.nbox .box .swiper-slide .time p{ font-size:16px; line-height:1; color:#fff; display:block; margin-top:6px;}
.nbox .box .swiper-slide .wen{ padding:25px; padding-top:20px;}
.nbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:56px; font-weight:bold; text-align:center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .swiper-slide .wen .w01 a{ color:#333;}
.nbox .box .swiper-slide .wen .w01:hover{ color:#026d81;}
.nbox .box .swiper-slide .wen .w02{ width:120px; height:38px; line-height:38px; display:flex; justify-content:center; align-items:center; margin:auto; margin-top:20px; background-color:#333; border-radius:40px; color:#fff; font-size:15px;}
.nbox .box .swiper-slide .wen .w02 img{ display:block; margin-left:15px; height:12px;}
.nbox .box .swiper-slide .wen .w02:hover{ background-color:#026d81;}

.nbox .swiper-pagination{ width:100%; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#fff;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#026d81;}
}
@media only screen and (max-width:1023px){
.nbox{ display: none; width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#fff;}
.nbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.nbox .title .t01,.nbox .title .t02{ color:#fff;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.nbox .box .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden; background-color:#fff; border-radius:10px;}
.nbox .box .swiper-slide .tu{ width:100%; position:relative;}
.nbox .box .swiper-slide .tu:before{ width:100%; padding-top:66.66%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .time{ width:80px; height:80px; margin:auto; margin-top:-40px; position:relative; z-index:3; background-color:#333; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.nbox .box .swiper-slide .time b{ font-size:32px; line-height:1; color:#fff; display:block;}
.nbox .box .swiper-slide .time p{ font-size:16px; line-height:1; color:#fff; display:block; margin-top:6px;}
.nbox .box .swiper-slide .wen{ padding:15px; padding-bottom:20px;}
.nbox .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; height:52px; font-weight:bold; text-align:center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .swiper-slide .wen .w01 a{ color:#333;}
.nbox .box .swiper-slide .wen .w01:hover{ color:#026d81;}
.nbox .box .swiper-slide .wen .w02{ width:120px; height:36px; line-height:36px; display:flex; justify-content:center; align-items:center; margin:auto; margin-top:15px; background-color:#333; border-radius:40px; color:#fff; font-size:14px;}
.nbox .box .swiper-slide .wen .w02 img{ display:block; margin-left:10px; height:12px;}
.nbox .box .swiper-slide .wen .w02:hover{ background-color:#026d81;}

.nbox .swiper-pagination{ width:100%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#fff;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-color:#026d81;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:94%; max-width: 1480px; margin:45px auto;}
.footer .foot .left{ width:24%; float:left; padding-bottom:5px;}
.footer .foot .left .f01{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.footer .foot .left .f02{ display:block; margin-top:-5px;}
.footer .foot .left .f02 li{ display:flex; align-items:center; overflow:hidden; margin-top:20px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:32px; height:32px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 44px); margin-left:10px; line-height:24px; font-size:16px; color:#aaa;}
.footer .foot .mil{ width:45%; float:left; margin:0 2.6%;}
.footer .foot .mil .f01{ width:31.33%; margin-right:3%; display:block; float:left;}
.footer .foot .mil .f01:last-child{ margin-right:0;}
.footer .foot .mil dt{ display:block; font-size:20px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:5px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .right{ width:23%; float:left;}
.footer .foot .right .f01{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.footer .foot .right .f02{ padding:15px 0; margin-bottom:20px; border-bottom:1px solid #333; display:flex; align-items:center;}
.footer .foot .right .f02 p{ font-size:16px; line-height:26px; display:block; color:#aaa; flex:1; margin-right:20px;}
.footer .foot .right .f02 strong{ width:80px; display:block; overflow:hidden;}
.footer .foot .right .f02 strong img{ width:100%; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:100%; background-color:#090909; height:60px; display:flex; justify-content:center; align-items:center;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden; margin:0 20px;}
.footer .bq p a{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:94%; margin:30px auto;}
.footer .foot .left{ width:28%; float:left; padding-bottom:5px;}
.footer .foot .left .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .left .f02{ display:block;}
.footer .foot .left .f02 li{ display:flex; align-items:center; overflow:hidden; margin-top:15px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:32px; height:32px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 44px); margin-left:10px; line-height:24px; font-size:15px; color:#aaa;}
.footer .foot .mil{ width:48%; float:left; margin:0 2%;}
.footer .foot .mil .f01{ width:31.33%; margin-right:3%; display:block; float:left;}
.footer .foot .mil .f01:last-child{ margin-right:0;}
.footer .foot .mil dt{ display:block; font-size:18px; line-height:28px; height:28px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:3px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:15px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .right{ width:20%; float:left;}
.footer .foot .right .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .right .f02{ padding:15px 0; margin-bottom:20px; border-bottom:1px solid #333; display:flex; align-items:center;}
.footer .foot .right .f02 p{ font-size:14px; line-height:24px; display:block; color:#aaa; flex:1; margin-right:15px;}
.footer .foot .right .f02 strong{ width:80px; display:block; overflow:hidden;}
.footer .foot .right .f02 strong img{ width:100%; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:100%; background-color:#090909; height:60px; display:flex; justify-content:center; align-items:center;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden; margin:0 20px;}
.footer .bq p a{ color:#fff;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:94%; margin:20px auto;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .left .f01{ font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer .foot .left .f02{ display:block;}
.footer .foot .left .f02 li{ display:flex; align-items:center; overflow:hidden; margin-top:10px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:32px; height:32px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 44px); margin-left:10px; line-height:24px; font-size:14px; color:#aaa;}
.footer .foot .mil{ width:40%; float:left; margin:0 2%; display:none;}
.footer .foot .mil .f01{ width:33.33%; display:block; float:left;}
.footer .foot .mil dt{ display:block; font-size:18px; line-height:28px; height:28px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:3px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:15px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .right{ width:100%; float:left; position:relative;}
.footer .foot .right .f01{ font-size:16px; line-height:26px; height:26px; color:#fff;}
.footer .foot .right .f01:nth-child(1){ position:absolute; left:0; top:15px;}
.footer .foot .right .f02{ padding:15px 0; margin-bottom:10px; border-bottom:1px solid #333;}
.footer .foot .right .f02 p{ width:calc(100% - 95px); font-size:14px; line-height:24px; display:block; color:#aaa; float:left; margin-top:30px;}
.footer .foot .right .f02 strong{ width:80px; display:block; float:right;}
.footer .foot .right .f02 strong img{ height:80px; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:94%; padding:10px 3%; background-color:#090909; display:flex; flex-wrap:wrap; justify-content:center;}
.footer .bq p{ display:inline-block; margin:0 5px; font-size:14px; line-height:20px; color:#fff; height:24px; overflow:hidden;}
.footer .bq p a{ color:#fff;}
}

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

/*产品中心*/
@media screen and (min-width:1280px){
.pro{ width:100%; position:relative; z-index:1; padding-top:50px; padding-bottom:100px; background-color:#fff;}
.pro .box{ width:94%; max-width:1480px; margin:auto; position:relative; z-index:3;}
.pro .lbar{ float:left; padding:30px; width:240px; background-color:#f5f5f5; border-radius:20px;}
.pro .lbar .w01{ font-size:24px; line-height:34px; color:#999; font-weight:bold;}
.pro .lbar .w02{ font-size:24px; line-height:34px; color:#333; font-weight:bold;}
.pro .lbar .w03{ width:70px; height:1px; background-color:#ddd; margin-top:15px;}
.pro .lbar .w04{ width:100%; padding-top:5px;}
.pro .lbar .w04 .bt{ width:100%; margin-top:20px; font-size:20px; line-height:30px; height:30px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .lbar .w04 .bt.cur{ background-image:url(../images/add.png);}
.pro .lbar .w04 .cp{ display:none; padding-left:20px; padding-top:1px;}
.pro .lbar .w04 .cp a{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:5px; color:#666;}
.pro .lbar .w04 .cp a:hover{ color:#333;}
.pro .lbar .w04 .cp a.on{ color:#026d81;}

.pro .rbar{ float:right; width:calc(95% - 300px);}
.pro .rbar .list{ width:100%; display:block; margin-top:-40px;}
.pro .rbar .list li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:40px; overflow:hidden; position:relative; border-radius:10px; background-color:#f5f5f5;}
.pro .rbar .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro .rbar .list li a{ padding:30px; padding-top:35px; display:block; position:relative; z-index:3; display:block;}
.pro .rbar .list li .w01{ font-size:20px; line-height:30px; height:30px; font-weight:bold;}
.pro .rbar .list li:hover .w01{ color:#fff;}
.pro .rbar .list li .w02{ width:100%; height:340px; margin-top:15px; border-top:1px solid #ddd; padding-top:20px; position:relative;}
.pro .rbar .list li .w02 img{ display:block; max-width:50%; max-height:200px; position:absolute; right:0; bottom:0;}
.pro .rbar .list li:hover .w02{ opacity:.5;}
.pro .rbar .list li .w03{ width:calc(100% - 60px); position:absolute; left:30px; top:106px; height:130px; transition:.3s;}
.pro .rbar .list li .w03 p{ width:100%; overflow:hidden; display:block; font-size:16px; line-height:26px; margin: 0 !important;}
.pro .rbar .list li:hover .w03{ height:182px; color:#fff;}
.pro .rbar .list li .w04{ width:38px; height:38px; border:1px solid #ddd; border-radius:100%; position:absolute; left:30px; bottom:30px; transition:.3s;}
.pro .rbar .list li .w04 img{ height:12px; display:block; margin:13px auto;}
.pro .rbar .list li .w04 img.img02{ display:none;}
.pro .rbar .list li:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pro .rbar .list li:hover .w04 img.img01{ display:none;}
.pro .rbar .list li:hover .w04 img.img02{ display:block;}
.pro .rbar .list li:hover .bg{ width:100%; height:calc(100% - 100px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ display:inline-block; margin:0 5px; vertical-align:middle;}
.fanye li a{ display:block; width:34px; height:34px; line-height:34px; font-size:16px; border-radius:5px; border:1px solid #eee; overflow:hidden; text-align:center; cursor:pointer;}
.fanye li a:hover{ border:1px solid #026d81; color:#026d81;}
.fanye li span{ display:block; width:34px; height:34px; line-height:34px; font-size:16px; border-radius:5px; border:1px solid #eee; overflow:hidden; text-align:center; cursor:pointer;}
.fanye li span.active{ border:1px solid #026d81; background-color:#026d81; color:#fff;}
.fanye li b{ width:6px; height:6px; display:inline-block; vertical-align:middle; background-color:#333; margin:0 3px; overflow:hidden; border-radius:100%;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro{ width:100%; position:relative; z-index:1; padding-top:40px; padding-bottom:70px; background-color:#fff;}
.pro .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pro .lbar{ float:left; padding:25px; width:220px; background-color:#f5f5f5; border-radius:15px;}
.pro .lbar .w01{ font-size:20px; line-height:30px; color:#999; font-weight:bold;}
.pro .lbar .w02{ font-size:20px; line-height:30px; color:#333; font-weight:bold;}
.pro .lbar .w03{ width:50px; height:1px; background-color:#ddd; margin-top:10px;}
.pro .lbar .w04{ width:100%; padding-top:5px;}
.pro .lbar .w04 .bt{ width:100%; margin-top:18px; font-size:18px; line-height:28px; height:28px; padding-left:17px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .lbar .w04 .bt.cur{ background-image:url(../images/add.png);}
.pro .lbar .w04 .cp{ display:none; padding-left:17px; padding-top:1px;}
.pro .lbar .w04 .cp a{ display:block; font-size:15px; line-height:25px; height:25px; overflow:hidden; margin-top:5px; color:#666;}
.pro .lbar .w04 .cp a:hover{ color:#333;}
.pro .lbar .w04 .cp a.on{ color:#026d81;}

.pro .rbar{ float:right; width:calc(97% - 270px);}
.pro .rbar .list{ width:100%; display:block; margin-top:-30px;}
.pro .rbar .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:30px; overflow:hidden; position:relative; border-radius:10px; background-color:#f5f5f5;}
.pro .rbar .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .rbar .list li a{ padding:25px; padding-top:30px; display:block; position:relative; z-index:3; display:block;}
.pro .rbar .list li .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pro .rbar .list li:hover .w01{ color:#fff;}
.pro .rbar .list li .w02{ width:100%; height:300px; margin-top:10px; border-top:1px solid #ddd; padding-top:15px; position:relative;}
.pro .rbar .list li .w02 img{ display:block; max-width:50%; max-height:200px; position:absolute; right:0; bottom:0;}
.pro .rbar .list li:hover .w02{ opacity:.5;}
.pro .rbar .list li .w03{ width:calc(100% - 50px); position:absolute; left:25px; top:85px; height:125px; transition:.3s;}
.pro .rbar .list li .w03 p{ width:100%; overflow:hidden; display:block; font-size:15px; line-height:25px; margin: 0 !important;}
.pro .rbar .list li:hover .w03{ height:175px; color:#fff;}
.pro .rbar .list li .w04{ width:36px; height:36px; border:1px solid #ddd; border-radius:100%; position:absolute; left:25px; bottom:25px; transition:.3s;}
.pro .rbar .list li .w04 img{ height:12px; display:block; margin:12px auto;}
.pro .rbar .list li .w04 img.img02{ display:none;}
.pro .rbar .list li:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pro .rbar .list li:hover .w04 img.img01{ display:none;}
.pro .rbar .list li:hover .w04 img.img02{ display:block;}
.pro .rbar .list li:hover .bg{ width:100%; height:calc(100% - 88px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ display:inline-block; margin:0 4px; vertical-align:middle;}
.fanye li a{ display:block; width:30px; height:30px; line-height:30px; font-size:15px; border-radius:5px; border:1px solid #eee; overflow:hidden; text-align:center; cursor:pointer;}
.fanye li a:hover{ border:1px solid #026d81; color:#026d81;}
.fanye li span{ display:block; width:30px; height:30px; line-height:30px; font-size:15px; border-radius:5px; border:1px solid #eee; overflow:hidden; text-align:center; cursor:pointer;}
.fanye li span.active{ border:1px solid #026d81; background-color:#026d81; color:#fff;}
.fanye li b{ width:4px; height:4px; display:inline-block; vertical-align:middle; background-color:#333; margin:0 2px; overflow:hidden; border-radius:100%;}
}
@media only screen and (max-width:1023px){
.pro{ width:100%; position:relative; z-index:1; padding-top:30px; padding-bottom:40px; background-color:#fff;}
.pro .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pro .lbar{ padding:15px; background-color:#f5f5f5; border-radius:10px;}
.pro .lbar .w01{ font-size:16px; line-height:26px; color:#999; font-weight:bold;}
.pro .lbar .w02{ font-size:16px; line-height:26px; color:#333; font-weight:bold;}
.pro .lbar .w03{ width:30px; height:1px; background-color:#ddd; margin-top:5px;}
.pro .lbar .w04{ width:100%; padding-top:5px;}
.pro .lbar .w04 .bt{ width:100%; margin-top:5px; font-size:16px; line-height:26px; height:26px; padding-left:15px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .lbar .w04 .bt.cur{ background-image:url(../images/add.png);}
.pro .lbar .w04 .cp{ display:none; padding-left:15px; padding-top:1px;}
.pro .lbar .w04 .cp a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666;}
.pro .lbar .w04 .cp a:hover{ color:#333;}
.pro .lbar .w04 .cp a.on{ color:#026d81;}

.pro .rbar{ width:100%; padding-top:5px;}
.pro .rbar .list{ width:100%; display:block;}
.pro .rbar .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden; position:relative; border-radius:10px; background-color:#f5f5f5;}
.pro .rbar .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .rbar .list li a{ padding:15px; display:block; position:relative; z-index:3; display:block;}
.pro .rbar .list li .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.pro .rbar .list li:hover .w01{ color:#fff;}
.pro .rbar .list li .w02{ width:100%; height:200px; margin-top:5px; border-top:1px solid #ddd; padding-top:10px; position:relative;}
.pro .rbar .list li .w02 img{ display:block; max-width:50%; max-height:100px; position:absolute; right:0; bottom:0;}
.pro .rbar .list li:hover .w02{ opacity:.5;}
.pro .rbar .list li .w03{ width:calc(100% - 30px); position:absolute; left:15px; top:60px; height:120px; transition:.3s; margin: 0 !important;}
.pro .rbar .list li .w03 p{ width:100%; overflow:hidden; display:block; font-size:14px; line-height:24px;}
.pro .rbar .list li:hover .w03{ height:168px; color:#fff;}
.pro .rbar .list li .w04{ width:34px; height:34px; border:1px solid #ddd; border-radius:100%; position:absolute; left:15px; bottom:15px; transition:.3s;}
.pro .rbar .list li .w04 img{ height:12px; display:block; margin:11px auto;}
.pro .rbar .list li .w04 img.img02{ display:none;}
.pro .rbar .list li:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pro .rbar .list li:hover .w04 img.img01{ display:none;}
.pro .rbar .list li:hover .w04 img.img02{ display:block;}
.pro .rbar .list li:hover .bg{ width:100%; height:calc(100% - 66px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}

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

/*产品内页*/
@media screen and (min-width:1280px){
.sav{ position:relative; z-index:3; align-items:center;}
.sav .left{ width:94%; max-width:1480px; margin:auto; padding:25px 0; display:flex; flex-wrap:wrap; justify-content:center; overflow: visible; position:relative;}
.sav .left:before{ width:100vw; height: 100%; display: block; content: ''; background-color: #f5f5f5; overflow: hidden; position: absolute; left: 50%; transform:translateX(-50%); top: 0; z-index: 1;}
.sav .left a{ display:block; font-size:16px; line-height:30px; padding:0 1.5625vw; position:relative; z-index: 3;}
.sav .left a:hover,.sav .left a.on{ color:#026d81;}
.sav .right{ width:94%; max-width:1480px; margin:auto; font-size:16px; line-height:26px; margin-top:25px;}
.sav .right img{ display:block; height:20px; float:left; margin-right:10px; margin-top:3px;}
.sav .right a{ display:block; float:left;}
.sav .right span{ display:block; float:left; margin:0 15px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sav{ width:100%; position:relative; z-index:3;}
.sav .left{ background-color:#f5f5f5; padding:17px 3%; display:flex; flex-wrap:wrap; justify-content:center;}
.sav .left a{ display:block; font-size:15px; line-height:26px; padding:0 1.5625vw; position:relative;}
.sav .left a:hover,.sav .left a.on{ color:#026d81;}
.sav .right{ width:94%; margin:auto; font-size:15px; line-height:25px; margin-top:20px;}
.sav .right img{ display:block; height:18px; float:left; margin-right:10px; margin-top:3px;}
.sav .right a{ display:block; float:left;}
.sav .right span{ display:block; float:left; margin:0 10px;}
}
@media only screen and (max-width:1023px){
.sav{ width:100%; position:relative; margin:auto; z-index:3;}
.sav .left{ padding:8px 5px; width:100%; box-sizing:border-box; flex-wrap:wrap; display:flex; align-items:center; justify-content:center; border-radius:0; background-color:#f5f5f5;}
.sav .left a{ display:block; font-size:14px; line-height:24px; padding:0 10px; position:relative;}
.sav .left a:hover,.sav .left a.on{ color:#026d81;}
.sav .right{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:10px;}
.sav .right img{ display:block; height:16px; float:left; margin-right:5px; margin-top:4px;}
.sav .right a{ display:block; float:left;}
.sav .right span{ display:block; float:left; margin:0 5px;}
}

@media screen and (min-width:1280px){
.pro01{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:100px; background-color:#fff;}
.pro02{ width:94%; max-width:1480px; margin:auto;}
.pro02 .lbar{ width:45%; float:left; padding-bottom:5px;}
.pro02 .lbar .gallery-top{ width:100%; display:block; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide{ width:100%; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a{ border:1px solid #ddd; box-sizing:border-box; padding-top:60%; display:block; position:relative;}
.pro02 .lbar .gallery-top .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs{ padding:0 60px; margin:auto; margin-top:30px; display:block; overflow:hidden; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro02 .lbar .gallery-thumbs .swiper-slide{ width:25%; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide a{ width:calc(100% - 22px); margin:0 10px; border:1px solid #ddd; display:block; padding-top:60%; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ border:1px solid #026d81;}
.pro02 .lbar .gallery-thumbs .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; background-color:#b2b2b2; z-index:3; border-radius:100%;}
.pro02 .lbar .gallery-thumbs .swiper-button-next{ background-image:url(../images/next.png); right:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-white:hover{ background-color:#026d81;}
.pro02 .rbar{ width:50%; float:right;}
.pro02 .rbar .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.pro02 .rbar .w02{ font-size:22px; line-height:32px; color:#026d81; padding-top:10px; font-weight:bold;}
.pro02 .rbar .w03{ padding-top:10px; display:none; font-size:18px; line-height:28px; color:#026d81; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.pro02 .rbar .w04 p{ display:block;}

.pro03{ width:94%; max-width:1480px; margin:auto; margin-top:40px;}
.pro03 .bt{ font-size:24px; line-height:34px; color:#026d81; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #ddd;}
.pro03 .tab_menu{ display: block; font-size:24px; line-height:34px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #ddd; margin-left: -30px;}
.pro03 .tab_menu li{ display: block; float: left; margin-left: 30px; cursor: pointer;}
.pro03 .tab_menu li.on{ color:#026d81;}
.pro03 .wen{ margin-top:25px; font-size:16px; line-height:26px;}
.pro03 .wen img{ max-width:100%; height:auto;}
.pro03 .wen table{ width:100% !important;}
table{ border-collapse:collapse; max-width: 100%; border:1px solid black;}
th, td{ border:1px solid black; padding: 10px;}
.pro03 .box05{ display:flex; flex-wrap:wrap;}
.pro03 .box05 li{ width:22.75%; margin-top:30px; margin-left:3%; padding:30px; box-sizing:border-box; padding-top:25px; background-color:#f5f5f5; border-radius:10px; overflow:hidden; position:relative;}
.pro03 .box05 li:nth-child(4n+1){ margin-left:0;}
.pro03 .box05 li .top{ font-size:16px; line-height:26px; color:#666;}
.pro03 .box05 li .middle{ font-size:18px; line-height:28px; margin-top:10px;}
.pro03 .box05 li:hover .middle a{ color:#026d81;}
.pro03 .box05 li .bottom{ border-top:1px solid #ddd; margin-top:20px; padding-top:25px;}
.pro03 .box05 li .bottom a{ display:block; float:right; font-size:16px; line-height:20px; height:20px; overflow:hidden;}
.pro03 .box05 li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#026d81; margin-left:10px;}
.pro03 .box05 li .bottom a b img{ height:14px; margin:3px; display:block;}

.pro03 .swiper-container{ width:100%; overflow:hidden; margin-top:30px;}
.pro03 .swiper-container .swiper-slide{ width:22.75%; display:block; position:relative; border-radius:10px; background-color:#f5f5f5; overflow:hidden;}
.pro03 .swiper-container .swiper-slide a{ padding:30px; padding-top:35px; display:block; position:relative; z-index:3; display:block;}
.pro03 .swiper-container .swiper-slide .w01{ font-size:20px; line-height:30px; height:30px; font-weight:bold;}
.pro03 .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.pro03 .swiper-container .swiper-slide .w02{ width:100%; height:340px; margin-top:15px; border-top:1px solid #ddd; padding-top:20px; position:relative;}
.pro03 .swiper-container .swiper-slide .w02 img{ display:block; max-width:50%; max-height:200px; position:absolute; right:0; bottom:0;}
.pro03 .swiper-container .swiper-slide:hover .w02{ opacity:.5;}
.pro03 .swiper-container .swiper-slide .w03{ width:calc(100% - 60px); position:absolute; left:30px; top:106px; height:130px; transition:.3s;}
.pro03 .swiper-container .swiper-slide .w03 p{ width:100%; overflow:hidden; display:block; font-size:16px; line-height:26px;}
.pro03 .swiper-container .swiper-slide:hover .w03{ height:182px; color:#fff;}
.pro03 .swiper-container .swiper-slide .w04{ width:38px; height:38px; border:1px solid #ddd; border-radius:100%; position:absolute; left:30px; bottom:30px; transition:.3s;}
.pro03 .swiper-container .swiper-slide .w04 img{ height:12px; display:block; margin:13px auto;}
.pro03 .swiper-container .swiper-slide .w04 img.img02{ display:none;}
.pro03 .swiper-container .swiper-slide:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pro03 .swiper-container .swiper-slide:hover .w04 img.img01{ display:none;}
.pro03 .swiper-container .swiper-slide:hover .w04 img.img02{ display:block;}
.pro03 .swiper-container .swiper-slide:hover .bg{ width:100%; height:calc(100% - 100px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}
.pro03 .swi{ width:100%; margin-top:30px;}
.pro03 .swi .swiper-pagination{ width:calc(100% - 140px); height:2px; float:left; margin-top:19px; background-color:#ddd; overflow:hidden; position:relative;}
.pro03 .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#026d81;}
.pro03 .swi .swiper-button-prev{ width:40px; height:40px; border-radius:100%; background-color:#f5f5f5; float:left; margin-left:40px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pro03 .swi .swiper-button-prev:hover{ background-color:#026d81; background-image:url(../images/prev.png);}
.pro03 .swi .swiper-button-next{ width:40px; height:40px; border-radius:100%; background-color:#f5f5f5; float:left; margin-left:20px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pro03 .swi .swiper-button-next:hover{ background-color:#026d81; background-image:url(../images/next.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro01{ width:100%; position:relative; z-index:1; padding-top:45px; padding-bottom:70px; background-color:#fff;}
.pro02{ width:94%; margin:auto;}
.pro02 .lbar{ width:47%; float:left; padding-bottom:5px;}
.pro02 .lbar .gallery-top{ width:100%; display:block; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide{ width:100%; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a{ border:1px solid #ddd; box-sizing:border-box; width:100%; padding-top:60%; display:block; position:relative;}
.pro02 .lbar .gallery-top .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs{ padding:0 45px; margin:auto; margin-top:25px; display:block; overflow:hidden; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro02 .lbar .gallery-thumbs .swiper-slide{ width:25%; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide a{ width:calc(100% - 16px); margin:0 7px; border:1px solid #ddd; display:block; padding-top:60%; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ border:1px solid #026d81;}
.pro02 .lbar .gallery-thumbs .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs .swiper-button-white{ width:38px; height:38px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-19px; background-color:#b2b2b2; z-index:3; border-radius:100%;}
.pro02 .lbar .gallery-thumbs .swiper-button-next{ background-image:url(../images/next.png); right:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-white:hover{ background-color:#026d81;}
.pro02 .rbar{ width:50%; float:right;}
.pro02 .rbar .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro02 .rbar .w02{ font-size:20px; line-height:30px; color:#026d81; padding-top:5px; font-weight:bold;}
.pro02 .rbar .w03{ padding-top:20px; display:none; font-size:17px; line-height:27px; color:#026d81; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:15px; line-height:25px; margin-top:5px;}
.pro02 .rbar .w04 p{ display:block;}

.pro03{ width:94%; margin:auto; margin-top:30px;}
.pro03 .bt{ font-size:20px; line-height:30px; color:#026d81; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd;}
.pro03 .tab_menu{ display: block; font-size:20px; line-height:30px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd; margin-left: -20px;}
.pro03 .tab_menu li{ display: block; float: left; margin-left: 20px; cursor: pointer;}
.pro03 .tab_menu li.on{ color:#026d81;}
.pro03 .wen{ margin-top:20px; font-size:15px; line-height:25px;}
.pro03 .wen img{ max-width:100%; height:auto;}
.pro03 .wen table{ width:100% !important;}
table{ border-collapse:collapse; max-width: 100%; border:1px solid black;}
th, td{ border:1px solid black; padding: 7px;}
.pro03 .box05{ display:flex; flex-wrap:wrap;}
.pro03 .box05 li{ width:22.75%; margin-top:25px; margin-left:3%; padding:25px; box-sizing:border-box; padding-top:20px; background-color:#f5f5f5; border-radius:10px; overflow:hidden; position:relative;}
.pro03 .box05 li:nth-child(4n+1){ margin-left:0;}
.pro03 .box05 li .top{ font-size:15px; line-height:25px; color:#666;}
.pro03 .box05 li .middle{ font-size:17px; line-height:27px; margin-top:5px;}
.pro03 .box05 li:hover .middle a{ color:#026d81;}
.pro03 .box05 li .bottom{ border-top:1px solid #ddd; margin-top:15px; padding-top:20px;}
.pro03 .box05 li .bottom a{ display:block; float:right; font-size:15px; line-height:20px; height:20px; overflow:hidden;}
.pro03 .box05 li .bottom a b{ width:20px; height:20px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#026d81; margin-left:10px;}
.pro03 .box05 li .bottom a b img{ height:14px; margin:3px; display:block;}

.pro03 .swiper-container{ width:100%; overflow:hidden; margin-top:25px;}
.pro03 .swiper-container .swiper-slide{ width:48.5%; display:block; position:relative; border-radius:10px; background-color:#f5f5f5; overflow:hidden;}
.pro03 .swiper-container .swiper-slide a{ padding:25px; padding-top:30px; display:block; position:relative; z-index:3; display:block;}
.pro03 .swiper-container .swiper-slide .w01{ font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pro03 .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.pro03 .swiper-container .swiper-slide .w02{ width:100%; height:300px; margin-top:10px; border-top:1px solid #ddd; padding-top:15px; position:relative;}
.pro03 .swiper-container .swiper-slide .w02 img{ display:block; max-width:50%; max-height:200px; position:absolute; right:0; bottom:0;}
.pro03 .swiper-container .swiper-slide:hover .w02{ opacity:.5;}
.pro03 .swiper-container .swiper-slide .w03{ width:calc(100% - 50px); position:absolute; left:25px; top:85px; height:125px; transition:.3s;}
.pro03 .swiper-container .swiper-slide .w03 p{ width:100%; overflow:hidden; display:block; font-size:15px; line-height:25px;}
.pro03 .swiper-container .swiper-slide:hover .w03{ height:175px; color:#fff;}
.pro03 .swiper-container .swiper-slide .w04{ width:36px; height:36px; border:1px solid #ddd; border-radius:100%; position:absolute; left:25px; bottom:25px; transition:.3s;}
.pro03 .swiper-container .swiper-slide .w04 img{ height:12px; display:block; margin:12px auto;}
.pro03 .swiper-container .swiper-slide .w04 img.img02{ display:none;}
.pro03 .swiper-container .swiper-slide:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pro03 .swiper-container .swiper-slide:hover .w04 img.img01{ display:none;}
.pro03 .swiper-container .swiper-slide:hover .w04 img.img02{ display:block;}
.pro03 .swiper-container .swiper-slide:hover .bg{ width:100%; height:calc(100% - 88px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}
.pro03 .swi{ width:100%; margin-top:25px;}
.pro03 .swi .swiper-pagination{ width:calc(100% - 121px); height:2px; float:left; margin-top:18px; background-color:#ddd; overflow:hidden; position:relative;}
.pro03 .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#026d81;}
.pro03 .swi .swiper-button-prev{ width:38px; height:38px; border-radius:100%; background-color:#f5f5f5; float:left; margin-left:30px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pro03 .swi .swiper-button-prev:hover{ background-color:#026d81; background-image:url(../images/prev.png);}
.pro03 .swi .swiper-button-next{ width:38px; height:38px; border-radius:100%; background-color:#f5f5f5; float:left; margin-left:15px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pro03 .swi .swiper-button-next:hover{ background-color:#026d81; background-image:url(../images/next.png);}
}
@media only screen and (max-width:1023px){
.pro01{ width:100%; position:relative; z-index:1; padding-top:25px; padding-bottom:40px; background-color:#fff;}
.pro02{ width:94%; margin:auto;}
.pro02 .lbar{ width:100%; float:left;}
.pro02 .lbar .gallery-top{ width:100%; display:block; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide{ width:100%; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide a{ border:1px solid #ddd; box-sizing:border-box; width:100%; padding-top:60%; display:block; position:relative;}
.pro02 .lbar .gallery-top .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs{ padding:0 40px; margin:auto; margin-top:15px; display:block; overflow:hidden; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro02 .lbar .gallery-thumbs .swiper-slide{ width:25%; overflow:hidden;}
.pro02 .lbar .gallery-thumbs .swiper-slide a{ width:calc(100% - 10px); margin:0 4px; border:1px solid #ddd; display:block; padding-top:60%; position:relative;}
.pro02 .lbar .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ border:1px solid #026d81;}
.pro02 .lbar .gallery-thumbs .swiper-slide a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .lbar .gallery-thumbs .swiper-button-white{ width:36px; height:36px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-18px; background-color:#b2b2b2; z-index:3; border-radius:100%;}
.pro02 .lbar .gallery-thumbs .swiper-button-next{ background-image:url(../images/next.png); right:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.pro02 .lbar .gallery-thumbs .swiper-button-white:hover{ background-color:#026d81;}
.pro02 .rbar{ width:100%; float:right;}
.pro02 .rbar .w01{ font-size:18px; line-height:28px; font-weight:bold; padding-top:15px;}
.pro02 .rbar .w02{ font-size:18px; line-height:28px; color:#026d81; font-weight:bold;}
.pro02 .rbar .w03{ padding-top:10px; display:none; font-size:16px; line-height:26px; color:#026d81; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:14px; line-height:24px;}

.pro03{ width:94%; margin:auto; margin-top:20px;}
.pro03 .bt{ font-size:18px; line-height:28px; color:#026d81; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ddd;}
.pro03 .tab_menu{ display: block; font-size:18px; line-height:28px; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #ddd; margin-left: -10px;}
.pro03 .tab_menu li{ display: block; float: left; margin-left: 10px; cursor: pointer;}
.pro03 .tab_menu li.on{ color:#026d81;}
.pro03 .wen{ margin-top:15px; font-size:14px; line-height:24px;}
.pro03 .wen img{ max-width:100%; height:auto;}
.pro03 .wen table{ width:100% !important;}
table{ border-collapse:collapse; max-width: 100%; border:1px solid black;}
th, td{ border:1px solid black; padding: 5px;}
.pro03 .box05{ display:flex; flex-wrap:wrap;}
.pro03 .box05 li{ width:100%; margin-top:20px; padding:15px; box-sizing:border-box; padding-top:20px; background-color:#f5f5f5; border-radius:10px; overflow:hidden; position:relative;}
.pro03 .box05 li .top{ font-size:14px; line-height:24px; color:#666;}
.pro03 .box05 li .middle{ font-size:16px; line-height:26px;}
.pro03 .box05 li:hover .middle a{ color:#026d81;}
.pro03 .box05 li .bottom{ border-top:1px solid #ddd; margin-top:10px; padding-top:15px}
.pro03 .box05 li .bottom a{ display:block; float:right; font-size:14px; line-height:18px; height:18px; overflow:hidden;}
.pro03 .box05 li .bottom a b{ width:18px; height:18px; border-radius:3px; float:right; display:block; overflow:hidden; background-color:#026d81; margin-left:10px;}
.pro03 .box05 li .bottom a b img{ height:12px; margin:3px; display:block;}

.pro03 .swiper-container{ width:100%; overflow:hidden; margin-top:20px;}
.pro03 .swiper-container .swiper-slide{ width:100%; display:block; position:relative; border-radius:10px; background-color:#f5f5f5; overflow:hidden;}
.pro03 .swiper-container .swiper-slide a{ padding:15px; display:block; position:relative; z-index:3; display:block;}
.pro03 .swiper-container .swiper-slide .w01{ font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.pro03 .swiper-container .swiper-slide:hover .w01{ color:#fff;}
.pro03 .swiper-container .swiper-slide .w02{ width:100%; height:260px; margin-top:5px; border-top:1px solid #ddd; padding-top:10px; position:relative;}
.pro03 .swiper-container .swiper-slide .w02 img{ display:block; max-width:50%; max-height:200px; position:absolute; right:0; bottom:0;}
.pro03 .swiper-container .swiper-slide:hover .w02{ opacity:.5;}
.pro03 .swiper-container .swiper-slide .w03{ width:calc(100% - 30px); position:absolute; left:15px; top:60px; height:120px; transition:.3s;}
.pro03 .swiper-container .swiper-slide .w03 p{ width:100%; overflow:hidden; display:block; font-size:14px; line-height:24px;}
.pro03 .swiper-container .swiper-slide:hover .w03{ height:168px; color:#fff;}
.pro03 .swiper-container .swiper-slide .w04{ width:34px; height:34px; border:1px solid #ddd; border-radius:100%; position:absolute; left:15px; bottom:15px; transition:.3s;}
.pro03 .swiper-container .swiper-slide .w04 img{ height:12px; display:block; margin:11px auto;}
.pro03 .swiper-container .swiper-slide .w04 img.img02{ display:none;}
.pro03 .swiper-container .swiper-slide:hover .w04{ border:1px solid #026d81; background-color:#026d81;}
.pro03 .swiper-container .swiper-slide:hover .w04 img.img01{ display:none;}
.pro03 .swiper-container .swiper-slide:hover .w04 img.img02{ display:block;}
.pro03 .swiper-container .swiper-slide:hover .bg{ width:100%; height:calc(100% - 66px); background: linear-gradient(to top,#026d81,#009ebb); position:absolute; left:0; top:0; z-index:1;}
.pro03 .swi{ width:100%; margin-top:20px;}
.pro03 .swi .swiper-pagination{ width:calc(100% - 121px); height:2px; float:left; margin-top:18px; background-color:#ddd; overflow:hidden; position:relative;}
.pro03 .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#026d81;}
.pro03 .swi .swiper-button-prev{ width:38px; height:38px; border-radius:100%; background-color:#f5f5f5; float:left; margin-left:30px; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pro03 .swi .swiper-button-prev:hover{ background-color:#026d81; background-image:url(../images/prev.png);}
.pro03 .swi .swiper-button-next{ width:38px; height:38px; border-radius:100%; background-color:#f5f5f5; float:left; margin-left:15px; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.pro03 .swi .swiper-button-next:hover{ background-color:#026d81; background-image:url(../images/next.png);}
}

/*解决方案*/
@media screen and (min-width:1280px){
.main{ width:100%; padding-top:60px; padding-bottom:100px; position:relative; z-index:1; background-size:cover; background-color:#fff;}

.main .box{ width:94%; max-width:1480px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.main .box .case{ width:100%; overflow:hidden; margin-top:-40px;}
.main .box .case li{ display:block; width:22.75%; float:left; margin-left:3%; margin-top:40px; position:relative; background-color:#fff; overflow:hidden; border-radius:10px;}
.main .box .case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .case li .tu{ width:100%;}
.main .box .case li .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.main .box .case li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .case li .wen{ border:1px solid #eee; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.main .box .case li .wen .w01{ padding:25px 30px; padding-bottom:10px;}
.main .box .case li .wen .w01 a{ display:block; font-size:16px; line-height:26px; font-weight:bold; color:#026d81;}
.main .box .case li .wen .w02{ padding:0 30px;}
.main .box .case li .wen .w02 a{ width:100%; display:block; font-size:20px; line-height:30px; height:60px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .box .case li .wen .w02 a:hover{ color:#026d81;}
.main .box .case li .wen .w04{ padding:0 30px; margin-top:25px; border-top:1px solid #eee; height:50px; position:relative;}
.main .box .case li .wen .w04 span{ display:block; float:left; color:#666; font-size:16px; line-height:50px; height:50px;}
.main .box .case li .wen .w04 a{ display:block; float:right; width:20px; height:20px; overflow:hidden; margin-top:15px; background-image:url(../images/next01.png); background-position:right center; background-repeat:no-repeat;}
.main .box .case li:hover .wen .w04 a{ background-image:url(../images/next02.png);}
.main .box .case li:hover .wen .w04 b{ width:100%; height:1px; background-color:#026d81; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.main .box .case li:hover .wen{ border-bottom:1px solid #026d81;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main{ width:100%; padding-top:40px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-color:#fff;}

.main .box{ width:94%; max-width:1480px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.main .box .case{ width:100%; overflow:hidden; margin-top:-30px;}
.main .box .case li{ display:block; width:23.5%; float:left; margin-left:2%; margin-top:30px; position:relative; background-color:#fff; overflow:hidden; border-radius:10px;}
.main .box .case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .case li .tu{ width:100%;}
.main .box .case li .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.main .box .case li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .case li .wen{ border:1px solid #eee; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.main .box .case li .wen .w01{ padding:20px 25px; padding-bottom:5px;}
.main .box .case li .wen .w01 a{ display:block; font-size:15px; line-height:25px; font-weight:bold; color:#026d81;}
.main .box .case li .wen .w02{ padding:0 25px;}
.main .box .case li .wen .w02 a{ width:100%; display:block; font-size:18px; line-height:28px; height:56px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .box .case li .wen .w02 a:hover{ color:#026d81;}
.main .box .case li .wen .w04{ padding:0 25px; margin-top:20px; border-top:1px solid #eee; height:48px; position:relative;}
.main .box .case li .wen .w04 span{ display:block; float:left; color:#666; font-size:15px; line-height:48px; height:48px;}
.main .box .case li .wen .w04 a{ display:block; float:right; width:20px; height:20px; overflow:hidden; margin-top:14px; background-image:url(../images/next01.png); background-position:right center; background-repeat:no-repeat;}
.main .box .case li:hover .wen .w04 a{ background-image:url(../images/next02.png);}
.main .box .case li:hover .wen .w04 b{ width:100%; height:1px; background-color:#026d81; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.main .box .case li:hover .wen{ border-bottom:1px solid #026d81;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:20px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#fff;}

.main .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .box .case{ width:100%; overflow:hidden; margin-top:-15px;}
.main .box .case li{ display:block; width:48.5%; float:left; margin-left:3%; margin-top:15px; position:relative; background-color:#fff; overflow:hidden; border-radius:10px;}
.main .box .case li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .case li .tu{ width:100%;}
.main .box .case li .tu a{ width:100%; padding-top:66.66%; display:block; overflow:hidden; position:relative;}
.main .box .case li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .case li .wen{ border:1px solid #eee; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.main .box .case li .wen .w01{ padding:15px; padding-bottom:0;}
.main .box .case li .wen .w01 a{ display:block; font-size:14px; line-height:24px; font-weight:bold; color:#026d81;}
.main .box .case li .wen .w02{ padding:0 15px;}
.main .box .case li .wen .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:52px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .box .case li .wen .w02 a:hover{ color:#026d81;}
.main .box .case li .wen .w04{ padding:0 15px; margin-top:10px; border-top:1px solid #eee; height:44px; position:relative;}
.main .box .case li .wen .w04 span{ display:block; float:left; color:#666; font-size:14px; line-height:44px; height:44px;}
.main .box .case li .wen .w04 a{ display:block; float:right; width:20px; height:20px; overflow:hidden; margin-top:12px; background-image:url(../images/next01.png); background-position:right center; background-repeat:no-repeat;}
.main .box .case li:hover .wen .w04 a{ background-image:url(../images/next02.png);}
.main .box .case li:hover .wen .w04 b{ width:100%; height:1px; background-color:#026d81; position:absolute; left:0; bottom:0; display:block; overflow:hidden;}
.main .box .case li:hover .wen{ border-bottom:1px solid #026d81;}
}

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

/*信息*/
@media screen and (min-width:1280px){
.xx{ font-size:16px; line-height:26px;}
.xx img{ max-width:100%; height:auto;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.xx{ font-size:15px; line-height:25px;}
.xx img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:1023px){
.xx{ font-size:14px; line-height:24px;}
.xx img{ max-width:100%; height:auto;}
}

/*服务*/
@media screen and (min-width:1280px){
.main .fw01{ width:100%; margin-top:-40px;}
.main .fw01 li{ width:100%; display:flex; margin-top:40px; overflow:hidden;}
.main .fw01 li .left{ width:50%; float:left;}
.main .fw01 li .left img{ width:100%; display:block;}
.main .fw01 li .right{ width:50%; float:right; padding:40px; box-sizing:border-box; background-color:#f5f5f5;}
.main .fw01 li .right .w01{ font-size:24px; line-height:34px; color:#026d81; padding-bottom:15px; border-bottom:1px solid #ddd;}
.main .fw01 li .right .w02{ font-size:14px; line-height:30px; margin-top:22px;}
.main .fw01 li:nth-child(2n){ flex-direction:row-reverse;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .fw01{ width:100%; margin-top:-30px;}
.main .fw01 li{ width:100%; display:flex; margin-top:30px; overflow:hidden;}
.main .fw01 li .left{ width:50%; float:left;}
.main .fw01 li .left img{ width:100%; display:block;}
.main .fw01 li .right{ width:50%; float:right; padding:30px; box-sizing:border-box; background-color:#f5f5f5;}
.main .fw01 li .right .w01{ font-size:20px; line-height:30px; color:#026d81; padding-bottom:10px; border-bottom:1px solid #ddd;}
.main .fw01 li .right .w02{ font-size:14px; line-height:24px; margin-top:20px;}
.main .fw01 li:nth-child(2n){ flex-direction:row-reverse;}
}
@media only screen and (max-width: 1023px){
.main .fw01{ width:100%; margin-top:-20px;}
.main .fw01 li{ width:100%; display:block; margin-top:20px; overflow:hidden;}
.main .fw01 li .left{ width:100%; float:left;}
.main .fw01 li .left img{ width:100%; display:block;}
.main .fw01 li .right{ width:100%; float:right; padding:15px; box-sizing:border-box; background-color:#f5f5f5;}
.main .fw01 li .right .w01{ font-size:16px; line-height:26px; color:#026d81; padding-bottom:5px; border-bottom:1px solid #ddd;}
.main .fw01 li .right .w02{ font-size:14px; line-height:24px; margin-top:10px;}
}

/*公司*/
@media screen and (min-width:1280px){
.main .box .ab01{ width:100%; font-size:16px; line-height:26px;}
.main .box .ab01 img{ max-width:100%; height:auto !important;}

.main .box .ab02{ width:100%; font-size:16px; line-height:26px; margin-top:40px;}
.main .box .ab02 img{ max-width:100%; height:auto !important;}

.main .box .ab03{ width:100%; display:none; flex-wrap:wrap;}
.main .box .ab03 li{ width:47.5%; margin-left:5%; margin-top:35px;}
.main .box .ab03 li:nth-child(2n+1){ margin-left:0;}
.main .box .ab03 li img{ width:100%; display:block;}

.main .box .ab04{ display:none; justify-content:space-between; padding-top:5px; padding-bottom:30px;}
.main .box .ab04 li{ max-width:23.5%; display:block; margin-top:30px;}
.main .box .ab04 li b{ display:block; font-size:50px; line-height:60px; color:#026d81;}
.main .box .ab04 li p{ display:block; font-size:16px; line-height:26px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .box .ab01{ width:100%; font-size:15px; line-height:25px;}
.main .box .ab01 img{ max-width:100%; height:auto !important;}

.main .box .ab02{ width:100%; font-size:15px; line-height:25px; margin-top:30px;}
.main .box .ab02 img{ max-width:100%; height:auto !important;}

.main .box .ab03{ width:100%; display:none; flex-wrap:wrap;}
.main .box .ab03 li{ width:47.5%; margin-left:5%; margin-top:25px;}
.main .box .ab03 li:nth-child(2n+1){ margin-left:0;}
.main .box .ab03 li img{ width:100%; display:block;}

.main .box .ab04{ display:none; justify-content:space-between; padding-top:5px; padding-bottom:20px;}
.main .box .ab04 li{ max-width:23.5%; display:block; margin-top:20px;}
.main .box .ab04 li b{ display:block; font-size:40px; line-height:50px; color:#026d81;}
.main .box .ab04 li p{ display:block; font-size:15px; line-height:25px;}
}
@media only screen and (max-width:1023px){
.main .box .ab01{ width:100%; font-size:14px; line-height:24px;}
.main .box .ab01 img{ max-width:100%; height:auto !important;}

.main .box .ab02{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .box .ab02 img{ max-width:100%; height:auto !important;}

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

.main .box .ab04{ display:none; flex-wrap:wrap; padding-top:5px; padding-bottom:10px;}
.main .box .ab04 li{ display:block; margin-top:10px; width:48.5%; margin-left:3%;}
.main .box .ab04 li:nth-child(2n+1){ margin-left:0;}
.main .box .ab04 li b{ display:block; font-size:30px; line-height:40px; color:#026d81;}
.main .box .ab04 li p{ display:block; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.main .ab05{ width:100%; margin-top:-5px;}
.main .ab05 a{ width:31.33%; display:block; margin-top:40px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab05 a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .ab05 a:before{ width:100%; display:block; padding-top:52.47%; content:''; overflow:hidden;}
.main .ab05 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab05 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab05 a span{ display:block; width:100%; height:46px; line-height:46px; background-color:rgba(0,0,0,0.7); font-size:16px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 20px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .ab05{ width:100%; margin-top:-5px;}
.main .ab05 a{ width:32%; display:block; margin-top:30px; margin-left:2%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab05 a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .ab05 a:before{ width:100%; display:block; padding-top:52.47%; content:''; overflow:hidden;}
.main .ab05 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab05 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab05 a span{ display:block; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,0.7); font-size:15px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 15px;}
}

@media only screen and (max-width: 1023px){
.main .ab05{ width:100%;}
.main .ab05 a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative; cursor:pointer;}
.main .ab05 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .ab05 a:before{ width:100%; display:block; padding-top:52.47%; content:''; overflow:hidden;}
.main .ab05 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab05 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab05 a span{ display:block; width:100%; height:34px; line-height:34px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:0 10px;}
}

/*新闻*/
@media screen and (min-width:1280px){
.main{ width:100%; padding-top:60px; padding-bottom:100px; position:relative; z-index:1; background-size:cover; background-color:#fff;}

.main .news{ width:100%; overflow:hidden; margin-top:-40px;}
.main .news li{ display:block; width:22.75%; float:left; margin-left:3%; margin-top:40px; position:relative; background-color:#f5f5f5; overflow:hidden; border-radius:10px;}
.main .news li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:66.66%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:30px; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:16px; line-height:26px; height:26px;}
.main .news li .wen .w02{ margin-top:10px;}
.main .news li .wen .w02 a{ width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#026d81;}
.main .news li .wen .w03{ margin-top:10px; font-size:16px; line-height:26px; height:78px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main{ width:100%; padding-top:40px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-color:#fff;}

.main .news{ width:100%; overflow:hidden; margin-top:-30px;}
.main .news li{ display:block; width:23.5%; float:left; margin-left:2%; margin-top:30px; position:relative; background-color:#f5f5f5; overflow:hidden; border-radius:10px;}
.main .news li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:66.66%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:20px; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:15px; line-height:25px; height:25px;}
.main .news li .wen .w02{ margin-top:10px;}
.main .news li .wen .w02 a{ width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#026d81;}
.main .news li .wen .w03{ margin-top:5px; font-size:15px; line-height:25px; height:75px; color:#666;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:20px; padding-bottom:40px; position:relative; z-index:1; background-size:cover; background-color:#fff;}

.main .news{ width:100%; overflow:hidden; margin-top:-15px;}
.main .news li{ display:block; width:48.5%; float:left; margin-left:3%; margin-top:15px; position:relative; background-color:#f5f5f5; overflow:hidden; border-radius:10px;}
.main .news li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .news li .tu{ width:100%; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; padding-top:66.66%; display:block; position:relative; overflow:hidden;}
.main .news li .tu a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ padding:15px; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:14px; line-height:24px; height:24px;}
.main .news li .wen .w02{ margin-top:2px;}
.main .news li .wen .w02 a{ width:100%; font-size:16px; line-height:26px; height:26px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .wen .w02 a:hover{ color:#026d81;}
.main .news li .wen .w03{ margin-top:2px; font-size:14px; line-height:24px; height:72px; color:#666;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.main .lx01{ width:100%; margin:auto; display:flex;}
.main .lx01 .left{ width:47.5%;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .left img{ width:100%; height:100%; object-fit:cover;}
.main .lx01 .right{ width:46.875%; margin-left:5.625%;}
.main .lx01 .right dl{ display:block; overflow:hidden; margin-top:-30px;}
.main .lx01 .right dl dt{ margin-top:30px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:60px;}
.main .lx01 .right dl dt strong img{ width:60px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 70px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx01 .right dl dd{ margin-top:25px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin:10px 0;}
.main .lx01 .right dl dd strong{ width:120px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .lx01{ width:94%; margin:auto; display:flex;}
.main .lx01 .left{ width:48%;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .left img{ width:100%; height:100%; object-fit:cover;}
.main .lx01 .right{ width:49%; margin-left:3%;}
.main .lx01 .right dl{ display:block; overflow:hidden; margin-top:-20px;}
.main .lx01 .right dl dt{ margin-top:20px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:50px;}
.main .lx01 .right dl dt strong img{ width:50px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx01 .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin:5px 0;}
.main .lx01 .right dl dd strong{ width:100px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}

@media only screen and (max-width: 1023px){
.main .lx01{ width:94%; margin:auto;}
.main .lx01 .left{ width:100%;}
.main .lx01 .left #map{ width:100%; height:260px;}
.main .lx01 .right{ width:100%;}
.main .lx01 .right dl{ display:block; overflow:hidden;}
.main .lx01 .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:50px;}
.main .lx01 .right dl dt strong img{ width:50px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.main .lx01 .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin-top:5px;}
.main .lx01 .right dl dd strong{ width:80px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}

@media screen and (min-width:1280px){
.js{ width:100%; padding-bottom:95px; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.js img{ max-width:94%; height:auto; display:block; margin:auto;}
.js span{ width:94%; max-width:1480px; margin:auto; font-size:36px; line-height: 46px; text-transform:uppercase; display:block; text-align: center; margin-top: 35px;}
.js p{ width:94%; max-width:1480px; margin:auto; font-size:24px; line-height:34px; margin-top:20px; display:block; text-align: center;}
.js p b{ display:block; font-weight:normal; margin-top:10px; color:#165ed5;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.js{ width:100%; padding-bottom:65px; padding-top:45px; position:relative; z-index:1; background-color:#fff;}
.js img{ max-width:94%; height:auto; display:block; margin:auto;}
.js span{ width:94%; margin:auto; font-size:30px; line-height: 40px; text-transform:uppercase; display:block; text-align: center; margin-top: 25px;}
.js p{ width:94%; margin:auto; font-size:20px; line-height:30px; margin-top:15px; display:block; text-align: center;}
.js p b{ display:block; font-weight:normal; margin-top:5px; color:#165ed5;}
}
@media only screen and (max-width:1023px){
.js{ width:100%; padding-bottom:35px; padding-top:25px; position:relative; z-index:1; background-color:#fff;}
.js img{ max-width:94%; height:auto; display:block; margin:auto;}
.js span{ width:94%; font-size:24px; line-height: 34px; text-transform:uppercase; display:block; text-align: center; margin-top: 15px;}
.js p{ width:94%; margin:auto; font-size:16px; line-height:26px; margin-top:10px; display:block; text-align: center;}
.js p b{ display:block; font-weight:normal; color:#165ed5;}
}

.click{ cursor:pointer;}
.zbox{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:102; display:none;}
.zbox .box{ width: 240px; max-width: 94%; padding:30px 15px; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); box-sizing: border-box;}
.zbox .box .close{ position:absolute; right:20px; top:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.zbox .box .close img{ width:16px; display:block; cursor:pointer;}
.zbox .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.zbox .box .tu{ width:160px; height: 160px; margin:20px auto; background-image:url(../images/ma_17.png);}
.zbox .box .tu span{ width:140px; height: 140px; display: block; margin: 10px; overflow: hidden;}
.zbox .box .tu img{ width:100%; display: block;}
.zbox .box .bt{ font-size:14px; line-height: 24px; text-align: center; display: block;}

@media screen and (min-width:1280px){
.container{ width:94%; max-width:1480px; margin:auto; margin-top: 95px; position:relative; z-index:3; height: ; overflow: hidden;}
.container.on{ height:auto;}
/*.container .mask{ width:100%; height: 30px; background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute; left: 0; bottom: 0;}
.container.on .mask{ display: none;}*/
.upperfilter__header { margin-bottom: 15px; font-size: 20px; line-height: 30px; height: 30px; font-weight: bold;} 
.table-collapse { float: right; width: 20px; height: 30px; background-size: 20%; background-image:url("../images/arrow.svg"); background-position: right center; background-repeat: no-repeat; background-size: 100% auto;}
.container.on .table-collapse { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.table-border{ width:100%; overflow: auto; position: relative;}
.container.on .table-border{ display: none;}
.table-border table{ border-radius: 5px; width: 100%;}
.table-border td{ height: 30px; text-align: center; line-height: 1.2; padding:0 5px; position: relative; vertical-align: middle;}
.table-border td.bottom-legend{ text-align:left;}
.table-border td input{ width: 18px; height: 18px; line-height: 18px;}
.legend { color: #026d81; font-weight: 600; margin-left: 10px;}
.reset-btn { float: right; background-image:url("../images/reset.svg"); background-position: left center; background-repeat: no-repeat; background-size: 16px auto; padding: 0 0 0 25px; color: #026d81; margin-right: 10px;}
}
.upperfilter__header a{ display: block; float: right;}
@media screen and (min-width:1024px) and (max-width:1279px){
.container{ width:94%; max-width:1480px; margin:auto; margin-top: 65px; position:relative; z-index:3; height: ; overflow: hidden;}
.container.on{ height:auto;}
/*.container .mask{ width:100%; height: 25px; background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute; left: 0; bottom: 0;}
.container.on .mask{ display: none;}*/
.upperfilter__header { margin-bottom: 10px; font-size: 18px; line-height: 28px; height: 28px; font-weight: bold;} 
.upperfilter__header a{ display: block; float: right;}
.table-collapse { float: right; width: 20px; height: 28px; background-size: 20%; background-image:url("../images/arrow.svg"); background-position: right center; background-repeat: no-repeat; background-size: 100% auto;}
.container.on .table-collapse { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.table-border{ width:100%; overflow: auto;}
.container.on .table-border{ display: none;}
.table-border table{ border-radius: 5px; width: 100%;}
.table-border td{ height: 28px; text-align: center; line-height: 1.3; padding:0 4px; position: relative; vertical-align: middle;}
.table-border td input{ width: 16px; height: 16px; line-height: 16px;}
.table-border td.bottom-legend{ text-align:left;}
.legend { color: #026d81; font-weight: 600; margin-left: 7px;}
.reset-btn { float: right; background-image:url("../images/reset.svg"); background-position: left center; background-repeat: no-repeat; background-size: 16px auto; padding: 0 0 0 25px; color: #026d81; margin-right: 7px;}   
}
@media only screen and (max-width:1023px){
.container{ width:94%; margin:auto; margin-top: 35px; position:relative; z-index:3; height: ; overflow: hidden;}
.container.on{ height:auto;}
/*.container .mask{ width:100%; height: 20px; background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute; left: 0; bottom: 0;}
.container.on .mask{ display: none;}*/
.upperfilter__header { margin-bottom: 5px; font-size: 16px; line-height: 26px; height: 26px; font-weight: bold;} 
.table-collapse { float: right; width: 20px; height: 26px; background-size: 20%; background-image:url("../images/arrow.svg"); background-position: right center; background-repeat: no-repeat; background-size: 100% auto;}
.container.on .table-collapse { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.table-border{ width:100%; overflow: auto;}
.container.on .table-border{ display: none;}
.table-border table{ border-radius: 5px; width: 100%;}
.table-border td{ height: 26px; text-align: center; line-height: 1.4; padding:0 3px; position: relative; vertical-align: middle;}
.table-border td input{ width: 14px; height: 14px; line-height: 14px;}
.table-border td.bottom-legend{ text-align:left;}
.legend { color: #026d81; font-weight: 600; margin-left: 4px;}
.reset-btn { float: right; background-image:url("../images/reset.svg"); background-position: left center; background-repeat: no-repeat; background-size: 16px auto; padding: 0 0 0 25px; color: #026d81; margin-right: 4px;}     
}
.upperfilter__title{ font-weight:bold; color:rgb(2,109,129);}
.table-border td b{ font-weight:normal;}