/* 公共 ----------------------------------------------------- */
*{box-sizing: border-box;font-family: "微软雅黑";}
.wp{padding: 0 10%;}

/* 头部 */
#head{padding: 0 5%;}
#head .con{display: flex;justify-content: space-between;align-items: center;
	height: 86px;
}
#head .logo img{width: 130px;}

#head .nav{}
#head .nav .item{display: inline-block;}
#head .nav .item>a{display: block;height: 86px;line-height: 86px;padding: 0 20px;
	font-size: 14px;color: #333;
}
#head .nav .item.down_item{padding-right: 20px;position: relative;}
#head .nav .item.down_item>a{padding-right: 18px;
	background-image: url(../images/i1.png);background-repeat: no-repeat;
	background-size: 8px auto;background-position: right center;
}
#head .nav .item.down_item:hover>a{background-image: url(../images/i2.png);}
#head .nav .item.down_item .down_nav{position: absolute;width: 170px;
	background-color: #fff;z-index: 9;left: 50%;margin-left: -85px;
	padding: 10px 0;border-radius: 0 0 8px 8px;
	box-shadow: 0 5px 8px rgba(0, 0, 0, .1);display: none;
}
#head .nav .item.down_item .down_nav a{display: block;text-align: center;
	height: 44px;line-height: 44px;font-size: 12px;color: #666;
	
}
#head .nav .item.down_item .down_nav a:hover{color: #333;background-color: #f0f0f0;}
#head .nav .item.down_item:hover .down_nav{display: block;}
#head .nav .item.item_tel{margin-left: 40px;}
#head .nav .item.item_tel img{width: 22px;vertical-align: middle;}
#head .nav .item.item_tel span{font-size: 24px;color: #333;vertical-align: middle;
	margin-left: 8px;
}
#head .logo .pic2{display: none;}
#head .nav .item.item_tel img.pic2{display: none;}






#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_index_banner{position: relative;}
.web_index_banner #head{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;}
.web_index_banner #head:hover{background-color: #fff;}
.web_index_banner #head .logo .pic1{display: none;}
.web_index_banner #head .nav .item.item_tel img.pic1{display: none;}
.web_index_banner #head .logo .pic2{display: block;}
.web_index_banner #head .nav .item.item_tel img.pic2{display: inline-block;}
.web_index_banner #head .nav .item>a{color: #fff;}
.web_index_banner #head .nav .item.down_item>a{background-image: url(../images/i5.png);}
.web_index_banner #head .nav .item.item_tel span{color: #fff;}


.web_index_banner #head:hover .logo .pic1{display: inline-block;}
.web_index_banner #head:hover .logo .pic2{display: none;}
.web_index_banner #head:hover .nav .item.item_tel img.pic1{display: inline-block;}
.web_index_banner #head:hover .nav .item.item_tel img.pic2{display: none;}
.web_index_banner #head:hover .nav .item>a{color: #333;}

.web_index_banner #head:hover .nav .item.down_item>a{background-image: url(../images/i1.png);}
.web_index_banner #head:hover .nav .item.down_item:hover>a{background-image: url(../images/i2.png);}
.web_index_banner #head:hover .nav .item.item_tel span{color: #333;}




.index_banner{position: relative;width: 100%;overflow: hidden;}
.index_banner img{max-width: 100%;vertical-align: middle;}
.index_banner .swiper-slide{padding-top: 50%;position: relative;
	background-size: cover;background-position: center;background-repeat: no-repeat;
}
.index_banner .swiper-slide .video_con{position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;
}
.index_banner .swiper-slide .video_con video{width: 100%;}

.index_banner .swiper-pagination{z-index: 8;}
.index_banner  .swiper-pagination-bullet{background-color: #fff;opacity:0.6;
	width: 30px;height: 5px;border-radius: 50px;opacity:0.5;
	background-color:#fff;cursor: pointer;
}
.index_banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{	
   background-image: linear-gradient(to right, #fff, #fff);
   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.2;
}
.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.6;}
.index_banner .next:hover{opacity: 0.6;}


.index_yingjian{width: 100%;overflow: hidden;position: relative;}
.index_yingjian img{vertical-align: middle;width: 100%;}

