.fl-left{float:left;}
.fl-right{float:right;}
#navpart{ padding:20px 0; display: none;}
#navpart>.wap{ display:block; height:40px; line-height:40px; background:#D80106; box-shadow:0 2px 2px rgba(0,0,0,.1) inset;}
#navpart>.wap>.tit{ font-size:14px; color:#fff; padding:0 5%;}
#navpart>.wap>.btn{ width:50px; height:40px; border-left:1px solid rgba(0,0,0,.1);}
#navpart>.wap>.btn img{ height:21px; display: block; margin: 4px auto 0px;}
#navpart>.wap>.A{ background:#777;}
#navpart>ul{ display:none;}
#navpart>ul>li{list-style-type:none; width:100% !important; height:40px; line-height:40px; padding:0 5%; float:none!important; text-align:left; background:#777; border-right:0 !important; border-left:0 !important; border-bottom: 1px solid #262626; border-top: 1px solid #9e9e9e;}
#navpart>ul>li:first-of-type{ border-top:0 !important;}
#navpart>ul>li>a{font-size:14px; display: block; color:#fff; background:url("../images/navpart-arrow-next.png") no-repeat; background-position:100% 50%;}
#navpart>ul>li.A{ background-color:#777!important;}
#navpart>ul>li.A:after{ opacity:0 !important;}


