html,body{padding: 0;margin: 0;font-size: 16px;color: #333;overflow-x:hidden;     font:14px/1.8 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif;}
.wrap{margin: 0 auto; width:94%;}
.ny_wrap{margin: 0 auto; width:80%; max-width:1520px; overflow:hidden;}
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: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
dl, ol, ul, p{margin-bottom:0px}

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

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

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

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

/**导航菜单**/

header{width:100%; z-index:999; background: linear-gradient(90deg, #44bde0, #1678a9); background: -webkit-linear-gradient(90deg #44bde0, #1678a9);  position:fixed;}
header:after{content: ""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,.1);}

header .logo{float:left; width:20%;}
header .logo a{width:100%; position:relative; z-index:99;}
header .logo img{margin-top:17px; max-width:60%}
header .logo .img{display:none}

header .rightDiv{float:right; width:72%;}
header .rightDiv .menu{position:relative;}
header .rightDiv .menu ul{width:100%; }
header .rightDiv .menu ul li{float:left; padding:0 40px; height:100px; line-height:100px; text-align:center; position:relative; cursor:pointer; position:relative;}
header .rightDiv .menu ul li a{color:#fff; font-size:18px; z-index:10; position:relative; font-weight:400; text-transform:uppercase;}
header .rightDiv .menu ul li:hover a{color:#fff}
header .rightDiv .menu ul li.cur a{color:#44bde0 !important;}

header .rightDiv .menu ul ul{position:absolute; text-align:left; background:rgba(255,255,255,1); box-shadow:0px 5px 5px rgba(0,0,0,.1); width:220px; top:97px; opacity:0; overflow:hidden; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s; left:-4px;}
header .rightDiv .menu ul ul:after{content:""; position:absolute; z-index:9; left:0; top:0px; width:0; height:3px; background:#44bde0; overflow:hidden; transition:all 0.3s ease-out;}
header .rightDiv .menu li:hover ul:after{width:100%; bottom:0px;}
header .rightDiv .menu li:hover ul{opacity:1;}
header .rightDiv .menu li ul li{width:100%; color:#999; font-size:14px; height:0px; line-height:0px; display:inline-block; border-bottom: 1px dashed #e4e4e4; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s; text-align:left; padding:0 0 0 20px;}
header .rightDiv .menu li:hover ul li{height:50px; line-height:50px;}
header .rightDiv .menu ul ul li:last-child{border-bottom:none;}
header .rightDiv .menu ul ul li:hover{background:#44bde0; border-bottom:none; height:70px; line-height:70px;color:#fff;}
header .rightDiv .menu ul ul a{text-transform: none !important;}
header .rightDiv .menu ul ul li a:hover,header .rightDiv .menu ul li.cur ul li:hover a{color:#fff !important}
header .rightDiv .menu ul ul li a,header .rightDiv .menu ul li.cur ul li a{ color:#666 !important}
header .rightDiv .menu ul ul li a:after{ display:none}


header .mbtn {display: inline-block;width:60px;height:60px;background: url(../images/menu.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
.on-fixed header .mbtn{background: url(../images/menu1.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../images/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

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

.on-fixed header .logo .img{display:block}
.on-fixed header .logo .img02{display:none}
.on-fixed header .rightDiv .menu ul li a,.on-fixed header .rightDiv .menu ul .lang i,.on-fixed header .search i{color:#333;}
.on-fixed header .rightDiv .menu ul li:hover a{color:#44bde0}

.nybody header{position:fixed; top:0; left:0; background:rgba(255,255,255,1);  box-shadow:0 0 5px rgba(0,0,0,.2); transition:all 0.3s ease-out;}
.nybody header .logo .img02{display:none}
.nybody header .logo .img{display:block}
.nybody header .rightDiv .menu ul li a,.nybody header .rightDiv .menu ul .lang i,.nybody header .search i{color:#333;}
.nybody header .rightDiv .menu ul li:hover a{color:#44bde0}
@media (max-width:1780px) {
header .rightDiv .menu ul li{padding:0 42px;}
}
@media (max-width:1680px) {
header .rightDiv .menu ul li{padding:0 39px;}
}
@media (max-width:1600px) {
header .logo img{margin-top:15px; max-width:70%}	
header .rightDiv .menu ul li{padding:0 35px;}
}
@media (max-width:1440px) {
header .logo img{margin-top:16px; max-width:74%}
header .rightDiv .menu ul li{padding:0 30px;}	
}
@media (max-width:1380px) {
.wrap{width:96%;}	
.ny_wrap{width:96%;}
}
@media (max-width:1280px) {
header .rightDiv .menu ul li{padding:0 26px;}
}
@media (max-width:1180px) {
header .logo img{margin-top:20px; max-width:80%}
header .rightDiv{width:75%;}
header .rightDiv .menu ul li{padding:0 24px;}
}
@media (max-width:1024px) {
header .logo img{margin-top:12px; max-width:80%}	
header .rightDiv .menu ul li{height:80px; line-height:80px; padding:0 20px;} 
header .rightDiv .menu ul li a{font-size:16px;}
header .rightDiv .menu ul ul{top:80px;}
header .rightDiv .menu li ul li{font-size:14px; height:40px; line-height:40px;}
header .rightDiv .menu ul ul li:hover{height:60px; line-height:60px;}
}
@media (max-width:992px) {
img{max-width:100%;height:auto!important;}	
header{position:fixed; z-index:9999; top:0; left:auto; right:0; width:100%; height:60px; transition: right 300ms; backdrop-filter:none}
.on-fixed header{height:60px;}
header .mbtn {display: block; top:0}
header .logo img{margin-top:6px;}	
header .rightDiv .menu {float:right; position:fixed; top:0px; right:0; width:100%; height:100%; padding-top:0; background-color: rgba(255, 255, 255, 1); transition: right 300ms; right: -100%; padding:0; overflow-y:auto;}

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

header .rightDiv .menu ul li.cur a{height:40px; line-height:40px; text-align:left; width: calc(100% - 50px);}
header .rightDiv .menu ul li.cur a{color: #666; position:relative}
header .rightDiv .menu ul li.cur ul li a{color: #76b669;}
header .rightDiv .menu ul li:after{ display:none}
header .rightDiv .menu>ul>li:hover, header .rightDiv .menu>ul>li:focus, header .rightDiv .menu>ul>li.active{background: none;}

header .rightDiv .menu ul ul{top:0; border: 0;    opacity:1; background: transparent;border-bottom:none;padding: 0; display:none !important}
header .rightDiv .menu li ul.open{display:block !important}
header .rightDiv .menu li:hover ul{ width:100%; display:none}

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

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

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


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

#menu-line{display:none}

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

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

.on-menu header .logo .img{ display:block}
.on-menu header .logo .img02{ display: none}
header .rightDiv .menu ul .ej{width:100%; left:0;}
header .rightDiv .menu li:hover ul li{ height:40px; line-height:40px}

header .rightDiv .menu ul ul{left:0px;}
header .rightDiv .menu ul ul.ej{left:0px;}
}
@media (max-width:840px) {
header .logo img{margin-top:6px; max-width:90%}	
}
@media (max-width:540px) {
header .logo img{margin-top:6px; max-width:140%}	
}
@media (max-width:430px) {
header{height:45px;}
.on-fixed header{height:45px;}
.on-menu header{height:45px;}
header .rightDiv .menu ul{padding-top:45px;}
header .mbtn{height:45px; background-size:18px auto; width:45px}
body.on-menu header .mbtn{background-size:18px auto;}
header .logo img{margin-top:6px; max-width:130%}
}


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


/*banner轮播*/
.index-banner{width:100%; position:relative; z-index:998; margin-top:100px;}
.index-banner .swiper-slide{overflow:hidden; position:relative;}
.index-banner .img{width:100%; min-height:830px; 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 .index_slogan{position:absolute; top:0; left:0; width:100%; height:100%; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}

.index-banner .swiper-pagination-bullets{width:100%; bottom:20px; z-index:2; text-align:center;}
.index-banner .swiper-pagination-bullet{width:10px; height:10px; background:#44bde0; border-radius:50%; transition:all 0.3s ease-out; margin:0 3px; opacity:.4}
.index-banner .swiper-pagination-bullet-active{width:80px; height:10px; border-radius:20px; opacity:.9}
.index-banner .swiper-pagination-bullet span{ border:none}
@media (max-width:1780px) {
.index-banner .img{min-height:750px;}
}
@media (max-width:1280px) {
.index-banner .img{min-height:700px;}
}
@media (max-width:1024px) {
.index-banner{margin-top:80px;}
.index-banner .img{min-height:600px;}
}
@media (max-width:992px) {
.index-banner{margin-top:60px;}
.index-banner .img{min-height:500px;}
}
@media (max-width:540px) {
.index-banner .img{height:300px; min-height:300px;}
.index-banner .swiper-pagination-bullet{width:8px; height:8px;}
.index-banner .swiper-pagination-bullet-active{width:60px; height:8px;}
.index-banner .index_slogan{left:-5%;}
.index-banner .index_slogan img{ max-width:150%}
}
@media (max-width:430px) {
.index-banner{margin-top:45px;}	
.index-banner .img{height:250px; min-height:250px;}
.index-banner .index_slogan{left:-9%;}
.index-banner .index_slogan img{ max-width:180%}
}

.inner{max-width:1420px; width:94%; margin:0 auto; position:relative; z-index:11}
.index_box{padding:120px 0; position:relative; overflow:hidden; width:100%; background: linear-gradient(90deg, #fff, #f5f5f5); background: -webkit-linear-gradient(-90deg #fff, #f5f5f5);}
.tit_box_dh{visibility:visible; animation-name:fadeInDown; animation-duration:1.5s; animation-delay:.1s;}
.tit_box{position:relative; margin-bottom:40px;}
.tit_box.about{margin-bottom:20px;}
.tit_box .tit{font-size:65px; line-height:1; text-transform:uppercase; background-image:-webkit-linear-gradient(top,#1678a9,#44bde0);-webkit-background-clip: text;
-webkit-text-fill-color: transparent; font-family: 'Times New Roman'; display:flex; align-items:flex-end;}
.tit_box .tit font{font-size:50px;}


.bg-left{position: absolute; left:0; z-index:10; transition:.5s; top:-300px; transform:translateY(100px);}	
.bg-right{ position: absolute;right: 0;z-index: 10;transition: .5s; top:1000px; transform: translateY(100px);}
.bg-left02{position: absolute; left:0; z-index:10; transition:.5s; bottom:-1000px; transform:translateY(100px); }	
.index_box_box{width:100%; overflow:hidden; margin-bottom:120px}
#box{background: linear-gradient(90deg, #f8f8f8, #f3f3f3); background: -webkit-linear-gradient(-90deg #f8f8f8, #f3f3f3);}
#box .bg-left{position: absolute; left:0; z-index:10; transition:.5s; top:-200px; transform:translateY(100px);}	
@media (max-width:1480px) {
.tit_box .tit{font-size:60px;}
.tit_box .tit font{font-size:48px;}
}
@media (max-width:1380px) {
.inner{width:96%;}
.index_box{padding:100px 0;}
.index_box_box{margin-bottom:100px}
}
@media (max-width:1180px) {
.index_box{padding:80px 0;}
.index_box_box{margin-bottom:80px}
.tit_box{margin-bottom:25px;}
.tit_box .tit{font-size:50px;}
.tit_box .tit font{font-size:40px;}
}
@media (max-width:992px) {
.tit_box{margin-bottom:20px;}
.tit_box .tit{font-size:45px;}
.tit_box .tit font{font-size:35px;}
}
@media (max-width:540px) {
.index_box{padding:50px 0;}
.index_box_box{margin-bottom:50px}
.tit_box{margin-bottom:10px;}
.tit_box .tit{font-size:40px;}
.tit_box .tit font{font-size:30px;}
}
@media (max-width:430px) {
.tit_box .tit{font-size:35px;}	
.tit_box .tit font{font-size:25px;}
}

/*首页分类*/
.index_wz_box{width:40%; float:left; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}
.index_wz_box img{width:80%}
.index_wz_box .tit_box{text-align:left; margin-top:50px; display:none}
.index_wz_box .bt{font-size:26px; letter-spacing:2px; display:block; margin-bottom:10px; color:#494e55; font-weight:normal; display:none}
.index_wz_box02{float:right; animation-name:fadeInRight;}
.index_wz_box02 img{float:right;}
.index_wz_box02 .tit_box{ overflow:hidden; width:100%}
.index_wz_box02 .tit_box .tit{ float:right}
.index_wz_box02 .bt{text-align:right;}
.index_qh_box{width:54%; float:right; position:relative; overflow:hidden; background:#fff; border-radius:20px; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.2s; }
.index_qh_box .img{width:100%; height:450px; background-position:center; background-repeat:no-repeat; background-size:cover}
.index_qh_box .wz{padding:40px; position:relative}
.index_qh_box .wz b{font-size:30px; color:#44bde0; position:relative; z-index:11}
.index_qh_box .wz span{position:absolute; text-transform:uppercase; color:#eee; font-size:30px; font-weight:bold; left:50px; top:60px; z-index:10}
.index_qh_box .wz p{font-size:20px; line-height:45px; color:#494e55; margin-top:20px}
.index_qh_box .swiper-button-next,.index_qh_box .swiper-button-prev{top:auto; bottom:10%; text-align:center;}
.index_qh_box .swiper-button-prev{left:auto; right:90px}
.index_qh_box .swiper-button-next{right:30px}  
.index_qh_box .swiper-button-next i,.index_qh_box .swiper-button-prev i{color:#ccc; position: absolute; font-size:55px; display:block; width:100%}
.index_qh_box .swiper-button-next:hover i, .index_qh_box.swiper-button-prev:hover i{color:#44bde0;}
.index_qh_box .swiper-button-prev.swiper-button-white, .index_qh_box .swiper-button-next.swiper-button-white{background-image:none}
.index_qh_box02{float:left; animation-name:fadeInLeft;}

/*首页公司简介*/
.index_about_box{width:100%; overflow:hidden;}
.index_about_box .img{width:40%; float:left; border-radius:20px; overflow:hidden; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}
.index_about_box .wz{width:50%; float:right; font-size:20px; line-height:45px; color:#494e55; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.4s;}
@media (max-width:1480px) {
.index_qh_box .img{height:400px;}
}
@media (max-width:1380px) {
.index_qh_box .img{height:350px;}
.index_qh_box .swiper-button-next,.index_qh_box .swiper-button-prev{bottom:12%;}
.index_about_box .img{width:45%;}

}
@media (max-width:1180px) {
.index_wz_box .tit_box{margin-top:30px;}
.index_wz_box .bt{font-size:22px;}
.index_qh_box .img{height:320px;}
.index_qh_box .wz{padding:30px;}
.index_qh_box .wz span{font-size:24px; top:50px;}
.index_qh_box .wz p{font-size:18px; line-height:40px; margin-top: 10px;}

.index_qh_box .swiper-button-next i,.index_qh_box .swiper-button-prev i{font-size:48px;}
.index_about_box .wz{font-size:18px; line-height:40px;}
}
@media (max-width:1024px) {
.index_qh_box .wz{padding:20px 30px 30px;}
.index_qh_box .wz span{font-size:22px; top:40px; left:30px;}
.index_qh_box .wz p{font-size:16px; line-height:30px;}
.index_qh_box .swiper-button-next,.index_qh_box .swiper-button-prev{bottom:10%;}
.index_qh_box .swiper-button-next i,.index_qh_box .swiper-button-prev i{font-size:44px;}
.index_about_box .wz{font-size:16px; line-height:30px;}
}
@media (max-width:992px) {
.index_wz_box .bt{font-size:18px;}
.index_qh_box{width:58%;}
.index_qh_box .img{height:260px;}
.index_qh_box .wz b{font-size:26px;}
.index_qh_box .swiper-button-next i,.index_qh_box .swiper-button-prev i{font-size:36px;}

}
@media (max-width:780px) {
.index_wz_box .bt{font-size:17px;}

.index_qh_box .swiper-button-prev{right:70px;}
}
@media (max-width:540px) {
.index_wz_box{width:100%;}
.index_qh_box{width:100%; margin-top:10px}
.index_wz_box img{width:100%}
.index_wz_box .tit_box{margin-top:0px; text-align:center}
.index_wz_box .bt{text-align:center}

.index_about_box .img{width:100%; margin-bottom:20px;}
.index_about_box .wz{width:100%;}
}
@media (max-width:430px) {
.index_wz_box .bt{margin-bottom:5px}
.index_qh_box .wz{padding:10px 20px 20px;}	
.index_qh_box .img{height:220px;}
.index_qh_box .wz span{ font-size:18px; top:30px;}
.index_qh_box .swiper-button-next,.index_qh_box .swiper-button-prev{bottom:6%;}	
}



/**底部**/
.footer{width:100%; overflow:hidden; padding:80px 0; position:relative; background:#111}
.footer b{font-size:16px; color:#ddd; display:block; text-transform:uppercase}
.footer b:after{content: ""; width:20px; height:4px; background-color:#44bde0; display:block; margin:10px 0}
.footer .foot_name{width:25%; float:left;}
.footer .foot_logo{width:60%; margin-bottom:10px}
.footer .foot_ewm{width:28%; margin-left:20%}

.footer .foot_nav{width:16%; overflow:hidden; float:left}
.footer .foot_nav li{width:100%; height:35px; line-height:35px;}
.footer .foot_nav li a{font-size:14px; color:#999}

.footer .foot_cont{width:23%; float:left;}
.footer .foot_cont p{color:#999; font-size:14px; line-height:35px;}
.footer .foot_cont a{color:#999}

.foot_box{width:100%; overflow:hidden; background:#000; height:50px; line-height:50px; color:#999; text-align:center; font-size:12px}
.foot_box a{color:#999; font-size:12px; margin-left:10px}
@media (max-width:1380px) {
.footer{padding:60px 0;}
}
@media (max-width:540px) {
.footer{padding:40px 0;}
.footer .foot_name{width:100%; margin-bottom:20px; text-align:center}
.footer .foot_logo{width:100%; text-align:center}
.footer .foot_ewm{width:100%; text-align:center; margin-left:0}
.footer .foot_ewm img{width:30%;}
.footer .foot_nav{ display:none}
.footer b:after{ margin: 10px auto}
.footer .foot_cont{width:100%; text-align:center; margin-bottom:20px}
}
@media (max-width:430px) {
.footer .foot_logo img{ width:60%}	
}



/**nybanner**/
.ny-banner{width:100%; position:relative; min-height:500px; z-index:98; margin-top:100px}
/**内页分类**/
.class_list{width:100%; overflow:hidden; text-align:center; margin-bottom:50px}
.class_list li{display:inline-block; width:20%; height:60px; line-height:60px; border-radius:10px; font-size:18px; background:#fff; transition:all 0.3s ease-out; color:#333; font-weight:bold; margin:0 5px;  font-weight:normal; border:1px solid #fff; }
.class_list li:hover{border:1px solid #1678a9; color:#1678a9;}
.class_list li.active{border:1px solid #1678a9; background: linear-gradient(90deg, #44bde0, #1678a9); background: -webkit-linear-gradient(90deg #44bde0, #1678a9); color:#fff;}
@media (max-width:1380px) {
.ny-banner{min-height:380px;}
}
@media (max-width:1180px) {
.ny-banner{min-height:300px;}
}
@media (max-width:1024px) {
.ny-banner{margin-top:80px;}
.class_list{margin-bottom:30px}
}
@media (max-width:992px) {
.ny-banner{margin-top:60px; min-height:250px;}
.class_list li{height:50px; line-height:50px; font-size:16px; border-radius:5px}
}
@media (max-width:540px) {
.ny-banner{min-height:180px;}
.class_list li{margin:0;}
}
@media (max-width:430px) {
.ny-banner{margin-top:45px; min-height:120px;}
.class_list{margin-bottom:5px}
.class_list li{width:49%; margin-bottom:5px}
}
@media (max-width:390px) {
.ny-banner{min-height:100px;}	
}


/**文章列表**/
.article_box{width:100%; overflow:hidden; background:#fff; padding:30px; border-radius:20px;}
.article_box li{width:100%; overflow: hidden; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px}
.article_box li .img_box{width:300px; float:left; height:169px; overflow:hidden; border-radius:10px;}
.article_box li .img_box img{width:100%; height:100%; transition: all .4s ease;}
.article_box li .text{width:calc(100% - 330px); float:right;}
.article_box li .text .title{font-size:24px; color:#333; overflow:hidden; margin-bottom:5px}
.article_box li .text .p{font-size:18px; color:#66708a; line-height:40px}
.article_box li .time{color:#999; margin-top:15px; font-size:16px}
.article_box li .time i{margin-right:5px}
.article_box li:last-child{border-bottom:none}
.article_box li:hover .img_box img{transform:scale(1.1);}
.article_box li:hover .text .title{color:#44bde0;}

.article_box02 .img_box{ display:none}
.article_box02 li .text{width:100%;}
@media (max-width:1024px) {
.article_box li .img_box{width:240px; height:135px;}
.article_box li .text{width:calc(100% - 260px);}
.article_box li .text .title{font-size:20px;}
.article_box li .text .p{font-size:16px; line-height:30px}

.article_box02 li .text{width:100%;}
}
@media (max-width:992px) {
.article_box{padding:20px; border-radius:10px;}	
}
@media (max-width:540px) {
.article_box li{padding-bottom:10px;}
.article_box li .img_box{width:100%; height:auto; margin-bottom:10px}
.article_box li .text{width:100%;}
.article_box li .time{margin-top:0px;}
}
@media (max-width:430px) {
.article_box{padding:10px;}
.article_box li .text .title{font-size:16px; margin-bottom:0}
.article_box li .text .p{font-size:14px; line-height:25px}
.article_box li .time{font-size:12px; margin-top:5px}
}

/**问答列表**/
.fqa_box{width:100%; overflow:hidden;}
.fqa_box ul{width:100%; overflow:hidden;}
.fqa_box li{width:100%; overflow:hidden; background:#fff; padding:30px; border-radius:20px; margin-bottom:20px}
.fqa_box li .ask{width:100%; overflow:hidden; height:60px;}
.fqa_box li .ask b{width:60px; height:60px; line-height:60px; border-radius:10px; background:#1678a9; color:#fff; text-align:center; font-size:18px; float:left; display:block}
.fqa_box li .ask .box{width:calc(100% - 80px); line-height:60px; float:right; font-size:24px; color:#1678a9; font-weight:bold}
.fqa_box li .answer{width:100%; overflow:hidden; margin-top:10px}
.fqa_box li .answer b{width:60px; height:60px; line-height:60px; border-radius:10px; background:#44bde0; color:#fff; text-align:center; font-size:18px; float:left; }
.fqa_box li .answer .box{width:calc(100% - 80px); float:right; display:block; font-size:18px; line-height:40px; color:#66708a;}
@media (max-width:1024px) {
.fqa_box li .ask .box{font-size:20px;}
.fqa_box li .answer .box{font-size:16px; line-height:30px;}
}
@media (max-width:992px) {
.fqa_box li{padding:20px; border-radius:10px; margin-bottom:10px}	
.fqa_box li .ask{height:50px;}
.fqa_box li .ask b,.fqa_box li .answer b{width:50px; height:50px; line-height:50px;border-radius:5px;}
.fqa_box li .ask .box{width:calc(100% - 70px); line-height:50px}
.fqa_box li .answer .box{width:calc(100% - 70px);}
}
@media (max-width:430px) {
.fqa_box li{padding:10px;}
.fqa_box li .ask{height:40px;}
.fqa_box li .ask b,.fqa_box li .answer b{width:40px; height:40px; line-height:40px; font-size:16px}
.fqa_box li .ask .box{width:calc(100% - 50px); line-height:40px; font-size:16px;}
.fqa_box li .answer .box{width:calc(100% - 50px); font-size:14px; line-height:25px;}
}
@media (max-width:390px) {
.fqa_box li .ask .box{font-size:14px;}	
}

/**案例列表**/
.case_box{width:100%; overflow:hidden;}
.case_box ul{width:100%; overflow:hidden;}
.case_box li{width:32%; margin-bottom:20px; overflow: hidden; margin-right:1.25%; float:left; border-radius:20px; background:#fff}
.case_box li:nth-child(3n){margin-right:0}
.case_box li .img{width:100%;}
.case_box li .img img{width:100%; height:100%; transition: all .4s ease;}
.case_box li .text{padding:30px}
.case_box li .text b{color:#333; font-size:20px}
.case_box li .text p{font-size:16px; color:#66708a; line-height:30px; height:60px}
.case_box li:hover .text b{color:#44bde0;}
.case_box li .text b.ovh2{ display:block; line-height:40px; height:80px}
@media (max-width:1380px) {
.case_box li .text{padding:20px}
}
@media (max-width:1024px) {
.case_box li .text b{font-size:20px}
.case_box li .text p{font-size:16px; line-height:30px; height:60px}
}
@media (max-width:992px) {
.case_box li{border-radius:10px; margin-bottom:10px;}
.case_box li .text{padding:10px}
.case_box li .text b{font-size:18px}
.case_box li .text b.ovh2{line-height:35px; height:70px}

.case_box li{width:49%; margin-right:0%;}
.case_box li:nth-child(2n){float:right}
}
@media (max-width:540px) {
.case_box li{width:100%; margin-right:0;}	
.case_box li .text b.ovh2{line-height:30px; height:auto}
}
@media (max-width:430px) {
.case_box li .text b{font-size:16px}
.case_box li .text p{font-size:14px; line-height:25px; height:50px}	
}


/**视频列表**/
.video_box{width:100%; overflow:hidden;}
.video_box ul{width:100%; overflow:hidden;}
.video_box li{width:32.333%; float:left; margin-right:1.25%; margin-bottom:20px; position:relative; background:#fff; overflow:hidden; border-radius:20px;}
.video_box li:nth-child(3n){margin-right:0}
.video_box li .img_box{width:100%; overflow:hidden}
.video_box li .img_box img{width:100%; height:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.video_box li .video-show{position: absolute;z-index: 3;left:49%;top:43%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%;}
.video_box li .videoicon{ display:block; width:75px; height:75px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.video_box li:hover .videoicon{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.video_box li:hover .img_box img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.video_box li .text{font-size:16px; text-align:center; height:60px; line-height:60px; color:#333; padding:0 10px}
.video_box li:hover .text{color:#44bde0;}
@media (max-width:1024px) {
.video_box li{border-radius:10px; margin-bottom:15px;}
.video_box li .text{font-size:14px; height:50px; line-height:50px;}
}
@media (max-width:992px) {
.video_box li{width:49%; margin-right:0%;}
.video_box li:nth-child(2n){float:right}
}
@media (max-width:540px) {
.video_box li{width:100%;}	
}


/**标题列表**/
.title_article_box{width:100%; overflow:hidden;}
.title_article_box ul{width:100%; overflow:hidden;}
.title_article_box li{width:49.5%; margin-bottom:15px; overflow:hidden; float:left; border-radius:20px; background:#fff}
.title_article_box li:nth-child(2n){float:right}
.title_article_box li .text{padding:30px; overflow:hidden}
.title_article_box li .text b{color:#333; font-size:20px; display:block; line-height:35px; height:70px; width: calc(100% - 120px); float:left}
.title_article_box li .time{width:100px; float:right; text-align:center}
.title_article_box li .time p{font-size:30px; color:#666; line-height:40px; font-weight:bold}
.title_article_box li .time span{font-size:16px; color:#999;}
.title_article_box li:hover .text b{color:#44bde0;}
@media (max-width:1380px) {
.title_article_box li .text{padding:20px}	
}
@media (max-width:1024px) {
.title_article_box li{width:49%; margin-bottom:15px; border-radius:10px;}
.title_article_box li .text b{font-size:16px; line-height:30px; height:60px;}
.title_article_box li .time p{font-size:25px; line-height:35px;}
}
@media (max-width:992px) {
.title_article_box li .text{padding:10px}	
}
@media (max-width:540px) {
.title_article_box li{width:100%; margin-bottom:10px;}
}
@media (max-width:430px) {
.title_article_box li .text b{width: calc(100% - 100px);}
.title_article_box li .time{width:80px;}
.title_article_box li .time p{font-size:22px; line-height:25px;}
}


/**关于我们**/
.ny_aboutus_box{width:100%; overflow:hidden; background:#fff; padding:30px; border-radius:20px;}
.ny_aboutus_box img{width:35%; float:left; margin-right:30px; border-radius:10px;}
.ny_aboutus_box p{font-size:16px; line-height:35px; color:#555; text-indent:2em}
@media (max-width:1024px) {
.ny_aboutus_box{padding:20px; border-radius:10px;}
}
@media (max-width:992px) {
.ny_aboutus_box img{width:50%; margin-right:20px}
}
@media (max-width:540px) {
.ny_aboutus_box{padding:10px; border-radius:5px;}
.ny_aboutus_box img{width:100%; margin-right:0px; border-radius:5px; margin-bottom:10px}
.ny_aboutus_box p{font-size:14px; line-height:30px;}
}




/**新闻详情**/
.newsdetail{width:100%; overflow:hidden; background:#fff; padding:30px; border-radius:20px}
.newsdetail .hddiv{text-align: center; max-width:740px; margin:0 auto}
.newsdetail .hddiv .title{font-size:24px; font-weight:bold; color:#222}
.newsdetail .hddiv .title02{overflow:hidden; margin:10px 0 20px}
.newsdetail .hddiv span{color:#999999; margin:0 10px; font-size:14px}
.newsdetail .bddiv{border-top:1px solid #eee; padding:20px 0;}
.newsdetail .bddiv img{ max-width: none; width: auto;}
.newsdetail .bddiv p{margin:0; color:#333; font-size:16px; line-height:30px}
.newsdetail .otherPage{padding: 10px 0 45px; font-size:16px; color:#999; display:none}
.newsdetail .otherPage div{width: 50%;}
.newsdetail .otherPage .fr{ text-align:right}
.newsdetail .otherPage a{color: #333; }
.newsdetail .otherPage a:hover{color:#173b99;}
.newsdetail .more02{margin-top:10px; color:#1678a9; font-size:18px; font-weight:bold; display:block; text-align:center}
.newsdetail .more02 i{ margin-right:5px}
.newsdetail .more{width:300px; display:block; height:50px; line-height:50px; text-align:center; margin:0 auto; background:#44bde0; color:#fff; font-size:16px; border-radius:10px;}
.newsdetail .more:hover{color:#fff;}
.newsdetail .bddiv02 img{ max-width:1000px; width:100%}
.newsdetail .bddiv03 img{ max-width:100%; width: auto;}
.newsdetail .newsbddiv img{ max-width:800px; width:100%}
.newsdetail .newsbddiv_740{ max-width:740px; margin:0 auto}
@media (max-width:1024px) {
.newsdetail{padding:20px; border-radius:10px}
.newsdetail .bddiv p{font-size:14px; line-height:30px}
}
@media (max-width:540px) {
.newsdetail .hddiv .title{font-size:20px;}
.newsdetail .otherPage{padding:0;}
.newsdetail .otherPage .ovh{ width:100%}
.newsdetail{padding:10px; border-radius:5px}
.newsdetail .bddiv img,.newsdetail .bddiv02 img{max-width:100%; width:100%;}
.newsdetail .bddiv03 img{ }
}
@media (max-width:430px) {
.newsdetail .hddiv .title{font-size:18px; line-height:30px}
.newsdetail .hddiv .title02{margin:10px 0}	
.newsdetail .hddiv span{margin:0 5px; font-size:12px}
.newsdetail .bddiv{padding:10px 0;}
}



/**联系我们**/
.contact_box{width:100%; overflow:hidden; margin-bottom:20px}
.contact_box li{width:24%; float:left; padding:2%; background:#fff; margin-right:1.333%; border-radius:10px}
.contact_box li:nth-child(4){margin-right:0}
.contact_box li i{ display:block; font-size:40px; color:#1678a9;}
.contact_box li b{font-size:16px; color:#333; display: block; text-transform:uppercase}
.contact_box li p{font-size:14px; color:#999; line-height:25px; height:50px}
.contact_box li a{color:#999}

.contact-map{ width:100%;overflow:hidden; margin-top:20px;}
#container{min-width:100%; min-height:500px; padding:1%; border-radius:10px}
#container .map_wz{ font-size:17px; color:#1678a9; 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:1024px) {
#container{min-height:350px;}
}
@media (max-width:992px) {
.contact_box{margin-bottom:0px}
.contact_box li{width:49.5%; padding:2%; margin-right:0; border-radius:5px; margin-bottom:10px}
.contact_box li:nth-child(2n){ float:right}
.contact-map{margin-top:0px;}
#container{min-height:300px; border-radius:5px}
}
@media (max-width:430px) {
.contact_box li{width:100%; text-align:center}	
.contact_box li p{height: auto}
}



/*分页样式 开始*/
#fengye{margin:auto 0; text-align: center; padding-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:#fff; border-radius:5px;}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#1678a9; border-radius:5px;}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#fff; border-radius:5px;}
div.digg a:hover {background:#1678a9; color:#fff;}
div.digg .keng{ display:none}




/**产品详情**/
.prodetails_box{width:100%; overflow:hidden; background:#fff; padding:40px 30px; border-radius:20px}
.pro_details_box{width:100%; overflow:hidden;}
.pro_details_box .img{width:50%; float:left; border-radius:20px; overflow:hidden;}
.pro_details_box .box{width:45%; float:right;}
.pro_details_box .box b{font-size:32px; color:#44bde0; position:relative; padding-bottom:30px; display:block}
.pro_details_box .box b:after{content:""; position:absolute; z-index:9; left:0; bottom:0; width:80px; height:5px; background:#1678a9; overflow:hidden;}
.pro_details_box .box .wz{font-size:18px; line-height:40px; color:#666; margin-top:20px}

.prodetails_nr{width:100%; overflow:hidden; margin-top:40px}
.prodetails_nr .bt{font-size:36px; color:#1678a9; font-weight:bold;}
.prodetails_nr .cpzc{width:100%; overflow:hidden;}
.prodetails_nr .cpzc li{width:49%; float:left; margin-top:20px}
.prodetails_nr .cpzc li:nth-of-type(even){float:right}
.prodetails_nr .cpzc li .img{width:50%; float:left; border-radius:10px; overflow:hidden;}
.prodetails_nr .cpzc li .wz{width:47%; float:right; height:190px; overflow:auto}
.prodetails_nr .cpzc li .wz strong{font-size:20px; color:#44bde0;}
.prodetails_nr .cpzc li .wz p{font-size:16px; line-height:30px; color:#666;}

/* 设置滚动条的样式 */
.prodetails_nr .cpzc li .wz::-webkit-scrollbar {width:3px;}/* 滚动槽 */
.prodetails_nr .cpzc li .wz::-webkit-scrollbar-track { background-color:#f5f5f5; border-radius:0px;}/* 滚动条滑块 */
.prodetails_nr .cpzc li .wz::-webkit-scrollbar-thumb { background-color:#44bde0;}
.prodetails_nr .cpzc li .wz::-webkit-scrollbar-thumb:window-inactive { background-color:#f5f5f5;}

.prodetails_nr .cptd{width:100%; overflow:hidden;}
.prodetails_nr .cptd li{width:100%; margin-top:20px}
.prodetails_nr .cptd li .wz strong{font-size:20px; color:#44bde0;}
.prodetails_nr .cptd li .wz p{font-size:16px; line-height:30px; color:#666;}

.prodetails_nr .syz{width:100%; overflow:hidden;}
.prodetails_nr .syz li{width:49%; float:left; margin-top:20px; font-size:16px; line-height:40px; background:#f5f5f5; border-radius:5px; color:#666; padding-left:20px}
.prodetails_nr .syz li:nth-of-type(even){float:right}
.prodetails_nr .syz li em{float:left; margin-right:10px; color:#71dc55; font-style:normal}
.prodetails_nr .jjz li em{color:#ff5c59}
.prodetails_nr .syz.box li,.prodetails_nr .jjz.box li{width:100%;}

.prodetails_nr .cpxx{width:100%; margin-top:20px}
.prodetails_nr .cpxx li{width:100%; line-height:50px; overflow:hidden; padding-left:20px; font-size:16px; background:#f5f5f5;}
.prodetails_nr .cpxx li p{float:left; width:80%; display:block}
.prodetails_nr .cpxx li p:nth-child(1){width:20%;}
.prodetails_nr .cpxx li:nth-child(1){background:#1678a9; color:#fff}
.prodetails_nr .cpxx li:nth-child(1) p{font-weight:bold}
.prodetails_nr .cpxx li:nth-of-type(even){background:#ddd;}
@media (max-width:1480px) {
.pro_details_box .box b{font-size:28px; padding-bottom:20px}
.prodetails_nr .bt{font-size:30px;}
}
@media (max-width:1180px) {
.pro_details_box .box{width:47%;}
.pro_details_box .box b{font-size:26px; padding-bottom:10px}
.pro_details_box .box b:after{width:60px; height:4px}
.pro_details_box .box .wz{font-size:16px; line-height:30px; margin-top:10px}
.prodetails_nr{margin-top:30px}
.prodetails_nr .bt{font-size:26px;}
.prodetails_nr .cpzc li,.prodetails_nr .cptd li,.prodetails_nr .syz li{margin-top:10px}
.prodetails_nr .cpzc li .wz strong,.prodetails_nr .cptd li .wz strong{font-size:18px;}
.prodetails_nr .cpzc li .wz p,.prodetails_nr .cptd li .wz p{font-size:14px; line-height:25px;}

}
@media (max-width:1024px) {
.prodetails_box{padding:20px; border-radius:10px}
.pro_details_box .img{border-radius:10px;}
.pro_details_box .box b{font-size:24px;}
.prodetails_nr .bt{font-size:22px;}
}
@media (max-width:992px) {
.prodetails_nr .cpzc li,.prodetails_nr .syz li{width:100%;}	
.prodetails_nr .cpzc li .wz{height: auto; overflow:auto}
.prodetails_nr .syz li{height: auto;}	
}
@media (max-width:780px) {
.pro_details_box .img{width:100%; margin-bottom:10px}
.pro_details_box .box{width:100%;}
.prodetails_nr{margin-top:20px}

.prodetails_nr .cpxx li{line-height:25px; padding-left:10px; font-size:14px;}
}
@media (max-width:540px) {
.prodetails_box{padding:10px; border-radius:5px}
.pro_details_box .box b{font-size:20px;}
.prodetails_nr .bt{font-size:20px;}
.prodetails_nr .cpzc li .img{width:100%; margin-bottom:5px}
.prodetails_nr .cpzc li .wz{width:100%;}

.prodetails_nr .cpxx li p{width:100%}
.prodetails_nr .cpxx li p:nth-child(1){width:100%;}
}
@media (max-width:430px) {
.pro_details_box .img{border-radius:5px;}
.pro_details_box .box .wz{font-size:14px; line-height:25px;}	
.prodetails_nr .cpzc li .img{border-radius:5px;}
.prodetails_nr .syz li{font-size:14px;  line-height:35px; padding-left:10px}
}


/* 产品分类 */
.twoMenuDiv{background:none; width:100%; border-bottom:1px solid #eee; position:relative; z-index:99}
.twoMenuDiv .categoryDiv{width:100%; margin-bottom:30px}
.twoMenuDiv .categoryDiv .hd{display:none}
.twoMenuDiv .categoryDiv .bd{text-align:center; height:60px; overflow:hidden}
.twoMenuDiv .categoryDiv .bd ul{display:flex;}
.twoMenuDiv .categoryDiv .bd li{width:100%; height:60px; line-height:60px; position:relative; text-align:center; cursor:pointer; display: inline-block; border-bottom:2px solid #ddd}
.twoMenuDiv .categoryDiv .bd li:nth-child(1){margin-left:0px}
.twoMenuDiv .categoryDiv .bd li:after{content:""; position:absolute; left:0; right:0; bottom:-4px; width:100%; height:2px; background:#1678a9; transition:all 0.2s ease-out; z-index:9}
.twoMenuDiv .categoryDiv .bd li.active{border-bottom:2px solid #1678a9}
.twoMenuDiv .categoryDiv .bd li.active:after{bottom:-2px; height:60px; border-top-left-radius:10px; border-top-right-radius:10px}
.twoMenuDiv .categoryDiv .bd li:hover:after{bottom:-2px;}
.twoMenuDiv .categoryDiv .bd li a{display:block; color:#444; font-size:16px; height:60px; line-height:60px; position:absolute; z-index:10; text-align:center; width:100%}
.twoMenuDiv .categoryDiv .bd li.active a{color:#fff}
.twoMenuDiv .categoryDiv .bd li:hover a{color:#1678a9;}
.twoMenuDiv .categoryDiv .bd li.active:hover:after{bottom:-2px;}
.twoMenuDiv .categoryDiv .bd li.active:hover a{color:#fff;}
.twoMenuDiv .categoryDiv .pro li:nth-child(1){display:block;}
.twoMenuDiv .categoryDiv .pro li{display:none}

@media (max-width:992px) {
.twoMenuDiv .categoryDiv .hd{ display:block; text-align:center; font-size:18px; color:#fff; height:50px; line-height:50px; background:#1678a9; padding-left:0}
.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; border-left:1px solid #ddd; border-right:1px solid #ddd}
.twoMenuDiv .categoryDiv .bd ul li{width:100%; height:50px; line-height:50px; float:left; background:#f5f5f5; text-align:center;  padding-left:0; border-bottom:1px solid #ddd}
.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:#1678a9;}
.twoMenuDiv .categoryDiv .bd li.active{border-right:none}
}