@charset "utf-8";
body{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	font-family:'Source Han Sans CN', 'PingFang SC','Arial', 'Microsoft YaHei','微软雅黑',SimSun,Heiti,sans-serif;
	background-color:#f8f8f8;
	width:100%;
	height:auto
}
footer div{text-align: center;}
footer img{max-width:112px;height:auto;margin:0 auto;}
a{
	color:#000;
	text-decoration:none;
	font-family:'Source Han Sans CN', 'PingFang SC','Arial', 'Microsoft YaHei','微软雅黑',SimSun,Heiti,sans-serif;
	font-size:12px;
	outline:0
}

a:hover{
	color:#d11128;
	text-decoration:none
}

.clear{
	clear:both;
	height:0;
	overflow:hidden
}

.fl{
	float:left
}

.fr{
	float:right
}

.mi{
	margin:0 auto
}

.f12{
	font-size:12px
}

.f14{
	font-size:14px
}

.h05{
	height:5px
}

.h10{
	height:10px
}

.h15{
	height:15px
}

.h20{
	height:15px
}

.l10{
	margin-left:10px
}

.r10{
	margin-right:10px
}

.t10{
	margin-top:10px
}

.b10{
	margin-bottom:10px
}

.l15{
	margin-top:15px
}

.r15{
	margin-left:15px
}

.t15{
	margin-left:15px
}

.b15{
	margin-bottom:15px
}

.l20{
	margin-top:20px
}

.r20{
	margin-top:20px
}

.t20{
	margin-top:20px
}

.b20{
	margin-top:20px
}

.ov{
	overflow:hidden
}

#container{
	float:left;
	display:block;
	width:100%;
	height:auto;
	overflow-x:hidden
}

header{
	height:100px;
	background-color:#fff;
	font-size:16px;
	line-height:26px
}

header h1{
	height: 100%;
}

header h1 img{
	max-height:100%;
	max-width:100%;
}

header p{
	position:relative;
	margin-top:-100px;
	padding-right:10px;
	z-index:1
}

.co1{
	color:#000;
	width:98%;
	padding-right:2%;
	text-align:right;
	float:right;
	padding-top:10px
}

.co2{
	color:#535353
}

.tel{
	background:url(../images/tel.jpg) no-repeat left center;
	background-size:15%;
	padding-left:20px;
	font-size:18px;
	color:#ff8610;
}

