html,body{padding: 0;margin: 0;font-size: 16px;color:#000;overflow-x:hidden;     font:14px/1.8 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif;}
.wrap{margin: 0 auto; width:94%;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{outline:none; text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
dl, ol, ul, p{margin-bottom:0px}

@font-face {
  font-family: "iconfont"; /* Project id 4837614 */
  src: url('../font/iconfont.woff2?t=1740452971308') format('woff2'),
       url('../font/iconfont.woff?t=1740452971308') format('woff'),
       url('../font/iconfont.ttf?t=1740452971308') format('truetype');
}


.iconfont{font-family:"iconfont"!important; font-style:normal;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#aaa; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#fff;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#fff;}

.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}

/**导航菜单**/

header{width:100%; z-index:999; position:fixed; background:#fff}
header .logo{float:left; width:13%;}
header .logo a{width:100%; position:relative; z-index:99;}
header .logo img{max-width:100%; margin-top:29px}

header .rightDiv{float:right; width:13%;}
header .rightDiv .menu{position:relative;}
header .rightDiv .menu ul{width:100%; }
header .rightDiv .menu ul li{float:left; width:33.333%; height:98px; line-height:98px; text-align:center; position:relative; cursor:pointer; position:relative;}
header .rightDiv .menu ul li a{color:#000; font-size:22px;}
header .rightDiv .menu ul li a:hover{color:#08a3d8;}
header .rightDiv .menu ul li.cur .yj{color:#08a3d8;}


header .rightDiv .menu ul ul{position:absolute; text-align:left; background:#0b419b; box-shadow:0px 5px 5px rgba(0,0,0,.1); width:100%;  left:0; top:90px; opacity:0; overflow:hidden; transition: 0.4s;width:240px; left:-45px; display:none !important}
header .rightDiv .menu li:hover ul{opacity:1;}
header .rightDiv .menu li:hover ul li{height:50px; line-height:50px;}
header .rightDiv .menu li:hover ul li a{height:50px; line-height:50px;}
header .rightDiv .menu li ul li{width:100%; height:0px; line-height:0px; display:inline-block; border-bottom: 1px dashed rgba(255,255,255,.2); transition: 0.4s;}
header .rightDiv .menu li ul li a{height:0px; line-height:0px;}
header .rightDiv .menu ul ul li:last-child{border-bottom:none;}
header .rightDiv .menu ul ul li:hover{background:#08a3d8; border-bottom:none; height:70px; line-height:70px;}
header .rightDiv .menu ul ul li:hover a{color:#fff !important; height:70px; line-height:70px;}
header .rightDiv .menu ul ul li a{font-size:16px; color:#fff !important; text-transform:capitalize; font-weight:normal; margin-top:0}
header .rightDiv .menu ul ul li a:hover,header .rightDiv .menu ul li.cur ul li:hover a{color:#fff !important}
header .rightDiv .menu ul ul li a,header .rightDiv .menu ul li.cur ul li a{ color:#fff !important}
header .rightDiv .menu ul ul li a:after{ display:none}


.on-fixed header{position:fixed; top:0; left:0; background:rgba(255,255,255,1);  box-shadow:0 0 5px rgba(0,0,0,.2); transition:all 0.3s ease-out;}

.ny header{position:fixed; top:0; left:0; background:rgba(255,255,255,1);  box-shadow:0 0 5px rgba(0,0,0,.2); transition:all 0.3s ease-out;}
.ny header:after{content: ""; position:absolute; width:20%; height:100%; background:#015aaa; bottom:0; right:-20px; z-index:1; transform: skew(-20deg, 0deg);}
.ny header .logo .img02{display:none}
.ny header .logo .img{display:block}
.ny header .rightDiv .menu ul li:last-child a,.ny header .rightDiv .menu ul li:last-child:hover a{color:#fff;}
.ny header .rightDiv .menu ul li a{color:#333;}
.ny header .rightDiv .menu ul li:hover a{color:#015aaa}

header .mbtn {display: inline-block;width:60px;height:60px;background: url(../images/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../images/menu.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../images/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
@media (max-width:1600px) {
header .rightDiv{width:18%;}	
}
@media (max-width:1380px) {
.wrap{width:96%;}	
header .logo{width:18%;}
}
@media (max-width:1024px) {
header .rightDiv .menu ul li{height:70px; line-height:70px;}

img{max-width:100%;height:auto!important;}	
header{position:fixed; z-index:9999; top:0; left:auto; right:0; width:100%; height:60px; transition: right 300ms; backdrop-filter:none}
.on-fixed header{height:60px;}
header .mbtn {display: block; top:0}
header .logo img{margin-top:15px;}

.on-menu header{height:60px;}
.on-menu header .mbtn{top:0px;}

header .rightDiv .menu {float:right; position:fixed; top:0px; right:0; width:100%; height:100%; padding-top:0;background-color: rgba(255, 255, 255, 1); transition: right 300ms; right: -100%; padding:0; overflow-y:auto;}

header .rightDiv .menu ul{width:100%;  padding-top:60px; display:block !important}
header .rightDiv .menu ul li{padding:0; margin:0; width:100%; height: auto; border-top:1px solid rgba(120,120,120,.15); line-height:40px}
header .rightDiv .menu ul li a:after{ display:none}
header .rightDiv .menu ul li:last-child{border-bottom:1px solid rgba(120,120,120,.15);}
header .rightDiv .menu ul li:hover a{text-align:left; height:40px; line-height:40px; width: calc(100% - 50px); position: relative;}
header .rightDiv .menu ul li a{display:block; color:#666; line-height:40px; height:40px; text-align:left;font-size:16px; width: calc(100% - 50px); padding:0 40px 0 20px; margin:0; border-radius:0}


header .rightDiv .menu ul li.cur a{height:40px; line-height:40px; text-align:left; width: calc(100% - 50px);}
header .rightDiv .menu ul li.cur a{color: #666; position:relative}
header .rightDiv .menu ul li.cur ul li a{color: #76b669;}
header .rightDiv .menu ul li:after{ display:none}
header .rightDiv .menu>ul>li:hover, header .rightDiv .menu>ul>li:focus, header .rightDiv .menu>ul>li.active{background: none;}
header .rightDiv .menu ul ul li:hover a{height:40px; line-height:40px;}
header .rightDiv .menu ul ul{top:0; border: 0;    opacity:1; background: transparent;border-bottom:none;padding: 0; display:none !important; }
header .rightDiv .menu li ul.open{display:block !important}
header .rightDiv .menu li:hover ul{ width:100%; display:none}

header .rightDiv .menu ul li a span {display: none;}
header .rightDiv .menu ul li a.on {background: none;}
body.on-menu header .rightDiv .menu {right: 0;}
body.on-menu .main {right: 0;}

header.indexHeader .rightDiv .menu>ul>li.on>a{color: #fff;}
header .rightDiv .menu>ul>li:hover>a{color:#333;}
.menu ul ul{box-shadow: none;}
header .rightDiv .menu .linkDiv{display: none;}
header .rightDiv .menu>ul>li.has-sub{padding: 0;}
header .rightDiv .menu>ul>li>a::before{display: none;}

header .rightDiv .menu ul ul li{width:100%; background:rgba(255,255,255,.4); height:40px; line-height:40px;}
header .rightDiv .menu ul ul li a{font-size:14px; color:#76b669; height:40px; line-height:40px; margin:0 10px;}
header .rightDiv .menu ul li.cur li a{height:40px; line-height:40px}


header .rightDiv .menu>ul>li,header .rightDiv .menu.align-center>ul>li,header .rightDiv .menu.align-right>ul>li{float:none;display:block}
header .rightDiv .menu ul ul ul li a{padding-left:40px}
header .rightDiv .menu ul ul,
header .rightDiv .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
header .rightDiv .menu>ul>li.has-sub>a::after,header .rightDiv .menu ul ul li.has-sub>a::after{display:none}
header .rightDiv .menu li:hover>ul{left: auto;margin-left: auto;}

#menu-line{display:none}

.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:40px;width:45px;cursor:pointer}
.menu .submenu-button::after{content:'';position:absolute;top:15px;left:22px;display:block;width:1px;height:11px;background:#333;z-index:99}
.menu .submenu-button::before{content:'';position:absolute;top:20px;left:17px;display:block;width:11px;height:1px;background:#333;z-index:99}
.menu .submenu-button.submenu-opened:after{display:none}

.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
.menu ul ul ul{top: 0;}
header .search{ display:none}
body.on-menu header .mbtn{z-index: 1;}	
header .rightDiv .menu ul .lang i{ display:none}

.on-menu header .logo .img{ display:block}
.on-menu header .logo .img02{ display: none}
header .rightDiv .menu ul .ej{width:100%; left:0;}
header .rightDiv .menu li:hover ul li{ height:40px; line-height:40px}
header .rightDiv .menu ul ul li a, header .rightDiv .menu ul li.cur ul li a{ color:#666 !important}
.on-fixed header:after{ display:none}
}
@media (max-width:820px) {
header .logo{width:22%;}
}
@media (max-width:540px) {
header .logo{width:32%;}
}
@media (max-width:430px) {
header{height:45px;}
.on-fixed header{height:45px;}
.on-menu header{height:45px;}
header .rightDiv .menu ul{padding-top:45px;}
header .logo img{margin-top:11px;}
header .logo{width:30%;}
header .mbtn{height:45px; background-size:18px auto; width:45px}
body.on-menu header .mbtn{background-size:18px auto;}
}


/********************************* 首页 **********************************/

/*banner轮播*/
.index-banner{width:100%; position:relative; z-index:998; margin-top:98px}
.index-banner .swiper-slide{overflow:hidden; position:relative;}
.index-banner .img{width:100%; height:1180px; background-attachment:fixed; background-position:center center; background-size:cover; background-repeat:no-repeat}
.index-banner .swiper-pagination-bullets{width:100%; bottom:20px; z-index:2; text-align:center;}
.index-banner .swiper-pagination-bullet{width:10px; height:10px; background:#fff; border-radius:50%; transition:all 0.3s ease-out; margin:0 3px; opacity:.4}
.index-banner .swiper-pagination-bullet-active{width:80px; height:10px; border-radius:20px; background:#08a3d8; opacity:.8}
.index-banner .swiper-pagination-bullet span{border:none}
@media (max-width:2048px) {
.index-banner .img{height:1000px}
}
@media (max-width:1980px) {
.index-banner .img{height:804px}
}
@media (max-width:1780px) {
.index-banner .img{height:736px}
}
@media (max-width:1280px) {
.index-banner .img{height:680px}
}
@media (max-width:1024px) {
.index-banner{margin-top:60px}
.index-banner .img{height:580px}
}
@media (max-width:920px) {
.index-banner .img{height:500px}
.index-banner .swiper-pagination-bullets{bottom:10px;}
}
@media (max-width:540px) {
.index-banner .img{height:360px}
.index-banner .swiper-pagination-bullet{width:8px; height:8px;}
.index-banner .swiper-pagination-bullet-active{width:60px; height:8px;}
}
@media (max-width:430px) {
.index-banner{margin-top:45px}
.index-banner .img{height:300px}
}
@media (max-width:420px) {
.index-banner .img{height:280px}
}
@media (max-width:375px) {
.index-banner .img{height:250px}
}


.index_box{width:100%; position:relative; overflow:hidden;}
.index_box .wrap{border-bottom:1px solid #585657}
.index_box .box{margin:30px 0 100px;}

.tit_boxt{font-size:50px; height:43px; line-height:43px; text-transform:uppercase; border-left:4px solid #08a3d8; padding-left:15px; margin-bottom:30px; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}

.index_more{background:#08a3d8; color:#fff; font-size:28px; width:125px; line-height:1.1; text-align:center; transition:all 0.3s ease-out; display:block; margin:0 auto; padding:7px 0; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.index_more i{display:block; font-style:normal; font-size:12px; opacity:.8}
.index_more:hover{width:155px; color:#fff;}
@media (max-width:1480px) {
.index_box .box{margin:30px 0 80px;}
}
@media (max-width:1024px) {
.index_box .box{margin:30px 0 60px;}
.tit_boxt{font-size:40px; height:33px; line-height:33px; margin-bottom:20px; }
}
@media (max-width:540px) {
.index_box .box{margin:30px 0}
.tit_boxt{font-size:30px; height:22px; line-height:22px; padding-left:10px;}	
}



/*首页数据*/
.index_data{width:100%; position:relative; overflow:hidden;}
.index_data .wrap{border-bottom:1px solid #585657}
.index_about_data{width:85%; margin:0 auto; overflow:hidden; }
.index_about_data li{float:left; width:25%; text-align:center; margin:30px 0; position:relative; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s;}
.index_about_data li:after{content: ""; position:absolute; height:40px; width:2px; background:#000; right:0; top:50%; transform: translate(-50%, -50%);}
.index_about_data li .count-title{font-weight:bold; font-size:60px; position:relative; color:#000}
.index_about_data li .count-title.blue{color:#08a3d8}
.index_about_data li em{font-weight:bold; font-size:40px; font-style:normal; color:#08a3d8; position:absolute}
.index_about_data li b{font-size:18px; font-weight:normal; color:#000; margin-left:10px}
.index_about_data li:nth-child(4):after{display:none}
.index_about_data li:nth-child(1){animation-delay:.2s;}
.index_about_data li:nth-child(2){animation-delay:.3s;}
.index_about_data li:nth-child(3){animation-delay:.4s;}
.index_about_data li:nth-child(4){animation-delay:.5s;}
@media (max-width:1480px) {
.index_about_data{width:100%;}
}
@media (max-width:1180px) {
.index_about_data li .count-title{font-size:50px;}
.index_about_data li em{font-size:30px;}
}
@media (max-width:920px) {
.index_about_data{width:100%;}
.index_about_data li .count-title{font-size:40px;}
.index_about_data li em{font-size:24px;}
.index_about_data li b{font-size:16px; margin-left:0}
}
@media (max-width:540px) {
.index_about_data{margin:10px 0 20px}
.index_about_data li{width:50%; margin:0;}
.index_about_data li:nth-child(2):after{display:none}
}

/*首页大图*/
.index_img{}
.index_img .box{margin:100px 0; text-align:center; }
.index_img .box b{font-weight:normal; font-size:75px; letter-spacing:8px; color:#222; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.index_img .box p{font-size:20px; color:#222; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.index_img .box img{width:30%; margin:60px 0; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
@media (max-width:1480px) {
.index_img .box{margin:80px 0;}
}
@media (max-width:1380px) {
.index_img .box b{font-size:70px;}
.index_img .box img{width:40%; margin:40px 0;}
}
@media (max-width:1180px) {
.index_img .box b{font-size:60px;}
}
@media (max-width:1024px) {
.index_img .box{margin:60px 0;}
.index_img .box b{font-size:50px;}
.index_img .box img{width:50%; margin:30px 0;}
}
@media (max-width:920px) {
.index_img .box img{width:80%;}	
}
@media (max-width:780px) {
.index_img .box b{font-size:45px;}	
}
@media (max-width:540px) {
.index_img .box{margin:30px 0;}
.index_img .box b{font-size:35px; letter-spacing:1px;}	
.index_img .box p{font-size:16px;}
.index_img .box img{margin:20px 0;}
}
@media (max-width:430px) {
.index_img .box b{font-size:30px;}	
.index_img .box p{font-size:14px;}
.index_img .box img{width:100%;}	
}
@media (max-width:390px) {
.index_img .box b{font-size:28px;}	
}
@media (max-width:380px) {
.index_img .box b{font-size:26px;}	
}

/*首页项目*/
.index_project{}
.index_project_box{width:100%; overflow:hidden;}
.index_project_box li{width:32.333%; margin-right:1.5%; float:left; margin-bottom:30px; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.index_project_box li:nth-child(3n){margin-right:0}
.index_project_box li .pic{ overflow:hidden}
.index_project_box li img{transition: all 0.3s;}
.index_project_box li .wz{margin-top:10px}
.index_project_box li P{font-size:20px; color:#222; line-height:1}
.index_project_box li span{font-size:16px; color:#999}
.index_project_box li:hover P{color:#08a3d8}
.index_project_box li:hover img{transform:scale(1.05, 1.05);}
@media (max-width:540px) {
.index_project_box li{width:49.5%; margin-bottom:10px; margin-right:0;}	
.index_project_box li:nth-child(2n){float:right}
.index_project_box li P{font-size:16px;}
.index_project_box li span{font-size:14px;}
}

/*首页客户*/
.index_clients{}
.index_clients_box{width:100%; overflow:hidden;}
.index_clients_box li{width:25%; float:left; position:relative; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.index_clients_box li:nth-child(4n){float:right}

.index_clients_box li .w{display:block; position:absolute; width:15px; height:1px; background:#222; top:-1px; left:0px}
.index_clients_box li .h{display:block; position:absolute; width:1px; height:15px; background:#222; top:0px; left:-1px}
.index_clients_box li .x{display:block; position:absolute; width:15px; height:1px; background:#222; bottom:0px; right:-1px}
.index_clients_box li .y{display:block; position:absolute; width:1px; height:15px; background:#222; bottom:-1px; right:0px}

.index_clients_box li:nth-child(1) .w,.index_clients_box li:nth-child(2) .w,.index_clients_box li:nth-child(3) .w,.index_clients_box li:nth-child(4) .w,.index_clients_box li:nth-child(5) .w,.index_clients_box li:nth-child(9) .w{display:none;}
.index_clients_box li:nth-child(1) .h,.index_clients_box li:nth-child(2) .h,.index_clients_box li:nth-child(3) .h,.index_clients_box li:nth-child(4) .h{display:none;}
.index_clients_box li:nth-child(4) .x,.index_clients_box li:nth-child(8) .x,.index_clients_box li:nth-child(9) .x,.index_clients_box li:nth-child(10) .x,.index_clients_box li:nth-child(11) .x,.index_clients_box li:nth-child(12) .x{display:none;}
.index_clients_box li:nth-child(4) .y,.index_clients_box li:nth-child(8) .y,.index_clients_box li:nth-child(9) .y,.index_clients_box li:nth-child(10) .y,.index_clients_box li:nth-child(11) .y,.index_clients_box li:nth-child(12) .y{display:none;}
@media (max-width:540px) {
.index_clients_box li{width:50%;}
.index_clients_box li:nth-child(2) .x,.index_clients_box li:nth-child(2) .y,.index_clients_box li:nth-child(6) .x,.index_clients_box li:nth-child(6) .y,.index_clients_box li:nth-child(7) .w,.index_clients_box li:nth-child(7) .h,.index_clients_box li:nth-child(11) .w{display:none;}
.index_clients_box li:nth-child(4) .w,.index_clients_box li:nth-child(4) .h{display:block}
.index_clients_box li:nth-child(9) .x,.index_clients_box li:nth-child(9) .y{display:block}
}



/*首页服务*/
.index_partner{}
.index_partner_tit{ font-size:22px; color:#333; margin-bottom:30px; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.index_partner_box{width:100%; overflow:hidden;}
.index_partner_box li{width:24%; float:left; margin-right:1.33%; background:#eee; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s;}
.index_partner_box li:nth-child(4n){margin-right:0}
.index_partner_box li b{background:#08a3d8; display:block; width:100%; color:#fff; font-size:55px; line-height:1; font-weight:normal; padding:30px}
.index_partner_box li .wz{padding:60px 30px}
.index_partner_box li .wz p{font-size:30px; font-weight: lighter}
.index_partner_box li:nth-child(1){animation-delay:.2s;}
.index_partner_box li:nth-child(2){animation-delay:.3s;}
.index_partner_box li:nth-child(3){animation-delay:.4s;}
.index_partner_box li:nth-child(4){animation-delay:.5s;}
@media (max-width:1380px) {
.index_partner_box li b{font-size:45px;}
.index_partner_box li .wz{padding:40px 30px}
.index_partner_box li .wz p{font-size:26px;}
}
@media (max-width:1180px) {
.index_partner_box li b{font-size:40px;}
.index_partner_box li .wz p{font-size:22px;}
}
@media (max-width:1024px) {
.index_partner_box li b{font-size:30px; padding:20px}
.index_partner_box li .wz{padding:20px}
.index_partner_box li .wz p{font-size:22px;}
.index_partner_tit{margin-bottom:20px;}
.index_partner_box li{width:49%; margin-right:0; margin-top:20px}
.index_partner_box li:nth-child(2n){float:right}
}
@media (max-width:540px) {
.index_partner_tit{font-size:20px; margin-bottom:5px}	
.index_partner_box li b{font-size:24px;}
.index_partner_box li .wz p{font-size:18px;}
}
@media (max-width:430px) {
.index_partner_tit{font-size:18px;}	
.index_partner_box li{margin-top:10px}
}
@media (max-width:380px) {
.index_partner_box li b{font-size:20px; padding:10px}
.index_partner_box li .wz{padding:10px}
.index_partner_box li .wz p{font-size:16px;}	
.index_partner_tit{font-size:16px;}	
}




/**底部**/
.footer{width:100%; overflow:hidden; padding:100px 0; position:relative; background:#eee; margin-top:100px}
.footer .box{width:60%; margin:0 auto; overflow:hidden; display:flex;}
.footer .foot_nav{position:relative; padding: 0 60px}
.footer .foot_nav:after{content: ""; position:absolute; height:100px; width:2px; background:#999; right:0; top:50%; transform: translate(-50%, -50%);}
.footer .foot_nav b{font-size:30px; font-weight:normal;}
.footer .foot_nav p{ font-size:18px; color:#444; line-height:1.4}
.footer .foot_nav .foot_logo{width:345px;}
.footer .foot_nav .ewm{width:120px;}
.footer .foot_nav:nth-child(4):after{display:none}
.foot_box{width:100%; overflow:hidden; background:#08a3d8; color:#000; font-size:18px; text-align:center; padding:40px 0}
@media (max-width:2048px) {
.footer .box{width:80%; }
}

@media (max-width:1780px) {
.footer .box{width:88%;}
}
@media (max-width:1680px) {
.footer .box{width:90%;}
.footer .foot_nav{padding: 0 50px}
}
@media (max-width:1480px) {
.footer{padding:80px 0; margin-top:80px}	
.footer .box{width:100%;}
}
@media (max-width:1380px) {
.footer .foot_nav{padding: 0 40px}
}
@media (max-width:1280px) {
.footer .foot_nav{padding: 0 30px}
.footer .foot_nav:nth-child(4){padding: 0 0 0 30px}
}
@media (max-width:1180px) {
.footer .foot_nav:nth-child(1){padding: 0 30px 0 0}
}
@media (max-width:1024px) {
.footer{padding:60px 0; margin-top:60px}	
.footer .foot_nav b{font-size:22px;}
.footer .foot_nav p{font-size:16px;}
.footer .foot_nav{padding: 0 20px}
.footer .foot_nav:nth-child(1){padding: 0 20px 0 0}
.footer .foot_nav:nth-child(4){padding: 0 0 0 20px}
.footer .foot_nav .foot_logo{width:300px;}
.footer .foot_nav .ewm{width:100px;}
.foot_box{padding:30px 0}
}
@media (max-width:780px) {
.footer .foot_nav .foot_logo{width:220px;}
}
@media (max-width:540px) {
.footer{padding:30px 0 20px; margin-top:30px}	
.footer .box{display:block}
.footer .foot_nav{width:100%; float:left; padding:0; margin-bottom:10px; text-align:center}
.footer .foot_nav:after{ display:none}
.footer .foot_nav:nth-child(1),.footer .foot_nav:nth-child(4){padding:0}
.footer .foot_nav .foot_logo{width:300px;}
.footer .foot_nav .ewm{width:150px;}
.foot_box{font-size:16px; padding:20px 0}
}
@media (max-width:380px) {
.foot_box{font-size:14px;}	
}


.ny_banner{width:100%; min-height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#08a3d8; margin-top:98px}
.ny_box{margin:100px 0}
.ny_tit{font-size:50px; margin-bottom:20px}
@media (max-width:1480px) {
.ny_banner{min-height:260px;}
.ny_box{margin:80px 0}
.ny_tit{font-size:40px;}
}
@media (max-width:1024px) {
.ny_banner{min-height:220px; margin-top:60px}
.ny_box{margin:60px 0;}
.ny_tit{font-size:30px;}
}
@media (max-width:540px) {
.ny_box{margin:30px 0}
.ny_banner{min-height:160px;}
.ny_tit{margin-bottom:5px}
}
@media (max-width:430px) {
.ny_banner{min-height:100px; margin-top:45px}
.ny_tit{font-size:26px;}
}
@media (max-width:380px) {
	
}


/**项目**/
.wz_box{border-top:1px solid #585657; margin-top:100px; padding:100px 0}
.wz_box b{font-size:35px; color:#08a3d8;}
.wz_box p{font-size:20px; color:#222;}

/**我们**/
.aboutusym .footer{margin-top:0px;}
.ny_aboutus{padding:100px 0}
.ny_aboutus.culture{background:#f7f5f6; padding:250px 0}
.ny_aboutus.process{background:#f7f5f6;}
.ny_aboutus.join{padding:200px 0 300px; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url(../images/join.jpg); text-align:center}

.ny_aboutus .box{width:50%; margin:0 auto; text-align:center; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s; }
.ny_aboutus .box b{font-weight:normal; font-size:75px; letter-spacing:8px; color:#222; margin-bottom:60px; display:block}
.ny_aboutus .box p{font-size:25px; color:#222; line-height:50px; font-weight:lighter;}
.ny_aboutus .box .bod{font-weight:bold; display:block; margin:50px 0; font-size:30px}
.ny_aboutus .box .job{ margin-top:40px}
.ny_aboutus .box font{color:#e43d1d;}

.ny_aboutus .logo_box{width:80%; margin:0 auto; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.4s;}
.ny_aboutus .logo_box li{width:16%; float:left; position:relative;}

.ny_aboutus .culture_box{width:36%; margin:0 auto; font-size:30px; line-height:80px; font-weight:lighter; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.ny_aboutus .culture_box b{margin-right:100px; font-weight:bold}
.ny_aboutus .culture_box b.a{letter-spacing:30px; margin-right:70px;}


.process_box{width:100%; overflow:hidden;}
.process_box li{width:32%; float:left; margin-right:1.5%; margin-bottom:26px; background:#fff; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.process_box li:nth-child(3n){margin-right:0}
.process_box li b{background:#08a3d8; display:block; width:100%; color:#fff; font-size:40px; line-height:1; font-weight:normal; padding:30px}
.process_box li .wz{padding:60px 30px}
.process_box li .wz p{font-size:25px; font-weight:lighter}
@media (max-width:1980px) {
.ny_aboutus .box{width:60%;}
.ny_aboutus .culture_box{width:45%;}
.ny_aboutus.join{padding:150px 0 200px;}	
}
@media (max-width:1780px) {
.ny_aboutus .box{width:64%;}
.ny_aboutus .culture_box{width:48%;}		
}
@media (max-width:1680px) {
.ny_aboutus .box{width:68%;}
.ny_aboutus .culture_box{width:50%;}	
.process_box li .wz{padding:50px 25px}
.ny_aboutus .box p,.process_box li .wz p{font-size:24px;}	
}
@media (max-width:1600px) {
.ny_aboutus .box{width:72%;}
.ny_aboutus .logo_box{width:100%;}
.ny_aboutus .culture_box{width:55%;}	
.process_box li .wz{padding:50px 25px}
.ny_aboutus .box p,.process_box li .wz p{font-size:22px;}	
}
@media (max-width:1480px) {
.ny_aboutus{padding:80px 0;}
.ny_aboutus .box{width:100%;}
.ny_aboutus .box b{font-size:60px; letter-spacing:6px; margin-bottom:40px;}
.ny_aboutus .box .bod{margin:30px 0;}
.ny_aboutus.culture{padding:200px 0}
.ny_aboutus .culture_box{width:58%;}
.process_box li b{font-size:30px;}
.ny_aboutus .box p,.process_box li .wz p{font-size:20px;}	
.ny_aboutus.join{padding:120px 0 180px;}
}
@media (max-width:1380px) {
.ny_aboutus .culture_box{width:50%; font-size:25px; line-height:60px;}
.ny_aboutus .culture_box b{margin-right:80px;}
.ny_aboutus .culture_box b.a{letter-spacing:25px; margin-right:55px;}
}
@media (max-width:1280px) {
.ny_aboutus .culture_box{width:54%;}
.process_box li{width:49%; margin-right:0; margin-bottom:22px;}
.process_box li:nth-child(2n){margin-right:0; float:right}
}
@media (max-width:1180px) {
.ny_aboutus .culture_box{width:58%;}
}
@media (max-width:1024px) {
.ny_aboutus{padding:60px 0;}
.ny_aboutus .box b{font-size:50px; letter-spacing:4px; margin-bottom:30px;}
.ny_aboutus.culture{padding:160px 0}
.ny_aboutus .culture_box{width:65%;}
.process_box li b{padding:20px}
.process_box li .wz{padding:20px}
.ny_aboutus.join{padding:60px 0 150px;}
}
@media (max-width:992px) {
.ny_aboutus .box p{line-height:40px}
.ny_aboutus .box p,.process_box li .wz p{font-size:18px;}	
.ny_aboutus .logo_box li{ width:33.333%}
.ny_aboutus .culture_box{width:80%;}
.ny_aboutus .box .job{margin-top:30px;}
}
@media (max-width:820px) {
.ny_aboutus .culture_box{width:100%;}	
}
@media (max-width:540px) {
.ny_aboutus .box b{font-size:35px; letter-spacing:1px; margin-bottom:10px}
.ny_aboutus .box p,.process_box li .wz p{font-size:16px; line-height:30px}	
.ny_aboutus .logo_box li{ width:50%}
.ny_aboutus.culture{padding:80px 0}
.ny_aboutus .culture_box{text-align:center; font-size:20px; line-height:40px;}
.ny_aboutus .culture_box p{ margin-bottom:10px}
.ny_aboutus .culture_box b{margin-right:0px; font-weight:bold; display:block}
.ny_aboutus .culture_box b.a{letter-spacing:0px; margin-right:0px;}
.process_box li{margin-bottom:0px; margin-top:10px}
.process_box li b{font-size:20px}
.ny_aboutus.join{padding:40px 0 120px;}
}
@media (max-width:430px) {
.ny_aboutus{padding:30px 0;}
.ny_aboutus .box b{font-size:28px;}	
.ny_aboutus .box p,.process_box li .wz p{font-size:14px; line-height:25px}	
.ny_aboutus .box .bod{font-size:25px;}
.process_box li{ width:100%}
.ny_aboutus.culture{padding:40px 0}
.ny_aboutus .culture_box{font-size:18px; line-height:35px;}
.ny_aboutus.join{padding:30px 0 80px;}
.ny_aboutus .box .job{margin-top:20px;}
}
@media (max-width:380px) {
.ny_aboutus .box b{font-size:26px;}	
}



/**联系**/
.contact_box{width:100%; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.contact_box li{width:24%; float:left; margin-right:1.33%; background:#f5f5f5; }
.contact_box li b{font-size:24px; color:#fff; display:block; font-weight:normal; background:#08a3d8; padding:20px}
.contact_box li p{font-size:16px; color:#222; padding:20px}
.contact_box li a{color:#222;}
.contact_box li:nth-child(4){margin-right:0}

.contact-map{width:100%; overflow:hidden; margin-top:20px; padding:20px; background:#eee; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
#container{min-width:100%; min-height:540px; }
#container .map_wz{ font-size:20px; color:#08a3d8; font-weight:bold; margin-bottom:1px; display:block}
#container .map_wzz{ font-size:16px;}
@media (max-width:1600px) {
.pro-banner .img{height:680px}
}
@media (max-width:1480px) {
.pro-banner .img{height:620px}
.wz_box{margin-top:80px; padding:80px 0}
}
@media (max-width:1380px) {
.pro-banner .img{height:580px}
.wz_box b{font-size:30px;}
.wz_box p{font-size:18px;}
}
@media (max-width:1280px) {
.pro-banner .img{height:540px}
.contact_box li{width:49.5%; margin-right:0; margin-bottom:10px}
.contact_box li:nth-child(2n){ float:right}
.contact-map{margin-top:10px;}
}
@media (max-width:1180px) {
.pro-banner .img{height:500px}
}
@media (max-width:1024px) {
.pro-banner .img{height:430px}
.wz_box{margin-top:60px; padding:60px 0}
.ny_aboutus_box .bt{font-size:30px;}
}
@media (max-width:920px) {
.pro-banner .img{height:380px}
.ny_aboutus_box img{width:100%; margin-right:0px; border:5px solid #eee; margin-bottom:5px}
.contact_box li b{font-size:20px;}
}
@media (max-width:840px) {
.pro-banner .img{height:340px}
}
@media (max-width:780px) {
.pro-banner .img{height:320px}
}
@media (max-width:540px) {
.pro-banner .img{height:220px}
.wz_box{margin-top:30px; padding:30px 0}
.wz_box b{font-size:26px;}
.wz_box p{font-size:16px;}
.ny_aboutus_box p{line-height:30px;}
.contact-map{padding:8px;}
.contact_box li{width:100%;}
#container{min-height:340px; }
}
@media (max-width:430px) {
.pro-banner .img{height:180px}
.ny_aboutus_box .bt{font-size:24px;}
.ny_aboutus_box p{font-size:14px; line-height:25px}
.contact_box li b{font-size:18px; padding:10px}
.contact_box li p{font-size:16px; padding:10px}
#container .map_wz{font-size:18px;}
#container .map_wzz{font-size:14px;}
}
@media (max-width:420px) {
.pro-banner .img{height:170px}
}
@media (max-width:380px) {
.pro-banner .img{height:160px}
}
@media (max-width:370px) {
.pro-banner .img{height:150px}
}




/*分页样式 开始*/
.fengye{clear:both; margin:auto 0; margin-top:20px; text-align: center; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
div.digg{text-align:center; font-size:16px;}
div.digg span.disabled{padding:14px 20px; margin:0 2px; color:#666; background:#eee;}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#08a3d8;}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#eee;}
div.digg a:hover {background:#08a3d8; color:#fff;}
div.digg .keng{display:none}
@media (max-width:380px) {	
div.digg span.disabled,div.digg span.current,div.digg a{padding:10px 16px; margin:0 2px;}
}



/**内页导航**/
.left_menu{width:100%; position:relative; z-index:99; margin-top:-65px; margin-bottom:40px; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
.left_menu .categoryDiv{width:100%;}
.left_menu .categoryDiv .bd{text-align:center;}
.left_menu .categoryDiv .bd ul{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.left_menu .categoryDiv .bd li{text-align:center; cursor:pointer; position:relative;  padding:0 1%}
.left_menu .categoryDiv .bd li a{color:#222; font-size:18px;}
.left_menu .categoryDiv .bd li.active a{color:#08a3d8;}
.left_menu .categoryDiv .bd li.active a:hover{color:#08a3d8;}
.left_menu .categoryDiv .bd li a:hover{color:#08a3d8;}

.left_menu .categoryDiv .bd li ul{position:absolute; text-align:left; width:100%;  left:0; top:46px; padding-top:24px; overflow:hidden; transition: 0.4s; opacity:0}
.left_menu .categoryDiv .bd li ul li{width:100%; height:0; line-height:0; transition: 0.4s; border-top: 1px dashed rgba(255,255,255,.2); background:#0b419b;}
.left_menu .categoryDiv .bd li ul li a{background:none; color:#fff; font-size:14px; padding:0 10px;}
.left_menu .categoryDiv .bd li ul li a:hover{background:none; color:#fff;}
.left_menu .categoryDiv .bd li ul li:hover{background:#f80;}
.left_menu .categoryDiv .bd li ul li:nth-child(1){border-top:none}
.left_menu .categoryDiv .bd li:hover ul{opacity:1}
.left_menu .categoryDiv .bd li:hover ul li{height:46px; line-height:46px;}
.left_menu .categoryDiv .bd li.active ul li a{background:none;}
.left_menu .categoryDiv .bd li.active ul li a:hover{background:none;}
@media (max-width:1024px) {	
.left_menu{margin-top:0px; margin-bottom:20px;}
.left_menu .categoryDiv .bd ul{display:flex;flex-wrap: wrap;align-items: left;justify-content: left;}
}
@media (max-width:540px) {	
.left_menu .categoryDiv .bd li a{font-size:16px;}
}