/* 公共 ----------------------------------------------------- */
*{box-sizing: border-box;font-family: "微软雅黑";}
.wp{max-width: 1480px;margin: 0 auto;}

/* 头部 */
#head{height: 90px;line-height: 90px;background-color:#fff;
	position: fixed;left: 0;top: 0;width: 100%;z-index: 9;
	border-bottom: 1px solid #e6e6e6;
}
#head .logo{float: left;}
#head .img1{display: inline-block;}
#head .img2{display: none;}
#head .logo img{width: 105px;vertical-align: middle;}
#head .nav{float: right;font-size: 0;}
#head .nav .item{display: inline-block;position: relative;}
#head .nav .item>a{display: inline-block;padding: 0 20px;font-size: 16px;
	color: #333;transition:.3s;
}
#head .nav>a{display: inline-block;padding: 0 20px;font-size: 16px;
	color: #333;transition:.3s;
}

#head .nav .item .down{position: absolute;left: 0;
	top: 89px;z-index: 99;background-color: #fff;
	padding: 15px 20px;display: none;padding-top: 0;
}
#head .nav .item .down a{display: block;font-size: 14px;color: #333;
	white-space: nowrap;line-height: 2.5;
}
#head .nav .item .down a:hover{color: #1f286f;}
#head .nav a:hover{color: #1f286f;transition:.3s;}
#head .nav img{width:22px;vertical-align: middle;}
#head .nav span{vertical-align: middle;margin-left: 8px;font-size: 24px;color: #1f286f;}
#head .nav .logo_btn{display: inline-block;width: 150px;height: 43px;
	text-align: center;border-radius: 50px;line-height: 42px;
	font-size: 14px;color: #fff;
	
}
#head .nav .logo_btn span{vertical-align: middle;}
#head.index_head {border-bottom:none;
	background-color: transparent;
}

#head.index_head .img1 {
	display: none;
}

#head.index_head .img2 {
	display: inline-block;
}

#head.index_head .nav a {
	color: #fff;
}






#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: center;}
#web_head_mm img{vertical-align: middle;height: 32px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-user-select: none;
   -moz-user-focus: none;
   -moz-user-select: none;
}	
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:46px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:46px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}



#web_right{position: fixed;right: 20px;bottom: 10%;z-index: 6;}
#web_right .item{padding: 15px;border-radius: 3px;background-color: #1f286f;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);cursor: pointer;margin: 5px 0;
	position: relative;
}

#web_right .item:hover{background-color: #303b92;}
#web_right .item .pic_two{display: none;}
#web_right .item:hover .pic_one{display: none;}
#web_right .item:hover .pic_two{display: block;}


#web_right .item.item_two .icon{background-image: url(../images/icon4.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_two:hover .icon{background-image: url(../images/icon7.png);}


#web_right .item.item_three .icon{background-image: url(../images/icon5.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_three:hover .icon{background-image: url(../images/icon8.png);}


#web_right .item.item_four .icon{background-image: url(../images/icon5.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_four:hover .icon{
	background-image: url(../images/i20_2.png);
}

#web_right .item.item_five .icon{background-image: url(../images/icon6.png);
	width: 22px;height: 22px;background-size: cover;
}
#web_right .item.item_five:hover .icon{
	background-image: url(../images/icon6.png);
}

#web_right .item img{width: 24px;vertical-align: middle;height: auto;}
#web_right .item>span{display: block;width: 2em;margin-top: 5px;
	font-size: 12px;color: #fff;
}
#web_right .item:hover>span{color: #fff;}
#web_right .item .tel{position: absolute;height: 100%;right: 100%;top: 0;
	background-color: #fff;white-space: nowrap;padding: 0 25px;
	display: flex;justify-content: center;align-items: center;
	font-size: 16px;margin-right: 5px;border-radius: 3px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);display: none;
}
#web_right .item .tel .span{font-size: 12px;display: block;color: #999;}
#web_right .item .tel .em{font-size: 18px;display: block;margin-top: 2px;
	color: #1f286f;font-weight: bold;
}
#web_right .item:hover .tel{display: flex;}