em { font-style: normal;}
.PartTitle{position: relative; font-size: 24px; font-weight: normal height: 60px; line-height: 60px; border-bottom: 1px solid #ccc;}
.PartTitle a{float:right; font-size: 12px; font-weight: normal; color:#D80106}

.main{width:100%; margin: 5px auto 40px;}
.aboutcontent{width:100%; margin:0px auto; padding:0px 0px; background:#fff;}
.aboutcontent p{line-height:25px; font-size:14px; padding:10px 0px;line-height:40px; color:#666;}
.aboutcontent p img{max-width:100%;}
.aboutcontent td{width:50%;}
.aboutcontent td img{max-width:100%;}

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 479px) {
	.aboutcontent td{width:100%;}
	.aboutcontent td img{display:none;}
	.aboutcontent p{line-height:30px; padding:0px;}
}

.sidebar {float:left; width:250px; margin-top:20px;}
.sidebar h3 {background:#D80106;color:#FFF;float:left;font-weight:normal;font-size:18px;line-height:50px;width:250px;height:50px;}
.ml20{margin-left: 20px;}
.sidebar .txtlist { border:#EEE 1px solid; border-top:none; color:#666; float:left; width:248px;}
.sidebar .txtlist ul {float:left; padding:0 0px 10px 0px;}
.sidebar .txtlist ul li {list-style-type:none;border-bottom:#EFEFEF 1px solid;float:left;width:228px;line-height:42px;font-size:14px;padding:0px 10px;}
.sidebar .txtlist ul li a{color:#666;}
.sidebar .txtlist ul li a:hover{color:#D80106;}
.sidebar .txtlist ul li a.active {color:#D80106;}

.prolist{width:860px; float:right;}

.product{padding: 0px;}
.productborder {width:100%; float:left; padding:10px 0px;}
.productborder a{ display:block; width:99%; margin:auto; text-align:center; background-color:#fff; position:relative; z-index: 11; text-decoration: none; color:#666;}
.productborder .img{width:90%;overflow:hidden; margin:5%;}
.productborder .tit{height:30px; padding-bottom: 5px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:90%; margin:0 auto;}
.productborder .img img{width:100%; display: block}
.productborder::before {top:-2px;left:-2px;}
.productborder::after{right:-2px;bottom:-2px;}
.productborder::before,.productborder::after { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left:0; }
.productborder::before { border-top: 1px solid #D80106; border-bottom: 1px solid #D80106; transform: scale(0, 1); -webkit-transform: scale(0,1); }
.productborder::after { border-left: 1px solid #D80106; border-right: 1px solid #D80106; transform: scale(1, 0); -webkit-transform: scale(1,0); }
.productborder::before,.productborder::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
.productborder:hover::before,.productborder:hover::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.productborder:hover .tit{color:#D80106;}

.move{-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s;opacity:0;transform:translateY(60px);-ms-transform:translateY(60px);-moz-transform:translateY(60px);-webkit-transform:translateY(60px);-o-transform:translateY(60px);}
.moveUp{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);}

@media(max-width:992px){
	.sidebar{display: none;}
	#navpart{display: block;}
	.prolist{width:100%;}
	.product{width:33.3333333%; float:left;}
}
@media(max-width:768px){
	.product{width:50%;}
}
@media(max-width:480px){
	.product{width:50%;}
}





.productscontent{width:1000px ; margin:0 auto;}
.productscontent li{list-style-type:none;}
#products .pd_top{width: 100%;height: 500px;}
#products .pd_top .pd_imgs{float: left;width:500px;height: 100%;}
/*#products #slider{width:500px;height: 500px;overflow: hidden;}
#products #slider .product_img{width: 500x;height: 500px;}
#products .bx-wrapper {border:0px;box-shadow:0 0 0 #fff;}
#products .bx-wrapper{width: 500px;margin:0 auto;}
#products .bx-wrapper .bx-prev{top:45%;left: -0px;background: url(../images/left.jpg) no-repeat;background-size: 41px 41px;width: 41px;height: 41px;}
#products .bx-wrapper .bx-next{top:45%;right: -0px;background: url(../images/right.jpg) no-repeat;background-size: 41px 41px;width: 41px;height: 41px;}
#products .bx-wrapper .bx-pager{bottom: -25px;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#004a93;}*/

#products .pd_top .pd_right{float: right;width: 450px;height: 100%;}
#products .pd_top .pd_right .pd_title{width: 100%; height:35px;line-height: 35px; font-size:24px;color:#D90000; overflow:hidden;margin:15px 0px 15px;}
#products .pd_top .pd_right .pd_description{width: 100%;height:435px ;overflow: hidden;}
#products .pd_top .pd_right .pd_description .tag{color: #D90000;font-size: 18px;font-weight: normal;}
#products .pd_top .pd_right .pd_description .tag a{color: #D90000;}
#products .pd_top .pd_right .pd_description .pd_content{color: #666;font-size: 16px;line-height: 2.1;letter-spacing: 0.5px;margin-top: 15px;}
#products .pd_top .pd_right .pd_description .pd_content li {line-height:50px; height:50px;}
#products .pd_top .pd_right .pd_description .pd_content li b {font-size: 14px;color: #FF6600;}

.hn_probanner_bgcolor{ width: 94%;margin: 0 auto;background: white;position:relative;}
.hn_probanner_bgcolor .showbox{overflow: hidden; width: 100%;text-align: center;vertical-align: middle;height:100%;}
.hn_probanner_bgcolor .showbox ul{line-height: 0;position: relative; display: block;white-space: nowrap;height:100%;font-size:0px;}
.hn_probanner_bgcolor .showbox ul li{display:inline-block;width:100%;background:#fff;height:100%;position:relative;}
.hn_probanner_bgcolor .showbox ul li .cont{display:inline-block;width:100%;color:white;}
.hn_probanner_bgcolor .showbox ul li h2{font-size: 1.4rem;line-height: 1.1em;height:1.1em;overflow:hidden;width:80%;margin:30px auto 10px;white-space:normal;}
.hn_probanner_bgcolor .showbox ul li h1{font-size: 2.8rem;line-height: 1.1em;height:1.1em;overflow:hidden;width:80%;margin:0 auto 15px;white-space:normal;}
.hn_probanner_bgcolor .showbox ul li h3{font-size: 1.2rem;line-height: 1.1em;height:1.1em;max-height:3.2rem;overflow:hidden;opacity:.6;width:90%;margin:0 auto;width:80%;margin:0 auto;white-space:normal;}
.hn_probanner_bgcolor .showbox ul li img{margin-top:20px;width:90%;height:auto;margin-bottom:40px;}
.hn_probanner_bgcolor .btn_l{position:absolute;left:0%;top:50%;margin-top:2rem;padding:28px 8px;}
.hn_probanner_bgcolor .btn_r{position:absolute;right:0%;top:50%;margin-top:2rem;padding:28px 8px;}
/* .ico_25{display: inline-block; width:25px;height:25px;vertical-align: middle;background: url(../images/hn_ico72.png) no-repeat;background-size: 200% auto;line-height:2.5rem;vertical-align:middle}
.ico_25.i_left{background-position:0 65%}
.ico_25.i_right{background-position:0 70%;} 
.ico_25{display: inline-block; width:25px;height:25px;vertical-align: middle;background-size: 200% auto;line-height:2.5rem;vertical-align:middle}
.i_left{background: url(../images/left.jpg) no-repeat; background-size:100% 100%;  }
.i_right{background: url(../images/right.jpg) no-repeat; background-size:100% 100%; }*/

.js_indexprobanner2_nav{width:100%;display:block;position:absolute;bottom:5%;font-size:0;text-align:center}
.js_indexprobanner2_nav span{display:inline-block;width:20px;height:5px;background:#c6cacb;margin:0 2px;}
.js_indexprobanner2_nav span.swiper-active-switch{background:#D90000;}


.cbanner{width:100%;}
.cbanner img{max-width:100%;}

#products .biaoqian{width: 100%;margin:0px 0 30px 0;}
.biaoqian .bqt{display: block;width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #d7d7d7;}
.biaoqian .bqt li{float: left;width: 150px;height: 100%;padding:0 20px;font-size: 18px;letter-spacing: 1px;text-align: center;overflow: hidden;border-top: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;}
.biaoqian .bqt li:last-child{border-right: 1px solid #d7d7d7;}
.biaoqian .bqt .cur{background: #D90000;color:#fff;}
.biaoqian .bqt li:hover{background: #D90000;color:#fff;}

.biaoqian .bqc{width: 100%;padding: 40px 0 40px}
.biaoqian .bqc li{display: none; line-height: 30px;}
.biaoqian .mqc{display:none;}


@media(max-width:768px){
	.productscontent{width:96%;}
	#products .pd_top{height:auto;}
	#products .pd_top .pd_imgs{width:100%; float:none;}
	.hn_probanner_bgcolor .showbox ul li img{width:auto; max-width:90%;}
	#products .pd_top .pd_right{float:none; margin:0 auto; height:auto;}
	#products .pd_top .pd_right .pd_description{height:auto;}
	.biaoqian .bqt li{width:80px; font-size:16px; padding:0 10px}
	.biaoqian .bqc img{max-width:100%;}
	.biaoqian .bqc{padding:20px 0px 0px;}
}
@media(max-width:480px){
.productscontent{width:96%;}
	.productscontent .PartTitle{font-size:16px;}
	#products .pd_top{height:auto;}
	#products .pd_top .pd_imgs{width:100%; float:none;}
	.hn_probanner_bgcolor .showbox ul li img{width:auto; max-width:90%;}
	#products .pd_top .pd_right{float:none; margin:0 auto; height:auto; width:100%;}
	#products .pd_top .pd_right .pd_title{height:auto; overflow:normal; font-size:16px}
	#products .pd_top .pd_right .pd_description .tag{font-size:14px;}
	#products .pd_top .pd_right .pd_description .pd_content li{line-height:30px; height:auto; font-size:14px;}
	#products .pd_top .pd_right .pd_description{height:auto;}
	.biaoqian .bqt,.biaoqian .bqc{display:none;}
	.biaoqian .mqc{display:block;}
	.biaoqian .mqc  li{line-height:30px;}
	.biaoqian .mqc  li img{max-width:100%;}
	.biaoqian .mqc .cur {background: #D90000; color:#fff; padding:5px 10px; margin:5px 0px; font-size:14px;}
	.biaoqian .mqc  table,.biaoqian .mqc  table tr,.biaoqian .mqc  table td{padding:0px; margin:0px; word-break: break-all;}
}


.honorlist{width:100%;}
.honorlist .img{border:1px solid #ccc; border-radius: 10px;}



.newsnr {
	width: 100%;
	margin: 20px auto;
	padding: 0px 0px 50px;
	font-size: 14px;
	line-height: 26px;
	color: #666;
}
.newsnr h1 {
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
	color: #222;
	margin: 0px;
	font-size: 22px;
}
.newsnr .hist {
	color: #999;
	padding-top: 20px;
	font-size: 13px;
	font-style: italic;
}
.newsnr .xwnewsnr {
	font-size: 14px;
	line-height: 26px;
	padding-top: 28px;
	word-wrap: break-word;
	word-break: normal;
}
#news li {
	clear: both;
	margin-bottom: 40px;
	height: 160px;
	list-style:none
}
#news li a {
	display: block;
	width: 100%;
	height: 100%;
}
#news li a p.img {
	width: 220px;
	height: 160px;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 0 10px 0 10px;
	background: url(images/news_img_bg.png) no-repeat center center;
}
#news li a p.img .img {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	border-radius: 0 10px 0 10px;
}
#news li a p.img .bg {
	position: absolute;
	right: -220px;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.4);
	z-index: 2;
	border-radius: 0 0 0 10px;
	transition: all ease 0.35s;
}
#news li a p.img .zoom {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	z-index: 3;
	transition: all 0.5s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#news li a .con {
	width: 890px;
	height: 159px;
	float: right;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
}
#news li a .ntit {
	display: block;
	font-size: 16px;
	color: #333;
	padding: 10px 0 20px 0;
	transition: all 0.35s;
}
#news li a .txt {
	display: block;
	font-size: 13px;
	line-height: 180%;
	color: #999;
}
#news li a .click {
	font-size: 12px;
	display: block;
	padding-top: 20px;
	color: #BBB;
}
#news li a .click img {
	margin: -2px 0 0 8px;
}
#news li a:hover .tit, #news li a:active .tit {
	color: #D82633;
}
#news li a:hover p.img .bg, #news li a:active p.img .bg {
	right: 0;
}
#news li a:hover p.img .zoom, #news li a:active p.img .zoom {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}
#newsback {
	display: inline-block;
	background: #FFF;
	padding: 10px 20px;
	font-size: 13px;
	float: right;
	margin: 2px;
	border-radius: 5px;
	transition: all ease 0.35s;
}
#newsback:hover, #newsback:active {
	color: #D82633;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.08);
}

@media(max-width:1200px){
	#news li a .con{width:700px;}
}
@media(max-width:992px){
	#news li a .con{width:480px;}
	#news li a .txt{max-height: 50px;}
}
@media(max-width:480px){
	.mainny .newsnr{padding-top: 0px;}
	#news li a p.img{display: none;}
	#news li a .con{width:100%;}
	#news li{height: auto;}
	#news li a .con{height:auto;}
	#news li a .txt{max-height: 160px;}
	.newsnr{padding-bottom:10px;}
	.newsnr h1{font-size: 16px;}
}
.newsmore {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px; margin-top:20px;}
.newsmore span {height:30px; line-height:30px; display:block; color:#888;}
.newsmore a {height:30px; line-height:30px; display:block; color:#a0a0a0;}
.newsmore a:hover {color:#ff7700;}

















.pagination {
	float:left;
	text-align:center;
	width:100%;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 16px/28px "å¾®è½¯é›…é»‘", Tahoma, "å®‹ä½“";
	*display:inline;
	:1;
	*zoom:1;}
.page span {
	background:#D80106;
	border:1px solid #D80106;
	color:#fff;
	float:left;
	font: 16px/24px "å¾®è½¯é›…é»‘", Tahoma, "å®‹ä½“";
	height:32px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
.page a,
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px "å¾®è½¯é›…é»‘", Tahoma, "å®‹ä½“";
	height:32px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
.page a:hover {
	border:1px solid #D80106;
	color:#D80106;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px "微软雅黑";
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#D80106;
	border:1px solid #D80106;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}
