html,body{padding:0; margin:0; color:#333; overflow-x:hidden; font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; }
.wrap{max-width:1600px; margin:0 auto}
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{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;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: 4;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 4502945 */
  src: url('../font/iconfont.woff2?t=1712798191627') format('woff2'),
       url('../font/iconfont.woff?t=1712798191627') format('woff'),
       url('../font/iconfont.ttf?t=1712798191627') 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%; position:fixed; z-index:999; background:rgba(0, 0, 0, 0); transition: 0.4s;}
header .wrap{max-width:96%;}
header .logo{float:left; margin-top:5px}
header .logo .img{max-height:50px;}
header .logo .img02{max-height:50px; display:none}
header:hover{background:rgba(255, 255, 255, 1); border-bottom:2px solid #d83038;}
header:hover .logo .img{display:none}
header:hover .logo .img02{display:block}

header .menu{position:relative; z-index:99; width:70%; float:right}
header .menu ul{width:100%;}
header .menu ul li{float:left; width:12%; height:65px; line-height:65px; text-align:center;  cursor:pointer; position:relative; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
header .menu ul li a{font-size:16px; position:relative; text-transform:uppercase; color:#fff}
header .menu ul li a:hover{color:#d83038}
header .menu ul li.cur a{color:#fff}
header .menu ul li.cur a:hover{color:#fff}

header:hover .menu ul li a{color:#666}
header:hover .menu ul li.cur a{color:#1b60ad}
header:hover .menu ul li.cur a:hover{color:#1b60ad}

header .menu ul li ul{position:absolute; background:rgba(255, 255, 255, 1); box-shadow:0px 5px 5px rgba(0,0,0,.1); display:none; width:100%; top:62px; left:0; border-top:3px solid #d83038;}
header .menu ul li:hover ul{display:block}
header .menu ul li ul li{width:100%; height:50px; line-height:50px; border-top:1px solid #eee; }
header .menu ul li ul li:after{display:none}
header .menu ul li ul li a{font-size:14px; color:#707070; font-weight:normal; overflow: hidden;}
header .menu ul li.cur li a{color:#707070;}
header .menu ul li ul li:hover a{color:#1b60ad}
header:hover .menu ul li.cur li a{color:#666}
header:hover .menu ul li.cur a:hover{color:#1b60ad}


header .menu ul li:hover .ej{width:1100px; display:flex;}
header .menu ul li .ej li{height:auto; text-align:left; position:relative}
header .menu ul li .ej li:after{content:''; top:35px; left:20px; display:block; width:6px; height:6px; border-radius:50%; background:#10417C; position:absolute; }
header .menu ul li .ej li:nth-child(even){background:#F7F7F7;}
header .menu ul li:hover .ej li{height:auto;}
header .menu ul li .ej li a{color:#707070; padding-left:35px; height:70px; line-height:70px}
header .menu ul li .ej .sj{border-top:2px solid #e4e4e4; padding:20px 0}
header .menu ul li .ej .sj a{display:block; font-size:14px; color:#888; height:30px; line-height:30px; position:relative; padding-left:40px}
header .menu ul li .ej .sj a:before {content:""; display:block; width:0; height:0; border:4px solid transparent; border-left:4px solid #1b60ad; position:absolute; left:30px; top:10px;}
header .menu ul li .ej .sj a:hover{color:#1b60ad}
header nav{display:none !important}

.on-fixed header{background:rgba(255, 255, 255, 1); border-bottom:2px solid #d83038;}
.on-fixed header .logo .img{display:none}
.on-fixed header .logo .img02{display:block}
.on-fixed header .menu ul li a{color:#666}
.on-fixed header .menu ul li.cur a{color:#1b60ad}
.on-fixed header .menu ul li a:hover{color:#1b60ad}

.ny header{background:rgba(255, 255, 255, 1); border-bottom:2px solid #d83038;}
.ny header .logo .img{display:none}
.ny header .logo .img02{display:block}
.ny header .menu ul li a{color:#666}
.ny header .menu ul li.cur a{color:#1b60ad}
.ny header .menu ul li a:hover{color:#1b60ad}
@media (max-width:1600px) {
.wrap{width:96%; margin:0 auto}
}
@media (max-width:1440px) {
header .menu{width:80%;}
}
@media (max-width:1280px) {
header .menu{width:85%;}
}
@media (max-width:1180px) {
header .menu ul li a{font-size:15px;}
header .menu ul li ul li a{font-size:12px;}
}
@media (max-width:1024px) {
header .menu ul li a{font-size:16px}
header .menu ul li:hover .ej{width:900px;}
}

@media (max-width:992px) {
img{max-width:100%;height:auto!important;}	

header{height:60px; background:rgba(255, 255, 255, 1);}
header .logo .img{display:none}
header .logo .img02{display: block}
header .top .logo .img{max-height:60px; position:relative; z-index:9999}
header .menu{ display:none}
header .tel,header .bottom{display:none}
header nav {display:block}

.mean-container .mean-bar{width:100%; position: fixed; min-height:60px; z-index:9998; right:0}
.mean-container a.meanmenu-reveal{width:60px; height:100%; position:absolute; top:0; right:0; cursor:pointer; color:#1b60ad; font-size:25px !important; line-height:60px; display:block;}
.mean-container a.meanmenu-reveal span{width:45%; display:block; position:relative; margin:0 auto; margin-top:20px}
.mean-container a.meanmenu-reveal span p{background:#1b60ad; display:block; width:100%; height:3px;}
.mean-container a.meanmenu-reveal span::after{content:''; display:block; width:100%; height:3px; background:#1b60ad; margin-top:6px}
.mean-container a.meanmenu-reveal span::before{content:''; display:block; width:100%; height:3px; background:#1b60ad; margin-bottom:6px}

.mean-container .mean-nav {width:100%; margin-top:60px; position:fixed; background:#1b60ad;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a {display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:100%;padding:1em 6%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a {width:100%;padding:1em 8%}
.mean-container .mean-nav ul li li li li a {width:100%;padding:1em 10%}
.mean-container .mean-nav ul li li li li li a {width:100%;padding:1em 12%}
.mean-container .mean-nav ul li a:hover {background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand {margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.4)}
.mean-container .mean-push {float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
}
@media (max-width:540px) {
header{height:60px;}
.mean-container .mean-bar{min-height:60px;}
.mean-container a.meanmenu-reveal{width:60px; line-height:60px}
.mean-container a.meanmenu-reveal span{margin-top:18px}
.mean-container .mean-nav{margin-top:60px;}
}
@media (max-width:430px) {
header{height:45px;}
header .logo .img02{max-height:35px;}
.mean-container .mean-bar{min-height:45px;}
.mean-container a.meanmenu-reveal{width:45px; line-height:45px}
.mean-container .mean-nav{margin-top:45px;}
.mean-container a.meanmenu-reveal span{margin-top:12px}
.mean-container a.meanmenu-reveal span::after{margin-top:4px}
.mean-container a.meanmenu-reveal span::before{margin-bottom:4px}
}
.swiper-button-next:after,.swiper-button-prev:after{display:none}



/********************************* 首页 **********************************/
/*banner轮播*/
.index-banner{width:100%; position:relative; z-index:998;}
.index-banner .swiper-slide{position:relative;}
.index-banner .swiper-container{ overflow: inherit}
.index-banner .img{width:100%; height:100vh; background-attachment:fixed; background-position:center center; background-size:cover; background-repeat:no-repeat}
.index-banner .img a{display:block; width:100%; height:100%}
.index-banner .img .by{position:absolute; top:42%; color:#fff; text-align:center; width:100%}
.index-banner .img .by b{font-size:55px; margin-bottom:20px; display:block}
.index-banner .img .by p{font-size:35px}
.index-banner .img .yw li{position:absolute;}
.index-banner .img .yw li a{color:#fff}
.index-banner .img .yw li:nth-child(1){top:15%; left:24%}
.index-banner .img .yw li:nth-child(2){top:40%; left:15%}
.index-banner .img .yw li:nth-child(3){bottom:35%; left:24%}
.index-banner .img .yw li:nth-child(4){top:15%; right:33%}
.index-banner .img .yw li:nth-child(5){top:40%; right:25%}
.index-banner .img .yw li:nth-child(6){bottom:35%; right:33%}

.index-banner .img .yw li .box{display:flex; justify-content: center; align-items: center; position:absolute; width:180px; height:180px;cursor:pointer; 
-webkit-animation-name:ripple;/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration:1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes ripple {
0% {opacity:1;width:180px;height:180px;}
100% {opacity:1;width:220px;height:220px;}
}
.index-banner .img .yw li .text{font-size:28px; font-weight:bold; transition:transform .3s;}
.index-banner .img .yw li:hover .text{transform:scale(1.2); transition:transform .3s}
.index-banner .img .yw li img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}

.index-banner .swiper-pagination-bullets{width:100%; bottom:20px; z-index:2; text-align:center;}
.index-banner .swiper-pagination-bullet{width:8px; height:8px; background:#1b60ad; border-radius:50%; transition:all 0.3s ease-out; margin:0 3px; opacity:.4}
.index-banner .swiper-pagination-bullet-active{width:80px; height:8px; border-radius:20px; opacity:.9; background:#1b60ad;}
.index-banner .swiper-pagination-bullet span{ border:none}

@media (max-width:1920px) {
.index-banner .img .yw li .text{font-size:24px;}
.index-banner .img .yw li .box{width:160px; height:160px;}
@keyframes ripple {
0% {width:160px;height:160px;}
100% {width:180px;height:180px;}
}	
}

@media (max-width:1440px) {
.index-banner .img .by b{font-size:50px; margin-bottom:20px;}
.index-banner .img .by p{font-size:30px}
}
@media (max-width:1280px) {
.index-banner .img .yw li:nth-child(1){top:15%; left:17%}
.index-banner .img .yw li:nth-child(2){top:40%; left:9%}
.index-banner .img .yw li:nth-child(3){bottom:35%; left:17%}
.index-banner .img .yw li:nth-child(4){top:15%; right:31%}
.index-banner .img .yw li:nth-child(5){top:40%; right:22%}
.index-banner .img .yw li:nth-child(6){bottom:35%; right:31%}
}
@media (max-width:1180px) {
.index-banner .img .by b{font-size:45px; margin-bottom:10px;}
.index-banner .img .by p{font-size:28px}
}
@media (max-width:1024px) {
.index-banner .img .by b{font-size:40px;}
.index-banner .img .by p{font-size:24px}

.index-banner .img .yw li:nth-child(2){top:40%; left:5%}
}
@media (max-width:992px) {
.index-banner{ margin-top:60px}
.index-banner .img{height:750px;}	
}
@media (max-width:820px) {
.index-banner .img .yw li:nth-child(2){top:40%; left:1%}	
}
@media (max-width:540px) {
.index-banner .img{height:500px;}	
.index-banner .img .by b{font-size:26px;}
.index-banner .img .by p{font-size:18px}	
.index-banner .img .yw li .box{width:120px; height:120px}
@keyframes ripple {
0% {width:100px;height:100px;}
100% {width:120px;height:120px;}
}
.index-banner .img .yw li .text{font-size:18px;}
}
@media (max-width:430px) {
.index-banner{margin-top:45px}	

.index-banner .img .yw li:nth-child(1){top:15%; left:5%}
.index-banner .img .yw li:nth-child(2){top:15%; left:37%}
.index-banner .img .yw li:nth-child(3){top:15%; left:68%}

.index-banner .img .yw li:nth-child(4){bottom:38%; left:5%; top:auto; right:auto}
.index-banner .img .yw li:nth-child(5){bottom:38%; left:37%; top:auto; right:auto}
.index-banner .img .yw li:nth-child(6){bottom:38%; left:68%; right:auto}
}



.index_box{padding:100px 0 120px; width:100%; position:relative; overflow:hidden}
.tit_box{width:100%; position:relative; overflow:hidden; margin-bottom:40px; text-align:center}
.tit_box .cn{font-size:40px; color:#1b60ad; font-weight:bold; letter-spacing:2px; visibility:visible; animation-name:fadeInDown; animation-duration:1s; animation-delay:.2s;}
.tit_box .en{font-size:20px; color:#666; text-transform:uppercase; font-weight:100; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.tit_box.white .cn,.tit_box.white .en{color:#fff;}

.in_more{display:block; width:190px; height:40px; line-height:38px; background:#1b60ad; text-align:center; font-size:16px; color:#fff; transition:all 0.4s ease-out; margin-top:40px; border-radius:20px}
.in_more:hover{width:220px; color:#fff; background:#1b60ad;}
.in_more02{ margin-top:30px}
@media (max-width:1440px) {
.index_box{padding:80px 0 100px;}	
}
@media (max-width:1180px) {
.index_box{padding:60px 0 80px;}
.tit_box{margin-bottom:20px;}
.tit_box .cn{font-size:36px;}	
.tit_box .en{font-size:18px;}
}
@media (max-width:1024px) {
.tit_box{margin-bottom:10px}
.tit_box .cn{font-size:32px;}	
.tit_box .en{font-size:16px;}

.in_more{width:150px; height:35px; line-height:35px; font-size:14px;}
.in_more:hover{width:180px;}
}
@media (max-width:540px) {
.index_box{padding:40px 0 50px;}
}
@media (max-width:430px) {
.tit_box .cn{font-size:28px;}		
}

/*关于超敏*/
.index_about{background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/bj.jpg);}
.index_about_box .wz{font-size:16px; font-weight:100; line-height:35px; color:#666; max-width:1100px; text-align:center; margin:0 auto; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.2s;}
.index_about_box .content {margin-top:72px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:4px 7px 20px 0px rgba(15,41,76,0.1);}
.index_about_box .content .left {width:50%;height:600px;display:flex;align-items:center;justify-content:center; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.4s;}
.index_about_box .content .left img {}
.index_about_box .content .right {display:flex;flex-wrap:wrap;width:50%; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.6s;}
.index_about_box .content .right li{width:50%; height:300px; color:#333; padding:5%;}
.index_about_box .content .right li .top{width:100%; overflow:hidden}
.index_about_box .content .right li .top i{display:block; width:50px; height:70px; line-height:70px; float:left; font-size:50px; color:#d83038}
.index_about_box .content .right li .top .box{width:calc(100% - 70px); float:right}
.index_about_box .content .right li b{font-size:22px; font-family:"DIN Alternate"; text-transform:uppercase; display:block; color:#1b60ad}
.index_about_box .content .right li span{font-size:30px; letter-spacing:1px; color:inherit; text-align:left; display:block}
.index_about_box .content .right li p{margin-top:20px; font-size:16px; font-weight:100; line-height:30px;}
.index_about_box .content .right li:nth-child(1){background:url(../images/about01.jpg) center / cover no-repeat;}
.index_about_box .content .right li:nth-child(2){background:url(../images/about02.jpg) center / cover no-repeat;}
.index_about_box .content .right li:nth-child(3){background:url(../images/about03.jpg) center / cover no-repeat; color:#fff;}
.index_about_box .content .right li:nth-child(4){background:url(../images/about04.jpg) center / cover no-repeat; color:#fff;}
.index_about_box .content .right li:nth-child(3) b,.index_about_box .content .right li:nth-child(4) b{color:#fff}
.index_about_box .content .right li:nth-child(3) .top i,.index_about_box .content .right li:nth-child(4) .top i{color:#fff}
@media (max-width:1440px) {
.index_about_box .content .right li b{font-size:18px;}
.index_about_box .content{margin-top:59px;}
}
@media (max-width:1180px) {
.index_about_box .wz{max-width:100%;}
.index_about_box .content .left{height:560px;}
.index_about_box .content .right li{height:280px;}
.index_about_box .content .right li b{font-size:16px;}
.index_about_box .content .right li span{font-size:28px;}
.index_about_box .content .right li p{margin-top:0px;}
}
@media (max-width:1024px) {
.index_about_box .content{margin-top:30px;}
.index_about_box .wz{font-size:14px; line-height:30px}
.index_about_box .content .right li p{font-size:14px; line-height:25px}
.index_about_box .content .right li{padding:4%;}
.index_about_box .content .right li .top i{width:40px; height:60px; line-height:60px; font-size:40px;}
.index_about_box .content .right li .top .box{width:calc(100% - 55px);}
.index_about_box .content .right li b{font-size:14px;}
.index_about_box .content .right li span{font-size:20px;}
.index_about_box .content .left{height:460px;}
.index_about_box .content .right li{height:230px;}
}
@media (max-width:992px) {
.index_about_box .content{margin-top:20px; display:block;}
.index_about_box .content .left {width:100%; height:400px;}
.index_about_box .content .right {width:100%;}
.index_about_box .content .right li{height:210px;}
}
@media (max-width:430px) {
.index_about_box .content .left{height:250px;}	
.index_about_box .content .right li{width:100%; height:auto}
}


/*核心业务*/
.index_business{background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/bj02.jpg);}
.business_box{display:flex; justify-content:space-between; height:700px; overflow:hidden; border-radius:12px}
.business_box li{flex:1; position:relative; transition:all .48s; cursor:pointer; background-repeat:no-repeat; background-size:cover; background-position:center bottom; visibility:visible; animation-name:fadeInRight; animation-duration:1s;}
.business_box li:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); z-index:9}
.business_box li:nth-child(1){animation-delay:.2s;}
.business_box li:nth-child(2){animation-delay:.3s;}
.business_box li:nth-child(3){animation-delay:.4s;}
.business_box li:nth-child(4){animation-delay:.5s;}
.business_box li:nth-child(5){animation-delay:.6s;}
.business_box li:nth-child(6){animation-delay:.7s; background-position:-600px bottom;}
.business_box li:hover:nth-child(6){background-position:right bottom;}

.business_box li .text{position:absolute; left:0; top:0; width:100%; top:38%; color:#fff; z-index:10; transition: all .4s ease-out;}
.business_box li .text .bt{width:100%; height:100%; text-align:center;}
.business_box li .text i{display:block; font-size:60px; transition: all 0.4s ease-out;}
.business_box li .text span{display:block; font-size:28px; transition: all 0.4s ease-out; font-family:"siyuan b";}
.business_box li .text .nr{opacity:0; text-align:left; margin-top:60px; transition:all .4s ease-out;}
.business_box li .text .nr p{font-size:16px; line-height:35px; font-family:"siyuan r"; font-weight: 100;}
.business_box li .text .nr .in_more{background-color:#d83038;}
.business_box li:hover{flex:5.5;}
.business_box li:hover:after{background:linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.business_box li:hover .text{top:25%; padding:0 10%}
.business_box li:hover .text .bt{width:100%; text-align:left;}
.business_box li:hover .text i{font-size:70px;}
.business_box li:hover .text span{font-size:32px;}
.business_box li:hover .text .nr{opacity:1; margin-top:20px;}
@media (max-width:1440px) {
.business_box{height:650px;}
}
@media (max-width:1380px) {
.business_box li:hover .text{top:20%; padding:0 8%}	
.business_box li .text i{font-size:58px;}
.business_box li .text span{font-size:24px;}
.business_box li:hover .text i{font-size:68px;}
.business_box li:hover .text span{font-size:28px;}
}
@media (max-width:1180px) {
.business_box{height:550px;}	
.business_box li .text span{font-size:20px;}
}
@media (max-width:1024px) {
.business_box{height:520px;}
.business_box li .text i{font-size:55px;}	

.business_box li:hover .text i{font-size:65px;}
.business_box li:hover .text span{font-size:26px;}
.business_box li .text .nr p{font-size:14px; line-height:30px;}
.business_box li:hover .text{top:16%;}	
}
@media (max-width:540px) {
.business_box{display:block; height:auto}
.business_box li{height:450px; display:block}
.business_box li:hover .text{top:10%; padding:0 4%}	
.business_box li .text .nr{margin-top:30px;}
.business_box li .in_more{ margin-top:10px}
.business_box li:nth-child(6){background-position:right bottom;}
}
@media (max-width:430px) {
.business_box li{height:360px;}
.business_box li:hover .text{top:6%;}	
.business_box li .text i{font-size:50px;}	
.business_box li:hover .text i{font-size:55px;}	
.business_box li:hover .text span{font-size:22px;}
.business_box li .text .nr{margin-top:20px;}
.business_box li:hover .text .nr{margin-top:5px;}
}


/*核心业务*/
.index_solution{background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#1b60ad; background-image:url(../images/bj03.png);}

.solution_box{position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:30px; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.2s; padding:0 40px;}
.solution_box .swiper-slide{transition:300ms; transform:scale(0.9); background-color:rgba(255, 255, 255, 0); border: 1px solid #2776ce; transition:all .4s ease-out; border-radius:12px; overflow:hidden; box-shadow: inset 0 0 20px 0px #2776ce;}
.solution_box .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1); background-color:rgba(255, 255, 255, 0); background-size:cover;}

.solution_box .swiper-slide .img{display:block; width:100%; height:270px; overflow:hidden; padding:0; position:relative; z-index:8;}
.solution_box .swiper-slide .img img{width:100%; transition: all .4s;}
.solution_box .swiper-slide .wz{width:100%; overflow:hidden; padding:20px; color:#fff}
.solution_box .swiper-slide .wz b{font-size:20px; margin-bottom:5px; display:block;}
.solution_box .swiper-slide .wz p{font-size:16px; font-weight:100; line-height:30px}
.solution_box .swiper-slide .wz .in_more{margin-top:20px; color:#1b60ad; background:#fff;}
.solution_box .swiper-slide:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.solution_box .swiper-slide:hover .wz b,.solution_box .swiper-slide:hover .wz p{color:#fff;}
.solution_box .swiper-slide:hover .in_more{width:220px; background:#d83038; color:#fff;}

.solution_box .swiper-slide.swiper-slide-prev{}
.solution_box .swiper-slide.swiper-slide-next{}
.solution_box .swiper-button-next,.solution_box .swiper-button-prev{color:#fff; background:rgba(0, 0, 0, .1); width:50px; line-height:50px; height:50px; border-radius:12px; font-size:24px; text-align:center; transition:all .3s ease-out;}
.solution_box .swiper-button-next:hover,.solution_box .swiper-button-prev:hover{background:rgba(0, 0, 0, .3);}
.solution_box .swiper-button-prev{left:0}
.solution_box .swiper-button-next{right:0}
@media (max-width:1440px) {
.solution_box .swiper-slide .img{height:230px;}	
}
@media (max-width:1380px) {
.solution_box .swiper-slide .img{height:225px;}	
}
@media (max-width:1280px) {
.solution_box .swiper-slide .img{height:210px;}	
}
@media (max-width:1180px) {
.solution_box .swiper-slide .img{height:192px;}	
}
@media (max-width:1024px) {
.solution_box{margin-top:20px;}
.solution_box .swiper-slide .img{height:168px;}	
.solution_box .swiper-slide .wz b{font-size:18px;}
.solution_box .swiper-slide .wz p{font-size:14px;}
.solution_box .swiper-slide .wz .in_more{margin-top:10px}
}
@media (max-width:992px) {
.solution_box .swiper-slide .img{height: auto}	
}

/*案例展示*/
.index_case{background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/bj02.jpg);}
.case_box{width:100%; overflow:hidden}
.case_box li{float:left; width:32%; margin-right:2%; margin-bottom:34px; background:#f5f5f5; border-radius:12px; overflow:hidden;}
.case_box li.dh{visibility:visible; animation-name:fadeInRight; animation-duration:1s;}
.case_box li:nth-child(3n){margin-right:0}
.case_box li a{display:block; width:100%; overflow:hidden}
.case_box li .img{width:100%; height:270px; overflow:hidden;}
.case_box li .img img{width:100%; transition: all .4s;}
.case_box li .text{width:100%; overflow:hidden; padding:20px; position:relative}
.case_box li .text b{font-size:18px; color:#333; font-weight:normal; display:block; position:relative; z-index:9}
.case_box li .text:after{content:''; width:0; height:3px; display:block; background:#d83038; transition: all .4s; position:absolute; bottom:0; left:0; z-index:8}
.case_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.case_box li:hover .text:after{width:100%;}
.index_case .in_more{margin:0 auto; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.7s;}
.index_case .in_more:hover{background:#d83038;}

.case_box li:nth-child(1){animation-delay:.2s;}
.case_box li:nth-child(2){animation-delay:.3s;}
.case_box li:nth-child(3){animation-delay:.4s;}
.case_box li:nth-child(4){animation-delay:.5s;}
.case_box li:nth-child(5){animation-delay:.6s;}
.case_box li:nth-child(6){animation-delay:.7s;}
@media (max-width:1440px) {
.case_box li .img{height:230px;}
}
@media (max-width:1380px) {
.case_box li .img{height:225px;}
}
@media (max-width:1280px) {
.case_box li .img{height:210px;}
}
@media (max-width:1180px) {
.case_box li .img{height:192px;}
}
@media (max-width:1024px) {
.case_box li{margin-bottom:20px;}
.case_box li .img{height:168px;}
.case_box li .text b{ font-size:16px}
}
@media (max-width:992px) {
.case_box li{width:49%; margin-right:0;}
.case_box li:nth-child(2n){ float:right}
.case_box li .img{height:230px;}
.case_box li .text{ padding:15px}
}
@media (max-width:820px) {
.case_box li .img{height:205px;}	
}
@media (max-width:780px) {
.case_box li .img{height:192px;}	
}
@media (max-width:540px) {
.case_box li{width:100%;}
.case_box li .img{height: auto;}
}

/*合作伙伴*/
.index_partner{background:#f5f5f5}
.partner_box{width:100%; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.2s;}
.partner_box .img{border-radius:12px; display:block; width:100%; height:140px; overflow:hidden; background:#fff; padding:0; position:relative; border-bottom:1px solid #eee; border-right:1px solid #eee}
.partner_box .img .por{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.partner_box .img .por img{display:block; max-width:80%; max-height:80%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:10}
.partner_box .swiper-pagination-bullets{width:100%; bottom:70px; z-index:2; text-align:center;}
.partner_box .swiper-pagination-bullet{width:10px; height:10px; background:#000; border-radius:50%; transition:all 0.5s ease-out; margin:0 3px; opacity:.2}
.partner_box .swiper-pagination-bullet-active{width:80px; border-radius:20px; background:#d83038; opacity:1}
.partner_box .swiper-pagination-bullet span{border:none}
@media (max-width:1440px) {
.partner_box .swiper-pagination-bullets{bottom:60px;}
}
@media (max-width:1380px) {
.partner_box .img{height:120px;}
}
@media (max-width:1180px) {
.partner_box .img{height:100px;}
.partner_box .swiper-pagination-bullets{bottom:40px;}
}
@media (max-width:540px) {
.partner_box .swiper-pagination-bullets{bottom:20px;}
}
@media (max-width:430px) {
.partner_box .img{height:80px;}
}

/**底部**/
footer{padding:80px 0 20px; height:auto; color:white; background:#1b60ad; overflow:hidden; color:#fff}
footer a{color:white;}
footer a:hover{color:white;}
footer .footer-nav {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
footer .footer-nav dl{font-size:1rem; text-align:left;}
footer .footer-nav dl .footimg{width:200px}
footer .footer-nav dl dt{font-size:18px; margin-bottom:10px; font-weight:bold}
footer .footer-nav dl dt:after{content:""; display:block; width:30px; height:3px; background:#d83038; margin-top:10px; display:none}
footer .footer-nav dl dd{font-size:14px; line-height:35px; margin-bottom:0}
footer .footer-nav .ewm{text-align:center}
footer .footer_copyright{margin-top:20px; padding-top:20px; border-top:1px solid #17579d; text-align:center; font-size:14px; color:#fff}
footer .footer_copyright .left{float:left}
footer .footer_copyright .right{float:right}
footer .footer_copyright a{color:#fff}
@media (max-width:1180px) {
footer{padding:60px 0 20px;}
footer .footer-nav dl:nth-child(5),footer .footer-nav dl:nth-child(6){display:none}
}
@media (max-width:992px) {
footer .footer-nav dl .footimg{width:150px}
footer .footer-nav dl:nth-child(5),footer .footer-nav dl:nth-child(6){display: block}
footer .footer-nav dl:nth-child(2),footer .footer-nav dl:nth-child(3),footer .footer-nav dl:nth-child(4){display:none}
}
@media (max-width:540px) {
footer{padding:40px 0 10px;}
footer .footer-nav{display:block}
footer .footer-nav dl{width:100%; display:block; text-align:center}	
footer .footer-nav dl .footimg{width:40%; margin-bottom:30px}
footer .footer-nav dl:nth-child(3),footer .footer-nav dl:nth-child(7){display:none}
footer .footer_copyright{margin-top:10px; padding-top:10px;}
footer .footer_copyright .left,footer .footer_copyright .right{ width:100%;}
}




/**内页**/
.ny_banner{width:100%; position:relative; min-height:400px; z-index:98; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-top:66px}
.ny_box{width:100%; overflow:hidden; padding:80px 0 120px;}
.ny_box02{background:#f5f5f5}
.ny_tit_box{width:100%; overflow:hidden; text-align:center; margin-bottom:40px;}
.ny_tit_box .cn{font-size:40px; color:#1b60ad; font-weight:bold; letter-spacing:2px;}
.ny_tit_box .en{font-size:20px; color:#666; text-transform:uppercase; font-weight:100;}
@media (max-width:1380px) {
.ny_banner{min-height:320px;}
.ny_box{padding:60px 0 100px;}	
}
@media (max-width:1180px) {
.ny_banner{min-height:300px;}
.ny_tit_box{margin-bottom:20px;}
.ny_tit_box .cn{font-size:36px;}	
.ny_tit_box .en{font-size:18px;}
}
@media (max-width:1024px) {
.ny_banner{min-height:250px;}
.ny_box{padding:40px 0 60px;}
.ny_tit_box{margin-bottom:10px;}
.ny_tit_box .cn{font-size:32px;}	
.ny_tit_box .en{font-size:16px;}
}
@media (max-width:992px) {
.ny_banner{margin-top:60px}
}
@media (max-width:540px) {
.ny_banner{min-height:200px;}
.ny_box{padding:30px 0 50px;}
.ny_tit_box .cn{font-size:28px;letter-spacing:0px;}
}
@media (max-width:430px) {
.ny_banner{margin-top:45px; min-height:160px;}
.ny_tit_box .cn{font-size:26px;}
}
@media (max-width:390px) {
.ny_banner{min-height:120px;}
}


/**内页导航**/
.left_menu{width:100%; margin-top:-40px; position:relative; z-index:99}
.left_menu .categoryDiv{width:100%; background:#f5f5f5;}
.left_menu .categoryDiv .hd{background:#116534; color:#FFF; width:100%; text-align:center; font-size:18px; text-transform:capitalize; font-weight:bold; display:none}
.left_menu .categoryDiv .bd{text-align:center; overflow:hidden}
.left_menu .categoryDiv .bd ul{display:flex;}
.left_menu .categoryDiv .bd li{width:100%; height:80px; line-height:80px; position:relative; text-align:center; cursor:pointer; border-right:1px solid #eee}
.left_menu .categoryDiv .bd li:after {content:""; position:absolute; left:0; right:0; bottom:-80px; width:100%; height:80px; background:#1b60ad; transition:all 0.2s ease-out; z-index:9}
.left_menu .categoryDiv .bd li.active:after{bottom:0px;}
.left_menu .categoryDiv .bd li:hover:after{bottom:-76px;}
.left_menu .categoryDiv .bd li a{display:block; color:#444; font-size:16px; height:80px; line-height:80px; position:absolute; z-index:10; text-align:center; width:100%}
.left_menu .categoryDiv .bd li.active{border-right:1px solid #1b60ad;}
.left_menu .categoryDiv .bd li.active a{color:#fff;}
.left_menu .categoryDiv .bd li:hover a{color:#1b60ad;}
.left_menu .categoryDiv .bd li.active:hover:after{bottom:0px;}
.left_menu .categoryDiv .bd li.active:hover a{color:#fff;}
.left_menu .categoryDiv .pro li:nth-child(1){display:block}
.left_menu .categoryDiv .pro li{display:none}
@media (max-width:992px) {	
.left_menu{width:100%; margin:0 auto; border-bottom:none; float:none}
.left_menu .wrap{width:100%;}
.left_menu .categoryDiv{width:100%;}
.left_menu .categoryDiv .pro li:nth-child(1){display:none}
.left_menu .categoryDiv .pro li{display:block}
.left_menu .categoryDiv .bd{ display: block}
.twoMenuDiv{position:relative}
.twoMenuDiv .categoryDiv .hd{ display:block; text-align:center; font-size:18px; color:#fff; height:60px; line-height:60px; background:#1b60ad; padding-left:0; width:100%}
.twoMenuDiv .categoryDiv .hd i{font-family: "iconfont" !important;font-size:15px; font-style: normal; margin-left:10px}
.twoMenuDiv .categoryDiv .bd {width:100%; height:auto; display:none; position:absolute;}
.twoMenuDiv .categoryDiv .bd ul{width:100%; overflow:hidden; border-top:none; border-bottom:none; display: block}
.twoMenuDiv .categoryDiv .bd ul li{width:100%; height:50px; line-height:50px; float:left; background:#f5f5f5; text-align:center;  padding-left:0;}
.twoMenuDiv .categoryDiv .bd ul li a {height:50px; line-height:50px; font-size:16px; width:100%; border-bottom:1px solid #eee; position: relative; color:#666;}
.twoMenuDiv .categoryDiv .bd li:after{display:none}
.twoMenuDiv .categoryDiv .bd li.active a,.twoMenuDiv .categoryDiv .bd li:hover a{color:#1b60ad;}
.twoMenuDiv .categoryDiv .bd li.active{border-right:none}
}


/**企业介绍**/
.ny_aboutus_box{width:100%; overflow:hidden;}
.ny_aboutus_box img{width:42%; float:right; margin-left:30px; border-radius:10px}
.ny_aboutus_box p{font-size:16px; line-height:35px; font-weight:100; color:#333; text-indent:2em}
@media (max-width:1024px) {
.ny_aboutus_box img{width:50%; margin-left:20px;}
}
@media (max-width:992px) {
.ny_aboutus_box p{font-size:14px; line-height:30px;}
}
@media (max-width:540px) {
.ny_aboutus_box img{width:100%; margin-left:0px; margin-bottom:10px}
}

/**企业文化**/
.value_box{width:100%; overflow:hidden; border-radius:8px; background:#1b60ad; padding:50px; color:#fff; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url(../images/culture01.jpg); position:relative}
.value_box:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(27, 96, 173, .9); z-index:1; backdrop-filter: blur(0px);}
.value_box .box{position:relative; z-index:2;}
.value_box .ny_bt{font-size:28px; display:block; border-left:5px solid #d83038; padding-left:10px; height:30px; line-height:30px; margin-bottom:20px; }
.value_box li{width:25%; float:left; text-align:center; padding:30px}
.value_box li i{display:block; font-size:60px}
.value_box li span{font-size:20px; display:block; margin-bottom:10px}
.value_box li p{font-size:16px; line-height:35px}
.value_box02{width:49%; float:left; margin-top:30px; background-image:url(../images/culture02.jpg); }
.value_box03{width:49%; float:right; margin-top:30px; background-image:url(../images/culture03.jpg);}
.value_box .wz{height:200px; font-size:16px; line-height:35px}
@media (max-width:1180px) {
.value_box{padding:30px;}
}
@media (max-width:992px) {
.value_box li{padding:10px}
.value_box li p{font-size:14px; line-height:30px}
.value_box .wz{height:150px; font-size:14px; line-height:30px}
}
@media (max-width:540px) {
.value_box{padding:20px;}
.value_box .ny_bt{font-size:20px; height:25px; line-height:25px; margin-bottom:10px; }
.value_box li{width:50%; padding:10px}
.value_box li i{font-size:50px}
}
@media (max-width:430px) {
.value_box li{width:100%; padding:10px}
.value_box02,.value_box03{width:100%; margin-top:10px}
.value_box .wz{height:120px;}
}


/**合作伙伴**/
.ny_partner_box{width:100%; overflow:hidden;}
.ny_partner_box li{float:left; width:24%; margin-right:1.333%; margin-bottom:20px; border:1px solid #eee; border-radius:12px; overflow:hidden;}
.ny_partner_box li:nth-child(4n){margin-right:0}
.ny_partner_box li .img{border-radius:12px; display:block; width:100%; height:160px; overflow:hidden; background:#fff; padding:0; position:relative;}
.ny_partner_box li .img .por{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.ny_partner_box li .img .por img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:10}

.ny_honor_box{width:100%; overflow:hidden;}
.ny_honor_box li{float:left; width:24%; margin-right:1.333%; margin-bottom:20px; overflow:hidden;}
.ny_honor_box li:nth-child(4n){margin-right:0}
.ny_honor_box li .img{border-radius:12px; border:1px solid #eee; background:#f5f5f5; border-radius:12px;  display:block; width:100%; height:280px; overflow:hidden; padding:0; position:relative;}
.ny_honor_box li .img .por{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.ny_honor_box li .img .por img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:10}
.ny_honor_box li p{ text-align:center; height:40px; line-height:40px; color:#666}

.ny_style_box{width:100%; overflow:hidden;}
.ny_style_box li{float:left; width:32%; margin-right:1.66%; margin-bottom:30px; overflow:hidden; border:1px solid #eee; border-radius:8px;}
.ny_style_box li:nth-child(3n){margin-right:0}
.ny_style_box li .img{display:block; width:100%; height:260px; overflow:hidden; background:#fff; padding:0; position:relative;}
.ny_style_box li .img .por{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.ny_style_box li .img .por img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:10}
@media (max-width:1380px) {
.ny_honor_box li .img{height:240px;}	
.ny_style_box li .img{height:220px;}
}
@media (max-width:1180px) {
.ny_honor_box li .img{height:200px;}	
}
@media (max-width:992px) {
.ny_partner_box li,.ny_honor_box li,.ny_style_box li{width:49%; margin-right:0}
.ny_partner_box li:nth-child(2n),.ny_honor_box li:nth-child(2n),.ny_style_box li:nth-child(2n){float:right}
.ny_partner_box li .img{height:200px;}
.ny_honor_box li .img{height:320px;}
}
@media (max-width:540px) {
.ny_partner_box li,.ny_honor_box li,.ny_style_box li{margin-bottom:10px;}
.ny_partner_box li .img{height:140px;}
.ny_honor_box li .img{height:180px;}
.ny_honor_box li p{font-size:14px}
.ny_style_box li{width:100%}
.ny_style_box li .img{height:260px;}
}
@media (max-width:430px) {
.ny_style_box li .img{height:220px;}
}
@media (max-width:420px) {
.ny_partner_box li .img{height:120px;}
.ny_honor_box li .img{height:140px;}
}


/*新闻资讯*/
.news_box{width:100%; overflow:hidden}
.news_box li{float:left; width:32%; margin-right:2%; border-radius:12px; margin-bottom:30px; background:#f5f5f5; overflow:hidden}
.news_box li:nth-child(3n){margin-right:0}
.news_box li a{display:block; width:100%; overflow:hidden}
.news_box li .img{width:100%; height:280px; overflow:hidden; position:relative}
.news_box li .img img{width:100%; transition: all .4s;}
.news_box li .date{color:#fff; display: block; text-align:center; background:rgba(27, 96, 173, 0.8); margin-bottom:10px; position:absolute; z-index:9; padding:10px; top:20px; right:20px; border-radius:12px;}
.news_box li .date b{font-size:30px; height:40px; display:block} 
.news_box li .text{width:100%; overflow:hidden; padding:20px}
.news_box li .text b{font-size:18px; color:#333;}
.news_box li .text p{font-size:16px; color:#666; line-height:30px}
.news_box li:hover .text b{color:#222;}
.news_box li:after{content:''; width:0; height:3px; display:block; background:#d83038; transition: all .4s;}
.news_box li:hover:after{width:100%;}
.news_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
@media (max-width:1380px) {
.news_box li .img{height:250px;}
}
@media (max-width:1180px) {
.news_box li .img{height:220px;}
.news_box li .text b{font-size:16px;}
.news_box li .text p{font-size:14px; line-height:25px}
}
@media (max-width:1024px) {
.news_box li{margin-bottom:20px; border-radius:8px;}
.news_box li .img{height:200px;}
.news_box li .date{border-radius:8px;}
.news_box li .date b{font-size:25px; height:30px}
.news_box li .text{padding:10px}
}
@media (max-width:992px) {
.news_box li{width:49%; margin-right:0;}
.news_box li:nth-child(2n){float:right}	
.news_box li .img{height:220px;}
}
@media (max-width:540px) {
.news_box li{width:100%;}
.news_box li .img{height:auto;}
}

/**新闻详情**/
.newsdetail{width:80%; margin:0 auto; overflow:hidden;}
.newsdetail .hd{width:100%; overflow:hidden; text-align:center}
.newsdetail .hd .title{font-size:24px; display:block}
.newsdetail .hd .title02{font-weight:normal; display:inline-block; overflow:hidden; margin:10px 0;}
.newsdetail .hd span{color:#999; font-size:16px; float:left; display:block; background:#f5f5f5; border:1px solid rgba(0, 0, 0, 0.1); padding:0 20px; border-radius:5px; margin-right:20px}
.newsdetail .bd{border-top:1px dashed #eee; border-bottom: 1px dashed #eee; padding:20px 0; margin:20px 0}
.newsdetail .bd b{font-size:16px; line-height:35px;}
.newsdetail .bd p{margin:0; color:#333; font-size:16px; line-height:35px; text-indent:2em}
.newsdetail .bd img{width:100%; border-radius:8px;}
.newsdetail .other{width:100%; overflow:hidden;}
.newsdetail .other .bt{width:49%; float:left;  border:1px solid rgba(0, 0, 0, 0.1); background:#f5f5f5; border-radius:5px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#666; padding:0 20px}
.newsdetail .other .bt02{float:right;}
.newsdetail .other .bt a{color:#666;}
.newsdetail .other a:hover{color:#1b60ad;}
@media (max-width:992px) {
.newsdetail{width:95%;}
}
@media (max-width:430px) {
.newsdetail .hd .title{font-size:20px;}
.newsdetail .hd span{font-size:14px; padding:0 10px; margin-right:10px}
.newsdetail .bd{padding:10px 0; margin:10px 0}
}


.service_box{width:100%; overflow:hidden;}
.service_box li{width:24%; margin-right:1.333%; height:500px; overflow:hidden; border-radius:12px; position:relative; float:left; z-index:10; cursor:pointer; backdrop-filter:blur(5px); background-position:center top; background-repeat:no-repeat; background-size:cover;}
.service_box li:after{position:absolute; content: '';  width:100%; height:100%; background:rgba(0, 0, 0, 0.3); left:0; top:0; z-index:9}
.service_box li .box{width:100%; overflow:hidden; padding:40px; position:absolute; top:70%; transition: all .4s ease; z-index:10}
.service_box li b{font-size:20px; display:block; overflow:hidden; color:#fff;}
.service_box li span{font-size:12px; display:block; overflow:hidden; color:#fff; text-transform:uppercase; opacity:.5; margin-bottom:10px; }
.service_box li p{width:100%; font-size:16px; line-height:35px; position:relative; display:block; color:#fff; opacity:0; transition: all .4s ease;}
.service_box li:nth-child(1){background-image:url(../images/service01.jpg)}
.service_box li:nth-child(2){background-image:url(../images/service02.jpg)}
.service_box li:nth-child(3){background-image:url(../images/service03.jpg)}
.service_box li:nth-child(4){margin-right:0; background-image:url(../images/service04.jpg)}
.service_box li:hover .box{top:0;}
.service_box li:hover p{opacity:1;}
@media (max-width:1440px) {
.service_box li .box{padding:30px; top:75%;}
.service_box li b{font-size:18px;}
}
@media (max-width:1380px) {
.service_box li{height:430px;}
.service_box li .box{padding:30px; top:72%;}
.service_box li p{font-size:16px; line-height:30px;}
}
@media (max-width:1280px) {
.service_box li .box{padding:20px; top:75%;}
}
@media (max-width:1180px) {
.service_box li{width:49%; margin-right:0; border-radius:8px; margin-bottom:20px; height:400px;}
.service_box li:nth-child(2n){ float:right}
.service_box li .box{padding:30px; top:75%;}
}
@media (max-width:992px) {
.service_box li{height:350px;}
.service_box li .box{padding:20px; top:75%;}
}
@media (max-width:540px) {
.service_box li{width:100%; margin-bottom:10px; height:300px; background-position:center center;}
.service_box li p{font-size:14px; line-height:30px;}
}
@media (max-width:430px) {
.service_box li .box{ top:70%;}
}



/**产品分类**/
.ny_pro_fl{width:100%; background:#f5f5f5; position:relative; padding-bottom:50px;}
.ny_pro_fl .category{max-width:1400px; margin:0 auto}
.ny_pro_fl .category .hd{display:none;}
.ny_pro_fl .category .bd li{position:relative; width:100%; background:#fff; margin-bottom:2px; line-height:45px; border:1px solid #eee; overflow:hidden}
.ny_pro_fl .category .bd li .yj{width:20%; float:left; background:#1b60ad; color:#fff; text-align:center; font-size:16px}
.ny_pro_fl .category .bd li .sj{width:80%; float:right;}
.ny_pro_fl .category .bd li .sj a{float:left; color:#707070; font-size:14px; display:block; padding-left:20px}
.ny_pro_fl .category .bd li .sj a:hover{color:#1b60ad;}
.ny_pro_bt{font-size:24px; color:#595959; padding-left:20px; background-position:left; background-repeat:no-repeat; background-image:url(../images/p_01.png); height:30px; line-height:30px}
.ny_pro_fl02{padding-bottom:0px;}
@media (max-width:1380px) {
.ny_pro_fl .category{width:96%}
.ny_pro_fl .category .bd li .yj{width:15%;}
.ny_pro_fl .category .bd li .sj{width:85%;}
}
@media (max-width:1180px) {
.ny_pro_fl .category .bd li .sj a{padding-left:15px}	
}
@media (max-width:1024px) {
.ny_pro_fl{padding-bottom:40px}
.ny_pro_fl .category .bd li .yj{font-size:15px}
.ny_pro_fl .category .bd li .sj a{font-size:13px; padding-left:10px}	
}
@media (max-width:992px) {
.ny_pro_fl{padding-bottom:0px}
.ny_pro_fl .category{width:100%;}	
.ny_pro_fl .category .hd{display:block; background:#10417C; line-height:60px; text-align:center; width:100%;}
.ny_pro_fl .category .hd b{font-size:18px; color:#fff}
.ny_pro_fl .category .bd {width:100%; height:auto; display:none; position:absolute; z-index:99;}
.ny_pro_fl .category .bd ul{top:60px}
.ny_pro_fl .category .bd li{border:none;margin-bottom:0;}
.ny_pro_fl .category .bd li .yj,.ny_pro_fl .category .bd li .sj{width:100%;}
.ny_pro_fl .category .bd li .sj{background:#eee}
.ny_pro_fl .category .bd li .sj a{width:20%; text-align:center; padding-left:0}
}
@media (max-width:540px) {
.ny_pro_bt{font-size:20px;}
.ny_pro_fl .category .bd li .sj a{width:33.333%; line-height:35px}	
}
@media (max-width:420px) {
.ny_pro_bt{font-size:18px;}
.ny_pro_fl .category .bd li .sj a{width:50%;}		
}


/**产品分类页面**/
.product_class{width:100%; overflow:hidden; border:1px #ececec solid; }
.product_class li{display:flex; justify-content:space-between; flex-wrap:nowrap; height:400px;}
.product_class li .img{width:50%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.product_class li:nth-child(even){flex-direction: row-reverse;}
.product_class li .fl{position: relative;width: 50%;height: 100%;overflow: hidden;display: flex;align-content: center;justify-content: center;flex-wrap: wrap;padding: 0 10%;background: #fff;}
.product_class dt{font-size:24px; font-weight:normal; display:block; margin-bottom:10px;}
.product_class dt a{color:#444}
.product_class dd{position:relative}
.product_class dd:before{content:""; display:block; width:0; height:0; border:6px solid transparent; border-left:6px solid #1b60ad; position:absolute; left:0; top:6px;}
.product_class dd a{padding-left:15px; color:#707070; display:block; position:relative}
.product_class dd a:after{content:""; position:absolute; bottom:0px; left:0; right:0; width:0; height:1px; z-index:3; background:#1b60ad; transition: all ease 0.3s;}
.product_class dd:hover a{color:#1b60ad}
.product_class dd:hover a:after{width:100%;}
@media (max-width:1024px) {
.product_class li{height:340px;}
.product_class dt{font-size:20px}
}
@media (max-width:992px) {
.product_class dt{font-size:18px}	
.product_class dd{font-size:14px; margin-bottom:5px}	
.product_class dd:before{top:5px;}
.product_class dd a{padding-left:12px;}
}
@media (max-width:540px) {
.product_class li{display:block; height:auto; overflow:hidden}
.product_class li .img{width:100%; height:410px}
.product_class li .fl{width:100%; display:block; padding:20px}	
.product_class dt{font-size:22px}	
.product_class dd{font-size:17px; margin-bottom:10px}	
.product_class dd:before{top:6px;}
}
@media (max-width:430px) {
.product_class li .img{height:300px}	
}
@media (max-width:390px) {
.product_class li .img{height:260px}	
.product_class dt{font-size:20px}	
.product_class dd{font-size:16px;}	
}

/**产品详情**/
.pro_detail_bt{font-size:28px; color:#1b60ad; margin-bottom:20px; font-weight:bold; display:block;}
.pro_detail_box{width:100%; overflow:hidden; margin-bottom:40px}

.picture_box{width:47%; float:left; overflow:hidden}
.picture_box .gallery-top{border:1px solid rgba(0, 0, 0, .05); text-align:center; position:relative}
.picture_box .swiper-container {width:100%;}

.picture_box .gallery-top .swiper-slide{display:block; width:100%; height:400px; overflow:hidden; padding:0; position:relative;}
.picture_box .gallery-top .swiper-slide .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.picture_box .gallery-top .swiper-slide .img img{display:block; max-width:100%; max-height:100%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:10; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s; z-index:98}

.picture_box .swiper-slide {background-size:100%; background-repeat:no-repeat; background-position:center;}
.picture_box .gallery-thumbs {height:120px; box-sizing:border-box; width:100%; margin:0 auto; margin-top:20px; cursor: pointer; z-index:99}
.picture_box .gallery-thumbs .swiper-slide {height:100%; opacity:0.4; border:3px solid rgba(0, 0, 0, .05);}
.picture_box .gallery-thumbs .swiper-slide-thumb-active {opacity:1; border:3px solid #1b60ad;}

.picture_box .swiper-button-next,.picture_box .swiper-button-prev{top:50%; bottom:0px; background:rgba(0,0,0,.4); width:50px; height:50px; line-height:50px; text-align:center; position:absolute; z-index:99}
.picture_box .swiper-button-prev{left:0;}
.picture_box .swiper-button-next{right:0}
.picture_box .swiper-button-next:hover,.picture_box .swiper-button-prev:hover{background:rgba(2,176,236,1);}
.picture_box .swiper-button-next i,.picture_box .swiper-button-prev i{color:#fff;}
.picture_box .swiper-button-next:hover i,.picture_box .swiper-button-prev:hover i{color:#fff;}

.pro_detail_text{float:right; width:50%; overflow:hidden}
.pro_detail_text b{font-size:28px; color:#1b60ad; margin-bottom:20px; padding-bottom:15px; font-weight:bold; display:block; border-bottom:1px dashed #eee}
.pro_detail_text .txt{overflow:hidden; background:#f5f5f5; padding:30px; border:1px solid rgba(0, 0, 0, .05);}
.pro_detail_text .txt p{font-size:16px; line-height:40px; color:#666}

@media (max-width:1380px) {
.picture_box .gallery-thumbs {height:100px;}
.pro_detail_text .txt{padding:25px;}
}
@media (max-width:1180px) {
.product_show_lb li{height:60px;}
.product_show_lb li h1{line-height:60px; font-size:16px}	
}
@media (max-width:1024px) {
.pro_detail_bt{font-size:24px; margin-bottom:0px; padding-bottom:10px;}
.picture_box .gallery-top .swiper-slide{height:400px;}	
.picture_box .gallery-thumbs {height:80px;}
.pro_detail_text .txt p{ line-height:35px}
}
@media (max-width:992px) {
.picture_box .gallery-top .swiper-slide{height:340px;}	
.picture_box .gallery-thumbs {height:70px;}
.pro_detail_text .txt{padding:20px;}
}
@media (max-width:540px) {
.pro_detail_bt{font-size:20px;}
.picture_box{width:100%; margin-bottom:20px}	
.picture_box .gallery-top .swiper-slide{height:380px;}	
.picture_box .gallery-thumbs {height:90px;}
.pro_detail_text{width:100%;}
.pro_detail_text .txt p{font-size:14px; line-height:30px}
.pro_detail_box{margin-bottom:30px}
}
@media (max-width:430px) {
.picture_box .gallery-top .swiper-slide{height:300px;}	
.picture_box .gallery-thumbs {height:70px;}
}
@media (max-width:390px) {
.picture_box .gallery-top .swiper-slide{height:280px;}	
.picture_box .gallery-thumbs {height:60px;}
}

/**解决方案**/
.ny_solu_fl .category .bd{overflow:hidden}
.ny_solu_fl .category .bd li{width:25%; float:left; text-align:center;}
.ny_solu_fl .category .bd li a{color:#707070; font-size:16px; display:block}
.ny_solu_fl .category .bd li.active{background:#1b60ad;}
.ny_solu_fl .category .bd li.active a{color:#fff;}
.ny_solu_fl .category .bd li:hover a{color:#1b60ad;}
.ny_solu_fl .category .bd li.active:hover a{color:#fff;}

.solution_box01{border:1px solid #d4d4d4; background:#f5f5f5; width:100%; overflow:hidden; padding:20px; margin-top:20px}
.solution_box01 p{font-size:16px; color:#707070}
.solution_box01 li{width:25%; float:left; background:#fff; padding:5px; margin-top:10px}
.solution_box01 li .img{ position:relative}
.solution_box01 li .img img{ width:100%}
.solution_box01 li .img .more{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(3,75,181,.6);transition:all .5s ease;transform:scale(0,1);}
.solution_box01 li:hover .img .more{transform: scale(1);}
.solution_box01 li:hover .img .more span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; width:80px; height:80px; line-height:20px; background-color:#034bb5; display:block; font-size:14px; color:#fff; text-align:center; padding-top:16px}
.solution_box01 li:hover .img .more span i{display:block; font-style:normal; font-size:18px}
.solution_box01 li .wz{line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#707070}
.solution_box01 li:hover .wz{color:#1b60ad;}

.solution_box02 li:hover .img .more span{ font-size:40px; line-height:70px; padding-top:0px}
@media (max-width:1024px) {
.solution_box01 li .wz{line-height:40px; font-size:16px;}
}
@media (max-width:992px) {
.ny_solu_fl .category .bd li{width:100%; border-bottom:1px solid #eee}
}
@media (max-width:780px) {
.solution_box01 li{width:50%;}
}
@media (max-width:540px) {
.solution_box01 li .wz{line-height:30px; font-size:14px;}
}
@media (max-width:430px) {
.solution_box01 li{width:100%;}
}




/**在线留言**/
.feedback_form{width:50%; overflow:hidden; margin:0 auto}
.feedback_form ul{width:100%; overflow:hidden;}
.feedback_form ul li {margin-bottom:20px; float:left; width:100%; position:relative;}
.feedback_form ul li p{width:100px; float:left; height:50px; line-height:50px; text-align:right; font-size:16px; color:#666; padding-right:20px}
.feedback_form ul li p font{color:#ff0000}
.feedback_form ul li input{font-family: "SourceHanSansCN-Normal"; background:#fff; border:1px solid #eee;  width:calc(100% - 120px); font-size:14px; height:50px; line-height:50px; border-radius:5px; padding-left:20px}
.feedback_form ul li select{font-family: "SourceHanSansCN-Normal"; background:#fff; border:1px solid #eee;  width:calc(100% - 120px); font-size:14px; color:#666; height:50px; line-height:50px; border-radius:5px; padding:0 20px}
.feedback_form ul li textarea{font-family: "SourceHanSansCN-Normal"; background:#fff; border:1px solid #eee; width:calc(100% - 120px); font-size:14px; height:50px; line-height:50px; border-radius:5px; padding-left:20px; overflow:hidden}
.feedback_form ul li .yzm{ right:20px; top:10px;position:absolute}

.feedback_form .more-button{cursor:pointer; border: none; width:250px; height:50px; font-size:16px; color: #fff; background: #1b60ad; border-radius:25px; margin:0 auto; display:block; transition: all 0.4s ease-out;}
.feedback_form .more-button:hover{width:300px; background:#d83038;}
@media (max-width:1024px) {
.feedback_form .more-button{width:40%;}
}
@media (max-width:992px) {
.feedback_form{width:100%;}
.feedback_form .more-button{width:100%;}
}
@media (max-width:540px) {
.feedback_form ul li{width:100%;}	
.feedback_form ul li textarea{height:200px;}
}





/**文章详情**/
.newsDetailDiv{width:100%; overflow:hidden;}
.newsDetailDiv .hdDiv{text-align: center;}
.newsDetailDiv .hdDiv .title{font-size: 24px;font-weight: bold;}
.newsDetailDiv .hdDiv .title02{ overflow:hidden; margin:10px 0}
.newsDetailDiv .hdDiv span{color: #999999; margin:0 10px; font-size:14px}
.newsDetailDiv .bdDiv{border-top:1px solid #eee; border-bottom: 1px solid #eee; padding:30px 0;}
.newsDetailDiv .bdDiv p{margin:0; color:#333; font-size:16px; line-height:35px; text-indent:2em}
.newsDetailDiv .bdDiv img{}
.newsDetailDiv .otherPage{padding: 10px 0 0; font-size:16px; color:#999}
.newsDetailDiv .otherPage .fl,.newsDetailDiv .otherPage .fr{ width:50%}
.newsDetailDiv .otherPage .fr{ text-align:right}
.newsDetailDiv .otherPage a{color: #333; margin-top: 10px;max-width: 50%;}
.newsDetailDiv .otherPage a:hover{color:#1b60ad;}

.newsDetailDiv .more{width:260px; display:block; height:50px; line-height:50px; text-align:center; margin:0 auto; background:#f5f5f5; border:1px solid rgba(0, 0, 0, .05); color:#999; font-size:16px; }
.newsDetailDiv .more:hover{color:#fff; background:#1b60ad;}
@media (max-width:540px) {
.newsDetailDiv .hdDiv{padding:0px 0 0px; }
.newsDetailDiv .otherPage .fl,.newsDetailDiv .otherPage .fr{ width:100%}
.newsDetailDiv .otherPage{font-size:14px;  padding: 10px 0;}
.newsDetailDiv .otherPage .fr{ text-align:left}
.newsDetailDiv .bdDiv img{max-width:100%}
.newsDetailDiv,.news_right{width:100%;}
.newsDetailDiv .bdDiv p{font-size:14px; line-height:25px;}
.newsDetailDiv .bdDiv{padding:20px 0;}
}
@media (max-width:430px) {
.newsDetailDiv .hdDiv .title{ font-size:18px}
.newsDetailDiv .more{ width:100%}
}

/**联系我们**/
.contact_box{width:100%;}
.contact_box li{width:25%; float:left; padding:2%; background:#fff; text-align:center; border-right: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  margin-bottom:40px}
.contact_box li i{ display:block; font-size:60px; color:#1b60ad;}
.contact_box li b{font-size:18px; color:#333; display: block;}
.contact_box li p{font-size:16px; color:#666; line-height:25px; height:50px}
.contact_box li a{color:#666}

.contact_map{width:100%; background:#f5f5f5; padding:10px 0 10px 10px; box-shadow: 12px 12px 20px rgba(0, 0, 0, .1); height:500px;} 
#container{width:100%; height:100%;}
#container .map_wz{font-size:17px; color:#1b60ad; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:1px; display:block}
#container .map_wzz{font-size:14px; font-family:Verdana, Geneva, sans-serif;}
@media (max-width:1180px) {
.contact_box li i{font-size:40px;}
}
@media (max-width:1024px) {
.contact_box li b{font-size:16px;}
.contact_box li p{font-size:14px;}
.contact_map{height:400px;} 
}
@media (max-width:780px) {
.contact_box li{width:50%; margin-bottom:0px}	
}
@media (max-width:430px) {
.contact_box li{width:100%; padding:20px}	
.contact_box li p{height: auto}
.contact_map{height:300px;} 
}


/*分页样式 开始*/
#fengye{margin:auto 0; text-align: center; margin-top:20px}
div.digg{text-align:left; font-size:16px; display:inline-block; height:50px}
div.digg span.disabled{padding:14px 20px; margin:0 2px; color:#666; background:#f5f5f5; border-radius:8px}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#1b60ad; border-radius:8px}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#f5f5f5; border-radius:8px}
div.digg a:hover {background:#1b60ad; color:#fff;}
div.digg .keng{ display:none}



.ecology_box{width:100%; overflow:hidden; border-radius:8px; background:#1b60ad; color:#fff; background-position:center bottom; background-repeat:no-repeat; background-size:cover; position:relative; margin-bottom:80px}
.ecology_box:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, .5); z-index:1; backdrop-filter: blur(0px);}
.ecology_box .box{position:relative; z-index:2; margin:120px}
.ecology_box .box b{font-size:50px}
.ecology_box .box p{font-size:30px}
.ecology_box .box span{ display:block; width:200px; height:50px; line-height:50px; background:#fff; border-radius:25px; color:#1b60ad; text-align:center; margin-top:40px}
.ecology_box01{background-image:url(../images/job.jpg);}

.ecology_box02{width:100%; overflow:hidden; margin-bottom:80px; position:relative; z-index:2; color:#fff}
.ecology_box02 li{width:24.25%; float:left; background:#1b60ad; position:relative; margin-right:1%; text-align:center; padding:100px 20px; border-radius:8px; overflow:hidden}
.ecology_box02 li .box{position:relative; z-index:2;}
.ecology_box02 li:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, .5); z-index:1; backdrop-filter: blur(0px);}
.ecology_box02 li:nth-child(4){margin-right:0;}
.ecology_box02 li b{font-size:24px}
.ecology_box02 li p{font-size:22px}
.ecology_img li:nth-child(1){background-image:url(../images/e01.jpg); background-position:center; background-size:cover}
.ecology_img li:nth-child(2){background-image:url(../images/e02.jpg); background-position:center; background-size:cover}
.ecology_img li:nth-child(3){background-image:url(../images/e03.jpg); background-position:center; background-size:cover}
.ecology_img li:nth-child(4){background-image:url(../images/e04.jpg); background-position:center; background-size:cover}

.ecology_zmdx{}
.ecology_zmdx li{background:#f5f5f5; padding:80px 20px;}
.ecology_zmdx li:before{display:none}
.ecology_zmdx li i{display:block; font-size:60px; color:#1b60ad}
.ecology_zmdx li b{color:#1b60ad;}
.ecology_zmdx li p{color:#666;}

.ecology_jrlc{margin:120px 0 0}
.ecology_jrlc li{padding:0; background:none;}
.ecology_jrlc li:before{display:none}
.ecology_jrlc li .box{margin:0;}
.ecology_jrlc li b{font-size:60px !important;}
.ecology_jrlc li p{font-size:22px !important;}

.ecology_box03{margin-bottom:0px; background-image:url(../images/e05.jpg);}
.ecology_box03 .box02{margin:60px 120px 120px}
@media (max-width:1380px) {
.ecology_box .box{margin:80px;}
.ecology_box .box b{font-size:40px}
.ecology_jrlc{margin:80px 0 0;}
}
@media (max-width:1024px) {
.ecology_box,.ecology_box02{margin-bottom:60px;}
}
@media (max-width:992px) {
.ecology_box,.ecology_box02{margin-bottom:40px;}
.ecology_box .box{margin:50px;}
.ecology_box .box b{font-size:30px}
.ecology_box .box p{font-size:20px}
.ecology_box02 li{width:49%; margin-bottom:20px; margin-right:0; padding:60px 20px;}
.ecology_box02 li:nth-child(2n){float:right}
}
@media (max-width:540px) {
.ecology_box .box{margin:30px;}
.ecology_box .box b{ font-size:24px}
.ecology_box .box p{ font-size:16px}
.ecology_box .box span{height:40px;line-height:40px;border-radius:20px;}	
.ecology_box02 li b{font-size:20px}
.ecology_box02 li p{font-size:18px}
.ecology_jrlc{margin:30px 0 0;}
.ecology_jrlc li{padding:20px 20px;}
.ecology_jrlc li b{font-size:50px !important;}
.ecology_jrlc li p{font-size:18px !important;}
}
@media (max-width:430px) {
.ecology_box,.ecology_box02{margin-bottom:20px;}	
.ecology_box02 li{width:100%;}
}



.n-join .n-join-tit {padding-left:2.5%; display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch; background-color:#f5f5f5; border:1px solid #eee; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s}
.n-join .n-join-tit:first-child {margin-top:0}
.n-join .n-join-tit .n-join-tit__font {cursor:pointer; width:calc(100% - 120px); padding-top:30px}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top {display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top h2 {line-height:18px;font-size:18px;font-weight:bold;color:#1b60ad}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top .n-join-time {line-height:18px;font-size:14px;color:#5b5e64;padding-left:10px;border-left:1px solid #e4e4e4;margin-left:10px}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot {margin-top:15px;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item {padding-right:40px;line-height:28px;font-size:14px;color:#5b5e64}
.n-join .n-join-tit .n-join-btn {border-left:1px solid #eee; width:120px; height:120px; line-height:120px; text-align:center; cursor: pointer}
.n-join .n-join-tit .n-join-btn i{color:#999}
.n-join .n-join-tit.current {margin-bottom:0; background-color:#1b60ad; border:1px solid #eee;}
.n-join .n-join-tit.current h2,.n-join .n-join-tit.current .n-join-time,.n-join .n-join-tit.current .n-join-item {color:#fff !important}
.n-join .n-join-tit.current i{color:#fff;}
.n-join .n-join-tit.current .n-join-btn{border-left:none; border-bottom:1px solid #2a79d2; transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg); -o-transform: rotate(90deg);}
.n-join .n-join-font {display:none; background-color:#f5f5f5; border:1px solid #eee; margin-bottom:10px; border-top-width:0;padding:2.5%;line-height:28px;font-size:14px;color:#181818}
.n-join .n-join-font .n-join-font-box .n-join-font-l {width:100%; border-bottom:1px dashed #ddd; overflow:hidden; padding-bottom:20px; margin-bottom:20px}
.n-join .n-join-font .n-join-font-box b{ font-size:16px}
.n-join .n-join-font .n-join-font-box p{ font-size:14px}
@media (max-width:1024px) {
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item{padding-right:30px;}
}
@media (max-width:992px) {
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item{padding-right:20px;}
}
@media (max-width:820px) {
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item{padding-right:10px;}
}
@media (max-width:780px) {
.n-join .n-join-tit .n-join-tit__font {width:calc(100% - 80px); padding-top:15px}	
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot{margin-top:5px;}
.n-join .n-join-tit .n-join-btn {width:80px; width:80px; height:80px; line-height:80px}
.n-join .n-join-tit.current .n-join-tit__font{width:calc(100% - 80px);}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top h2{font-size:16px}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item{ font-size:12px}
}
@media (max-width:540px) {
.n-join .n-join-tit .n-join-tit__font{padding:15px 0}	
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot{ display:block}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item{ width:33.333%; float:left; padding-right:0px;}
.n-join .n-join-tit.current .n-join-btn{ border-bottom:none}
.n-join .n-join-tit .n-join-btn{ border-left:none}
.n-join .n-join-font .n-join-font-box{ display:block}
.n-join .n-join-font .n-join-font-box .n-join-font-l{width:100%;padding-right:0;}
.n-join .n-join-font .n-join-font-box .n-join-font-r{width:100%;padding-left:0; border-left:none; margin-top:10px}
.n-join .n-join-font .n-join-font-box b{ font-size:14px}
.n-join .n-join-tit .n-join-tit__font {width:calc(100% - 50px);}	
.n-join .n-join-tit .n-join-btn {width:50px; width:50px; height:50px; line-height:50px}
.n-join .n-join-tit.current .n-join-tit__font{width:calc(100% - 50px);}

.n-join-item:nth-child(3){ display:none}
}
@media (max-width:430px) {
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top{ display:block; overflow:hidden}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top h2{width:100%; display:block; margin-bottom:10px}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-top .n-join-time{width:100%; float:left; margin-left:0px; margin-bottom:10px}
.n-join .n-join-tit .n-join-tit__font .n-join-tit__font-bot .n-join-item{width:100%;}	
}


.honor_box{ overflow:hidden; width:100%}
.honor_box .swiper-slide .img{border-radius:12px; border:1px solid #eee; background:#f5f5f5; border-radius:12px;  display:block; width:100%; height:280px; overflow:hidden; padding:0; position:relative;}
.honor_box .swiper-slide .img .por{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.honor_box .swiper-slide .img .por img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; z-index:10}