/* CSS Document */
body{background:#fff; font-family: '微软雅黑', sans-serif;}
body a {transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
ul,li{    list-style: none;
    list-style-type: none;}
 body {margin: 0px; padding: 0px; font-family:"Microsoft YaHei"; background:#fff;}
body, td, th {font-family: "Microsoft YaHei"; font-size: 14px; color: #666;}
a {font-family: "Microsoft YaHei"; color: #666; text-decoration: none; }
a:hover {color: #00549c;text-decoration: none; }
div, dl, dt, dd, ul, ol, li, form,p,h1,h2,h3 {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}
.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}

.container{width:1200px;margin:0 auto;}
.container:before,.container:after{content:"";display:table;}
/*===============top=================*/
.header .logo{float:left;}
.header .search{float:right; margin-top: 17px;}
.header .search .search_words {float: left;width: 190px; height: 32px;border: none;background: #fff;padding: 0px 16px;font-size: 14px;color: #939393;border-left: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.header .search .btn {
	width: 48px;
	height: 34px;
	border: none;
	background: #ce102c;
	cursor: pointer;
	background: url(../images/search.png) no-repeat center center #ce102c;
}

.nav{background-color: #ce102c; height: 40px;}
.nav ul li{border-right: solid #fff 1px;width: 149px;text-align: center;line-height: 40px;color:#fff;font-size: 16px;letter-spacing: 2px;float: left;}
.nav ul li:last-child{border-right: solid #fff 0px;}
.nav ul li:hover{background-color:#e62d3c; letter-spacing: 4px; transition: width 2s;
-moz-transition: width 2s;	/* Firefox 4 */
-webkit-transition: width 2s;	/* Safari 和 Chrome */
-o-transition: width 2s;	/* Opera */}
.nav ul li a{color:#fff;}
#head{display: none}

.swiper-container {width: 100%; height: 100%; position:relative; z-index: 1;}
.swiper-container img{width:100%;}
.swiper-container2{margin: 10px 0px}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1200px) {
	.container{width:992px;}
	.nav ul li{width:122px;}
}
@media screen and (max-width:1024px) {
	.container{width:740px;}
	.nav ul li{width:90px;}
}
@media screen and (max-width: 768px) {
	.container{width:auto; padding: 0px 10px;}
	.header,.nav{display: none;}

	/*====================
			header
	=====================*/
	#head{display:block;width:100%; height:48px; background:#ce102c; box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3); position:fixed; z-index:999; top:0; border-top:1px solid #0169ad;}
	#logo{text-align:center; margin-top:1px; padding-top:5px;}
	#logo img{margin-left:-5px;}
	#topM{text-align:right; position:absolute; top:13px; right:12px;}
	#topMC{position:absolute; top:48px; right:10px; width:0px; height:0px; background:#ce102c; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.35); overflow:hidden;}
	#topMenu li{display:block; border-bottom:1px solid #f00;}
	#topMenu li a{display:block; padding-top:10px; padding-bottom:10px; padding-left:15px;}
	#topMenu li a img{margin-right:8px; margin-top:-2px;}
	#topMenu li a span{color:#FFF; font-size:14px;}

	.swiper-container{margin-top:48px;}
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 479px) {

}

/*============indexpro===========*/
.indexpro{text-align: center;padding-bottom: 15px;}
.indexpro ul li{background-color:#e60013;width: 166px;height: 200px;margin: 10px 17px 0px 17px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 20px;color: #fff;float: left;}
.indexpro ul li a{color:#fff;}
.indexpro ul li img{margin-top: 5px;}
.indexpro ul li:hover{background-color:#e62d3c;width: 180px;margin: 10px 10px 0px 10px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.indextit{text-align: center;font-size: 18px;padding: 10px;font-weight: bold;}
.indexpro ul li p{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

#demo{width:98%; overflow:hidden; margin:0 auto; margin-top:5px; padding-bottom: 30px;}
#indemo {float:left;width:8000%;}
#demo1,#demo2{float:left;display:inline-table;}
		/*#demo1 li,#demo2 li{float:left; text-align:center; margin:5px}
		#demo1 li a.atext,#demo2 li a.atext{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:8px;}
		#demo1 li img,#demo2 li img{display:block;padding:0px; width:100%;}
		#demo a,.sub_product li a{color:#666;}*/

@media screen and (max-width: 1200px) {
	.indexpro ul li{width:296px;}
	.indexpro ul li:hover{width:310px;}
}
@media screen and (max-width: 1024px) {
	.indexpro ul li{width:212px;}
	.indexpro ul li:hover{width:226px;}
}
@media screen and (max-width: 768px) {
	.indexpro ul li{margin:0px; height: auto; border-radius: 0px; background-color:#fff;}
	.indexpro ul li a{display: block; margin: 5px 5px 0px 5px; padding: 5px 5px 5px 5px; color:#ccc; background: #e62d3c}
	.indexpro ul li a img{max-width: 100%; max-height: 100%; height: auto;}
	.indexpro ul li:hover{width:33.3333%;margin:0px; height: auto; border-radius: 0px; background-color:#fff;}
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 479px) {
	/*.indexpro ul li{width:50%;}*/
	.indexpro ul li:hover{width:50%;}
}



.indexabout{background:url(../images/ab-b.jpg);}
.indexabout-box{padding-top: 40px;}
.indexabout-l{width: 455px;float: left; padding-bottom: 10px}
.indexabout-r{width: 700px;float: right;text-align: center;}
.indexabout-r h2{font-size: 20px; font-weight: normal;}
.indexabout-info{width:100%;float: right; text-align:left;text-indent: 2em;font-size: 14px;padding-top: 20px;line-height: 40px;}

@media screen and (max-width: 1200px) {
	.indexabout-r{width:530px;}
}
@media screen and (max-width: 1024px) {
	.indexabout{background:url(../images/ab-b.jpg);}
	.indexabout-box{padding-top: 10px;}
	.indexabout-l{float:none; margin: 0 auto;}
	.indexabout-r{float:none; width:100%;}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 479px) {
	.indexabout-l{width:100%;}
	.indexabout-l img{max-width:100%;}
}



.indexnews-box{padding-top: 10px;}
.indexnews-box-l{float: left; width:580px;}
.indexnews-box ul li{margin-bottom: 5px;}
.new-img{width: 146px;float: left;}
.new-txt{width: 400px;float: left;margin-left: 20px;height:65px;border-bottom: dashed 1px #999999}
.new-date{font-size: 14px;color: #999;}
.new-t1{color: #333;font-size: 16px;line-height: 40px;}
.indexnews-box-l ul li:hover .new-t1 a{font-size: 18px;color: #ff0000;}
.new-t2{}
.indexnews-box-r{float: right; width:563px;}
.indexnews-box-r img{max-width:75%;}

@media screen and (max-width: 1200px) {
	.indexnews-box-l{width:550px;}
	.indexnews-box-r{width:432px;}
	.new-txt{width:360px;}
}
@media screen and (max-width: 1024px) {
	.indexnews-box-l{width:100%;}
	.indexnews-box-r{width:563px; margin: 0 auto; float:none;}
	.new-txt{width:560px;}
}
@media screen and (max-width: 768px) {
	.indexnews-box-l{width:100%;}
	.indexnews-box-r{width:100%; margin: 0 auto; float:none;}
	.new-img{width:25%;}
	.new-img img{max-width: 100%;}
	.new-txt{width:72%; margin-left: 3%}
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 479px) {
	.new-t2{display: none}
}

.foot{background-color: #363636;height: 170px;}	

.foot-box{width: 1200px;margin: 0 auto;}
.foot-l{line-height: 40px;padding-top: 20px;color: #fff;letter-spacing: 2px;width: 800px;float: left;font-size: 14px;}
.foot-l a{color:#fff;}
.foot-r{padding-top: 10px;float: right;}

.foot-b{text-align: center;color:#fff;font-size: 14px;}
@media screen and (max-width: 1024px) {
	.foot-l{width:600px;}
}
@media screen and (max-width: 768px) {
		.foot{height:auto;}
		.foot-l{width:100%; text-align: center;}
		.foot-r{float: none;}
		.foot-r img{display: block; margin: 0 auto;}
		.foot-b{padding-top: 5px; padding-bottom:10px;}
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 479px) {
	.foot-l,.new-t2{display: none}
}

.hzabout{width:1200px; margin:0 auto;}
#hzdemo{width:100%; overflow:hidden; margin:0 auto; margin-top:5px; padding-bottom: 30px;}
#hzindemo {float:left;width:8000%;}
#hzdemo1,#hzdemo2{float:left;display:inline-table;}
/*#hzdemo1 li,#hzdemo2 li{float:left; text-align:center; margin:5px}
		#hzdemo1 li a.atext,#hzdemo2 li a.atext{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:8px;}
		#hzdemo1 li img,#hzdemo2 li img{display:block;padding:0px; width:100%;}
		#hzdemo a,.sub_product li a{color:#666;}*/
.hzabout li{float:left; width:280px; margin:0 10px;}



.nr-nav{background-color: #EEEEEE; width: 100%; height: 50px;  display: block;}
.nr-nav a{line-height: 50px; color: #FFF; font-size: 18px; background-color: #ce102c; padding: 0px 30px; height: 50px; text-decoration: none; display: inline-block;}
.nr-nav span{line-height: 50px; color: #FFF; font-size: 18px; background-color: #ce102c;display: inline-block;}

.nrnav{height: 40px; line-height: 40px; color:#001a71; font-size:16px;}
.nrnav a{text-decoration: none; background-color: #EEEEEE; color:#001a71; padding: 0px 0px; font-size:16px;}

.nr-about{font-size: 14px; line-height: 30px; color: #666; padding-top: 30px; padding-bottom: 30px;}
.nr-about img{max-width: 100%; margin:0 auto; display: block;}

.nr-contact{font-size: 14px; line-height: 30px; color: #666; padding-top: 30px; padding-bottom: 30px;}
.nr-contact img{max-width:100%；margin:0 auto; display: block;}

.nr-product{font-size: 14px; padding-top: 30px; padding-bottom: 30px; width:960px; float:right;}
.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;}
.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 #ce102c; border-bottom: 1px solid #ce102c; transform: scale(0, 1); -webkit-transform: scale(0,1); }
.productborder::after { border-left: 1px solid #ce102c; border-right: 1px solid #ce102c; 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:#001a71;}

.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);}
.product{width:25%; float:left;}
@media(max-width:992px){
	.product{width:33.3333333%; float:left;}
	.nr-product{width:100%;}
}
@media(max-width:768px){
	.product{width:50%;}
}
@media(max-width:480px){
	.product{width:50%;}
}

.nr-product .tit-wz{ clear: both; line-height: 50px; text-align: center; font-size: 24px; font-weight: 700; color: #333;}
.nr-product .tit-wz span{width:100%; height: 1px; background-color: #999; display: block; margin:10px 0px 20px;}
.nr-product .content{font-size: 14px; line-height: 30px; color: #666;}
.nr-product .content img{max-width: 100%; margin:0 auto; display: block;}

.produclistfh {width:100%; height:50px; line-height:50px; background:#ce102c; font-size:18px; text-align:center; margin-top:50px; margin-bottom: 50px;}
.produclistfh a { color:#FFF}


.tjcpleft1 {width: 217px;float: left;background: #F6F6F6; margin-top: 20px; margin-bottom: 20px;}
.tjcpleft1 .sider { float:left; width:217px;}
.tjcpleft1 .sider .sidertit { width:217px; height:86px; background:url(../images/protit.jpg) no-repeat; background-color: #ce102c; color:#FFF; text-indent:40px; font-size:24px; font-weight:bold; line-height:86px; }
.tjcpleft1 .sider .sidername {width:213px;  border-left:#e60012 2px solid;border-right:#e60012 2px solid; border-bottom:#e60012 2px solid; background:#FFF}
.tjcpleft1 .sider .sidername>ul{ padding-bottom:10px;}
.tjcpleft1 .sider .sidername>ul>li { margin:0 auto; width:200px;min-height:36px; line-height:36px;  }
.tjcpleft1 .sider .sidername>ul>li>a{display: block;height: 36px;;background:url(../images/bd.jpg) no-repeat 20px center; text-indent:40px; border-bottom:#ccc 1px dashed;overflow: hidden;}
.tjcpleft1 .sider .sidername>ul>li  a.actt {color: #ce102c; font-weight:bold; }
.tjcpleft1 .sider .sidername>ul>li>ul{display: none;}
.tjcpleft1 .sider .sidername>ul>li>ul>li{ padding: 0px;margin: 0px;border-bottom: #e3e3e3 1px solid;}
.tjcpleft1 .sider .sidername>ul>li>ul>li>a{display: block;background:url(../images/xddd.jpg) no-repeat 25px center; text-indent:35px; }

@media(max-width:992px){
	.product{width:33.3333333%; float:left;}
}
@media(max-width:768px){
	.product{width:50%;}
}
@media(max-width:480px){
	.tjcpleft1{width:100%;}
	.tjcpleft1 .sider{width:100%;}
	.tjcpleft1 .sider .sidertit { width:100%; }
	.tjcpleft1 .sider .sidername {width:100%; box-sizing:border-box;}
	.tjcpleft1 .sider .sidername>ul>li {width:96%;}
}







.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;
}
.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: 880px;
	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;
	max-height: 50px;
    overflow: hidden;
}
#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;}
}

.newsnr .newspage{
	padding-top: 15px;
	padding-bottom: 15px;

}
.newsnr .newspage span{
	border-bottom: 0px solid #949494;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newsnr .newspage .span1{
	float: left;
	max-width: 332px;
}
.newsnr .newspage .span2{
	float: right;
	max-width: 291px;
}
.newsnr .newspage span a{
	color: #666;
	font-size: 14px;
	font-family: "微软雅黑";
	text-decoration: none;
}
@media(max-width:480px){
	.newsnr .newspage .span1{float:none;}
	.newsnr .newspage .span2{float:none;}
}


.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;
text-align: center;}
.page span {
	background:#ce102c;
	border:1px solid #CCC;
	color:#fff;
	float:left;
	font: 16px/24px "微软雅黑", Tahoma, "宋体";
	height:24px;
	line-height: 24px;
	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:24px;
	line-height: 24px;
	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 #ce102c;
	color:#1958B9;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px "微软雅黑", Tahoma, "宋体";
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#1958B9;
	border:1px solid #1958B9;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}

.mainhonrlist{margin:40px 0px;}
.mainhonrlist .honor{width:25%; float:left;}
@media(max-width:768px){
.mainhonrlist{margin:15px 0px;}
.mainhonrlist .honor{width:33.3333%; float:left;}
}
@media(max-width:480px){
.mainhonrlist{margin:10px 0px;}
.mainhonrlist .honor{width:50%; float:left;}
}