@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px; font-family: "Arial"}
img{ border:0;}
a{ text-decoration:none; color:#333;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{width:1200px; margin: 0 auto; }
.w1200{ width:1200px; margin: 0 auto; }
.w1400{ width:1440px; margin: 0 auto; }
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{overflow-x:hidden}

*:focus{   
	border:none;
}




/* 导航栏 */
.header_nav{height:90px; width:100%; z-index: 9; position:fixed; top:0; left:0; z-index: 9;}
.h_logo{width:166px; height:90px; float: left; display: flex; align-items: center; }
.h_logo img{max-width: 100%;  height: auto; align-items: center; }
.logo2{display: none}
.nav{ height:90px; width:auto; float: right; position: relative; padding-right:2%; margin-right: 2%}
.nav:after{content: "|"; color:#fff; position: absolute; top:42%; right:0}
.nav .nLi{position:relative;float:left;display:inline;height:100%; width:auto; margin-right:40px }
.nav .nLi h3{ font-weight: normal; width:100%; height: auto; margin:25px auto 0; }
.nav .nLi h3 p{height:auto; color:#fff; font-size:16px;  width:auto; position: relative; text-align: center;  display: table; line-height:45px;}
.nav .nLi h3 a{display:block;width:100%;height:100%;color:#fff;  }
.nav .sub{position:absolute;top:70px;left:50%; z-index:999;display:none;padding:0;width:160px; margin-left: -80px; background:#fff;line-height:26px;} 
.nav .sub li{height:33px;border-bottom:1px solid #eee;text-align:center;line-height:33px;zoom:1}
.nav .sub li p{float:left;margin:0;width:100%; font-size:14px}
.nav .sub li span{float:right}
.nav .sub a{display:block;padding:0 10px;height:100%;color:#333; font-size:14px;}
.nav .nLi.active h3 p,.nav .nLi:hover h3 p{border-bottom:3px solid #fff; font-weight: bold;}
.nav .nLi:last-child{margin-right: 0}
.sub li:hover a{color:#5ab3c8;}
.h_dianhua{float: right; color:#fff; font-size: 15px; line-height: 90px; width: 280px; height: 90px; background:url(../images/h_dh.png) no-repeat left center;
	padding-left: 20px; text-align: center}
.h_dianhua i{font-size:24px; color:#fff; font-weight: bold; font-family: "Arial"; font-style: normal }
.f_top{background:#fff}
.f_top .nav .nLi h3 p{color:#333}
.f_top .logo2{display: block}
.f_top .logo1{display: none}
.f_top .h_dianhua{background: url(../images/hh_dh.png) no-repeat left center}
.f_top .h_dianhua,.f_top .h_dianhua i{color:#333}
.f_top .nav .nLi.active h3 p,.f_top .nav .nLi:hover h3 p{color:#5ab3c8}





/* 首页:banner */
.banner{ width:100%; height:auto; position: relative; overflow: hidden; }

.banner-index{position: relative;overflow: hidden;}
.banner-index .list .video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: none;}
.banner-index .list,
.banner-index .list > li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-index .list > li.active{z-index: 1;}
.banner-index .list > li a{display: block;width: 100%;overflow: hidden;}
.banner-index .list > li img.ban_pic{display: block;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner-index .list > li.noscale img.ban_pic,
.banner-index .list > li.active img.ban_pic{opacity: 1;-webkit-transform: none;transform: none;}
.banner-index .list.ground,
.banner-index .list.ground li{position: relative;width: auto;height: auto;}

.banner-index-mobile{display: none;}
.banner-index video{height:auto!important; width: 100%;}
.banner-index .btn{position: absolute;left:15%;z-index:9; bottom:20%}
.banner-index .btn a{display: block;width: 16px;height: 16px;margin: 7px 10px;border:#fff;border-radius: 50%; float: left; opacity: 0.5}
.banner-index .btn a i{display: block;width:100%;height:100%;margin: 3px auto;background: #fff;border-radius: 50%;}
.banner-index .btn a.active{border-color: #5ab3c8; opacity: 1}
.banner-index .btn a.active i{background: #5ab3c8;  opacity: 1}
.banner-index-mobile{display: none;}





/*关于我们*/
.index_about{width:100%; height: auto; overflow:hidden; margin: 60px 0; padding-left:12%}
.index_about_left{width:38%; height: auto; float: left}
.index_about_titile{width:100%; height: auto; display: block; margin: 0px auto 10px;  }
.index_about_titile img{max-width: 100%}
.index_about_info{margin-left:16%}
.index_about_left h3{color:#333333; font-size: 18px; font-weight: bold; margin-bottom:25px;}
.in_about_xx{width:100%; height: auto; overflow: hidden; font-size: 15px; color: #666666; line-height:30px; display: block}
.ab_more{width:124px; height: 42px; background: #5ab3c8; border-radius: 25px; text-align: center; line-height: 42px; color:#fff; display: block; margin-top: 70px;}
.ab_more:hover{color:#5ab3c8; border:1px solid #5ab3c8; background:none}
.index_about_right{width:58%; height: auto; float: right; overflow: hidden}


.index_about_right .swiper-container{width:44%;     overflow: initial;margin-left: 0;}
.index_about_right .swiper-slide a{width:100%; height: 100%; overflow: hidden; position: relative; display: block;  transform: scale(0.8); transform-origin: 50% 100%; transition: all .8s ease;}
.index_about_right .swiper-slide a:after{content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(90,179,200,0.5);}
.index_about_right .swiper-slide a img{width:100%; height: auto; display: block}

.about_h3{width:100%; height: auto; overflow: hidden; position: absolute; bottom:40px; left:0; padding:0 20px; opacity: 0}
.about_h3 h3{color:#ffffff; font-size: 18px; font-weight: bold; position: relative; display: table}
.about_h3 h3:after{content:""; width: 64px; height: 1px; background: #fff; position: absolute; top:10px; right:-80px; }
.index_about_right .swiper-slide-active a{transform: scale(1);}
.index_about_right .swiper-slide-active .about_h3{opacity: 1}
.index_about_right .swiper-pagination{bottom:42px; width: auto; left:50%}
.index_about_right .swiper-pagination-bullet-active{background: #5ab3c8}
.index_about_right .swiper-slide-active a:after{background: none}




/*视频*/
.index_video{width:100%; height:314px; background: url(../images/video_bjs.jpg) no-repeat center; background-attachment: fixed; background-size:cover; padding-top: 112px; }
.index_video_icon{width:100%; height: auto; overflow: hidden; text-align: center}
.index_video_icon p{color:#fff; font-size: 15px; margin-top: 10px;}
.index_video h4{width:100%; height: 40px; line-height: 40px; color:#ffffff; font-size: 14px; background: url(../images/v_xian.png) no-repeat center; text-align: center; margin-top: 64px; letter-spacing:35px}
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}



/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; background: url(../images/paroduct_bjs.jpg) no-repeat center; padding: 80px 0 100px}
.in_pro_title{width:100%; height: auto; overflow: hidden; line-height: 40px; position: relative; z-index: 6; margin-bottom:15px;}
.in_pro_title h3{color:#333333; font-size: 30px; font-weight: bold; float: left}
.in_pro_title h3 span{color:#5ab3c8; font-size: 30px;}
.in_pro_title p{color:#666666; font-size: 14px; text-transform: uppercase; margin-left:10px; float: left}
.ban{ width:1200px; height:438px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:1200px; height:438px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{width:1200px; height:438px;}
.in_pro_pic{width:557px; height: auto; float: left}
.in_pro_pic img{width:100%; height: auto; display: block}
.in_pro_xx{width:503px; height: 255px; float: left; margin-left: 30px; padding-top: 20px; overflow:hidden}
.in_pro_xx h3{color:#333333; font-size: 18px; width: 100%; margin-bottom: 10px; font-weight: bold;}
.in_pro_xx h4{color:#666666; font-size: 16px; width: 100%; margin-bottom: 10px; font-weight: bold;}
.in_pro_xx p{color:#666666; font-size: 15px; line-height: 28px;}
.min_pic{width:618px; position:absolute; right:0; bottom:0;}
.num{ height:157px;overflow:hidden; width:618px; position:relative;}
.num ul{position:absolute; left:0; top:0; }
.num ul li{ width:202px; height:157px; margin-right:5px;}
.num ul li img{width:100%; height: auto; display: block}
.num ul li.on{}
.prev1,.next1{ width:37px; height: 37px; float:right; margin-left: 1px; margin-top: 50px; position: relative; z-index:6}
.next1{background: #fff url(../images/pro_right.png) no-repeat center}
.prev1{background: #fff url(../images/pro_left.png) no-repeat center}
.next1:hover{background: #5ab3c8 url(../images/pro_fright.png) no-repeat center}
.prev1:hover{background: #5ab3c8 url(../images/pro_fleft.png) no-repeat center}



/*优势*/
.index_youshi{width:100%; height: auto; overflow: hidden; margin-top: 55px;}
.index_youshi_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_youshi_title img{}
.index_youshi_title h3{color:#333333; font-size: 30px; font-weight: bold; overflow: hidden; margin-top: 10px;}
.index_youshi_title h3 span{color:#5ab3c8; font-size: 30px;}
.index_youshi_all{width:1212px; height:484px; margin:35px auto 0; position: relative; background: url(../images/youshi_bjs.png) no-repeat center}
.index_youshi_all ul{width:100%; height: auto; overflow: hidden; border-radius: 20px 0 0 20px}
.index_youshi_all ul li{width:100%; height: 159px; border-bottom: 1px solid #f2f2f2; }
.in_youshi_pic{width:236px; height:159px; float: left; background: #5ab3c8; padding-top: 30px; border-bottom: 1px solid #f2f2f2; }
.in_youshi_pic img{width:55px; height: auto; display: block; margin: 0px auto;}
.in_youshi_pic h3{color:#ffffff; font-size: 16px; font-weight: bold; text-align: center; margin-top: 10px;}
.index_youshi_all ul li:last-child{ border-bottom:0; }
.index_youshi_all ul li:last-child .in_youshi_pic{border-bottom:0;}
.in_youshi_xx{width:570px; height: auto; float: left; margin-left: 60px; color:#333333; line-height: 30px; font-size: 16px; padding-top: 50px}
.index_youshi_all ul li:last-child .in_youshi_xx{padding-top:35px}
.index_youshi_all img.youshi_img{width:487px; height: auto; position: absolute; top:50%; right:-178px; z-index: 1; transform: translate(0,-50%); }
.index_dianhua{width:auto; display: table; margin:50px auto; background: url(../images/dhs.png) no-repeat left center; height: 32px; line-height: 32px; padding-left: 40px;}
.index_dianhua p{color:#333333; font-size: 16px; float: left}
.index_dianhua p span{color:#333333; font-weight: bold; font-size: 24px; font-family: "Arial"}
.index_dianhua a{width:auto; font-size: 16px; color: #ffffff;  background: #5ab3c8; border-radius: 25px; float: left; width: 132px; height: 36px; text-align: center; 
	line-height: 36px; margin-left: 40px;}
.index_dianhua a:hover{background:#000}




/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: url(../images/news_bjs.jpg) no-repeat top center; padding: 60px 0 105px }
.index_news_titile{width:76%; height: auto; display: block; margin: 0px auto; margin-bottom:30px; }
.index_news_titile img{max-width: 100%}
.in_title{width:100%; height: auto; overflow: hidden; line-height: 40px; margin-top: -36px; position: relative; z-index:6; padding-left: 120px;}
.in_title h3{color:#333333; font-size: 30px; font-weight: bold; float: left}
.in_title h3 span{color:#5ab3c8; font-size: 30px;}
.in_title p{color:#666666; font-size: 14px; text-transform: uppercase; margin-left:10px; float: left}
.index_news_nav{width:100%; height: auto; overflow: hidden; margin-bottom:28px;}
.index_news_nav a{width:141px; height: 50px; float: left; background: #5ab3c8; color:#fff; font-size: 16px; text-align: center; line-height: 50px; margin-right: 12px; border-radius: 25px;}
.index_news_nav a:hover{background:none; border: 1px solid #5ab3c8; color:#5ab3c8}
.index_news_left{width:808px; height:auto; float: left}
.index_news_left a{width:390px; height: auto; float: left; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 18px 18px 40px; margin-right:14px;}
.index_news_pic{width:100%; height: auto; overflow: hidden}
.index_news_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_left a h3{width:100%; height: 40px; line-height: 40px; color:#333333; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; margin: 10px 0 0}
.index_news_left p{width:100%; height: 90px; overflow: hidden; color:#666666; font-size: 14px; line-height: 30px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.index_news_left span{width:96px; height: 30px; border: 1px solid #313131; display: block; text-align: center; line-height: 30px; font-size: 14px; color:#666666; 
	margin-top: 10px;}
.sideMenu{width:392px; height: auto; float: right; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding:22px 18px;}
.sideMenu_title{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #e1e1e1}
.sideMenu_title h3{width:70%; height:42px; line-height: 42px; color:#333333; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left}
.sideMenu_title span{color:#666666; float:right; line-height: 42px;}
.sideMenu_xx{width:100%; height: 60px; overflow: hidden; color:#666666; font-size: 14px; line-height: 30px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; display: none}
.sideMenu_title.on{border-bottom: 0}
.sideMenu_title.on h3{color:#5ab3c8}
.index_news_left a:hover h3,.index_news_left a:hover p{color:#5ab3c8}
.index_news_left a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}




/*底部*/
.footer{width:100%; height:auto; overflow: hidden; background:url(../images/footer_bjs.jpg) no-repeat center; background-size: cover; padding:28px 0 20px}
.footer_top{width:auto; display: table; margin: 0px auto;}
.footer_top p{color:#fff; font-size: 16px; line-height: 35px; padding-left: 30px; float: left; margin-right: 30px;}
.footer_top p:last-child{margin-right: 0}
.f1{background: url(../images/f1.png) no-repeat left center}
.f2{background: url(../images/f2.png) no-repeat left center}
.f3{background: url(../images/f3.png) no-repeat left center}
.f4{background: url(../images/f4.png) no-repeat left center}
.footer_ma{width:auto; display:table; margin:32px auto ;}
.footer_ma dl{width:110px; height: auto; float: left; margin-right: 22px;}
.footer_ma dl dt{width:100%; height: auto; display: block}
.footer_ma dl dt img{width:100%; height: auto; display: block}
.footer_ma dl dd{width:100%; color:#fff; font-size: 14px; text-align: center; margin-top: 10px;}
.copy_bq{width:auto; height:40px; line-height:40px; position: relative; color:#fff; font-size:14px; margin: 0px auto; display: table}
.copy_bq a{color:#fff; font-size:14px; margin-right: 10px;}
.copy_bq a:hover{color:#5ab3c8!important}
.footer_zhichi{width:auto; height:100%; overflow: hidden; display: table; margin: 0px auto;}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#555555; line-height:40px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:10px; }
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat}
.footer_zhichi span{float: left; font-size:14px; color: #fff; }
.footer_zhichi i{ float: left;}
.footer_links{width:100%; height: auto; overflow: hidden; border-top:1px solid rgba(255,255,255,0.5); background: url(../images/footer_bjs.jpg) no-repeat center; text-align: center;}
.footer_links_all{width:auto; max-width: 1200px; margin:15px auto; display: table;}
.footer_links p{color:#fff; font-size: 14px; float: left;}
.f_links{float: left;}
.f_links a{color:#fff; font-size: 14px;}




/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}

.leftlx {
    float: left;
    height: 47px;
    width: 80px;
}

.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 100%;
    padding-top:14px;
    width: 300px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 12px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 30px;
    margin: 0 auto 8px;
    text-align: center;
    width: 50px;
}
.lxfx li i.icon-tel {
     background:url(../images/dh_i.png) no-repeat center
}
.lxfx li i.icon-ly {
   background:url(../images/ly_i.png) no-repeat center
}
.lxfx li i.icon-wx {
   background:url(../images/wx_i.png) no-repeat center
}
.lxfx li i.icon-cp {
   background:url(../images/cp_i.png) no-repeat center
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center; font-size:14px;
}
.lxfx li {
    background:#0a8d49;
    height: 80px;
    margin-bottom:5px;
    margin-left: 0;
 
    position: relative;
    width: 80px; float:left;
}

.mtop{height:40px!important;}





/*内页 banner*/
.ny_banner{width:100%; height: 300px; overflow: hidden;  padding:150px 0 0; position:relative}
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 40px; line-height: 40px; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #fff; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:75px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px;}
.ny_banner_right a:hover{color:#5ab3c8}
.contact_ban{background:url(../images/contact_ban.jpg) no-repeat center}
.case_ban{background:url(../images/case_ban.jpg) no-repeat center}
.about_ban{background:url(../images/about_ban.jpg) no-repeat center}
.hr_ban{background:url(../images/hr_ban.jpg) no-repeat center}
.pro_ban{background:url(../images/product_ban.jpg) no-repeat center}
.sl_ban{background:url(../images/sl_ban.jpg) no-repeat center}
.news_ban{background:url(../images/news_ban.jpg) no-repeat center}




/*内页左边导航*/
.ny_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; height: 90px; background: #5ab3c8; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto;  padding-left:10px; margin-bottom:1px; background:url(../images/dian.png) no-repeat 8px 22px; }
.ny_left_nav ul li a{padding-left: 15px; font-size: 16px; color: #333333;display: block;  height:50px;line-height: 50px;position: relative;}
.ny_left_nav ul li .inactive{ background:url(../images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(../images/on.png) no-repeat 210px center;} 
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#5ab3c8; font-size: 14px; background: url(../images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a .link{color:#5ab3c8}
.ny_left_nav ul li:hover a.inactive{color:#5ab3c8}
.ny_left_nav ul li ul li:hover a{color:#5ab3c8}
.ny_left_nav ul li .inactives{color:#5ab3c8}
.ny_left_nav ul li ul li:hover a{color:#5ab3c8}
.yiji li.active{background:#fff url(../images/dian.png) no-repeat 8px 22px;}
.ny_left_nav ul li ul li:hover{background: url(../images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(../images/dian.png) no-repeat 8px 22px;}



/*产品侧边导航*/
.accordion { width: 100%; height:auto; overflow:hidden}
.accordion li.open .link {color: #5ab3c8;}
.accordion .link i{width:7px; height:7px; background:url(../images/dian.png) no-repeat center; float:left; margin-top:22px; margin-right:10px;}
.ny_left_nav ul li.open{background:#fff}
.accordion .link {
    cursor: pointer;
    display: block;
    height:50px; line-height:50px;
    font-size: 16px; color: #333333;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	background: url(../images/off.png) no-repeat 207px center;
}

.submenu li.block{background:#fff}
.submenu li.block a{color:#5ab3c8}


.open .link{background: url(../images/on.png) no-repeat 207px center;}
.submenu{display: none;}
.submenu a {
    display: block;
    text-decoration: none;
    font-size: 14px; color: #666666; height:50px; line-height:50px;
    padding-left: 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.accordion li{padding-left:10px;}
.accordion li:hover{background:#fff;}




/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #484848; font-weight: bold; padding-left: 20px;}
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #666666; line-height: 30px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}



/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden;  margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding: 20px 0}
.news_time time{color: #5ab3c8; font-size: 12px; margin-top: 10px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"}
.news_time p{ font-size:40px; color: #5ab3c8;height: 35px; line-height: 35px; font-weight: bold;}
.ny_news_info{width:64%; float: left; margin-left: 3%}
.ny_news_info h3{ font-size:18px; color: #555555;  width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:26px; color: #666; font-size: 14px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px;}
.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #5ab3c8;}
.ny_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover span{background: #5ab3c8; color: #fff; border:2px solid #5ab3c8; }
.ny_news_list li:hover .news_time{background: #5ab3c8;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#5ab3c8;}





/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden; margin-bottom:40px;}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_product ul li .products_pic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_product ul li:hover p{color:#5ab3c8}
.ny_proshow_xq{width:100%; height:auto; overflow:hidden; font-size: 18px; line-height:28px; display: block;}


/*产品*/
.ny_product_show{margin-bottom:50px;}
.ny_proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.ny_proshow_xx{margin-left:512px; height:100%; overflow:hidden}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden}
.proshow_xxk{color: #fff; font-size: 20px;font-weight: bold; border-left: 3px solid #287db9;width:100%; display:block; background: #323136;padding-left:20px; height:40px; line-height:40px;}
.proshow_xx{font-size:16px; color:#666; line-height:30px; margin-top:10px;}
.proshow_xx img{max-width:100%;}
.go_black{width: 90px;height: 30px;background: #4cbcac; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative; float:right}
.proshow_xx table{border-collapse: collapse;}


.ny_rtime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px;
    border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both}
.keyword_light img{max-width:100%;}


/*联系我们*/
.ny_conta_info{width:100%; height: auto; padding: 35px 35px; background: #f5f5f5; overflow: hidden; margin-top: 35px;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: auto; line-height: 40px;}
.ny_conta_dz{width:60%; height: auto; float: left}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:310px; height: auto; float: right}
.ny_cont_wx dl{width:140px; float: right; margin-right: 14px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; /*! padding: 10px; */ background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.map{width:100%; height: 400px; overflow: hidden; margin-top: 20px;}



@media screen and (max-width:1500px){
	.w1400{width:1200px;}
	.nav .nLi{margin-right:20px;}
	.index_news_titile{width:84%}
}