.index_yingjian .prev,
.index_yingjian .next{width: 50px;height: 50px;
	bottom: 0;top: auto;position: absolute;cursor: pointer;
	top: 50%;margin-top: -18px;z-index: 2;opacity: 0.2;
}
.index_yingjian .prev{background-image: url(../images/icon2.png);
	background-size: 50px auto;left: 75px;
}
.index_yingjian .next{background-image: url(../images/icon1.png);
	background-size: 50px auto;right: 75px;
}
.index_yingjian .prev:hover{opacity: 0.6;}
.index_yingjian .next:hover{opacity: 0.6;}
.index_yingjian_tit{position: absolute;
	top: 45px;left: 0;width: 100%;text-align: center;z-index: 99;
}
.index_yingjian_tit a{font-size: 14px;color: #b9b9b9;
	margin: 0 35px;display: inline-block;position: relative;
	font-weight: bold;
}
.index_yingjian_tit a:hover{color: #fff;}
.index_yingjian_tit em{display: block;position: absolute;
	border-radius: 5px;background-color: #fff;width: 22px;
	height: 4px;left: 50%;margin-left: -11px;top: 130%;display: none;
}
.index_yingjian_tit a.on{color: #fff;}
.index_yingjian_tit a.on em{display: block;}



.index_ruanjian{width: 100%;overflow: hidden;position: relative;}
.index_ruanjian img{vertical-align: middle;width: 100%;}

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

.index_use{position: relative;}
.index_use .pic_list img{width: 100%;vertical-align: middle;}
.index_use .tit{position: absolute;left: 0;text-align: center;top: 50px;text-align: center;
	width: 100%;
}
.index_use .tit h4{font-size: 32px;color: #fff;font-weight: normal;}
.index_use .tit p{font-size: 14px;color: #fff;line-height: 1.8;margin-top: 8px;}
.index_use .tit a{display: inline-block;width: 90px;height: 34px;text-align: center;
	line-height: 32px;border: 1px solid #fff;border-radius: 50px;
	font-size: 12px;color: #fff;vertical-align: middle;margin-left: 15px;
}
.index_use .pic_list .pic{display: none;}
.index_use .chose_con{position: absolute;left: 0;bottom: 0;width: 100%;overflow: hidden;}
.index_use .chose_con .item{width: 25%;float: left;text-align: center;
	background-color: rgba(0, 0, 0, .4);cursor: pointer;height: 230px;
	display: flex;justify-content: center;align-items: center;
	
}
.index_use .chose_con .item.on,
.index_use .chose_con .item:hover{background-color: rgba(0, 0, 0, .6);}
.index_use .chose_con .item img{width: 48px;vertical-align: middle;}
.index_use .chose_con .item p{font-size: 18px;color: #fff;margin-top: 15px;}

.index_about{padding-top: 310px;padding-bottom: 350px;
	background-size: cover;background-position: center;
}
.index_about h4{font-size: 38px;font-weight: normal;color:#fff;}
.index_about h4 img{width: 54px;vertical-align: middle;margin-left: 10px;display: none;}
.index_about h4 span{vertical-align: middle;}
.index_about p{font-size: 16px;color: #fff;line-height: 2;margin-top: 40px;}
.index_about .text{width: 50%;}
.index_about .text a{display: inline-block;width: 125px;height: 38px;text-align: center;
	line-height: 36px;border: 1px solid #fff;border-radius: 50px;
	font-size: 12px;color: #fff;margin-top: 20px;
}







#web_food{}
#web_food .food_nav{background-color: #1f1f1f;padding: 60px 0;}
#web_food .food_nav .wp{display: flex;
    justify-content: space-between;
}
#web_food .left{width: 380px;}
#web_food .left .logo{margin-bottom: 35px;}
#web_food .left .logo img{width: 130px;vertical-align: middle;}
#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;opacity: 0.6;
	line-height: 2;
}

#web_food .left .item_code{margin-top: 20px;width: 88px;text-align: center;} 
#web_food .left .item_code span{font-size: 12px;color: #fff;opacity: 0.6;
	margin-top: 6px;display: block;
}



#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: #1f1f1f;}
#web_food .copy p{text-align: center;}
#web_food .copy p span{font-size: 12px;color: #fff;opacity: 0.5;}
#web_food .copy p a{font-size: 12px;color: #fff;opacity: 0.5;}
#web_food .copy p a:hover{opacity: 0.6;}





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

#web_right .item:hover{background-color: #d11131;}
#web_right .item:hover text{color: #fff;}
#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_three image{width: 20px;height: auto;}


#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/icon3.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: #333;
}
#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: #d11131;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;}


.nei_banner{padding-top: 38%;text-align: center;
	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;}

.nei_banner2 img{vertical-align: middle;width: 100%;}


.hardware_txt{text-align: center;padding: 60px 0;}
.hardware_txt h4{font-size: 32px;font-weight: normal;color: #333;}
.hardware_txt span{display: inline-block;border-radius: 5px;background-color: #d11131;
    width: 60px;height: 4px;margin-top: 12px;
}
.hardware_txt p{font-size: 16px;color: #333;line-height: 2;margin-top: 12px;}
.hardware_txt pre{font-size: 16px;color: #333;line-height: 2;margin-top: 12px;}
.hardware_list{}
.hardware_list .item{padding: 220px 0;background-size: cover;background-position: center;
	overflow: hidden;
}
.hardware_list .item .txt{width: 50%;}
.hardware_list .item .txt img{vertical-align: middle;}
.hardware_list .item h4{font-size: 34px;color: #fff;font-weight: normal;
	margin-top: 12px;
}
.hardware_list .item p{font-size: 16px;color: #fff;line-height: 1.8;
	margin-top: 22px;
}
.hardware_list .item pre{font-size: 16px;color: #fff;line-height: 1.8;
	margin-top: 22px;white-space: pre-wrap;
}

.hardware_list .item a {display: block;width: 125px;height: 38px;
    text-align: center;line-height: 36px;border: 1px solid #fff;border-radius: 50px;
    font-size: 12px;color: #fff;margin-top: 40px;
}
.hardware_list .item a:hover{background-color: #d11131;color: #fff;
	border: 1px solid #d11131;
}
.hardware_list .item.item_two .txt{float: right;}
.hardware_list .item.item_two h4{color: #fff;}
.hardware_list .item.item_two p{color: #fff;}
.hardware_list .item.item_two a{color: #fff;border: 1px solid #fff;}
.hardware_list .item.item_two a:hover{background-color: #d11131;color: #fff;
	border: 1px solid #d11131;
}

.hardware_list .item .line{display: inline-block;border-radius: 5px;background-color: #d11131;
    width: 60px;height: 4px;margin-top: 12px;
}




.web_info{}
.web_info .item{overflow: hidden;background-color: #fff;position: relative;}
.web_info .item .pic{width: 50%;padding-top: 36%;float: right;
	background-size: cover;background-position: center;
}
.web_info .item .left{position: absolute;height: 100%;padding: 0 5%;
	width: 50%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;
}
.web_info .item .left h4{font-size: 32px;font-weight: normal;color: #333;}
.web_info .item .left span{display: inline-block;border-radius: 5px;background-color: #d11131;
    width: 60px;height: 4px;margin-top: 12px;
}
.web_info .item .left p{font-size: 16px;color: #333;line-height: 2;margin-top: 12px;}
.web_info .item .left pre{font-size: 16px;color: #333;line-height: 2;margin-top: 12px;white-space: pre-wrap;}
.web_info .item.item_two .pic{float: none;}

.web_info .item.item_two .left{left: 50%;}

.use_list{padding: 60px 0;background-color: #f9f9f9;}
.use_list .list{overflow: hidden;margin-left: -40px;}
.use_list .list .item{width:33.3333%;margin: 20px 0;padding-left: 40px;float: left;}

.use_list .list .item .con{background-color: #fff;border-radius: 8px;overflow: hidden;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
}

.use_list .list .pic{padding-top: 50%;background-size: cover;background-position: center;}
.use_list .list .text{padding: 22px;}
.use_list .list .text h4{font-size: 24px;color: #333;font-weight: normal;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.use_list .list .text p{font-size: 16px;color: #999;line-height: 2;margin-top: 8px;
	height: 64px;overflow: hidden;
}
.use_list .list .text .more{width: 80px;height: 80px;border-radius: 50%;
	border: 1px solid #e6e6e6;background-image: url(../images/i7.png);
	background-size: 34px auto;background-position: center;background-repeat: no-repeat;
	position: absolute;right: 0;top: 50%;transform: translateY(-50%);
}
.use_list .list .con:hover {opacity: 0.8;}


.home_now_cur{text-align: center;padding: 18px 0;border-bottom: 1px solid #e6e6e6;}
.home_now_cur span{display: inline-block;
	text-align: center;height: 36px;line-height: 36px;margin-left: 20px;
	border-radius: 50px;font-size: 14px;color: #d11131;cursor: pointer;
	position: relative;overflow: hidden;border: 1px solid #d11131;
	padding: 0 30px;background-color: #fff;vertical-align: middle;
}
.home_now_cur span.on,
.home_now_cur span:hover{background-color: #d11131;color: #fff;}


.join_us .join_tit{height: 74px;line-height: 74px;overflow: hidden;border-bottom: 1px solid rgba(178, 178, 178, .2);background-color: #fff;
    margin-top: 40px;
}
.join_us .join_tit .one{width: 20%;padding-left: 80px;font-size: 18px;color: #d11131;float: left;}
.join_us .join_tit .two{width: 60%;padding-left: 80px;font-size: 18px;color: #d11131;float: left;}
.join_us .join_tit .three{width: 20%;padding-left: 80px;font-size: 18px;color: #d11131;float: left;}

.join_us_con{background-color: #f5f5f5;padding: 60px 0;}
.job_list_con{ background-color: #fff;}
.job_list_con .top{height: 74px;line-height: 74px;overflow: hidden;border-bottom: 1px solid rgba(178, 178, 178, .2);}
.job_list_con .one{width: 20%;padding-left: 80px;font-size: 18px;color: #333;float: left;}
.job_list_con .two{width: 60%;padding-left: 80px;font-size: 18px;color: #333;float: left;}
.job_list_con .three{width: 20%;padding-left: 80px;font-size: 18px;color: #d11131;float: left;cursor: pointer;}
.job_list_con .bottom{background-color: #d11131;padding: 80px;padding-top: 60px;display: none;}
.job_list_con .bottom p{font-size: 18px;color: #fff;line-height: 2;}
.job_list_con .bottom h5{font-size: 18px;color: #fff;line-height: 2;font-weight: normal;margin-bottom: 15px;
    margin-top: 20px;
}
.job_list_con .bottom .link{border-top: 1px solid #fff;margin-top: 50px;padding-top: 50px;}
.job_list_con .bottom .link span{font-size: 18px;color: #fff;margin-right: 120px;}




















.about_us{padding: 60px 0;}
.about_us .info{align-items: center;display: flex;justify-content: space-between;}

.about_us .info .left{width: 44%;}
.about_us .info .left h4{font-size: 32px;color: #000;font-weight: normal;}

.about_us .info .left p{font-size: 17px;color: #666;
	line-height: 1.8;margin-top: 20px;
}

.about_us .info .right{width: 45%;}
.about_us .info .right img{width: 100%;vertical-align: middle;border-radius: 10px;}

.contact_us_con{padding: 60px 0;}
.contact_us_con .pic{background-image: url('../images/pic21.jpg');
	padding: 0 120px;padding-top: 105px;padding-bottom: 200px;border-radius: 5px;
	background-size: cover;background-position: center;background-repeat: no-repeat;
}
.contact_us_con .pic h4{font-weight: normal;font-size: 28px;color: #333;}
.contact_us_con .pic p{margin-top: 15px;}
.contact_us_con .pic img{width: 26px;vertical-align: middle;} 
.contact_us_con .pic span{vertical-align: middle;margin-left:8px;font-size: 16px;
	color: #999;
}
.contact_us_con .icon_list{overflow: hidden;margin-left: -26px;margin-top: 20px;}
.contact_us_con .icon_list .item{width: 33.3333%;padding-left: 26px;float: left;}
.contact_us_con .icon_list .item .con{background-color: #f5f5f5;border-radius: 8px;
	text-align: center;padding: 70px 50px;padding-bottom: 100px;
}
.contact_us_con .icon_list .item .con img{width: 40px;vertical-align: middle;}
.contact_us_con .icon_list .item  h4{font-size: 24px;color: #333;font-weight: normal;
	margin-top: 12px;
}
.contact_us_con .icon_list .item p{font-size: 16px;color: #999;margin-top: 20px;}
.contact_us_con .icon_list .item span{display: inline-block;
	font-size: 26px;color: #333;margin-top: 20px;word-wrap: break-word;width: 100%;
}
.contact_us_con .icon_list .item .con img.code{width: 110px;margin-top: 20px;}









.web_list_page .list .text .time{margin-top: 12px;}
.web_list_page .list .text .time img{width: 18px;vertical-align: middle;}
.web_list_page .list .text .time span{font-size: 12px;
	color: #999;vertical-align: middle;margin-left: 8px;
}
.web_list_page .list .item:hover .text h4{color: #33acb1;}

#page{text-align: center;margin-top:40px;padding-bottom: 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: #33acb1;border: 1px solid #33acb1;color: #fff;}

.web_list_page .contact{width: 100%;padding: 30px 20px;text-align: center;
	background-image: linear-gradient(to bottom, #33acb1, #fff,#fff);
}
.web_list_page .contact .icon{width: 100px;vertical-align: middle;}
.web_list_page .contact p{font-size: 14px;color: #333;}
.web_list_page .contact .tel{margin-top: 15px;}
.web_list_page .contact .tel img{width: 26px;vertical-align: middle;margin-right: 6px;}
.web_list_page .contact .tel span{font-size: 18px;color: #333;vertical-align: middle;
	font-weight: bold;
}
.web_list_page .contact .btn{margin-top: 20px;display: flex;justify-content: space-between;
	padding:0 20px;
}
.web_list_page .contact .btn a{display: block;width: 90px;font-size: 12px;
	height: 34px;border: 1px solid #33acb1;line-height: 32px;
	color: #33acb1;border-radius: 3px;
}
.web_list_page .contact .btn a:hover{background-color: #33acb1;color: #fff;}
.web_list_page .hot_list{margin-top: 15px;background-color: #fff;
	padding: 0 20px;
}
.web_list_page .hot_list .tit{height: 50px;line-height: 50px;border-bottom: 1px solid #ebebeb;}
.web_list_page .hot_list .tit h4{font-size: 18px;color: #333;font-weight: normal;
	position: relative;padding-left: 12px;
}
.web_list_page .hot_list .tit h4 em{display: block;position: absolute;transform: translateY(-40%);
	left: 0;height: 18px;width: 4px;background-color: #33acb1;left: 0;top: 50%;
	border-radius: 3px;
}
.web_list_page .hot_list .list_p{padding-bottom: 20px;margin-top: 12px;}
.web_list_page .hot_list .list_p p{margin: 9px 0;font-size: 14px;color: #333;}
.web_list_page .hot_list .list_p em{color: #33acb1;vertical-align: 2px;
	margin-right: 6px;
}
.web_list_page .hot_list .list_p p:hover{color: #33acb1;}
.web_list_page .hot_list .code{width: 125px;padding: 25px 0;
	text-align: center;margin-left: auto;margin-right: auto;
}
.web_list_page .hot_list .code img{width: 125px;}
.web_list_page .hot_list .code span{color: #999;font-size: 12px;}

.now_look{background-color: #f5f5f5;padding: 15px 0;padding-bottom: 5px;}
.now_look .cur{position: relative;padding-left: 30px;}
.now_look .icon{position: absolute;left: 0;
	top: 45%;transform: translateY(-50%);
}
.now_look .icon img{width: 18px;vertical-align: middle;}
.now_look navigator{display: inline-block;
	vertical-align: middle;
}
.now_look span{font-size: 14px;vertical-align: middle;
	color: #999;
}
.now_look em{font-size: 14px;color: #999;display: inline-block;
	vertical-align: middle;margin: 0 10px;
}

.info_con{background-color: #fff;padding: 30px 26px;}
.news_deta_con{}
.news_deta_con .tit{border-bottom: 1px solid #ebebeb;
	width: 100%;
}
.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: #33acb1;border: 1px solid #33acb1;color: #fff;transition: .3s;}

.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;
}





/* 关于我们 */
.about_us_240407{padding: 60px 0;overflow: hidden;
	
}.about_us_240407 .wp{ display: flex;align-items: center;
  justify-content: space-between;
}
.about_us_240407 img{max-width: 100%;vertical-align: middle;}
.about_us_240407 .left{width: 50%;padding-right: 50px;}
.about_us_240407 .pic{width: 50%;padding-left: 50px;}
.about_us_240407 .pic img{width: 100%;vertical-align: middle;border-radius: 8px;}
.about_us_240407 h4{font-size: 30px;font-weight: normal;color: #000;margin-bottom: 20px;}
.about_us_240407 p{font-size: 17px;color: #666;margin-top: 15px;line-height:2;}
.about_us_240407 span{font-size: 14px;color: #999;}
.about_us_240407 .xian{border-bottom: 1px solid #f0f0f0;padding-bottom: 25px;}
.about_us_240407 p img{width: 26px;vertical-align: middle;}
.about_us_240407 p em{vertical-align: middle;margin-left: 12px;display: inline-block;}
.hardware_list .item .hei_txt h4{color:#333;}
.hardware_list .item .hei_txt p{color:#333;}
.hardware_list .item .hei_txt pre{color:#333;}

.hardware_list .item .hei_txt a{color: #333;border: 1px solid #8e8e8e;}
.hardware_list .item .hei_txt a:hover{color: #fff;border: 1px solid #d11131;}