.g-nav{
	width:100%;
	background-color:#666;
	height:70px;
	overflow:hidden;
	display:inline-table;
	background-image:-webkit-linear-gradient(top,#666,#666);
	background-image:-moz-linear-gradient(top,#666,#666);
	background-image:-o-linear-gradient(top,#666,#666);
	background-image:-ms-linear-gradient(top,#666,#666);
	background-image:linear-gradient(top,#666,#666)
}

.g-nav ul{
	float:left;
	display:block;
	width:98%;
	height:70px;
	padding:10px 1%
}

.g-nav li{
	float:left;
	display:block;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #666;
	background:url(../images/line.jpg) no-repeat right top;
	float:left;
	height:31px;
	line-height:31px;
	padding:2px 0;
	text-align:center;
	width:25%
}

.g-nav li:first-child{
	border-left:0 none
}

.g-nav li:nth-child(4n){
	background:0
}

.g-nav li:first-child,.g-nav li:nth-child(2),.g-nav li:nth-child(3),.g-nav li:nth-child(4){
	border-top:0
}

.g-nav li:nth-child(5n),.g-nav li:nth-child(6n),.g-nav li:nth-child(7n),.g-nav li:nth-child(8n){
	border-bottom:medium none
}

.g-nav li a{
	color:#fff;
	font-size:1.2em;
	height:31px;
	line-height:31px;
	width:90%;
	margin:0 auto;
	display:block
}

.g-nav li a:active,.g-nav li a:hover{
	background-color:#525252;
	border-radius:8px;
	color:#fff;
}

.g-nav li a:visited{
	background-color:none;
	color:#fff;
}

.searchi{
	padding:15px 5%;
}

.searchi ul{
	width:100%;
	background-image:-moz-linear-gradient(top,#f8f8f8,#fff);
	height:30px;
}

.searchi_a{
	color:#7d7d7d;
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:70%;
	height:26px;
	line-height:26px;
	padding-left:10%;
	border-radius:7px 0 0 7px;
	-moz-box-shadow:2px 2px 2px #c6c6c6 inset;
	-webkit-box-shadow:2px 2px 2px #c6c6c6 inset;
	box-shadow:2px 2px 2px #c6c6c6 inset;
	border:1px solid #c8c8c8;
	border-bottom:1px solid #ebebeb;
	border-left:0;
	border-right:0;
	background:url(../images/search_a.png) no-repeat 10px center;
	background-size:15px;
}

.searchi_s{
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:20%;
	height:28px;
	line-height:28px;
	text-align:center;
	background:0;
	background-image:-webkit-linear-gradient(left,#d11128,#ff9000);
	background-image:linear-gradient(left,#d11128,#ff9000);
	border-radius:0 10px 10px 0;
	color:#fff;
}

.g-adv{
	position:relative;
	margin:0 auto 0 auto;
	z-index:15;
}

.g-adv .m-box li{
	float:left;
	display:block;
	width:100%;
}

.g-adv .m-box li a img{
	width:100%;
}

.g-adv .m-cnt{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	height:4px;
}

.g-adv .m-cnt li{
	float:left;
	height:4px;
}

.g-adv .m-cnt li:nth-child(1){
	width:33%;
}

.g-adv .m-cnt li:nth-child(2){
	width:33%;
}

.g-adv .m-cnt li:nth-child(3){
	width:34%;
}

.box{
	width:100%;
	height:auto;
	display:block;
}

.box h2,#tags,#tagsa{
	height:35px;
	line-height:35px;
	overflow:hidden;
	background-color:#666;
	color:#fff;
	font-size:14px;
	padding:0 10px 0 0;
	font-weight:100;
}

.box h2 img{
	max-height:30px;
	margin:-3px 0 0 0;
}

.box h2 a,#tags label a,#tagsa label a{
	float:right;
	color:#fff;
	line-height:35px;
	font-size:12px;
	font-family:"宋体";
}

.tjcp,.cpfl,.gsys,.gywm{
	padding:10px 0;
	display:block;
	background:url(../images/titb.jpg) no-repeat 25px top;
	background-size:2%;
}

.box h2.position a{
	float:none;
	font-size:14px;
}

.cpfl li{
	float:left;
	width:45%;
	margin:0 2% 10px 2%;
	border:1px solid #c8c8c8;
	border-radius:5px 5px 5px 5px;
	background-image:-webkit-linear-gradient(top,#fff,#eee);
	background-image:linear-gradient(top,#fff,#eee)
}

.cpfl li a img{
	max-height:46%;
	margin:-2px 5px 0 10px
}

.cpfl li a{
	display:block;
	color:#000;
	height:43px;
	line-height:43px;
	overflow:hidden;
	font-size:14px
}

#footer{
	width:100%
}

.scroll_top{
	height:33px;
	margin-top:10px
}

.scroll_top a{
	width:100%;
	height:33px;
	display:block;
	text-align:center
}

.scroll_top a img{
	max-height:100%
}

.b-nav{
	margin:0 auto 0;
	padding:10px 5%;
	background-color:#666;
	color:#fff
}

.b-nav ul{
	display:block;
	text-align:center
}

.b-nav ul li{
	float:left;
	width:25%;
	display:block;
	text-align:center;
	background:url(../images/line2.jpg) no-repeat right top;
	margin:10px 0
}

.b-nav ul li a{
	color:#fff
}

.b-nav ul li:nth-child(4n){
	background:0
}

.copy,.code{
	padding:5px 10px 5px 10px;
	text-align:center;
	line-height:24px
}

.code{
	color:#cfcfcf
}

.code img{
	width:150px
}

.b-bor{
	background-color:#000;
	height:110px;
	z-index:-1;
	margin-top:-110px
}

.product_list{
	padding:15px
}

.product_list li{
	height:125px;
	overflow:hidden;
	overflow:hidden;
	padding:10px 15px;
	border-bottom:1px solid #d4d4d4;
	border-top:1px solid #fff;
	background-color:#fff
}

.product_list li:first-child{
	padding-top:0
}

.product_list li:first-child,.product_list li:nth-child(3),.product_list li:nth-child(5),.product_list li:nth-child(7),.product_list li:nth-child(9),.product_list li:nth-child(11),.product_list li:nth-child(13){
	border-top:0;
	background:0
}

.product_list li .di{
	float:left;
	display:inline;
	width:120px;
	height:120px;
	margin-right:15px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	border:1px solid #dedede;
	box-shadow:0 0 3px 1px #dedede
}

.product_list li .di img{
	width:120px;
	height:80px
}

.product_list li .ri{
	float:left;
	height:85px;
	overflow:hidden;
	display:inline;
	line-height:25px
}

.product_list li h3{
	font-size:14px;
	height:30px;
	line-height:30px;
	overflow:hidden
}

.product_list li p.c{
	font-weight:100;
	font-size:12px;
	color:#747474;
	line-height:18px;
	height:90px;
	overflow:hidden
}

#pagelist{
	text-align:center;
	padding:20px 0 10px;
	height:25px;
	line-height:25px
}

.pre,.nex{
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin:0 10px;
	background-color:#d11128;
	border-radius:5px 5px 5px 5px;
	color:#fff
}

.pre:hover,.nex:hover{
	color:#fff
}

.call{
	width:100%
}

.call a{
	display:block;
	margin:0 auto;
	width:94%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:17px;
	color:#fff;
	font-family:"arial";
	background-image: -webkit-linear-gradient(top,#d11128,#ff8610);
	background-image:linear-gradient(top,#d11128,#ff8610);
	border:1px solid #f8f8f8;
	border-radius:8px
}

.call a img{
	max-height:70%;
	margin-top:-2px
}

.social_nav4{
	height:55px;
	width:283px;
	position:fixed;
	bottom:0;
	left:-253px;
	z-index:999;
	overflow:hidden
}

.social_nav4 .social4{
	display:block;
	width:250px;
	height:55px;
	margin-right:18px;
	overflow:hidden;
	position:relative
}

.social_nav4 a{
	width:56px;
	height:55px;
	line-height:85px;
	font-size:13px;
	display:inline-block;
	font-size:12px;
	position:relative;
	z-index:11;
	text-align:center;
	color:#fff
}

.social_nav4 a.tel{
	width:55px;
	background:0;
	padding:0
}

.social_nav4 span{
	display:block;
	width:55px;
	height:25px;
	position:absolute;
	top:0;
	z-index:10
}

.social4{
	background:rgba(0,0,0,0.8)
}

.social4:before{
	content:'';
	height:1px;
	width:100%;
	background:#000;
	border-bottom:1px solid #4b4c57;
	position:absolute;
	top:0;
	left:0
}

.social4:after{
	content:'';
	height:1px;
	width:100%;
	background:#000;
	border-top:1px solid #4b4c57;
	position:absolute;
	bottom:0;
	left:0
}

.social4 b{
	width:1px;
	height:100%;
	background:#000;
	border-left:1px solid #4b4c57;
	position:absolute;
	top:0;
	right:0
}

.social_nav4 span.tel{
	left:16px;
	top:5px;
	height:30px;
	background-position:3px -49px;
	animation-name:telshow;
	animation-duration:1.0s;
	animation-timing-function:linear;
	animation-iteration-count:infinite
}

@keyframes telshow{
	0%{
		transform:rotate(0deg)
	}

	5%{
		transform:rotate(-13deg)
	}

	10%{
		transform:rotate(0deg)
	}

	15%{
		transform:rotate(-13deg)
	}

	20%{
		transform:rotate(0deg)
	}

	25%{
		transform:rotate(-13deg)
	}

	100%{
		transform:roate(0deg)
	}

}

@-webkit-keyframes telshow{
	0%{
		-webkit-transform:rotate(0deg)
	}

	5%{
		-webkit-transform:rotate(-13deg)
	}

	10%{
		-webkit-transform:rotate(0deg)
	}

	15%{
		-webkit-transform:rotate(-13deg)
	}

	20%{
		-webkit-transform:rotate(0deg)
	}

	25%{
		-webkit-transform:rotate(-13deg)
	}

	100%{
		-webkit-transform:roate(0deg)
	}

}

@-o-keyframes telshow{
	0%{
		-o-transform:rotate(0deg)
	}

	5%{
		-o-transform:rotate(-13deg)
	}

	10%{
		-o-transform:rotate(0deg)
	}

	15%{
		-o-transform:rotate(-13deg)
	}

	20%{
		-o-transform:rotate(0deg)
	}

	25%{
		-o-transform:rotate(-13deg)
	}

	100%{
		-o-transform:roate(0deg)
	}

}

.social_nav4 span.weichat{
	left:71px;
	top:7px;
	background-position:4px -150px;
	background-repeat:no-repeat
}

@keyframes xshow{
	0%{
		opacity:0
	}

	25%{
		opacity:1
	}

	50%{
		opacity:0
	}

	75%{
		opacity:1
	}

	100%{
		opacity:0
	}

}

@-o-keyframes xshow{
	0%{
		opacity:0
	}

	25%{
		opacity:1
	}

	50%{
		opacity:0
	}

	75%{
		opacity:1
	}

	100%{
		opacity:0
	}

}

@-webkit-keyframes xshow{
	0%{
		opacity:0
	}

	25%{
		opacity:1
	}

	50%{
		opacity:0
	}

	75%{
		opacity:1
	}

	100%{
		opacity:0
	}

}

.social_nav4 span.weibo{
	left:134px;
	top:7px;
	background-position:5px -357px;
	background-repeat:no-repeat;
	height:26px
}

.social_nav4 .line_1{
	z-index:10;
	display:inline-block;
	width:5px;
	height:4px;
	border:2px solid #ffb841;
	border-width:2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:9px;
	right:104px;
	animation-name:xshow2;
	animation-duration:5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite
}

.social_nav4 .line_2{
	z-index:10;
	display:inline-block;
	width:8px;
	height:6px;
	border:2px solid #ffb841;
	border-width:2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:6px;
	right:101px;
	animation-name:xshow;
	animation-duration:5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-name:xshow;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-o-animation-name:xshow;
	-o-animation-duration:5s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:infinite
}

@keyframes xshow2{
	0%{
		opacity:0
	}

	20%{
		opacity:1
	}

	40%{
		opacity:0
	}

	60%{
		opacity:1
	}

	80%{
		opacity:0
	}

	100%{
		opacity:0
	}

}

@-o-keyframes xshow2{
	0%{
		opacity:0
	}

	25%{
		opacity:1
	}

	50%{
		opacity:0
	}

	75%{
		opacity:1
	}

	100%{
		opacity:0
	}

}

@-webkit-keyframes xshow2{
	0%{
		opacity:0
	}

	25%{
		opacity:1
	}

	50%{
		opacity:0
	}

	75%{
		opacity:1
	}

	100%{
		opacity:0
	}

}

.social_nav4 span.home{
	background-position:8px -200px;
	background-repeat:no-repeat;
	left:193px;
	height:24px;
	width:36px;
	top:8px
}

.social_nav4 .btn2{
	display:block;
	width:34px;
	height:55px;
	position:absolute;
	right:0;
	background-position:0 -249px
}

.social_nav4 .btn{
	display:block;
	width:34px;
	height:55px;
	position:absolute;
	right:0;
	background-position:0 -786px;
	display:none
}

.header .tel_bt,.title .icon,.sytitbg .icon,.probox .content ul li,.probox .content ul li ul li,.navbg,.brand_advance .yscontent h2,.social_nav4 .btn,.social_nav4 .btn2,.social4 span,.brand_advance .yscontent .telbg{
	background-image:url(../images/SkinsBar4.png);
	background-repeat:no-repeat;
	background-size:32px 889px
}


/*常见问题*/
.faqBox{width: 100%; position: relative; overflow: hidden; margin-top: 10px;}
.faqBox h3{height: 25px; position: relative; line-height: 25px; border-top: 1px solid #ddd; color: #3d3d3d;
	font-size: 14px; cursor: pointer;  padding-left: 10px;}

.faqBox h3 .i-arrow{position: absolute; top:20px; right: 20px; width: 20px; height: 10px; background-position: -200px 0px;}
.faqBox h3.on .i-arrow {background-position: -220px 0px !important;}
.faqBox .con-w{padding-bottom: 20px;}
.faqBox h3 dt {float: left; width: 40px; display:inline;     font-weight: bold;}
.faqBox h3 dd {float: left; width: auto;    font-weight: bold;}
.faqBox .con-w{padding-bottom: 20px;}
.faqBox .con-w dl {padding-left:10px; font-size: 14px; line-height: 26px;}
.faqBox .con-w dt {float: left; width: 40px; display:inline;     font-weight: bold;}
.faqBox .con-w dd {float: left; width: auto;}
/*常见问题 end*/

.support_down_input{padding: 0 10px;}
.support_down_input .iSearchKey{width: 260px; height: 22px; padding: 2px 10px; line-height: 20px; font-size: 14px; background: #FAFAFA; 
	border: solid 1px #ccc; color: #666; float: left;}
.support_down_input .search_icon{width: 28px; height: 28px; float: left; border: 0; background: url(../images/search.jpg); 
	text-indent: -999px; cursor: pointer;}

	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.downBox li{border-bottom: 1px solid #ddd;}
.downBox a{width: inherit; height: 40px; position: relative; line-height: 40px; 
color: #666; font-size: 14px; text-indent: 10px; cursor: pointer; display: block;}
.downBox a span{margin-right: 10px;}
.downBox a .i-download {position: absolute;top: 14px; right: 10px; width: 24px; height: 24px; 
	background: url(../images/icon.png) no-repeat -90px -110px;}
.downBox a:hover{color: #d11128;}
.downBox a:hover .i-download{background-position: -120px -110px;}


.downBox .con-w{display:none;}
.downBox .con-w dl {padding-left:30px; font-size: 14px; line-height: 26px;padding-bottom: 20px;}
.downBox .con-w dt {float: left; width: 40px;}
.downBox .con-w dd {float: left; width: auto;}

/*荣誉资质*/
.award {overflow: hidden; }
.award .tab-hd {height: 36px;}
.award .tab-hd ul {width: inherit; height: 36px; border-bottom: 1px solid #e0e0e0;}
.award .tab-hd li{float: left; height: 35px;position: relative;background: #F5F5F5;color: #666;
	border: 1px solid #ddd;border-left: none; font-size: 14px;line-height: 35px;text-align: center;cursor: pointer;padding:0 10px; }
.award .tab-hd li.on{ border-color: #c23136!important; background: #c23136; color: #fff;}

.award_list{margin-top:25px; background:#fff;}
.award_list .item{width:180px; height: 220px; background: url(../images/honor01.jpg); margin-bottom: 20px;}
.award_list .item:hover{background: url(../images/honor02.jpg);}
.award_list .item.last{border-right:none; width:290px;}
.award_list .item a{display: inline-block; padding: 15px; text-align: center;}
.award_list .item a img{width: 150px; height: 150px; display: block; margin: 0 auto;}
.award_list .item a p{width:150px; height: 54px; font-size: 14px; color: #3d3d3d; overflow: hidden; margin: 15px 0 10px; line-height: 18px;}
.award_list .item a em{width: 33px; height: 8px; margin-top: 10px; background: url(../images/icon.png) no-repeat -120px 0; display: inline-block; }
.award_list .item a:hover em{background: url(../images/icon.png) no-repeat -160px 0;}
/*荣誉资质 end*/



.aboutBox .about_l{width: 100%;}
.aboutBox .about_l h3{font-size: 18px; font-weight: normal; padding-bottom: 25px;}
.aboutBox .about_l h3 a{color: #333;}
.aboutBox .about_l h3 a:hover{color: #d11128;}
.aboutBox .about_l p{line-height: 24px; color: #666; margin-bottom: 15px; font-size: 14px;}
.aboutBox .about_l .about_more{width: 80px; height: 26px; line-height: 26px; display: inline-block; background: #d11128; border-radius: 4px; 
	text-align: center; color: #fff; margin-top: 30px;}
.aboutBox .about_r{width:  100%;}

.focusBox {background: #fff; float: left; font-family: Arial; margin-bottom: 10px; overflow: hidden;
    position: relative; text-align: left; width:  99%; height:213px; border: 1px solid #e0e0e0;}
.focusBox .pic img {display: block;width: 99%; height: 213px;}
.focusBox .txt-bg {background: #333; bottom: 0; height: 30px; opacity: 0.4; overflow: hidden; position: absolute; width: 100%;z-index: 1;}
.focusBox .num {bottom: 8px; position: absolute; right: 8px; bottom: 5px; z-index: 3;}
.focusBox .num li {cursor: pointer; float: left; height: 20px; line-height: 20px; margin-right: 5px; overflow: hidden; 
	position: relative;text-align: center; width: 20px;}
.focusBox .num li a, .focusBox .num li span { color: white; display: block; height: 100%; left: 0; position: absolute; text-decoration: none; top: 0; width: 100%; z-index: 2;}
.focusBox .num li span {background: #000; opacity: 0.5;z-index: 1;}
.focusBox .num li.on a, .focusBox .num a:hover {background: #d11128;}




/*网站地图，显示方式样式，上边界根据需要进行调整*/

.site_plc {
	font-size: 14px;
	padding: 10px 0;
}

.sitemap_con h4 {
	padding-left: 10px;
	line-height: 40px;
}

.b4 {
	border: solid 1px #E0E0E0;
}

.b4 ul {
	padding: 10px 19px;
}

.b4 li {
	float: left;
	font-size: 13px;
	line-height: 30px;
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.b4 li a {
	color: #666;
}

.b4 li a:hover {
	color: #0074c0;
}