@charset "utf-8";
/* CSS Document */

body,html{ margin:0; padding:0; font:14px "微软雅黑",“宋体”; background-color:#fff;}
html{ overflow-x: hidden;}
div{box-sizing:border-box; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight: normal;}
em{ font-style:normal}
img{margin:0px; padding:0px; border:0;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}
a,a:hover,img{ list-style-type:none; margin:0; padding:0; display:block;}
a,a:hover{ text-decoration:none;}
div{ margin: 0 auto;}
.clear{ clear:both;}
.main{ width:100%;}
header{ width:100%;display:block; position: relative; z-index: 9; background: rgba(255,255,255,.8);}
.head{ width:80%;display:block; }
.head .logo{float:left; padding-top: 15px;}
.head .logo>img{ width:90%;vertical-align:top;}/*对齐属性vertical只适用于一行文字的对齐*/
.head .logo>span{ line-height:61px; font-size:20px;}
.meun{width:80%; float:right; padding:0 15px; position:relative;display:block;box-sizing: border-box;}
.meun>ul>li{ width: 13.8%; text-align:center;display: inline-block; }
.meun>ul>li>a{ color:#444; font-size: 16px; line-height:90px;border-bottom: transparent solid 5px;}
.meun>ul>li>a:hover,.meun>ul>li>a.cur{ color:#BD0003; text-decoration:none; color: #fff; border-bottom: #222 solid 5px;background-color: #D00C0F; position: relative;}
.tishi_con{  position:absolute; width: 60px; padding:10px; border-radius: 5px; background-color:#222;top:100%; color:#fff; text-align:center;left:50%; margin-left:-10px; z-index:1; opacity:0; transition:opacity 1s;}
.tishi_con::after{ 
content:"";
bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #222 transparent;
	position:absolute;
	}/*****提示***/
.meun-phone:hover .tishi_con{ visibility: visible; opacity:1;}
.meun-phone{width:60px; height:60px; display:none;float:right; text-align:center; border-radius:5px;background-color:#222; padding:32px 15px; position:relative;}
.meun-phone .phone-more{width:40px; height:2px;}
.meun-phone .meun_btn,
.meun-phone .meun_btn::after,
.meun-phone .meun_btn::before{ width:30px; height:2px; display: inline-block; right:15px;background-color:#D7D7D7;position:absolute; -webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}

.meun-phone .phone-more.active .meun_btn{ background-color:transparent;}
.meun-phone .phone-more.active .meun_btn::after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); content:''; top:0;}
.meun-phone .phone-more.active .meun_btn::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);content:'';top:0;}


.meun-phone .phone-more .meun_btn::after{top:-12px; content:'';right:0px;}
.meun-phone .phone-more .meun_btn::before{top:12px; content:'';right:0px;}

.dropdown-content{ display:none;position:absolute;background-color:rgba(34,34,34,.8); top:95px; width: 100%; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9;}
.dropdown-content>li{ float:left;}
.dropdown-content>li>a{padding: 0 32px; font-size: 16px;color:#fff;line-height: 55px;}
.dropdown-content>li>a:hover{ background-color: #000;}
.dropdown:hover .dropdown-content{display:block;}
.banner{ width:100%; position:relative; z-index:1; overflow: hidden;}
.banner img{ width:100%; height:100%;}
.leibie{bottom:0;z-index:10; }
.leibie ul{padding:15px;background-color:rgba(0,0,0,0.5); overflow:hidden;}
.leibie ul li{ width:20%; float:left; position:relative;}
.leibie ul li img,.leibie ul li span{width:100%; transition: all }
.leibie ul li span{ position:absolute; left:0; text-align:center;height:100%;background:rgba(0,0,0,0.5); display:block;top:0; transition:width 2s,background 2s; -webkit-transition:width 2s,background 2s;}

.leibie ul li span b{font-weight: normal; display:block; height: 100%; font-size: 18px; font-weight: normal; padding-top:55%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%)}
.leibie ul li  a{ color:#fff;}
.leibie ul li span:hover{ background:rgba(0,0,0,0);}
#slides {display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative}
#slides li {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow:hidden
}

/* 本例子css */
#solid{width:100%; height:100%;overflow:hidden;position:relative; margin-top:-3px;}
#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;left:0px;top:0px;width:100%;height:100%;display:none;}

#solid ul{margin:0px;padding:0px;list-style:none;}
#solid ul li{position:absolute;left:50%;top:0px;width:100%;height:100%;margin-left:-50%;display:none;cursor:pointer;}
#solid #btt{width:905px;height:55px;bottom:15px;left:50%;position:absolute;margin-left:-452px;}
#solid #btt span{position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;margin:0 15px;	text-align:center;background:#3d3d3d;z-index:1000;cursor:pointer;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/
	}

.swipe{overflow:hidden;position:relative;}
.swipe ul{list-style-type:none;float:left;
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe ul li{float:left;list-style-type:none; }
.swipe img{vertical-align:middle;width:100%;}
.swipe #pagenavi{position:absolute;bottom:3%; padding:0 10px;padding-top:5px; left:0; right:0; margin:0 auto;text-align:center;}
.swipe #pagenavi a{width:50px;height:3px;line-height:99em;background:#fff;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#D00C0F;}

/* ---------以上为焦点图代码--------------- */
.column01{
	width:80%;
	 padding-top:40px;
	 margin:0 auto;
	  column-count:3;
	 -webkit-column-count:3;
	 column-gap:30px;
	 -webkit-column-gap:30px;	
	 letter-spacing: 0.1em;/*字间距*/	
	 height:200px;
	}
.column01 h2{
	column-span:all;
	-webkit-column-span:all;
	}
.xv_contaiter{ width:100%; box-sizing: border-box;margin-top: 40px;}

.xv_row{
width: 75%;	
	margin-top: 20px;	
	box-sizing:content-box;
}
/*切换tab*/
.new_top{
	background: url(../images/new_bg.png) center repeat-x;
	line-height:40px;
	text-align:center;
		
	position: relative;
	}

.new_top ul{letter-spacing: -4px;}/*解决li之间的空隙*/
.new_top span{padding:0 15px; background-color: #fff;}
.new_top ul li{
	display:inline-block;
	border:#e6e6e6 solid 1px;
	line-height:40px;
	padding:0 25px;
	cursor:pointer;
	background-color:#fafafa;
	letter-spacing: normal;/*解决li之间的空隙*/	
	font-size: 16px;
	}
.new_top ul li a{ color:#444; width:100%;}
.new_top ul li.cur{
	background-color:#b21b29;
	color:#F9F9F9;
	border:#b21b29 solid 1px;	
	}
	
.new_top ul li a.cur2{
	background-color:#222222;
	color:#fff;
	border:#222222 solid 1px;	
	width:100%;
	}
/********tab结束**********/
.in_cnt01{	
	display:block;
	}
.in_newleft{
	width: 55%;
	float: left;		
	margin-top: 20px;
	position: relative;	
	
}

.in_newleft ul li{
	width: 100%; 
 border:solid #eee 1px;
 overflow: hidden;
 box-sizing: border-box;
}
.in_newleft ul li:nth-child(3){ margin-top: 10px;}
.in_newleft ul li .lft01{
	width: 46%;
	float: left;
	position: relative;
}
.in_newleft ul li .lft01 em{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6); color: #c6c6c6; padding: 10px 20px;}
.in_newleft ul li .lft01 em strong{ font-size: 16px;}


.in_newleft ul li .lft01 img{
	width: 100%;
}
.in_newleft ul li .rgt01{
	width: 50%;
	float: right;
	padding: 21px 20px;
	overflow:hidden;
}

.in_newleft ul li .rgt01 h2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
	font-size: 18px;
	font-weight: normal;
	height:26px;
}
.in_newleft ul li .rgt01 h2 a{color: #222; overflow:hidden; height: 25px;}
.in_newleft ul li .rgt01 h2 a:hover{color: #b21b29;}
.in_newleft ul li .rgt01 p{
	color:#757575;
	line-height: 24px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	line-clamp:3;
	-webkit-box-orient: vertical;
	height:66px;
	margin-top:10px;
}
.in_newleft ul li .rgt01 em{text-align:center;text-align: -webkit-center;text-align:-moz-center; padding-top: 5px; display: block;float: left;}
.in_newleft ul li .rgt01 em a{ width: 80px;border: #eee solid 1px; border-radius: 5px; padding: 0 15px; line-height: 35px; display: block;color: #757575;}
.in_newleft ul li .rgt01 em a:hover{ background-color:#b21b29; color:#fff;}
.in_newrgt{
	width: 45%;
	float: right;
	padding-left: 50px;
	position: relative;
	
}

.in_newrgt ul li{
	float: left;
	margin-top: 20px;
 display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}
.in_newrgt ul li span{
	width: 80px;
	float:left;
	border: solid #eee 1px;
	text-align: center;
	padding: 3% 5px;
	border-radius: 2px;
 display: block;
	
}
.in_newrgt ul li  .nw_rgt h2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	line-clamp: 1;
	-webkit-box-orient: vertical;	
    font-size: 16px;
}
.in_newrgt ul li .nw_rgt h2 a{color: #222; font-weight: 600; height:23px;}
.in_newrgt ul li .nw_rgt h2 a:hover{color: #b21b29;}
.in_newrgt .nw_rgt{
	width: 80%;

	padding-left: 15px;
	box-sizing: content-box;
}
.in_newrgt .nw_rgt p{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
 line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #757575;
	padding: 0;
	margin: 0;
	line-height: 22px;
	padding-top: 5px;
	height:42px;
}
.in_newmor{ width: 100%; text-align: center; text-align: -webkit-center; margin-top: 40px;}
.in_newmor a{ width:150px; display: block; text-align: center; line-height: 40px; border:solid #eee 1px; color: #757575; border-radius: 3px;}
.in_newmor a:hover{ background-color:#b21b29; color:#fff;}
.xv_hezuoz{
	width: 100%;	
	margin-top: 40px;
	position: relative;
	padding-top: 50px;	
	z-index: 1;	
}
.xv_hezuo{
	width: 100%;	
	background: url(../images/in_hezuo_bg.jpg) no-repeat center top;
	margin-top: 40px;
	background-size:100% 100%;	
}
.hz_bg{
	background: url(../images/wenzi_bg.png) no-repeat top center;
	position: absolute;
	z-index: -1;
	height: 200px;
	top: 0;
	right: 0;
	width: 100%;
	background-position: right;	
}

.hezuo_top{
	overflow: hidden;
}
.hezuo_top a{
	border: #eee solid 1px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	float: right;
	margin-top: 40px;
	color: #eee;
}
.hezuo_top a:hover{
	border: #b21b29 solid 1px;
	background-color: #b21b29;
	color: #fff;
}
.hz_cont{
	width: 100%;	
    margin-top: 50px;   
	padding-bottom:40px;
	
}
.hz_cont ul{
/*display: -webkit-flex;
    display: flex;*/
	}

.hz_cont li{
	display: inline-block;
	width: 15%;
	margin: 10px;
}
.hz_cont li img{
	width: 100%;
	height:auto;
}

.bt_top{
   width: 263px;
	height: 210px;
	background: url(../images/hezuo_bg.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 20%;
	text-align: center;
	color: #fff;
	padding-right: 14px;
	overflow: hidden;
}
.bt_top h2{
	
}
.bt_top h3{
	padding-top: 50px;
	text-transform: uppercase;
	
}
.lianxiz{
	background-color:rgba(0,0,0,.5);
	width: 100%;
	border-bottom: #333 1px solid;
	border-top: #333 1px solid;
	
}
.xv_lxi{
	width:75%;
	
}
.fanhui{
	position:absolute;
	top: -36px;
	right: -58px;
	width: 60px; 
	height: 60px;
	border-radius: 60px;
	color: #777;
	background-color: rgba(0,0,0,.8);
	line-height: 60px;
	text-align: center;
}
.xv_lxin{
	width:100%;
	box-sizing: border-box;
	 -moz-box-sizing:border-box;
	display: block;
	position: relative;
	display:flex;
	-webkit-display:flex;
}
.xv_lxin dl{
	display:inline-block;
	width: 29.9%;
	color: #777777;
	border-right: #333 solid 1px;
	float: left;
	padding: 25px 20px;
	
}
.xv_lxin dl p{
	margin:0;
	padding:0;	
}
.xv_lxin dl:first-child{
	border-left: #333 solid 1px;
}
.xv_lxin dl dt{
	float:left;
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: #444 solid 1px;
	border-radius: 50px;
	margin-right: 10px;
	}
.xv_lxin dl dd{
		float:left;
	display: block;
	}
.bottm{
	text-align: center;
	width: 100%;
	color: #777;
	padding-top: 20px;
}
.bottm a{
	color: #777;
	display: inline-block;
	padding: 10px;
}
.qx{
	text-align: center;
	color: #777;
	line-height:50px;
	margin:0;
	padding:0 20px;
	
}
.qx a{
	color: #777;
	display: inline-block;
}
/*************子页面***********/
.sub_banner{
	width: 100%;
	height: 110px;
	background: url(../images/list_banner.jpg) no-repeat top center;
	color: #fff;
	position: relative;
}
.sub_bann_nr{
	width:75%;
    bottom:38%;
	left: 50%;
	margin-left: -37.5%;
	position: absolute;
	font-size: 22px;
	color: #d4d4d4;
}
/*分页*/
.page{position: relative; float:right;height:40px;margin:40px auto;}
.page a{ padding:7px 15px;background:#E9E9E9;font-size:14px; margin-left: 2px; line-height:22px; float: left; text-align:center; color:#7D7D7D;}
.page a:hover{background:#b21b29; color:#fff;}
.page span{background:#b21b29; color:#FFF;padding:7px 15px;font-size:14px; margin-left: 2px; line-height:22px; float: left; text-align:center; }
.page a.page_bg{background:#b21b29; color:#FFF;}
/*********新闻列表********/
.sub_about{}
.sub_about img{max-width:100%; height: auto; text-align: center; padding: 0 5%}
/*切换tab*/
.sub_new_top{
	background: url(../images/new_bg.png) center repeat-x;
	line-height:40px;
	text-align:center;
	}
.sub_new_top ul{letter-spacing: -4px;}/*解决li之间的空隙*/
.sub_new_top span{padding:0 15px; background-color: #fff;}
.sub_new_top ul li{
	display:inline-block;
	border:#e6e6e6 solid 1px;
	line-height:40px;	
	cursor:pointer;
	background-color:#fafafa;
	letter-spacing: normal;/*解决li之间的空隙*/	
	font-size: 16px;
	}
.sub_new_top ul li a{ color:#444;padding:0 25px; text-align:center;}
.sub_new_top ul li a.cur2{
	background-color:#222222;
	color:#fff;
	border:#222222 solid 1px;	
	
	}
	/**************产品*************/
	.sub_product_top{
	background: url(../images/new_bg.png) center repeat-x;
	line-height:40px;
	text-align:center;
	}
.sub_product_top ul{letter-spacing: -4px;}/*解决li之间的空隙*/
.sub_product_top span{padding:0 15px; background-color: #fff;}
.sub_product_top ul li{
	display:inline-block;
	border:#e6e6e6 solid 1px;
	line-height:40px;	
	cursor:pointer;
	background-color:#fafafa;
	letter-spacing: normal;/*解决li之间的空隙*/	
	font-size: 16px;
	}
.sub_product_top ul li a{ color:#444;padding:0 25px; text-align:center;}
.sub_product_top ul li a.cur2{
	background-color:#222222;
	color:#fff;
	border:#222222 solid 1px;	
	
	}
/********tab结束**********/
.sub_new,.sub_lianxi{
	width: 100%;	
	margin-top: 20px;
}
.sub_new ul li{
	width: 100%;
	margin: 20px 0;
	float:left;
}
.sub_new ul li .lft01{
	width: 25%;
	float: left;
	position: relative;
}
.sub_new ul li .lft01 em{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6); color: #c6c6c6; padding: 10px 20px;}
.sub_new ul li .lft01 em strong{ font-size: 16px;}

/*.sub_new ul li:nth-child(3) .lft01 em{ position: absolute;bottom: auto; left: auto; top: 0; right: 0; background-color: rgba(0,0,0,0.6); color: #c6c6c6; padding: 10px 20px;}
.sub_new ul li:nth-child(3) .lft01 em strong{ font-size: 16px;}*/
.sub_new ul li .lft01 img{
	width: 100%;
}
.sub_new ul li .rgt01{
	width: 73%;
	float: right;
	padding: 0 20px;	
}
/*.sub_new ul li:nth-child(3) .lft01{
	width: 50%;
	float: right;
	position: relative;
}
.sub_new ul li:nth-child(3) .rgt01{
	width: 50%;
	float: left;
	padding: 28px 20px;
	
}*/
.sub_new ul li .rgt01 h2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
	font-size: 18px;
	font-weight: normal;
}
.sub_new ul li .rgt01 h2 a{color: #222;}
.sub_new ul li .rgt01 h2 a:hover{color: #b21b29;}
.sub_new ul li .rgt01 p{
	color:#757575;
	line-height: 24px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
.sub_new ul li .rgt01 em{ width: 100%;text-align:center;text-align: -webkit-center;text-align:-moz-center; padding-top: 5px; display: block;}
.sub_new ul li .rgt01 em a{ width: 80px; float: left;border: #eee solid 1px; border-radius: 5px; padding: 0 15px; line-height: 35px; display: block;color: #757575;}
.sub_new ul li .rgt01 em a:hover{ background-color:#b21b29; color:#fff;}

/***************产品展示************/
.sub_product {width:100%;}
.sub_product ul{
width: 100%;
	display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.sub_product ul li{
	display: inline-block;
	width: 23%;
	margin: 1% 1%;
	position: relative;
	overflow: hidden;
}
.sub_product ul li img,.sub_product ul li span{width:100%;}
.sub_product ul li img:hover{ transform:scale(1.5);}
.sub_product ul li span{display:none;}
.sub_product ul li:hover span a{ padding: 35% 2%;position: absolute; height:100%;left: 0; top:0;text-align:center; box-sizing:border-box;width: 100%; background-color: rgba(0,0,0,.6);color: #fff; display: block;}
.sub_product ul li:hover span{ display:block;height: 100%; font-size:20px; }
/*.sub_product ul li span a em{width:20%; float: right; margin-top: 12px;}
.sub_product ul li span a:hover em{ display: none;}*/
/*.sub_product ul li span a p{display:none;}
.sub_product ul li span a:hover p{display:block; line-height: 30px; font-size: 14px;}*/
.show_product{
	line-height:26px;
	font-size:14px;
	color:#444;
	position:relative;
	}
.jssora05l, .jssora05r {
		display: block;
		position: absolute;
		/* size of arrow element */
		width: 40px;
		height: 40px;
		cursor: pointer;
		background: url('../images/a17.png') no-repeat;
		overflow: hidden;
	}
	.jssora05l { background-position: -10px -40px; }
	.jssora05r { background-position: -70px -40px; }
	.jssora05l:hover { background-position: -130px -40px; }
	.jssora05r:hover { background-position: -190px -40px; }
	.jssora05l.jssora05ldn { background-position: -250px -40px; }
	.jssora05r.jssora05rdn { background-position: -310px -40px; }
	.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
	.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
	/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
	.jssort01 .p {position: absolute; top: 0; left: 0; width: 72px;height: 72px;}
	.jssort01 .t {position: absolute; top: 0; left: 0; width: 100%;height: 100%;border: none;}
	.jssort01 .w {position: absolute; top: 0px;left: 0px;width: 100%;height: 100%;}
	.jssort01 .c {position: absolute; top: 0px; left: 0px; width: 68px; height: 68px;box-sizing: content-box;background: url('../images/t01.png') -800px -800px no-repeat;    _background: none;}
	.jssort01 .pav .c {top: 2px;top: 0px;left: 2px;_left: 0px;width: 68px;height: 68px;border: #000 0px solid; _border: #fff 2px solid;background-position: 50% 50%;}
	.jssort01 .p:hover .c {top: 0px; left: 0px;width: 70px; height: 70px;border: #fff 1px solid; background-position: 50% 50%;}
	.jssort01 .p.pdn .c {background-position: 50% 50%;width: 68px;height: 68px;border: #000 2px solid;}
	* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}
.show_new{
	line-height:26px;
	font-size:14px;
	color:#444;
	padding:0 20px;
	}
	.show_new img{
		text-align:center;
		max-width:100%;
		display: inline-grid;
	}
.wenz{ border-top:#eee solid 1px;border-bottom:#eee solid 1px; line-height:30px; padding:10px 20px; color: #777; overflow:hidden;}
.wenz span{ width:100%;float:left; display:block;}
.wenz a{ float: left;color: #777}
.wenz a:hover{color: #444; text-decoration: underline;}
	/*本例子css */
	#ifocus { width:95%; padding-top:20px;overflow:hidden;}
	#ifocus_pic { display:inline; position:relative; float:left; width:100%;}
	#ifocus_piclist li { width:100%; overflow:hidden;}
	#ifocus_piclist img { width:100%; }
	#ifocus_btn { width:100%; text-align:center;display:inline;margin-top:9px;padding-right:5px;}
	#ifocus_btn li {margin-bottom:30px; float:left;cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	#ifocus_btn img { width:160px; height:70px; margin:5px 0 0 5px; }
	#ifocus_btn .on{ background: url(images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	#ifocus_opdiv { position:absolute; left:0; bottom:0; width:100%; height:60px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	#ifocus_tx { position:absolute; left:8px; bottom:20px; color:#FFF; }
	#ifocus_tx ul li{ display:none;  }
	#ifocus_tx ul li a{ color:#fff; font-size:14px; font-weight: bold;}
	/*.focusBox,.focusBox .pic { position:relative; width:100%; height:100%; overflow: hidden; }
	.focusBox .pic img { width:100%; height:100%; display: block}
	.focusBox .hd { position:relative;}
	.focusBox .hd li{margin-bottom:30px; float:left;cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);  }
	.focusBox .hd img { width:160px; height:70px; margin:5px 0 0 5px; }
	.focusBox .hd .on{ background: url(images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	
	.focusBox .prev,
	.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
	.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
*/

/**************以上产品*************/
/***********合作伙伴************/
.sub_hezuo,.sub_job{
	width: 100%;	
}
.sub_hezuo ul{
width: 100%;
	display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.sub_hezuo ul li{
	display: inline-block;
	width: 14%;
	margin: 1% 1%;
	position: relative;
	overflow: hidden;
}
.sub_hezuo ul li img{
	width:100%;
}
/***********底部************/
.footer{border-top:1px solid #DDDDDD;background:#d7d7d7;line-height:18px;position:fixed; -position:absolute; bottom:0px; width:100%;display:none;}
.footer ul li{ width:25%; float:left;background:url(../images/bt_tiao.jpg) top right no-repeat; text-align:center}
.footer ul li i{ width:100%; float:left;}
.footer ul li a{ width:100%; float:left;color:#444; font-size:13px;;padding:8px 0;}
.footer ul li a.cur,.footer ul li a:hover{background:#222;color:#fff;}
/***********招贤************/

.sub_job ul li h2{
	overflow:hidden;
	font-size: 16px;
	font-weight: normal;
 background-color:#eee;
 line-height: 40px;
 padding: 0 20px 0 0;
}
.sub_job ul li  h2 a{color: #222; float: left; padding-left: 15px;}
.sub_job ul li h2 a:hover{color: #b21b29;}
.sub_job ul li  h2 em{float:right;font-size: 14px;}
.sub_job ul li h2 strong{ float:left;font-weight: normal;line-height: 40px; text-align: center; color:#fff; width:40px; height: 40px; background-color: #880204;}
.sub_job ul li p{
	color:#757575;
	line-height: 24px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
 padding: 0;
 margin: 0;
}
.sub_job ul li h3{
		font-size: 16px;	
 background-color:#fff;
 line-height: 40px; 
 font-weight: bold;
 float: left;
 border-radius: 5px;
 margin-top: 20px;
}
/*********联系我们*****/
.sub_lianxi{ line-height:30px; width:100%;}

/*********营业执照公示*****/
.footer_yyzz{ cursor: pointer;}
.yyzz_layer{ display: none;}
.layui-layer{ width: 500px!important; border: 15px solid #fff; border-radius: 5px!important;}
.layui-layer img{ width: 100%;}
.layui-layer-content{ height: auto!important; overflow: hidden!important;}

/*************分屏显示***********/
@media screen and (max-width:1200px) and (min-width:1000px){
	.xv_row{
		width:85%;
	}
	header{ width:100%; padding:0 20px; box-sizing:border-box;}
	.head .logo{float:left; }
    .head .logo>img{ width:70%;vertical-align:top;}
	.meun-phone{ display:none;}
	.meun{ width:77%;padding:0; transition:all 0.3s ease-in-out 2s; float: right;}
	.meun>ul>li{width:13%; text-align:center;}
	
	.meun>ul>li>a{width:100%; line-height:100px; font-size: 14px;}
	.meun>ul>li>a:hover, .meun>ul>li>a.cur{ }	
	.dropdown-content{ display:none;position:absolute;background-color:rgba(34,34,34,.8); top:105px; width: 100%; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9;}
    .dropdown-content>li{ float:left;}
    .dropdown-content>li>a{padding: 0 32px; font-size: 16px;color:#fff;line-height: 55px;}
    .dropdown-content>li>a:hover{ background-color: #000;}
	.leibie ul li span b{font-size: 18px; padding-top:50%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);}
	
	}
	/*********以上是1200-1000px*********/
@media (max-width:1001px) and (min-width:760px){	
	.in_newleft,.xv_row,.head{ width:100%;}
	header{ width:100%; padding:20px; position: relative; box-sizing:border-box;background: rgba(255,255,255,.8);}
	.head .logo>img{ width:70%;vertical-align:top;}
    .head .logo{float:left; padding-top: 10px;}
	.meun-phone{ display:block;}
	.leibie{ position:absolute; bottom:0;z-index:10; padding:10px;background-color:rgba(0,0,0,0.5);}
	.meun{ width:100%;display:none; padding:0; transition:all 0.3s ease-in-out 2s;}
	.meun>ul>li{width:100%; text-align:center; background-color:#fff; border-bottom:#ACACAC solid 1px;}
	.meun>ul>li>a{width:100%; line-height:40px}
	.dropdown-content{ display:none;position:absolute;background-color:rgba(34,34,34,.8); top:125px;min-width:660px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9;}
    .dropdown-content>li{ float:left;}
    .dropdown-content>li>a{padding: 0 32px; font-size: 16px;color:#fff;line-height: 55px;}
    .dropdown-content>li>a:hover{ background-color: #000; display: none;}
	.leibie ul li span b{font-size: 14px; padding-top:50%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%)}
	.in_newrgt{
	width: 100%;
	float: right;
	padding:0 10px;	
}
.show_new img{
	width:100%;
	}
	.in_newleft ul li .lft01 em{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6); color: #c6c6c6; padding: 10px 20px;}
    .in_newleft ul li .lft01 em strong{ font-size: 16px;}
    .in_newleft ul li:frist-child() { border-bottom: #eee solid 1px;}
	.hz_cont ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.hz_cont li{
	display: inline-block;
	width: 32%;
	margin: 1% 5px;
}
.hezuo_top a{
	border: #eee solid 1px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	float: right;
	margin-top: 40px;
	color: #eee;
	margin-right:5px;
}
    .bt_top{
   width: 200px;
	height: 180px;
	background: url(../images/hezuo_bg.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 20%;
	text-align: center;
	color: #fff;
	padding-right: 14px;
	overflow: hidden;
	background-size:100% 100%;
}
	.sub_banner{
	width: 100%;
	height: 110px;
	background: url(../images/list_banner.jpg) no-repeat top center;
	color: #fff;
	position: relative;
	background-size: 100% 100%;
}
	.sub_new,.sub_lianxi{
	width: 100%;	
	margin: 20px 20px 0 20px;	
}
.sub_product ul li{
	display: inline-block;
	width: 31.333%;
	margin: 1% 1%;
	position: relative;
	overflow: hidden;
}
.show_new img{
	width:100%;
	height:auto;
	}
	}
/*********以上是1001-760px*********/
@media (max-width:761px) and (min-width:480px){
	.xv_contaiter{margin-top:30px;}
	.sub_bann_nr{ bottom:45px;}
    .in_newleft,.xv_row,.head{ width:100%;}
	.xv_row{ padding-bottom:80px;}
	header{ width:100%; padding:20px; position: relative; box-sizing:border-box;background: rgba(255,255,255,.8);}
	.head .logo>img{ width:70%;vertical-align:top;}
    .head .logo{float:left; padding-top:0;}
	.meun-phone{ display:block;padding:21px 15px; height: 48px;}
	.swipe #pagenavi{position:absolute;bottom:6%; padding:0 10px;padding-top:5px; left:0; right:0; margin:0 auto;text-align:center;}
	.meun{ width:100%;display:none; padding:0; transition:all 0.3s ease-in-out 2s;}
	.meun>ul>li{width:100%; text-align:center; background-color:#fff; border-bottom:#ACACAC solid 1px;}
	.leibie{ position: relative;z-index:10; padding:5px 0; display: block; background-color:rgba(255,255,255,1);}
	
    .leibie ul li{ width:33.33%; height: 100%;display:table; border: #fff solid 1px;box-sizing: border-box;-moz-box-sizing:border-box;}
    .leibie ul li img,.leibie ul li span{width:100%;}
    .leibie ul li span{ position:absolute; left:0; text-align:center;background:rgba(0,0,0,0.5); display:block;top:0; transition:width 2s,background 2s; -webkit-transition:width 2s,background 2s;display:table-cell;vertical-align: middle; overflow: hidden;}
    .leibie ul li span b{ display:block; height: 100%; font-size: 14px; font-weight: normal; padding-top:50%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%)}
    .leibie ul li  a{ color:#fff;}
    .leibie ul li span:hover{ background:rgba(0,0,0,0);}
	.meun>ul>li>a{width:100%; line-height:40px}
	.leibie ul li:first-child,.leibie ul li:nth-child(2){ width:50%;}

	.dropdown-content{ display: none;background-color:#f9f9f9; width:100%;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}
    .dropdown-content>ul>li{ }
    .dropdown-content>li>a{ width:100%;display:none;border-bottom:#fff solid 1px;}
    .dropdown:hover .dropdown-content{display:none;}
	.in_newrgt{width: 100%;float: right;padding:0 10px;}
	.in_newleft ul li:nth-child(1){ border-bottom: #eee solid 1px; float: left;}
	.in_newleft ul li .rgt01{ padding: 16px 20px;}
	.in_newleft ul li .rgt01 h2{ font-size: 16px;}
	.in_newleft ul li .rgt01 p{-webkit-line-clamp:2;line-clamp:2;}
	.in_newleft ul li .rgt01 em{ display: none;}
	
	
	.hz_cont ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
	}
	.hz_cont li{
	display: inline-block;
	width: 32%;
	margin: 1% 2px;
}
	.hezuo_top a{
	border: #eee solid 1px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	float: right;
	margin-top: 40px;
	color: #eee;
	margin-right:5px;
}
.bt_top h2{
	font-size:16px;
}
.bt_top h3{
	padding-top: 38px;
	text-transform: uppercase;
	font-size:14px;
}
.bt_top{
   width: 160px;
	height: 150px;
	background: url(../images/hezuo_bg.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 20%;
	text-align: center;
	color: #fff;
	padding-right: 14px;
	overflow: hidden;
	background-size:100% 100%;
}	
.lianxiz{	height:auto;}
.xv_lxin{
	width:100%;	
	display: block;
	position: relative;
	display:flex;
	-webkit-display:flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.xv_lxin dl{	
	width:100%;
	padding: 15px;
	border-right: none;
	border-bottom: #333 solid 1px;
	}
.xv_lxin dl:last-child{border-bottom:none;}	
	
.xv_lxi{width:100%;}
.bottm{display:none;}
.sub_banner{
	width: 100%;
	height: 110px;
	background: url(../images/list_banner.jpg) no-repeat top center;
	color: #fff;
	position: relative;
	background-size: 100% 100%;
}  

.page{position: relative; height:40px;margin:40px auto;}
.page a{ padding:7px 15px;background:#E9E9E9;font-size:14px; margin-left: 2px; line-height:22px; float: left; text-align:center; color:#7D7D7D;}
.page a:hover{background:#b21b29; color:#fff;}
.page span{background:#b21b29; color:#FFF;}
.page a.page_bg{background:#b21b29; color:#FFF;}

/**********新闻*********/
.sub_new,.sub_lianxi{
	width: 96%;	
	margin: 20px 20px 0 20px;
}
    .sub_new_top,.sub_product_top{margin-top:20px;}
	.sub_new_top ul,.sub_product_top ul {display:flex;display:-webkit-flex;}
	.sub_new_top ul li{ width:32.7%; padding: 0; line-height: 35px;}
	.sub_new_top span,.sub_product_top span{ display: none;}
	
    .sub_product_top ul li{ width:19.7%; padding: 0; line-height: 35px;}
	.sub_product_top ul li a{padding:0; font-size:14px;}
	
	
	.sub_new ul li .rgt01 p{	
	-webkit-line-clamp:2;
		padding: 5px 0;
		margin: 0;	
}
/**********产品*********/
 .sub_product{ padding-top:25px;}
 .sub_product ul li{
	display: inline-block;
	width: 31.333%;
	margin: 1% 1%;
	position: relative;
	overflow: hidden;
}
.sub_product ul li span a{line-height: 45px;}
.mob_hzuo{ display:none;}
/************合作伙伴*********/
	.sub_hezuo ul li{
	display: inline-block;
	width: 31%;
	margin: 1% 1%;
	position: relative;
	overflow: hidden;
}
.footer{display:block;}
.show_new img{
	width:100%;
	height:auto;
	}
	.wenz{line-height:40px; padding:20px;}
	.footer_yyzz{ display: none;}
	
	}
	
	/*********以上是761-480px*********/
@media (max-width:481px) and (min-width:320px){
	.footer_yyzz{ display: none;}
	.xv_contaiter{margin-top:30px;}
    .in_newleft,.xv_row,.head{ width:100%;}
	.xv_row{ margin-top:0; padding-bottom:80px;}
	header{ width:100%; padding:20px; position: relative; box-sizing:border-box;background: rgba(255,255,255,.8);}
	.head .logo>img{ width:70%;vertical-align:top;}
    .head .logo{float:left; padding-top:0;}
	.meun-phone{ display:block;padding:21px 15px; height: 48px;}
	.swipe #pagenavi{position:absolute;bottom:6%; padding:0 10px;padding-top:5px; left:0; right:0; margin:0 auto;text-align:center;}
	.meun{ width:100%;display:none; padding:0; transition:all 0.3s ease-in-out 2s;}
	.meun>ul>li{width:100%; text-align:center; background-color:#fff; border-bottom:#ACACAC solid 1px;}
	.leibie{ position: relative;z-index:10; padding:5px 0; display: block; background-color:rgba(255,255,255,1);}
	
    .leibie ul li{ width:33.33%; height: 100%;display:table; border: #fff solid 1px;box-sizing: border-box;-moz-box-sizing:border-box;}
    .leibie ul li img,.leibie ul li span{width:100%;}
    .leibie ul li span{ position:absolute; left:0; text-align:center;background:rgba(0,0,0,0.5); display:block;top:0; transition:width 2s,background 2s; -webkit-transition:width 2s,background 2s;display:table-cell;vertical-align: middle; overflow: hidden;}
    .leibie ul li span b{ display:block; height: 100%; font-size: 14px; font-weight: normal; padding-top:50%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%)}
    .leibie ul li  a{ color:#fff;}
    .leibie ul li span:hover{ background:rgba(0,0,0,0);}
	.meun>ul>li>a{width:100%; line-height:40px}
	.leibie ul li:first-child,.leibie ul li:nth-child(2){ width:50%;}
    .new_top ul li{ width:32.7%; text-align:center; padding:0;}
	.new_top span{ padding:0 1px;}
	.dropdown-content{ display: none;background-color:#f9f9f9; width:100%;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}
    .dropdown-content>ul>li{ }
    .dropdown-content>li>a{ width:100%;display:block;border-bottom:#fff solid 1px;}
    .dropdown:hover .dropdown-content{display:none;}
	.in_newrgt{width: 100%;float: right;padding:0 10px;}
	.in_newleft ul li:nth-child(1){ border-bottom: #eee solid 1px; float: left;}
	.in_newleft ul li .rgt01{ padding: 16px 20px;}
	.in_newleft ul li .rgt01 h2{ font-size: 16px;}
	.in_newleft ul li .rgt01 p{-webkit-line-clamp:2;line-clamp:2; height:42px; margin-top:2px;}
	.in_newleft ul li .rgt01 em{ display: none;}
	.in_newleft ul li:nth-child(3) .rgt01{ padding:16px 20px;}
	.in_newleft ul li .rgt01 h2 a{ height:25px;}
	
	.hz_cont ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	
	}
	.hz_cont li{
	display: inline-block;
	width: 32%;
	margin: 1% 2px;
}
	.hezuo_top a{
	border: #eee solid 1px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	float: right;
	margin-top: 40px;
	color: #eee;
	margin-right:5px;
}
.bt_top h2{
	font-size:16px;
}
.bt_top h3{
	padding-top: 38px;
	text-transform: uppercase;
	font-size:14px;
}
.bt_top{
   width: 160px;
	height: 150px;
	background: url(../images/hezuo_bg.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 20%;
	text-align: center;
	color: #fff;
	padding-right: 14px;
	overflow: hidden;
	background-size:100% 100%;
}	
.lianxiz{
	height:auto;
	
	}
	
.xv_lxin{
	width:100%;	
	display: block;
	position: relative;
	display:flex;
	-webkit-display:flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.xv_lxin dl{	
	width:100%;
	padding: 15px;
	border-right: none;
	border-bottom: #333 solid 1px;
	}
.xv_lxin dl:last-child{
	border-bottom:none;
}	
	
.xv_lxi{
	width:100%;
	}
.bottm{
	display:none;
	}
	.sub_banner{
	width: 100%;
	height: 110px;
	background: url(../images/list_banner.jpg) no-repeat top center;
	color: #fff;
	position: relative;
	background-size: 100% 100%;
}
	.sub_new,.sub_lianxi{
	width: 96%;	
	margin: 10px 7px 0 7px;
	
}
	.sub_new ul li .rgt01 p{	
	-webkit-line-clamp:2;
		padding: 5px 0;
		margin: 0;	
}
.sub_new ul li .lft01{
	width: 100%;	
	position: relative;
}


/*.sub_new ul li:nth-child(3) .lft01 em{ position: absolute;bottom: auto; left: auto; top: 0; right: 0; background-color: rgba(0,0,0,0.6); color: #c6c6c6; padding: 10px 20px;}
.sub_new ul li:nth-child(3) .lft01 em strong{ font-size: 16px;}*/

.sub_new ul li .rgt01{
	width: 100%;
	padding: 0;
	padding-top:15px;
}	
.sub_new ul li .rgt01 em{ width: 100%;text-align:center;text-align: -webkit-center;text-align:-moz-center; padding-top: 5px; display: block;}
.sub_new ul li .rgt01 em a{ width: 80px; float: left;border: #eee solid 1px; position: relative; left: 45%; margin-left: -40px; padding: 0 15px; line-height: 35px; display: block;color: #757575;}
.sub_new ul li .rgt01 em a:hover{ background-color:#b21b29; color:#fff;}

.page{position: relative; height:30px;margin:40px auto;}
.page a{ padding:4px 10px;background:#E9E9E9;font-size:12px; margin-left: 2px; line-height:22px; float: left; text-align:center; color:#7D7D7D;}
.page a:hover{background:#b21b29; color:#fff;}
.page span{background:#b21b29; color:#FFF;}
.page a.page_bg{background:#b21b29; color:#FFF;}
.sub_new_top,.sub_product_top{margin-top:20px;}
.sub_new_top ul,.sub_product_top ul {display:flex;display:-webkit-flex;}
.sub_product_top ul li{ width:19.7%; padding: 0; line-height: 35px;}
.sub_product_top ul li a{padding:0; font-size:14px;}
	
.sub_new_top span,.sub_product_top span{ display: none;}	 
.sub_new_top ul li{ width:32.7%; padding: 0; line-height: 35px;}
.sub_new_top ul li a{ padding: 0 16px; }

.sub_product ul li{
	  display: inline-block;
	  width: 48%;
	  margin: 1% 1%;
      position: relative;
	  overflow: hidden;
}
.sub_product{ padding-top:25px;}
.sub_product ul li span a{line-height: 35px;}
.new_top ul {display:flex;display:-webkit-flex;}
.mob_hzuo{ display:none;}
#ifocus_btn img { width:65px; height:40px; margin:5px 0 0 5px; }
	/************合作伙伴*********/
	.sub_hezuo ul li{
	display: inline-block;
	width: 31%;
	margin: 1% 1%;
	position: relative;
	overflow: hidden;
}
.footer{display:block;}
.show_new img{
	width:100%;
	height:auto;
	}
.wenz{line-height:40px; padding:10px 20px; }
.sub_job{ margin-top:20px;}
	}