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:1400px; 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;background: 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 4479941 */
  src: url('../font/iconfont.woff2?t=1711783201558') format('woff2'),
       url('../font/iconfont.woff?t=1711783201558') format('woff'),
       url('../font/iconfont.ttf?t=1711783201558') 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:relative; height:145px; background:rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 4px #999999;-webkit-box-shadow: 0px 0px 4px #999999; box-shadow: 0px 0px 4px #999999;}
header .top{width:100%; overflow:hidden; height:80px;}
header .top .logo{float:left; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;}
header .top .logo .img{max-height:70px; padding-top:20px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;}
header .top .tel{float:right}
header .top .tel img{max-height:55px; padding-top:20px;}

header .bottom{width:100%; position:relative; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;}
header .bottom .menu{position:relative; z-index:99; width:60%; float:left}
header .bottom .menu ul{width:100%;}
header .bottom .menu ul li{float:left; width:16.6%; 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 .bottom .menu ul li:after {content: ''; position:absolute; right:0; top:50%; width:1px; height:14px; background:#E2E2E2; transform: translateY(-50%);}
header .bottom .menu ul li a{color:#707070; font-size:18px; position:relative; text-transform:uppercase; font-weight:bold}
header .bottom .menu ul li a:hover{color:#02B0EC}
header .bottom .menu ul li.cur a{color:#02B0EC}
header .bottom .menu ul li.cur a:hover{color:#02B0EC}

header .bottom .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:60px; left:0; border-top:2px solid #02B0EC;}
header .bottom .menu ul li:hover ul{display:block}
header .bottom .menu ul li ul li{width:100%; height:50px; line-height:50px; border-top:1px solid #eee; }
header .bottom .menu ul li ul li:after{display:none}
header .bottom .menu ul li ul li a{font-size:16px; color:#707070; font-weight:normal; overflow: hidden;}
header .bottom .menu ul li.cur li a{color:#707070;}
header .bottom .menu ul li ul li:hover a{color:#02B0EC}
header .bottom .menu ul li:hover .ej{width:1100px; display:flex;}
header .bottom .menu ul li .ej li{height:auto; text-align:left; position:relative}
header .bottom .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 .bottom .menu ul li .ej li:nth-child(even){background:#F7F7F7;}
header .bottom .menu ul li:hover .ej li{height:auto;}
header .bottom .menu ul li .ej li a{color:#707070; padding-left:35px; height:70px; line-height:70px}
header .bottom .menu ul li .ej .sj{border-top:2px solid #e4e4e4; padding:20px 0}
header .bottom .menu ul li .ej .sj a{display:block; font-size:14px; color:#888; height:30px; line-height:30px; position:relative; padding-left:40px}
header .bottom .menu ul li .ej .sj a:before {content:""; display:block; width:0; height:0; border:4px solid transparent; border-left:4px solid #02B0EC; position:absolute; left:30px; top:10px;}
header .bottom .menu ul li .ej .sj a:hover{color:#02B0EC}

header .bottom .search_box{width:30%; overflow:hidden; float:right; border: 1px solid #ebeced; border-radius:30px; height:40px; line-height:36px; font-size:14px; margin-top:10px}
header .bottom .search_box input{color:#ccc; border:none; background:none;}
header .bottom .search_box i{float:left; color:#ccc; display:block; width:30px; text-align:right; color:#999; font-weight:bold}
header .bottom .search_box .input{width:calc(100% - 100px); padding-left:8px}
header .bottom .search_box .submit{float:right; cursor:pointer; display:block; width:70px; text-align:center}

header nav{display:none !important}

@media (max-width:1380px) {
.wrap{width:96%; margin:0 auto}
}
@media (max-width:1024px) {
header .bottom .menu ul li a{font-size:16px}
header .bottom .menu ul li:hover .ej{width:900px;}
}

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

header{height:80px;}
header .top .logo .img{max-height:60px; position:relative; z-index:9999}
header .tel,header .bottom{display:none}
header nav {display:block}

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

.mean-container .mean-nav {width:100%; margin-top:80px; position:fixed; background:#02B0EC;}
.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;}
header .top{height:60px;}
header .top .logo .img{max-height:35px; padding-top:0px; margin-top:12px}
.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 .top{height:45px;}
header .top .logo .img{max-height:25px; padding-top:0px; margin-top:10px}	
.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:520px; 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 .swiper-pagination-bullets{width:100%; bottom:20px; z-index:2; text-align:center;}
.index-banner .swiper-pagination-bullet{width:8px; height:8px; background:#02B0EC; 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:#02B0EC;}
.index-banner .swiper-pagination-bullet span{ border:none}
@media (max-width:1440px) {
.index-banner .img{height:460px;}	
}
@media (max-width:1280px) {
.index-banner .img{height:420px;}	
}
@media (max-width:1024px) {
.index-banner .img{height:360px;}	
}
@media (max-width:992px) {
.index-banner .img{height:300px;}	
}
@media (max-width:820px) {
.index-banner .img{height:250px;}	
}
@media (max-width:540px) {
.index-banner .img{height:180px;}	
}
@media (max-width:430px) {
.index-banner .img{height:130px;}	
}




.index_box{padding:30px 0; width:100%; position:relative; overflow:hidden}
.index_box02{padding:30px 0 0;}
.tit_box{width:100%; position:relative; overflow:hidden; margin-bottom:20px}
.tit_box .cn{font-size:36px; color:#02B0EC; font-weight:bold; padding-left:20px}
.tit_box .cn:before{content:""; display:block; width:6px; height:36px; left:0; top:10px; position:absolute; background:#02B0EC;}
.tit_box .en{font-size:18px; color:#999; text-transform:uppercase}

.in_more{display:block; width:190px; height:40px; line-height:38px; margin:0 auto; background:#fff; border:1px solid #02B0EC; text-align:center; font-size:16px; color:#02B0EC; transition:all 0.3s ease-out;}
.in_more:hover{width:220px; color:#fff; background:#02B0EC;}
.in_more02{ margin-top:30px}
@media (max-width:1380px) {
.tit_box .cn{font-size:32px;}
.tit_box .cn:before{height:32px;}
}
@media (max-width:1024px) {
.tit_box{margin-bottom:10px}
.tit_box .cn{font-size:28px;}
.tit_box .cn:before{height:28px;}
.tit_box .en{font-size:16px;}
}
@media (max-width:540px) {
.tit_box .cn{font-size:22px; padding-left:15px}
.tit_box .cn:before{height:22px; top:6px;}
.tit_box .en{font-size:16px;}
}
@media (max-width:430px) {
.in_more02{margin-top:10px}
}


/*产品展示*/
.products_box{width:100%;}
.products_box li{width:25%; padding:10px; float:left; position:relative; top:0px; overflow:hidden; transition: all .5s ease;}
.products_box li .img{display:block; border:1px solid #e8e8e8; width:100%; height:280px; overflow:hidden; padding:0; position:relative; z-index:8}
.products_box li .img .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.products_box li .img .pro 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:9}
.products_box li .text{width:100%; overflow:hidden; color:#595959; font-size:18px; font-weight:bold; margin:10px 0}
.products_box li:hover{top:-5px; box-shadow: rgba(33, 33, 33, 0.2) 0px 3px 18px 2px;}

.products_box02{width:100%; overflow:hidden; margin:10px 0 40px}
.products_box02 li:hover{box-shadow:none}
.products_box02 li .text{background:#f5f5f5; color:#444; text-align:center; font-size:18px; font-weight:normal; margin:0; padding:10px 0}

.products_box03{width:100%; overflow:hidden; margin-top:10px}
.products_box03 li:hover{box-shadow:none}
.products_box03 li .img{background:#fff;}
.products_box03 li .text{background:#02B0EC; color:#fff; text-align:center; font-size:18px; font-weight:normal; margin:0; padding:10px 0}
@media (max-width:1180px) {
.products_box li .img{height:240px;}
}
@media (max-width:1024px) {
.products_box li .img{height:220px;}
.products_box li .text{font-size:16px;}
}
@media (max-width:992px) {
.products_box li .img{height:180px;}	
}
@media (max-width:780px) {
.products_box li{width:50%;}
.products_box li .img{height:320px;}	
}
@media (max-width:540px) {
.products_box li{width:50%;}	
.products_box li .img{height:240px;}	
.products_box li .text{font-size:14px;}
.products_box02{margin:10px 0 30px}
}
@media (max-width:430px) {
.products_box li .img{height:180px;}	
}
@media (max-width:390px) {
.products_box li .img{height:160px;}	
}
@media (max-width:375px) {
.products_box li .img{height:140px;}	
}



/*首页行业应用*/
.index_application{padding:60px 0; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/bj.jpg);}
.application{width:100%;margin:0 auto;}
.syfw{overflow:hidden;position:relative;}
.syfwul {overflow:hidden;height:440px;position:relative;}
.syfwul li {width:25%;height:100%;position:relative;float:left;overflow:hidden;padding:35px;background:#fff;transition:all 1s;}
.syfwul_img {position:absolute;top:0;right:0;width:100%;height:100%;transition:all 1s;}
.syfwul_img img {width:100%;height:100%;}
.syfw_h3 {color:#fff;font-weight:normal;position:relative;z-index:1;overflow:hidden;transition:all 1s;}
.syfw_h3 i {display:block;width:6px;height:62px;background:#02B0EC;float:left;margin-right:15px;transition:all 1s;}
.syfw_h3 h3 {display:block; width: calc(100% - 21px); font-size:30px; text-align:left;float:left;transition:all 1s;font-weight:normal;}
.syfw_h3 em {display:block; width: calc(100% - 21px); font-size:14px;color:#02B0EC;margin-top:10px;float:left; opacity:0;transition:all 1s; font-style:normal}
.syfw_text {overflow:hidden;font-size:14px;color:#666;line-height:28px;padding-left:40px;margin-top:30px;transition:all 1s;opacity:0;}
.syfwul li.active1 {width:18.666%;}
.syfwul li.active {width:44%;padding:0 45px 0 45px;}
.syfwul li.active .syfwul_img {right:-100%;}
.syfwul li.active .syfw_h3 i {width:10px;height:220px;margin-right:30px;}
.syfwul li.active .syfw_h3 h3 {color:#02B0EC;width: calc(100% - 40px);  margin-top:22%;}
.syfwul li.active .syfw_h3 em {opacity:1; width: calc(100% - 40px);}
.syfwul li.active .syfw_text {opacity:1;}
.syfwul_img1 {position:absolute;bottom:20px;width:100%;z-index:1;}
.syfwul_img1 img {width:100%;display:block;}
.syfw dl {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.syfw dl dd {width:25%;height:100%;float:left;}
.syfw dl dd.syfwd1 {width:18.666%;}
.syfw dl dd.syfwd {width:44%;}
@media (max-width:1024px) {
.syfw_h3 h3{font-size:20px;}
.syfw_h3 i{height:30px;}
.syfwul li.active .syfw_h3 i {height:120px;}
}
@media (max-width:992px) {
.syfwul{height: auto;}
.syfwul li{width:100%;}
.syfw_h3 em,.syfw_text{opacity:1;}
.syfw dl{ display:none}
.syfw dl dd{width:100%;}
.syfwul li.active {width:100%;}
.syfw dl dd.syfwd1 {width:100%;}
.syfw dl dd.syfwd {width:100%;}
.syfwul li.active1 {width:100%;}
.syfwul li.active .syfw_h3 h3{margin-top:30px;}
.syfw_text{ margin-top:0; margin-bottom:20px; display:none}
}
@media (max-width:820px) {
.syfw_h3 h3{font-size:20px;}
.syfw_h3 i{height:26px;}
}
@media (max-width:540px) {
.index_application{padding:20px 0;}
}
@media (max-width:430px) {
.index_application{padding:10px 0;}
}


/*首页新闻资讯*/
.index_news_box{width:100%;}
.index_news_box li{width:24.25%; margin-right:1%; float:left; border:1px solid #e8e8e8; background:#f1f1f1; transition: all .5s ease; margin-bottom:50px}
.index_news_box li a{ display:block; width:100%; height:100%; padding:30px 20px; overflow: hidden}
.index_news_box li b{font-size:18px; color:#555; font-weight:normal}
.index_news_box li p{font-size:14px; color:#707070; line-height:25px}
.index_news_box li .date{ display:block; background:#02B0EC; color:#fff; width:120px; text-align:center; margin-top:10px; float:right}
.index_news_box li:nth-child(4n){margin-right:0}
.index_news_box li:hover{border:1px solid #02B0EC; box-shadow: rgba(33, 33, 33, 0.2) 0px 3px 18px 2px;}
@media (max-width:1024px) {
.index_news_box li b{font-size:16px;}
}
@media (max-width:540px) {
.index_news_box li{width:49%; margin-right:0; margin-bottom:10px}	
.index_news_box li:nth-child(even){float:right}
}
@media (max-width:430px) {
.index_news_box li{width:100%;}
.index_news_box li a{padding:20px;}
}

/**底部**/
footer{padding:80px 0 20px; height:auto; color:white; background:#3e4347; overflow:hidden; color:#ccc}
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:16px; margin-bottom:10px}
footer .footer-nav dl dd {font-size:14px; line-height:30px; margin-bottom:0}
footer .footer-copyright{margin-top:20px; padding-top:20px; border-top:1px solid #393d40; text-align:center; font-size:14px; color:#ccc}
footer .footer-copyright a{color:#ccc}
@media (max-width:1180px) {
footer{padding:60px 0 20px;}
}
@media (max-width:992px) {
footer{padding:60px 0 20px;}
}

@media (max-width:820px) {
footer{padding:60px 0 20px;}
footer .footer-nav dl:nth-child(1){display:none}	
}

@media (max-width:540px) {
footer{padding:40px 0 20px;}
footer .footer-nav dl:nth-child(2),footer .footer-nav dl:nth-child(3),footer .footer-nav dl:nth-child(4),footer .footer-nav dl:nth-child(5),footer .footer-nav dl:nth-child(6){display:none}	
footer .footer-nav dl:nth-child(1){ display:block}
footer .footer-nav{ display:block}
footer .footer-nav dl{ width:100%; text-align:center}
}
@media (max-width:430px) {
footer{padding:30px 0 20px;}
footer .footer-nav {display:block}
footer .footer-nav dl{width:100%}	
footer .footer-nav dl:nth-child(6){ display:none}
}

/**内页**/
.ny_banner{width:100%; position:relative; min-height:350px; z-index:98; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ny_link{max-width:1400px; margin:0 auto; line-height:60px; font-size:15px; color:#707070; position:relative; padding-left:15px}
.ny_link:before{content:""; display:block; width:0; height:0; border:8px solid transparent; border-left:8px solid #10417C; position:absolute; left:0; top:22px;}
.ny_link a{color:#707070}.ny_link .d{color:#10417C}
.ny_bt{text-align:center; width:100%; overflow:hidden; margin:30px 0 40px; line-height:50px}
.ny_bt p{color:#02B0EC; font-size:20px; font-weight:bold}.ny_bt span{color:#707070; font-size:16px;}
.ny_box{width:100%; overflow:hidden; padding:50px 0;}
.ny_box02{background:#f5f5f5}
.ny_tit_box{width:100%; overflow:hidden; text-align:center; margin-bottom:20px}
.ny_tit_box .cn{color:#02B0EC; font-size:28px;}
.ny_tit_box .en{font-size:14px; text-transform:uppercase; color:#999}
@media (max-width:1380px) {
.ny_link{width:96%}
}
@media (max-width:1180px) {
.ny_banner{min-height:300px;}
.ny_link{width:96%; line-height:50px;}
.ny_link:before{top:18px;}
.ny_bt{margin:20px 0 30px; line-height:40px}
}
@media (max-width:1024px) {
.ny_banner{min-height:250px;}
.ny_bt p{font-size:18px;}
.ny_bt span{font-size:14px;}
.ny_box{padding:40px 0;}
.ny_tit_box .cn{font-size:26px;}
.ny_link{font-size:14px; padding-left:10px}
.ny_link:before{border:6px solid transparent; border-left:6px solid #10417C; top:18px;}
}
@media (max-width:540px) {
.ny_banner{min-height:150px;}
.ny_box{padding:30px 0;}
.ny_tit_box{margin-bottom:10px}
.ny_tit_box .cn{font-size:22px;}
.ny_bt{margin:0 0 20px; line-height:25px}
.ny_link{ line-height:30px}
.ny_link:before{top:9px;}
}
@media (max-width:430px) {
.ny_banner{min-height:120px;}
.ny_box{padding:20px 0;}
.ny_tit_box .cn{font-size:20px;}
}


/**内页导航**/
.ny_nav{width:100%; background:#f5f5f5; position:relative}
.ny_nav .category{max-width:1400px; margin:0 auto}
.ny_nav .category .hd{display:none;}
.ny_nav .category .hd i{ margin-left:5px; font-size:14px}
.ny_nav .category .bd{width:100%;}
.ny_nav .category .bd ul{display:flex;}
.ny_nav .category .bd li{position:relative; width:100%; text-align:center;}
.ny_nav .category .bd li a{color:#707070; display:block; width:100%; line-height:60px; position:relative}
.ny_nav .category .bd li a:after{content:""; position:absolute; bottom:0px; left:0; right:0; width:0; margin: 0 auto; height:3px; z-index:3; background:#02B0EC; transition: all ease 0.3s;}
.ny_nav .category .bd li:hover a{color:#02B0EC;}
.ny_nav .category .bd li:hover a:after{width:100%;}
.ny_nav .category .bd li.active{background:#02B0EC}
.ny_nav .category .bd li.active a,.ny_nav .category .bd li.active:hover{color:#fff;}
@media (max-width:992px) {
.ny_nav .category{width:100%;}
.ny_nav .category .hd{display:block; background:#10417C; line-height:60px; text-align:center; width:100%;}
.ny_nav .category .hd b{font-size:18px; color:#fff}
.ny_nav .category .bd {width:100%; height:auto; display:none; position:absolute; z-index:99; top:60px}
.ny_nav .category .bd ul{display: block;}
.ny_nav .category .bd ul li{border-bottom:1px solid #eee; background:#f5f5f5}
.ny_nav .category .bd li.active{}
}
@media (max-width:540px) {
.ny_nav .categoryDiv .bd{top:120px;}
}
@media (max-width:430px) {
.ny_nav .category .hd{line-height:50px;}
.ny_nav .category .bd{top:50px}
.ny_nav .category .bd li a{line-height:50px;}
}

/**产品分类**/
.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:#02B0EC; 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:#02B0EC;}
.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 #02B0EC; 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:#02B0EC; transition: all ease 0.3s;}
.product_class dd:hover a{color:#02B0EC}
.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:#02B0EC; 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 #02B0EC;}

.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:#02B0EC; 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:#02B0EC;}
.ny_solu_fl .category .bd li.active a{color:#fff;}
.ny_solu_fl .category .bd li:hover a{color:#02B0EC;}
.ny_solu_fl .category .bd li.active:hover a{color:#fff;}

.solution_box{border:1px solid #d4d4d4; background:#f5f5f5; width:100%; overflow:hidden; padding:20px; margin-top:20px}
.solution_box p{font-size:16px; color:#707070}
.solution_box li{width:25%; float:left; background:#fff; padding:5px; margin-top:10px}
.solution_box li .img{ position:relative}
.solution_box li .img img{ width:100%}
.solution_box 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_box li:hover .img .more{transform: scale(1);}
.solution_box 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_box li:hover .img .more span i{display:block; font-style:normal; font-size:18px}
.solution_box li .wz{line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#707070}
.solution_box li:hover .wz{color:#02B0EC;}

.solution_box02 li:hover .img .more span{ font-size:40px; line-height:70px; padding-top:0px}
@media (max-width:1024px) {
.solution_box 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_box li{width:50%;}
}
@media (max-width:540px) {
.solution_box li .wz{line-height:30px; font-size:14px;}
}
@media (max-width:430px) {
.solution_box li{width:100%;}
}


.service_box{width:100%; overflow:hidden;}
.service_box .left{width:50%; float:left}
.service_box .left .bt{color: #10417C; padding:0 100px 50px;}
.service_box .left .bt .s{font-size:20px; margin-bottom:10px}
.service_box .left .bt .b{font-size:40px;}
.service_box .left .wz{background:#bbb; color:#fff; padding:50px 0 50px 100px}
.service_box .right{width:50%; float:right; background:#02B0EC; padding:60px 80px; color:#fff; box-shadow: 0px 6px 20px 0px rgba(72, 76, 96, 0.4)}
.service_box span{ display:block; width:50px; height:5px; background:#fff; margin-bottom:30px}
.service_box strong{display:block; font-size:20px; margin-bottom:20px}
.service_box p{ font-size:16px; line-height:30px}
@media (max-width:1024px) {
.service_box .left .bt{padding:0 20px 50px;}
.service_box .left .bt .s{font-size:18px; margin-bottom:5px}
.service_box .left .bt .b{font-size:30px;}
.service_box .left .wz{padding:20px 0 20px 30px}
.service_box .right{padding:30px;}
.service_box span{width:50px; height:4px; margin-bottom:10px}
.service_box strong{font-size:18px; margin-bottom:10px}
}
@media (max-width:780px) {
.service_box .left,.service_box .right{width:100%;}	
.service_box .left .bt{padding:0 20px 20px;}
}
@media (max-width:420px) {
.service_box .left .wz{padding:10px}	
.service_box .right{padding:10px;}
.service_box span{display:none}
.service_box .left .bt{padding:0 10px 20px;}
.service_box .left .bt .b{font-size:26px;}
.service_box strong{font-size:16px; margin-bottom:10px}
.service_box p{ font-size:14px; line-height:25px}
}


/**在线留言**/
.feedback_form{width:100%; overflow:hidden; float:left}
.feedback_form ul li{ margin-bottom:10px; float:left; width:49.5%; background:#fff; border:1px solid #eee; position:relative; padding-left:10px}
.feedback_form ul li:nth-child(2n){float:right;}
.feedback_form ul li p{ position:absolute; top:15px; right:10px; color:#d36c00}
.feedback_form ul li input{font-family: "SourceHanSansCN-Normal";border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:14px; height:50px}
.feedback_form ul li textarea{font-family: "SourceHanSansCN-Normal"; height:200px;border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:14px;}
.feedback_form ul li .yzm_box{ float:left; width: calc(100% - 180px);}
.feedback_form ul li .yzm{ float:right; margin-top:12px; margin-right:10px;}
.feedback_form ul li:nth-child(5){ width:100%}
.feedback_form .more-button{cursor:pointer; border: none; width:300px; height: 50px; font-size:14px; color: #fff; background: #4c4948!important; float:left}
.feedback_form .more-button:hover{background:#02B0EC!important;}

.ui-dialog-grid{ width:300px; height:200px; background:#FFF; text-align:center; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.ui-dialog-close{ width:20px; height:20px; font-size:16px; float:right; margin-right:5%; line-height:20px}
.ui-dialog-title{ font-size:24px; color:#333}
.ui-dialog-content{ font-size:16px; color:#666}
.ui-dialog-autofocus{ width:50px; height:30px; font-size:16px;}
@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;}
}


/**关于我们**/
.aboutus_box{width:100%; overflow:hidden;}
.aboutus_box p{font-size:16px; line-height:30px; color:#707070; text-indent:2em;}
.aboutus_box h5{font-size:22px; color:#02B0EC; font-weight:bold; margin:0; margin-top:15px}
.aboutus_box h4{font-size:18px; color:#02B0EC; margin:0; margin-top:15px}
.aboutus_box h3{font-size:18px; color:#02B0EC; font-weight:bold; margin-top:15px}
.aboutus_box.course p{text-indent:0em;}
@media (max-width:1024px) {
.aboutus_box h5{font-size:20px;}
}
@media (max-width:540px) {
.aboutus_box h5{font-size:18px;}	
.aboutus_box p{font-size:14px;}
}

/**新闻资讯**/
.case_box{width:100%; margin-bottom:40px; overflow:hidden}
.case_box li{width:100%; float:left; position:relative; background:#f5f5f5; overflow:hidden; margin-bottom:20px}
.case_box li:nth-child(2n){float:right}
.case_box li .img{width:325px; height:200px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.case_box li .wz{width:calc(100% - 325px); height:200px; float:right; padding:30px; position:relative}
.case_box li .wz .title{font-size:20px; color:#363636; font-weight:bold; margin-bottom:5px}
.case_box li .wz .p{font-size:16px; color:#707070; line-height:30px}
.case_box li .wz span{position:absolute; left:30px; bottom:30px; color:#999}
.case_box li:hover .wz .title{color:#10417C;}
@media (max-width:540px) {
.case_box{margin-bottom:20px;}
.case_box li .img{width:100%; height:300px}
.case_box li .wz{width:100%; padding:20px; height:auto}
.case_box li .wz span{ position:relative; display:block; left: auto; bottom: auto; margin-top:10px}
}
@media (max-width:430px) {
.case_box li .img{width:100%; height:260px}
.case_box li .wz{width:100%; padding:20px;}
.case_box li .wz .title{font-size:18px;}
.case_box li .wz .p{font-size:14px; line-height:25px}
}
@media (max-width:390px) {
.case_box li .img{height:220px}	
}

/**文章详情**/
.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:#02B0EC;}

.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:#02B0EC;}


.newsDetailDiv table tbody tr:nth-child(odd) td {
    background-color: #f4f4f4;
    padding: 15px;
    font-size: 15px;
    color: #333;
    padding-left: 15px;
    border: 3px #fff solid;
}
.newsDetailDiv table tbody tr:nth-child(even) td {
    background-color: #e3e9ef;
    padding: 15px;
    font-size: 15px;
    color: #333;
    padding-left: 15px;
    border: 3px #fff solid;
}
@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:#02B0EC;}
.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:#02B0EC; 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;}
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:#fff; border:1px solid #eee}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#02B0EC; border:1px solid #02B0EC;}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#fff; border:1px solid #eee}
div.digg a:hover {background:#02B0EC; border:1px solid #02B0EC; color:#fff;}
div.digg .keng{ display:none}

.search_tit{font-size:16px; color:#666;}
.search_tit strong{font-size:20px; color:#02B0EC;}