@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
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:1440px; margin: 0 auto; }
.w1400{ width:1440px; margin: 0 auto; }
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.flef{ float: left;}
table{table-layout:fixed; border-collapse: collapse; border:0!important}
table tr,table td{border:0!important}


/* 导航栏 */
.header_all{height:100px; width:100%;  top:0; left:0; z-index:999; position: absolute;  }
.header_nav{height:100px; width:100%;  padding: 0 4% 0 7% }
.h_logo{width:14.3%; height:100px; float: left; display: flex; align-items: center;}
.h_logo img{width:100%; height: auto; align-items: center; margin: 0px auto;}
.logo2{display: none}
.header_dao{width:836px; height: 100%;  float: right;  margin-right:5%}
.nav{width:100%; height:100%;float: right;   }
.nav .nLi{ float:left;  position:relative; display:inline; height:100%; text-align: center; margin-right:6%}
.nav .nLi h3{ height:100%; width:100%; text-align: center;}
.nav .nLi h3 a{font-size:18px;  color:#fff;  position: relative  }
.nav .nLi h3 a p{font-size:18px; color:#fff; line-height:100px;  position: relative;   display: table; margin: 0px auto;}
.nav .nLi h3 a p:after{content: ""; position: absolute;  left: 50%;  bottom: 0;  width: 0; height: 3px;  background: #0fb5ff;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.nav .sub{ display:none; left:50%; top:100px;  position:absolute;  width:160px;  margin-left: -80px; z-index:999; background: #fff; padding:5px 0}
.nav .sub li{ zoom:1;  height:auto; line-height:30px; text-align: center; padding:5px 0 }
.nav .sub li p{ width:100%; margin: 0px; font-size: 16px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #434343; font-size: 16px; height: 100%; }
.nav .sub a:hover{color:#0fb5ff}
.nav .nLi.active p::after{width: 100%; margin-left: -50%;}
.nav .nLi:hover h3 a p::after {width: 100%; margin-left: -50%;}

.h_search{width:50px; height:100px; float: right; background:url(../images/search.png) no-repeat center; border-radius: 25px; }
.form_box{position: fixed;  top:88px; left:0; right:0; z-index: 999; height:auto; background: #fff; display:none; margin: 0 auto; width: 100%; padding: 10px 0; 
	box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.form_box form{width:100%; margin:0 auto;}
.form_box p{ height:auto; width: auto; display: table; margin: 0px auto;}
.form_box input[type="text"]{width:300px; height:40px; line-height:40px; border: 0; float: left; background: #eee; color:#333; font-size: 15px; padding: 0 10px;}
.form_box .submit{width:120px; height:40px; border:0;  display: inline-block;  color:#fff; float:left;  outline: none; background: #3576e3; font-size:16px;}
.h_yuyan{float: right; margin-right: 5%; margin-top: 38px}
.h_yuyan a{color:#fff; font-size:18px; font-weight: bold; float: left}
.h_yuyan span{background: #fff; width: 20px; height: 1px; float:left; margin:10px 10px 0;}
.f_top{background: #fff; position:fixed;}
.f_top .nav .nLi h3 a p,.f_top .h_yuyan a{color:#333}
.f_top .h_yuyan span{background: #333}
.f_top .h_search{background: url(../images/search_h.png) no-repeat center}
.f_top .logo2{display: block}
.f_top .logo1{display: none}


.soluP{position: absolute;left: 0;top:99.99%;width: 100%;min-height: 840px;background: #fcfcfc;display: none;z-index: 1000; }
.soluP .secN{width: 410px;height: 100%;background: #f2f2f2;box-shadow: 0 0 15px rgba(0,0,0,0.04);}
.soluP .fr-nav{padding-top: 70px;padding-left: 80px;}
.soluP .fr-nav a{display: block;font-size: 26px;line-height: 90px;color: #343434;padding-left: 54px;padding-right: 40px;position: relative;}
.soluP .fr-nav a:hover,.soluP .fr-nav a.active{color: #0fb5ff;background: #fff;position: relative;}
.soluP .fr-nav a:hover::before,.soluP .fr-nav a.active::before{content: "";position: absolute;left: 0;top:0;width: 3px;height: 100%;background: #0fb5ff;}
.soluP .fr-nav a:hover::after,.soluP .fr-nav a.active::after{content: "";position: absolute;right: 0;top:0;width: 40px;height: 100%;}
.soluP .sec-nav{padding-left: 35px;padding-top: 15px;}
.soluP .sec-nav li{width: 430px;display: none;}
.soluP .sec-nav li.active{display: block;}
.soluP .sec-nav li a,.soluP .thBox li a{display: block;font-size: 24px;line-height: 74px;color: #343434;padding-left: 40px;border-bottom: 1px solid #e0e0e0;position: relative;}
.soluP .sec-nav li.pro-secNav a{padding-right: 30px;}
.soluP .sec-nav li.pro-secNav a::after{content: "";position: absolute;top: 0;right: 0;width: 30px;height: 100%;}
.soluP .sec-nav li a:hover,.soluP .sec-nav li.pro-secNav a.active{color:#0fb5ff; }
.soluP .thBox{padding-left: 40px;margin-left: 40px;width: auto;height: auto;position: relative;border-left: 1px solid #d9d9d9;}

/* .soluP .thBox::before{content: "";} */

.soluP .thBox .th-nav{display: none;}
.soluP .thBox .th-nav.active{display: block;}
.soluP .thBox li{display: none;}
.soluP .thBox li.active{display: block;}
.soluP .thBox li a:hover{color: #0fb5ff;}



/* 首页:banner */
.banner{ width:100%; height:auto; position: relative; overflow: hidden; }
.banner .swiper-slide a{width:100%; height: auto; display: block}
.banner .swiper-slide a img{width:100%; display: block}
.banner .swiper-pagination-bullet{width:66px; height: 6px; background: rgba(10,49,164,0.5); border-radius: 8px;}
.banner .swiper-pagination-bullet-active{background: #0fb5ff}
.banner .swiper-pagination{bottom:40px}



/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; margin-top:90px;}
.index_product_all{width:100%; height: auto; overflow: hidden;  padding: 0 5% 90px; margin-top: 40px; position: relative}
.in_pro_li:after{content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: url(../images/p_img.jpg) no-repeat center; background-size: cover; opacity:0; transition: all 0.4s ease-in-out;}
.index_product_info{width:100%; height: auto; overflow: hidden}
.index_product_info img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product_xx{width:100%; height: auto; overflow: hidden; padding:35px 26px 45px; position: relative; z-index: 9}
.index_product_xx hr{width:16px; height: 3px; background: #222222; border: 0;}
.index_product_xx h3{ font-size: 28px; color:#222222; font-weight: bold; width: 100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 22px 0 55px}
.index_product_xx p{color:#777777; font-size: 16px; width: 100%; height:30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_product_nav{width:100%; height: auto; overflow:hidden; position: absolute; bottom:56px; left:0; opacity: 0; z-index: 9; padding: 0 30px;}
.index_product_nav a{width:100%; height: 52px; line-height: 52px; border-bottom: 1px solid rgba(255,255,255,0.5); display: block; }
.index_product_nav a span{width:70%; height: auto; float: left; color:#fff; font-size: 16px;}
.index_product_nav a i{width:auto; height: auto; float: right; color:#fff; font-size: 12px;}
.in_pro_li:hover:after{opacity:1; transition: all 0.4s ease-in-out;}
.in_pro_li:hover .index_product_xx h3,.in_pro_li:hover .index_product_xx p{color:#fff}
.in_pro_li:hover .index_product_xx hr{background: #fff}
.in_pro_li:hover .index_product_nav{opacity: 1}
.index_product_all:after{content: ""; width:4.2%; height: 100%; background: #f5f5f5; position: absolute; top:0; left:0; z-index:5}
.index_product_all:before{content: ""; width:4.2%; height: 100%; background: #0fb5ff; position: absolute; top:0; right:0; z-index:5}
.in_pro_li{width:100%; height:auto; overflow:hidden; position:relative; background:#f5f5f5}
.in_pro_li:hover .index_product_info img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}

.index_product_all .swiper-button-prev,.index_product_all .swiper-button-next{top:auto; bottom:0; margin-top:0; width:70px; height:70px;}
.index_product_all .swiper-button-prev{background:url(../images/p_left.png) no-repeat center; left:7%}
.index_product_all .swiper-button-next{background:url(../images/p_right.png) no-repeat center; left:13%; right:auto}
.index_product_all .swiper-button-prev:hover{background:url(../images/p_hleft.png) no-repeat center;}
.index_product_all .swiper-button-next:hover{background:url(../images/p_hright.png) no-repeat center; }





/*新产品*/
.index_hotproduct{width:100%; height: auto; overflow: hidden; margin-top: 85px; margin-bottom: 30px;}
.index_hotproduct_all{width:100%; height: 700px; overflow: hidden; background: url(../images/xp_bjs.jpg) no-repeat center; margin-top: 40px; padding-left:11.5%}
.index_hotproduct_all .slideTxtBox{ width:100%; position: relative; height: 100%}
.index_hotproduct_all .slideTxtBox .hd{float: right;}
.index_hotproduct_all .slideTxtBox .hd ul{ width:428px; height: 700px;  background: url(../images/yuan.png) no-repeat right center;  position: relative}
.index_hotproduct_all .slideTxtBox .hd ul li{width:200px; height: 200px; border-radius: 50%; position: absolute;}
.index_hotproduct_all .slideTxtBox .hd ul li img{width:100%; border-radius: 50%}
.index_hotproduct_all .slideTxtBox .hd ul li.on{background: url(../images/on.png) no-repeat center}
.in_pro_img{width:100%; height: 100%; background: #eeeeee; padding: 20px; border-radius: 50%; display: flex; align-items: center; transform: scale(0.65); -ms-transform: scale(0.65);-webkit-transform: scale(0.65);-o-transform: scale(0.65);-moz-transform:scale(0.65)}
.in_pro_img img{max-width: 100%; align-items: center; margin: 0px auto;}
.index_hotproduct_all .slideTxtBox .hd ul li.on .in_pro_img{transform: scale(0.8); -ms-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform:scale(0.8); border: 2px solid #0fb5ff; background: none}
.index_hotproduct_all .slideTxtBox .hd ul li:nth-child(1){top:0; right:25%}
.index_hotproduct_all .slideTxtBox .hd ul li:nth-child(2){top:50%; left:0; margin-top:-100px }
.index_hotproduct_all .slideTxtBox .hd ul li:nth-child(3){bottom:0; right:25%}
.in_pro_xx{width:100%; height: auto; position: absolute; top:50%; left:235px; margin-top: -32px; display: none}
.in_pro_xx span{color:#0fb5ff; font-size: 36px; font-weight:bold; font-family: "Impact"}
.in_pro_xx p{color:#222222; font-size:18px; font-weight:bold; }
.index_hotproduct_all .slideTxtBox .hd ul li.on .in_pro_xx{display: block}
.index_hotproduct_all .slideTxtBox .hd ul li:nth-child(1) .in_pro_xx{top:310px; margin-top: 0; left:92px}
.index_hotproduct_all .slideTxtBox .hd ul li:nth-child(3) .in_pro_xx{bottom:310px; margin-top: 0; left:92px; top:auto;}
.index_hotproduct_all .slideTxtBox .bd{width:69%; float: left}
.bd_li{width:100%; display: block}
.bd_li_left{width:60%; height: auto; float: left; position: relative}
.bd_li_left span{color:#ececec; font-size: 400px; font-family: "Impact"; position: absolute; top:0; left:0}
.bd_li_img{width:100%; text-align: center; position:relative; z-index: 9; margin-top: 172px;}
.bd_li_img img{max-width: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.bd_li_img:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;
}
.bd_li_right{width:36.2%; height: 520px; background: #fff url(../images/xp_icon.png) no-repeat right bottom;  float: right; padding: 0 34px 65px;
	margin-top:88px; box-shadow: 0 0 9px rgba(0,0,0,0.06)}
.bd_li_right span{color:#0fb5ff; font-size: 60px; font-family:"Impact"; border-bottom: 2px solid #0fb5ff; padding-bottom: 5px; margin-top: -30px; display: table}
.bd_li_right h4{color:#777777; font-size: 16px; margin-top: 60px;}
.bd_li_right h5{color:#222222; font-size: 24px; font-weight: bold; margin-top:10px}
.bd_li_right p{color:#777777; font-size: 14px; line-height: 28px; width: 100%; height:112px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 34px}
.bd_li_right h6{color:#777777; font-size: 16px; margin-top: 86px;}
.bd_li_right h6:hover{color:#0fb5ff}
.index_hotproduct_all .slideTxtBox .arrow{  position:absolute; right:37%; bottom:180px; z-index: 99 }
.index_hotproduct_all .slideTxtBox .arrow a{ display:block;  width:20px; height:30px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; margin-left:30px}
.index_hotproduct_all .slideTxtBox .arrow .next{background: url(../images/xp_right.png) no-repeat center}
.index_hotproduct_all .slideTxtBox .arrow .prev{background: url(../images/xp_left.png) no-repeat center}
.index_hotproduct_all .slideTxtBox .arrow .next:hover{background: url(../images/xp_hright.png) no-repeat center}
.index_hotproduct_all .slideTxtBox .arrow .prev:hover{background: url(../images/xp_hleft.png) no-repeat center}


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:""}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:""}




/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; background: url(../images/aboyt_bjs.png) no-repeat center; padding: 86px 0 70px;}
.index_about_top{width:100%; height: auto; overflow: hidden; text-align: center}
.in_ab_info{width:100%; height: auto; overflow: hidden; display: block; font-size: 15px; color:#4d4d4d; line-height:32px;  margin: 110px 0 100px}
.index_about_num{width:auto; height: auto; overflow: hidden; display: table; margin: 0px auto;}
.index_about_num dl{width:auto; height: auto; float: left;  text-align: center; margin: 0 60px}
.index_about_num dl dt{width:100%}
.index_about_num dl dt span{color:#0fb5ff; font-size:50px;  font-family: "Impact"}
.index_about_num dl dd{color:#222222; font-size: 15px; margin-top: 8px;}
.in_ab_more{width:280px; height: 50px; line-height:50px; color:#222222; font-size: 15px; background:#eeeeee; display: block; margin: 80px auto 0; border-radius: 25px; text-align: center}
.in_ab_more:hover{color:#fff; background: #0fb5ff}





/*优势*/
.index_fenlei{width:100%; height: auto; overflow: hidden; position:relative}
.index_fenlei .slideTxtBox{ width:100%; margin-top: 36px; position: relative}
.tabs{width:1200px; height: auto; overflow: hidden; margin: 0px auto; position: absolute; bottom:50px; z-index: 9; left:50%; 
	margin-left: -600px;}
.tabs ul{width:100%; height: auto; overflow: hidden}
.tabs ul li{ float:left; width:400px; height: 100px; background: #fff; border-right:1px solid #eeeeee; padding: 21px 0 21px 32px; cursor:pointer}
.tabs ul li.active{background:rgba(15,181,255,0.8)}
.tabs ul li i{width:38px; height:56px; float: left}
.tabs ul li dl{margin-left:60px;}
.tabs li dl dt{width:100%; height:30px; line-height: 30px; color:#222222; font-size: 18px;}
.tabs li dl dd{width:100%; height:26px; line-height: 26px; color:#777777; font-size: 14px;}
.fi1{background: url(../images/icon1.png) no-repeat center}
.fi2{background: url(../images/icon2.png) no-repeat center}
.fi3{background: url(../images/icon3.png) no-repeat center}
.tabs ul li.active .fi1{background: url(../images/iconh1.png) no-repeat center}
.tabs ul li.active .fi2{background: url(../images/iconh2.png) no-repeat center}
.tabs ul li.active .fi3{background: url(../images/iconh3.png) no-repeat center}
.tabs ul li.active dt{color:#fff}
.tabs ul li.active dd{color:#fff}
.tabs ul li:last-child{border-right:0}
.index_fenlei .slideTxtBox .bd{width:100%; display: block}

.bd_img{width:100%; height: auto; display: block}
.bd_img img{width:100%; display: block}




/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin:100px 0 }
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title dl{float: left}
.index_news_title dl dt{color:#061536; font-size: 42px;}
.index_news_title dl dd{color:#bebebe; font-size: 26px;}
.index_news_title a{float: right; width: 200px; height: 50px; font-size: 15px; text-align: center; line-height: 50px; color: #fff; border-radius: 25px; background: #0fb5ff}
.index_news_title a:hover{border:1px solid #0fb5ff; color:#0fb5ff}

.index_news_top{width:100%; height: auto;  border-bottom: 1px solid #e5e5e5; margin-top: 25px; position: relative; padding-bottom: 52px; overflow: hidden;
	margin-top: 55px;}
.index_news_pic{width:39%; height: auto; float: left; overflow:hidden}
.index_news_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_xx{width:41%; height: auto; float: left; margin-left: 4%; padding-top: 40px;}
.index_news_xx h4{width:100%; height: 72px; line-height: 36px; color: #222222; font-size: 26px; font-weight: bold;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.index_news_xx h5{width:100%; height: 60px; line-height:30px; color: #777777; font-size: 17px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top: 72px;}
.index_news_time{width:11%; float: right; padding-top: 40px; text-align: center}
.index_news_time span{color:#777777; font-size: 16px; display: block}
.index_news_time h6{color:#222222; font-size: 15px; display: block; background: #eeeeee; border-radius: 25px; text-align: center; line-height:50px; 
	margin-top: 120px; }
.index_news_bottom{width:100%; height: auto; overflow: hidden; margin-top: 46px;}
.index_news_bottom li{width:29%; height: auto; float: left; margin-right:6.5%;}
.index_news_bottom li:nth-child(3n){margin-right: 0}
.index_news_bottom li h4{width:100%; height:35px; line-height: 35px; color: #222222; font-size:23px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_bottom li p{width:100%; height: 60px; line-height: 30px; overflow: hidden; color:#777777; font-size: 15px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;  margin-top:12px}
.index_news_bottom li i{width:30px; height: 30px; display: block; background:url(../images/n_jts.png) no-repeat center; margin-top: 40px; transition: all 0.4s ease-in-out; }
.index_news_bottom li:hover i{background: url(../images/nh_jts.png) no-repeat center}
.index_news_bottom li:hover h4{color:#0fb5ff}
.index_news_top:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_news_time h6:hover{background:#0fb5ff; color:#fff}
.index_news_bottom li:hover i{transition: all 0.4s ease-in-out; margin-left:10px;}
.index_news_xx:hover h4{color:#0fb5ff}



/*联系*/
.index_contact{width:100%; height: auto; overflow: hidden; background: url(../images/contact_bjs.jpg) no-repeat center; padding:45px 0; text-align: center; background-attachment: fixed; background-size: cover;}
.index_contact h4{color:#fff; font-size: 24px; font-weight: bold;}
.index_contact h5{color:#fff; font-size: 14px; margin: 15px 0 25px}
.index_contact a{width:200px; height: 50px; border: 1px solid rgba(255,255,255,0.5); display: block; margin: 0px auto; text-align: center; font-size: 15px; line-height: 50px; color:#fff; font-size: 15px; border-radius: 25px;}
.index_contact a:hover{background: #fff; color:#0fb5ff}


/*产品列表*/
.ny_banner{width:100%; height: auto; position: relative}
.ny_banner img.ban_img{width:100%; height: auto; display: block}
.ny_post{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #ebebeb; margin-top: 52px}
.ny_post_left{width:50%; height: auto; float: left}
.ny_post_left a{color:#222222; font-size: 20px; float: left; margin-right:70px; padding-bottom:25px;}
.ny_post_left a.active{color:#0fb5ff; border-bottom: 2px solid #0fb5ff}
.ny_post_left a:hover{color:#0fb5ff; border-bottom: 2px solid #0fb5ff}
.ny_left_nav{width:100%; height: auto; }
.ny_post_right{float: right; color:#777777; font-size: 15px; background: url(../images/home.png) no-repeat left center; padding-left:30px;}
.ny_post_right a{color:#777777; font-size: 15px;}
.ny_post_right a:hover{color:#0fb5ff}
.ny_all{overflow: hidden; margin-top: 50px; margin-bottom: 40px;}
.ny_title{width:100%; height: auto; overflow: hidden; font-size: 42px; color: #061536; margin-bottom:84px }
.accordion { width: 100%; height:auto; overflow:hidden}
.accordion li.open .link {color: #0fb5ff;}
.accordion li.active a{color: #0fb5ff;}
.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:60px; 
	line-height:60px;
    font-size: 26px; 
	color: #333333;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	
}
.submenu li.block{background:#fff}
.submenu li.block a{color:#002f8b}
.open .link{}
.submenu{display: none;}
.submenu a{ display: block; text-decoration: none; font-size: 24px; color: #333333; height:50px; line-height:50px; padding-left:38px;
    -webkit-transition: all .25s ease;  -o-transition: all .25s ease; transition: all .25s ease;}
.accordion li{width: 100%; margin-bottom:20px;}
.submenu a:hover{color:#0fb5ff}
.ny_left{width:18%; height: auto; float:left}
.ny_right{width:80%; height: auto; float:right; border-left: 1px solid #ebebeb; padding-left:9.5%}
.ny_right h5{color:#000000; font-size: 26px; margin-bottom: 40px;}
.ny_right ul{width:100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.ny_right ul li{width:47%; height: auto; float: left; margin-bottom: 60px; border-radius: 8px;}
.ny_right ul li:nth-child(2n){float: right}
.ny_product_img{width:100%; height: auto; overflow: hidden}
.ny_product_img img{width:100%; display: block; border-radius: 8px 8px 0 0; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product_xx{width:100%; height: auto; overflow: hidden; padding:35px; background: #f5f5f5; text-align: center; border-radius:0 0 8px 8px;}
.ny_product_xx h4{color:#222222; font-size: 24px; margin-bottom: 10px;}
.ny_product_xx p{color:#777777; font-size: 15px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; width: 100%; height:84px; line-height: 28px}

.ny_right ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_right ul li:hover h4{color:#0fb5ff}


/*产品详情*/
.ny_xgcp{width:100%; height: auto; overflow: hidden; background: #f9f9f9; padding: 94px 0}
.ny_xgcp_t{width:100%; height: auto; overflow: hidden; margin-bottom: 48px;}
.ny_xgcp_t h4{color:#061536; font-size: 38px; margin-bottom: 5px}
.ny_xgcp_t p{color:#bebebe; font-size: 22px;}
.ny_xgcp_all{width:100%; height: auto; position: relative}
.ny_xgcp_all .swiper-slide a{width:100%; height: auto; display: block}
.ny_xgcp_img{width:100%; height: auto; overflow:hidden; border-radius: 8px 8px 0 0 }
.ny_xgcp_img 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;}
.ny_xgcp_all .swiper-slide a h4{width:100%; height: 80px; line-height: 80px; text-align: center; font-size:20px; color: #222222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #fff; border-radius: 0 0 8px 8px;}
.ny_xgcp_all .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_xgcp_all .swiper-slide a:hover h4{color:#0fb5ff}
.ny_xgcp_all .swiper-button-next,.ny_xgcp_all .swiper-button-prev{width:70px; height: 70px; margin-top: -35px;}
.ny_xgcp_all .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:-90px;}
.ny_xgcp_all .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:-90px;}
.ny_xgcp_all .swiper-button-next:hover{background: url(../images/p_hright.png) no-repeat center}
.ny_xgcp_all .swiper-button-prev:hover{background: url(../images/p_hleft.png) no-repeat center}
.ny_yycase{width:100%; height: auto; overflow:hidden; margin-bottom: 90px;}
.ny_yycase .swiper-slide{padding: 5px; }
.ny_yycase .swiper-slide a{box-shadow: 0 0 10px rgba(15,181,255,0.15)}
.ny_gfcs{width:100%; height: auto; overflow: hidden; background: #f9f9f9; padding:92px 0; margin-bottom: 88px;}
.ny_gfcs_bd{width:100%; height: auto; overflow: hidden;}
.ny_product_show{width:100%; height: auto; overflow: hidden; margin-top: 60px; margin-bottom: 90px; position: relative}
.ny_product_show .swiper-container{width:100%; height: auto; overflow:hidden; padding-bottom: 90px;}
.product_show_bd{width:100%; height: auto; overflow: hidden}
.product_show_pic{width:46%; height: auto; float: left}
.product_show_pic img{width:100%; display: block}
.product_show_xx{width:48.5%; height: auto; float: right}
.product_show_xx h4{color:#000000; font-size: 38px; margin-bottom: 38px; }
.product_show_info{width:100%; height: auto; overflow: hidden; color:#777777; font-size: 16px; line-height: 38px;}
.ny_product_show .swiper-button-next,.ny_product_show .swiper-button-prev{width:120px; height: 50px; top:auto; margin-top: 0;  bottom:0; border-radius: 25px;}
.ny_product_show .swiper-button-next{background: #e6e6e6 url(../images/pp_right.png) no-repeat center; left:35%}
.ny_product_show .swiper-button-prev{background: #e6e6e6 url(../images/pp_left.png) no-repeat center; left:7%}
.ny_product_show .swiper-button-next:hover{background: #0fb5ff url(../images/pp_right.png) no-repeat center;}
.ny_product_show .swiper-button-prev:hover{background: #0fb5ff url(../images/pp_left.png) no-repeat center;}
.ny_product_show .swiper-pagination{width:auto; left:22%; font-size: 40px; color: #e6e6e6; font-family: "Impact"}
.ny_product_show .swiper-pagination span{ font-size: 40px; color: #e6e6e6; }
.product_show_links{width:38.5%; height: auto; position: absolute; bottom:40px; right:175px; z-index: 1}
.product_show_links a{width:200px; height: 54px; display: block; background: #0fb5ff; border-radius: 35px; text-align: center; line-height: 54px; font-size: 15px; color:#fff; margin-top: 22px;}


/*定制*/
.ny_dingzhi_one{width:100%; height: auto; overflow: hidden; background: #f9f9f9; padding: 100px 0}
.ny_dingzhi_one .w1400{background: #fff; overflow: hidden}
.dingzhi_one_left{width:50%; height: auto; float: left; overflow:hidden; border-radius:12px;}
.dingzhi_one_left img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.dingzhi_one_left:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.dingzhi_one_right{width:50%; height: auto; float: right; padding: 62px}
.dingzhi_one_right h4{color:#061536; font-size: 38px;}
.dingzhi_one_right h5{color:#bebebe; font-size: 22px; margin-top: 8px;}
.dingzhi_one_right p{color:#777777; font-size:18px; line-height: 38px; margin-top: 56px;}
.ny_dingzhi_two{width:100%; height: auto; overflow: hidden; margin: 78px 0}
.ny_dingzhi_title{width:100%; height: auto; text-align: center}
.ny_dingzhi_title h4{color:#061536; font-size: 38px;}
.ny_dingzhi_title h5{color:#bebebe; font-size: 22px;}
.ny_dingzhi_two ul{width:100%; height: auto; overflow: hidden; margin-top:30px; padding:10px 5px}
.ny_dingzhi_two ul li{width:32%; height: auto; float: left; margin-right: 2%; box-shadow: 0 0 10px rgba(15,181,255,0.15)}
.ny_dingzhi_two ul li:nth-child(3n){margin-right: 0}
.dingzhi_two_img{width:100%; height: auto; overflow: hidden}
.dingzhi_two_img img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_dingzhi_two ul li h5{width:100%; height: 84px; background: #fff; text-align: center; line-height: 84px; font-size:20px; color: #222222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_dingzhi_two ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


.ny_dingzhi_three{width:100%; height: auto; overflow:hidden; margin-bottom: 108px}
.ny_dingzhi_three ul{width:100%; height: auto; overflow: hidden; margin-top: 45px;}
.ny_dingzhi_three ul li{width:24.7%; height: 300px; float: left; background: #f9f9f9; margin-bottom: 7px; margin-right:0.4%; text-align: center; padding:62px 40px; transition: all 0.4s ease-in-out;}
.ny_dingzhi_three ul li:nth-child(4n){margin-right: 0}
.ny_dingzhi_three ul li h4{color:#222222; font-size: 24px; margin: 15px 0}
.ny_dingzhi_three ul li p{color:#777777; font-size:15px; line-height: 25px;}
.ny_dingzhi_three ul li:hover{background: #0fb5ff}
.dingzhi_icon{width:100%; height: 64px; overflow: hidden; display: flex; align-items: center;}
.dingzhi_icon img{align-items: center; margin: 0px auto; max-height: 100%}
.dz_h{display: none}
.ny_dingzhi_three ul li:hover h4,.ny_dingzhi_three ul li:hover p{color:#fff}
.ny_dingzhi_three ul li:hover .dz_h{display: block}
.ny_dingzhi_three ul li:hover .dz_s{display: none}
.ny_dingzhi_four{width:100%; height: auto; overflow: hidden; background: #f9f9f9; padding: 86px 0}
.ny_dingzhi_four ul{width:100%; height: auto; overflow: hidden; margin-top: 46px;}
.ny_dingzhi_four ul li{width:48.5%; height: auto; float: left; background: #ffffff; border-radius: 8px; margin-bottom: 35px; border-radius: 8px}
.ny_dingzhi_four ul li:nth-child(2n){float: right}
.dingzhi_four_pic{width:44.4%; height: auto; float: left; overflow:hidden}
.dingzhi_four_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.dingzhi_four_xx{margin-left:50%; padding-right: 45px; padding-top: 60px;}
.dingzhi_four_xx h4{color:#222222; font-size: 22px; margin-bottom: 30px;}
.dingzhi_four_xx p{color:#777777; font-size:15px; }
.ny_dingzhi_three ul li:hover{ padding:40px 40px; transition: all 0.4s ease-in-out;}
.ny_dingzhi_four ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*工厂*/
.index_gongchang{width:100%; height: auto; overflow: hidden; margin: 78px 0 20px}
.index_gongchang ul{width:100%; height: auto; overflow: hidden; margin-top: 45px; padding: 10px 5px}
.index_gongchang ul li{width:31.5%; height: auto; float: left; margin-bottom: 54px; border-radius:10px; margin-right: 2.7%; box-shadow: 0 0 14px rgba(15,181,255,0.15)}
.index_gongchang ul li:nth-child(3n){margin-right: 0;}
.index_gongchang_pic{width:100%; height: auto; overflow: hidden; position: relative}
.index_gongchang_pic img{width:100%; height: auto; display: block; border-radius: 8px 8px 0 0; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
}
.gongchang_pic_hover{width:100%; height: 100%; background: rgba(15,181,255,0.8) url(../images/f_logo.png) no-repeat center; position: absolute; top:0; left:0; border-radius:10px 10px 0 0; opacity: 0; transition: all 0.4s ease-in-out;}
.index_gongchang ul li:hover .gongchang_pic_hover{opacity: 1; transition: all 0.4s ease-in-out;}
.index_gongchang_xx{width:100%; height: auto; overflow: hidden; background: #ffffff; padding:30px 10px; text-align: center; border-radius: 0 0 8px 8px}
.index_gongchang_xx h4{color:#222222; font-size: 22px; margin-bottom:15px;}
.index_gongchang_xx p{color:#777777; font-size: 15px;}
.ny_yafazx{width:100%; height: auto; overflow: hidden; }
.ny_yafazx .swiper-container{width:100%; height: auto; overflow: hidden; margin-top: 52px}
.ny_yafazx_li{width:100%; height: auto; overflow: hidden; position: relative}
.ny_yafazx_li img{width:100%; display: block; border-radius: 8px; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_yafazx_hover{width:450px; height: 100%; border-radius: 0 8px 8px 0; padding: 48px; position: absolute; top:0; right:0; background: rgba(0,0,0,0.4)}
.ny_yafazx_hover h3{font-size:22px; color:#fff; font-weight:bold; margin-bottom:15px;}
.ny_yafazx_hover p{color:#fff; font-size: 18px; line-height: 38px;}
.ny_yafazx .swiper-pagination{bottom:40px;}
.ny_yafazx .swiper-pagination-bullet{width:45px; height: 6px; background: rgba(255,255,255,0.5); border-radius: 25px; opacity:1}
.ny_yafazx .swiper-pagination-bullet-active{ background:#fff}
.ny_sbzs{margin:106px 0 }
.ny_sbzs .swiper-container{margin-top: 45px;}
.ny_cpzs{width:100%; height: auto; overflow: hidden; margin: 80px 0}
.ny_cpzs_img{width:100%; height: auto; overflow: hidden; margin-bottom: 20px; margin-top: 40px;}
.ny_cpzs_left{width:220px; height: auto; float: left}
.ny_cpzs_left a{width:100%; height: 50px; line-height: 50px; text-align: center; font-size: 15px; color:#fff; display: block; margin-bottom: 10px; background: #0fb5ff; border-radius: 25px;}
.ny_cpzs_left a:hover{background:#078cc7}
#certify{position: relative; width:1150px; float: right}
#certify .swiper-container{padding-bottom: 60px;}
#certify  .swiper-slide{width: 300px; height:371px; background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide a{width:100%; display:block}
#certify  .swiper-slide img{display:block; width: 100%}

.index_gongchang ul li:hover .index_gongchang_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.ny_yafazx_li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*底部*/
.footer{width:100%; height:auto; overflow: hidden; background:#0b1625; padding: 68px 0 40px}
.footer .w1440{overflow: hidden}
.footer_left{width:29%; height: auto; float: left}
.f_logo{width:100%; height: auto; display: block; margin-bottom: 40px;}
.f_logo img{max-width: 100%}
.footer_left p{color:#fff; font-size: 15px; line-height: 30px;}
.footer_nav{float: right; max-width:65%; position: relative; }
.footer_nav dl{width:auto; height: auto; overflow: hidden;  float: left; margin-left: 70px;  }
.footer_nav dl dt{color:#fff; font-size:18px; margin-bottom:35px;}
.footer_nav dl dd{width:100%; height: auto; overflow: hidden; margin-top:12px;}
.footer_nav dl dd a{color:#fff; font-size: 14px; display: block; margin-bottom:9px; opacity: 0.7}
.footer_nav dl dd a:hover{opacity: 1}
.copy{clear:both;width:100%;height:auto; position: relative; background: #0b1625; padding:25px 0; overflow: hidden; line-height:30px; 
	border-top:1px solid rgba(255,255,255,0.3)}
.copy_tab{display: table; margin: 0px auto;}
.copy_l{font-size:14px; color:#fff; height: 100%; width: auto; text-align: center; float: left; opacity: 0.5 }
.copy_l a{color:#fff;}
.copy_l:hover{opacity:1}
.copy_l a:hover{color:#0fb5ff!important; }
.footer_zhichi{width:auto; height:100%; float: right;}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; height: 100%; line-height: 30px;}
.footer_zhichi .pt{width:75px;height: 18px; background: url(../images/yd_icon.png) no-repeat; margin-top:5px; margin-right: 10px}
.footer_zhichi .js{width:80px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:5px;}
.footer_zhichi .pt:hover{background: url(../images/ydh_icon.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; opacity: 0.5}
.footer_zhichi i{ float: left;}
.index_link{width:100%; height: auto; overflow: hidden; margin: 18px 0 22px}
.index_link p{float: left; color:#333333; font-size: 16px; line-height: 34px;}
.index_link_xx{margin-left: 100px;}
.index_link_xx a{color:#999999; font-size: 16px; height: 34px; line-height: 34px; margin-right:3%; float: left; margin-bottom: 8px;}
.index_link_xx a:hover{color:#b81915}







/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.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: 8px;
    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: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#0fb5ff;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}





/*��ҳ����*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: 60px 0 100px; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden;margin-bottom: 40px;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px}
.ny_news_all ul li .ny_time{width:115px;height: auto; float: left;margin-top:40px;}
.ny_news_all ul li .ny_time span{display: block; font-size: 16px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size: 41px; color: #c8c8c8;    text-align: right;}
.news_xx{width:64%; height: auto; float: left; margin-left:2%; margin-top:28px;}
.news_xx h3{width:100%; height: 35px; line-height: 35px; font-size: 20px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:52px; line-height: 25px; font-size: 14px; color: #666;  margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:22%; height: auto; float: right}
.news_pic img{width:100%; height: auto}
.ny_news_all ul li:hover{background: #f4f4f4}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#0fb5ff}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ny_service_all{width:1200px; height: auto; overflow: hidden; margin: 60px 0 100px; }
.ny_lx_dh,.ny_lx_dh p{width:100%; height:auto;  font-size: 16px; color: #333; line-height: 36px;}
.ny_list_all{width: 100%; height: auto; overflow: hidden; margin-top: 60px; margin-bottom: 60px;}


/*联系我们*/
.ny_contact{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.ny_contact_map{width:100%;  height: 400px; overflow: hidden; margin-top: 20px;}
.ny_conta_xx{width:100%; height: auto; display: block; overflow: hidden; margin-bottom: 42px; margin-top: 20px;}
.contact_right{width:50%;float: left; font-size: 16px; color: #666666; line-height:32px}
.contact_right p{ font-size: 16px; color: #666666; line-height:32px}
.ny_cont_wx{width:auto; height: auto; float: right}
.ny_cont_wx dl{width:140px; height: 200px; float: left; margin-left: 26px;}
.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%;}
.keyword_light{line-height:28px;}
.container2{width: 1200px;margin: 0px auto;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:16px; color:#666; margin: 60px 0 50px;  }
.ny_news_show img{max-width:100%}
.ny_news_show p{font-size:16px; color:#333; line-height: 36px;}
.ny_title_1{ overflow: hidden; margin-bottom: 20px;}
.ny_title_1 h2{font-weight: 300; font-size: 34px; line-height: 1.2; color: #333;font-weight: bold   }
.ny_title_1 p{text-transform: uppercase; font-size: 22px; color: #0fb5ff; position: relative; line-height: 2.8; }
.ny_title_1 p::after{ content: ""; position: absolute; display: block; height: 1px; width: 140px; background: #d4d4d4; left: 0; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size:18px; line-height:1.4; color: #000; padding: 15px 0; display: block;}
.ny_title_2{ overflow: hidden; padding-top: 50px; margin-bottom: 20px;}
.ny_title_2 h2{font-weight: 300; font-size: 36px; line-height: 1.2; color: #fff;}
.ny_title_2 p{text-transform: uppercase; font-size: 26px; color: #fff; position: relative; line-height: 2.8; margin-top: -10px;}
.ny_title_2 p::after{ content: ""; position: absolute; display: block; height: 3px; width: 80px; background: #fff; left: 0; bottom: 0;}
.ny_title_2 em{font-style: normal; font-size: 24px; line-height:1.4; color: #fff; padding: 15px 0; display: block;}
.section-content{width:100%; height:auto; overflow:hidden; margin: 60px 0 100px;}
.inside_banner{ height: 400px; padding-top:180px; position:relative}
.inside_banner .in_header{position:absolute;}


.nav-height{min-height: 90px; background: #f7f6f4;position: relative; margin-bottom:40px}
.nav-wrap.navFix{position: fixed; top:92px; left: 0; z-index: 8; height:90px; background: #f7f6f4; width: 100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
.nav-wrap{ }
.nav-wrap ul{display: table!important; margin: 0 auto; max-width:1200px;}
.nav-wrap li{ float: left; line-height:60px; position: relative; margin:5px 0;}
.nav-wrap li a{font-size: 16px; padding: 0 30px; display:block}
.nav-wrap li::before{ content: "|"; position: absolute;  display: block; right: 0; color: #808080;}
.nav-wrap li:last-child::before{ display: none;}
.nav-wrap li a.active{ position: relative;}
.nav-wrap li a.active::after{ content: ""; position: absolute; width: 80px; height:3px; bottom:0; background: #0fb5ff; left: 50%; margin-left:-40px;  }
.honor{ overflow: hidden; padding-bottom: 120px;}
.honor_list{ overflow: hidden;  width:100%; margin-bottom:50px;}
.honor_list li{ width: 24.2%; float: left; border: 1px solid #e5e5e5; margin-right: 1%; margin-bottom: 20px;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .img{overflow: hidden; width:100%;}
.honor_list li .img img{ width: 100%; transition: all 0.3s; display:block;}
.honor_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height: 50px; background: #e5e5e5;text-align: center; font-size: 16px; transition: all 0.3s; width:100%; height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.honor_list li:hover{ border: 1px solid #0fb5ff;}
.honor_list li:hover .gallery-title{ background: #0fb5ff; color: #fff;}




@media screen and (max-width:1660px){
	.header_dao{margin-right:0; width:785px}	
	.bd_li_left{width:52%}

}


@media screen and (max-width:1600px){
		.index_hotproduct_all .slideTxtBox .bd{width:65%}
	
}



@media screen and (max-width:1550px){
	.w1400,.ban_info,.container{width:1200px;}
	.header_dao{width:715px;}
	.nav .nLi{margin-right:5%}
	.h_yuyan{margin-right:4%}
	.footer_nav dl{margin-left:50px}
	.index_hotproduct_all .slideTxtBox .hd ul li{width:180px; height:180px;}
	.index_hotproduct_all .slideTxtBox .hd ul li.on{background-size:100% 100%}
	.header_nav{padding: 0 4% 0 4%;}
	.dingzhi_four_xx{    padding-top:30px;}
	.index_product_xx h3{margin:20px 0; font-size:24px}
	.index_product_nav a{height:40px; line-height:40px;}
	#certify{width:940px}

}

@media screen and (max-width:1360px){
	.index_hotproduct_all .slideTxtBox .bd{width:63%}
	.bd_li_right{width:42.2%}
	.index_hotproduct_all .slideTxtBox .hd ul{width:410px;}
	.index_hotproduct_all .slideTxtBox .arrow{right:42%}
	
	
}

@media screen and (max-width:1280px){
	.header_dao{width:556px;}
	.nav .nLi{margin-right:4%}
	.nav .nLi h3 a p{font-size:16px;}
}