#web_right .item .code{position: absolute;right: 100%;top: 0;
	background-color: #fff;white-space: nowrap;padding: 8px;	
	font-size: 16px;margin-right: 5px;border-radius: 3px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);text-align: center;
	display: none;
}
#web_right .item .code img{width: 110px;vertical-align: middle;}
#web_right .item .code p{font-size: 12px;color: #999;}
#web_right .item:hover .code{display: block;}

.danhang{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/* 首页 */
.index_banner{position: relative;width: 100%;overflow: hidden;margin-top: 90px;}
.index_banner img{max-width: 100%;vertical-align: middle;}
.index_banner .swiper-pagination{z-index: 8;}
.index_banner  .swiper-pagination-bullet{background-color: #fff;opacity:0.6;
	width: 8px;height: 8px;border-radius: 50px;opacity: 0.6;
	background-color:#fff;cursor: pointer;
}
.index_banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{	
   background-color:#fff;width: 20px;opacity: 1;
   
}
.index_banner .swiper-pagination{bottom: 25px !important;}

.index_banner .prev,
.index_banner .next{width: 50px;height: 50px;
	bottom: 0;top: auto;position: absolute;cursor: pointer;
	top: 50%;margin-top: -18px;z-index: 2;opacity: 0.5;
}
.index_banner .prev{background-image: url(../images/icon2.png);
	background-size: 50px auto;left: 75px;
}
.index_banner .next{background-image: url(../images/icon1.png);
	background-size: 50px auto;right: 75px;
}
.index_banner .prev:hover{opacity: 0.8;}
.index_banner .next:hover{opacity: 0.8;}


.index_title{text-align: center;}
.index_title_left{text-align: left;display: flex;justify-content: space-between;
	 align-items: center;
}
.index_title h3{font-size: 30px;color: #333;line-height: 1;font-weight: normal;}
.index_title p{font-size: 14px;color: #999;margin-top: 20px;line-height: 1;}
.index_title .more{width: 182px;height: 60px;text-align: center;font-size: 16px;
	color: #666;border: 1px solid #d9d9d9;cursor: pointer;
	line-height: 60px;background-color: #fff;position: relative;
}
.index_title .more em{display: block;position: absolute;left: 0;
	bottom: 0;width: 0%;height: 2px;background-color: #1f286f;transition:.3s;
}
.index_title .more:hover em{width: 100%;transition:.3s;}
*{background-repeat: no-repeat;background-position: center center;
	background-size: cover;
}

.index_case{padding: 60px 0;background-color: #fff;}
.index_case .list{margin-top: 35px;overflow: hidden;margin-left: -30px;}
.index_case .list .item{float: left;padding-left: 30px;width: 33.3333%;margin: 15px 0;}
.index_case .list .con{border: 1px solid #d8d8d8;background-color: #f5f5f5;}
.index_case .list .con .pic{padding-top: 60%;}
.index_case .list .text{padding: 20px 25px;border-top: 1px solid #d8d8d8;}
.index_case .list .text h4{font-size: 20px;color: #333;text-align: center;
	font-weight: normal;
}
.index_case .list .con:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
.index_case .list .con:hover .text{background-color: #1f286f;}
.index_case .list .con:hover .text h4{color: #fff;}

.index_more{margin-top: 30px;text-align: center;}
.index_more .more{width: 182px;height: 60px;text-align: center;font-size: 16px;
	color: #666;border: 1px solid #d9d9d9;cursor: pointer;display: inline-block;
	line-height: 60px;background-color: #fff;position: relative;
}
.index_more .more em{display: block;position: absolute;left: 0;
	bottom: 0;width: 0%;height: 2px;background-color: #000;transition:.3s;
}
.index_more .more:hover em{width: 100%;transition:.3s;}


.index_about{padding: 60px 0;
	background-color: #f2f4f7;
}
.index_about .wp{display: flex;align-items: center;justify-content: space-between;}
.index_about .left{width: 56%;}
.index_about .left h4{font-size: 30px;color: #333;font-weight: normal;}
.index_about .left span{display: block;font-size: 26px;color: #1f286f;
	margin-top: 15px;
}
.index_about .left p{font-size: 16px;color: #666;line-height: 1.8;margin-top: 18px;}
.index_about .left img{max-width: 100%;margin-top: 40px;}
.index_about .left .index_more{text-align: left;}
.index_about .left .index_more .more{height: 56px;line-height: 56px;width: 160px;}
.index_about .left .look_mass{position: absolute;left: 0;
	background-color: #fff;width: 986px;z-index: 3;bottom: 0;
}

.index_about .right{width:36%;overflow: hidden;text-align: right;}
.index_about .right img{width: 100%;}
.index_news{padding: 60px 0;}

.index_news .list{margin-left: -15px;margin-top: 40px;}
.index_news .list .item{padding-left: 15px;width: 33.33333%;float: left;}

.index_news .list .con{background-color: #f7f7f7;}
.index_news .list .con .pic{padding-top: 70%;}
.index_news .list .text{padding: 20px 25px;}
.index_news .list .text h4{font-size: 20px;color: #333;
	font-weight: normal;height: 60px;
}
.index_news .list .text span{font-size: 14px;color: #999;margin-top: 10px;display: block;}
.index_news .list .con:hover .text h4{color: #1f286f;}

/* 底部 */

#web_food{}
#web_food .food_nav{background-color: #565656;padding: 60px 0;}
#web_food .food_nav .wp{display: flex;
    justify-content: space-between;
}
#web_food .left{width: 480px;}
#web_food .left .item{padding-left: 38px;position: relative;margin-top: 20px;}
#web_food .left .item .icon{position: absolute;left: 0;top: 3px;}
#web_food .left .item .icon img{width: 24px;vertical-align: middle;}
#web_food .left .item p{font-size: 14px;color: #fff;
	line-height: 2;
}
#web_food .food_nav dl{}
#web_food .food_nav dt{font-size: 17px;color: #fff;}
#web_food .food_nav dd{margin-top: 15px;}
#web_food .food_nav dd a{font-size: 14px;color: #fff;opacity: 0.6;}
#web_food .food_nav dd a:hover{opacity: 1;}
#web_food .copy{padding-top: 18px;padding-bottom: 20px;background-color: #252525;}
#web_food .copy p{text-align: center;}
#web_food .copy p span{font-size: 12px;color: #fff;opacity: 0.6;}
#web_food .copy p a{font-size: 12px;color: #fff;opacity: 0.6;}
#web_food .copy p a:hover{opacity: 0.6;}
#web_food .code_item img{width: 135px;display: block;}
#web_food .code_item span{display: block;text-align: center;
	font-size: 12px;color: #c5c5c5;margin-top: 15px;
}






.nei_banner{padding-top: 170px;padding-bottom: 190px;margin-top: 90px;
	background-repeat: no-repeat;background-size: cover;background-position: center;
}
.nei_banner h4{font-size: 36px;color: #fff;font-weight: normal;}
.nei_banner p{font-size: 18px;color: #fff;margin-top: 10px;}
.hei_nei_banner h4{color: #000;}
.hei_nei_banner p{color: #000;}

/* 产品中心 */
.home_now_cur{border-bottom: 1px solid #ebebeb;}
.home_now_cur .con .tit_h4{text-align: center;font-size: 30px;color: #333;font-weight: normal;
	margin-bottom: 20px;
}


.home_now_cur .con{text-align: center;padding: 20px 0;}
.home_now_cur .con span{display: inline-block;
	text-align: center;height: 36px;line-height: 36px;margin:0 10px;
	border-radius: 50px;font-size: 14px;color: #999;cursor: pointer;
	position: relative;overflow: hidden;
	padding: 0 30px;vertical-align: middle;
}
.home_now_cur .con em{position: absolute;
	display: block;width: 0;left: 0;top: 0;
	height: 100%;z-index: -1;
	background-color:#1f286f;
	/* transition: all .3s; */
}
.home_now_cur .con span.on,
.home_now_cur .con span:hover
{color: #fff;}
.home_now_cur .con span.on em,
.home_now_cur .con span:hover em
{width: 100%;
/* transition: all .3s; */
}




.home_now_cur2{border-bottom: 1px solid #ebebeb;}
.home_now_cur2 .con{display: flex;justify-content: space-between;
	 align-items: center;padding: 14px 0;
}
.home_now_cur2 .con .left{position: relative;padding-left: 30px;}
.home_now_cur2 .con .left .icon{position: absolute;left: 0;
	top: 45%;transform: translateY(-50%);
}
.home_now_cur2 .con .left .icon img{width: 18px;vertical-align: middle;}
.home_now_cur2 .con .left navigator{display: inline-block;
	vertical-align: middle;
}
.home_now_cur2 .con .left span{font-size: 14px;vertical-align: middle;
	color: #999;
}
.home_now_cur2 .con .left navigator span:hover{color: #005bac;}
.home_now_cur2 .con .left em{font-size: 14px;color: #999;display: inline-block;
	vertical-align: middle;margin: 0 10px;
}
.home_now_cur2 .con .right{height: 36px;}



.web_product_list{padding: 60px 0;padding-top: 40px;}
.web_product_list .tit2{text-align: center;font-size: 30px;color: #333;font-weight: normal;}


.web_product_list .list{overflow: hidden;margin-left: -30px;margin-top: 20px;}
.web_product_list .list .item{float: left;padding-left: 30px;width: 33.3333%;margin: 15px 0;}
.web_product_list .list .con{border: 1px solid #d8d8d8;
	border-radius: 10px;overflow: hidden;
}
.web_product_list .list .con .pic{padding-top: 60%;}
.web_product_list .list .text{padding: 20px 25px;}
.web_product_list .list .text h4{font-size: 20px;color: #000;text-align: center;
	font-weight: normal;
}
.web_product_list .list .con:hover .text{background-color: #1f286f;}
.web_product_list .list .con:hover .text h4{color: #fff;}
.web_product_list .list .con:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .3);}

#page{text-align: center;margin-top:40px;}
#page a{height: 42px;min-width: 42px;line-height: 42px;text-align: center;display: inline-block;
	padding: 0 15px;
	border: 1px solid #dfdfdf;font-size: 14px;color: #333;margin: 0 3px;
}
#page a:hover,#page a.on{background-color: #1f286f;border: 1px solid #1f286f;color: #fff;}

.deta_wp{max-width: 1200px;margin: 0 auto;}



.home_news_page{margin-top: 50px;padding-bottom: 70px;overflow: hidden;}
.home_news_page .left{width: 100%;}
.news_deta_con .tit{border-bottom: 1px solid #ebebeb;
	width: 100%;text-align: center;
}
.news_deta_con .tit h4{font-size: 22px;color: #333;}
.deta_html{padding:20px 0;border-bottom: 1px solid #ebebeb;}
.deta_html p{font-size: 15px;color: #333;margin: 12px 0;line-height: 1.8;}
.deta_html .pic{text-align: center;margin: 25px 0;}
.deta_html .pic img{max-width: 100%;vertical-align: middle;}

.news_deta_con .back{margin-top: 45px;text-align: center;}
.news_deta_con .back a{display: inline-block;width: 166px;height: 50px;text-align: center;line-height: 48px;
	border: 1px solid #ccc;
	font-size: 14px;color: #333;transition: .3s;
}
.news_deta_con .back a:hover{background-color: #000;border: 1px solid #000;color: #fff;
	transition: .3s;
}
.nei_index_solve,.index_case{padding-top: 40px;}
.nei_index_solve .list{margin-top: 0;}
.nei_index_solve .list .item{margin: 10px 0;}

/* 关于我们 */
.about_us{padding: 60px 0;overflow: hidden;
	
}
.about_us .wp{display: flex;align-items: center;
	justify-content: space-between;
}
.about_us .left{width: 50%;padding-right: 50px;}
.about_us .pic{width: 50%;padding-left: 50px;}
.about_us .pic img{width: 100%;vertical-align: middle;border-radius: 8px;}
.about_us h4{font-size: 36px;font-weight: normal;color: #000;margin-bottom: 20px;}
.about_us p{font-size: 17px;color: #666;margin-top: 15px;line-height:2;}

.about_us2{background-image: linear-gradient(to bottom, #f6f6f6, #fff);}
.about_us2 .left{padding-left: 50px;}
.about_us2 .pic{width: 50%;padding-right: 50px;padding-left: 0;}

/* 企业荣誉 */

.about_honor{padding: 60px 0;}
.about_honor .list{overflow: hidden;margin-left: -30px;}
.about_honor .list .item{float: left;padding-left: 30px;width: 25%;margin: 15px 0;}
.about_honor .list .con{border-radius: 10px;}
.about_honor .list .con .pic{padding-top: 75%;}
.about_honor .list .text{padding: 20px 25px;border: 1px solid #d8d8d8;
	border-top: none;
}
.about_honor .list .text h4{font-size: 18px;color: #333;font-weight: normal;
	text-align: center;
}
.about_honor .list .con:hover .text{background-color: #1f286f;}
.about_honor .list .con:hover .text h4{color: #fff;}

/* 客户 */
.about_partner{padding: 60px 0;}
.about_partner h2{font-size: 34px;color: #333;font-weight: normal;text-align: center;}
.about_partner .list{margin-left: -20px;margin-top: 30px;}
.about_partner .list .item{float: left;padding-left: 20px;width: 16.666666%;
	margin-bottom: 30px;
}
.about_partner .list .con{border-radius: 12px;}
.about_partner .list .con .pic{padding: 20px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);border-radius: 5px;
}
.about_partner .list .con .pic .img{padding-top: 25%;}
.about_partner .list p{text-align: center;margin-top: 12px;
	font-size: 16px;color: #333;
}

.nei_case_details .list{margin-top: 0;}




.news_list{padding: 60px 0;padding-top: 10px;}
.news_list .item{padding: 40px 0; padding-left: 445px;overflow: hidden;
	border-bottom: 1px solid #ebebeb;cursor: pointer;
}
.news_list .item .pic{width: 445px;margin-left: -455px;float: left;
	height: 250px;background-size: cover;background-position: center;
}
.news_list .item .text{padding-left: 50px;padding-top: 12px;}
.news_list .item .text h4{font-size: 22px;color: #000;font-weight: normal;
	line-height: 1.6;height: 66px;overflow: hidden;
}
.news_list .item .text p{font-size: 14px;color: #999;line-height: 2;height: 56px;
	overflow: hidden;margin-top: 20px;
}
.news_list .item .time{display: flex; align-items: center;  justify-content: space-between;
	margin-top: 40px;padding-right: 145px;
}
.news_list .item .time img{width: 22px;vertical-align: middle;}
.news_list .item .time span{font-size: 14px;color: #999;margin-left: 8px;vertical-align: middle;}
.news_list .item .time .right{font-size: 14px;color: #999;}
.news_list .item:hover .text h4{text-decoration: underline;
	color: #000;
}

.news_deta_con .mass {margin-top: 20px;padding-bottom: 26px;
}
.news_deta_con .mass .time{display: inline-block;vertical-align: middle;
	margin-right: 40px;font-size: 14px;color: #666;
}


.news_deta_con_tti{text-align: center;color: #333;height: 58px;margin-top: 30px;
	background-color: #f0f0f0;line-height: 58px;font-size: 22px;
}
.product_details_top{display: flex;align-items: center;justify-content: space-between;}
.product_details_top .left{width: 48%;overflow: hidden;position: relative;}



.product_details_top .left .swiper-pagination{z-index: 8;}
.product_details_top .left  .swiper-pagination-bullet{background-color: #fff;opacity:0.6;
	width: 8px;height: 8px;border-radius: 50px;opacity: 0.6;
	background-color:#000;cursor: pointer;
}
.product_details_top .left  .swiper-pagination-bullet.swiper-pagination-bullet-active{	
   background-color:#000;width: 20px;opacity: 1;
   
}
.product_details_top .left .swiper-pagination{bottom: 25px !important;}

.product_details_top .left .prev,
.product_details_top .left .next{width: 50px;height: 50px;
	bottom: 0;top: auto;position: absolute;cursor: pointer;
	top: 50%;margin-top: -18px;z-index: 2;opacity: 0.5;
}
.product_details_top .left .prev{background-image: url(../images/icon2.png);
	background-size: 50px auto;left: 75px;
}
.product_details_top .left .next{background-image: url(../images/icon1.png);
	background-size: 50px auto;right: 75px;
}
.product_details_top .left .prev:hover{opacity: 0.8;}
.product_details_top .left .next:hover{opacity: 0.8;}

.product_details_top .left img{width: 100%;}
.product_details_top .right{width: 48%;}
.product_details_top .right h4{font-size: 26px;color: #000;font-weight: normal;
	padding-bottom: 15px;border-bottom: 1px solid #e0e0e0;
}
.product_details_top .right p{line-height: 2;font-size: 16px;
	color: #666666;margin-top: 25px;
}