.header{

	display: block;

	width: 100%;

	height: 128px;

}



.header .header-t{

	display: block;

	width: 100%;

	height: 36px;

	line-height: 36px;

	color: #5b5b5b;

	background-color: #ebebeb;

}



.container{

	display: block;

	width: 1100px;

	margin: 0 auto;

}



.header .header-t a{

	color: #5b5b5b;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.header .header-t a:hover{

	color: #ca0201;

}



.header .header-t span{

	padding: 0 3px;

}



.header-body{

	display: block;

	height: 73px;

	padding-top: 24px;

}



.header-body .logo{

	display: block;

	float: left;

	width: 480px;

	height: 48px;

	background: url(../imgs/logo.png) no-repeat center;

}



.header-body .phone{

	display: block;

	height: 30px;

	line-height: 30px;

	float: right;

	padding-left: 40px;

	font-size: 24px;

	color: #ca0201;

	margin-top: 10px;

	background: #fff url(../imgs/phone.png) no-repeat left center;

}



.nav{

	display: block;

	height: 58px;

	background: #ca0201 url(../imgs/nav-bg.png) repeat-x;

}



.nav li{

	position: relative;

	display: block;

	float: left;

	line-height: 58px;

	padding-right: 2px;

	background: url(../imgs/nav-line.png) no-repeat right center;

}



.nav li:last-child{

	background: none;

}



.nav li>a{

	display: block;

	padding: 0 41px;

	height: 58px;

	font-size: 18px;

	color: #fff;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.nav li:hover>a,.nav li.active>a{

	background-color: #b30403;

}



.nav li dl{

	position: absolute;

	display: none;

	width: 100%;

	background-color: #b30403;

	background-color: rgba(179,4,3,0.8);

	z-index: 20;

}



.nav li dl dd{

	height: 48px;

	line-height: 48px;

	text-align: center;

	font-size: 16px;

	border-bottom: 1px solid #f3b6b6;

}



.nav li dl dd:last-child{

	border-bottom: none;

}



.nav li dl dd a{

	display: block;

	color: #fff;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.nav li dl dd a:hover{

	background-color: #b30403;

}



.banner{

	display: block;

	position: relative;

	width: 100%;

	height: 508px;

	max-width: 1440px;

	margin: 0 auto;

	overflow: hidden;

}



.banner ul{

	display: block;

}



.banner ul li{

	display: block;

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height: 508px;

	z-index: -1;

	opacity: 0;

	filter:alpha(opacity=0);

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.banner ul li.on{

	opacity: 1;

	filter:alpha(opacity=100);

	z-index: 10;

}



.banner ul li a{

	display: block;

	width: 100%;

	height: 508px;

}



.banner ol{

	display: block;

	position: absolute;

	bottom: 20px;

	width: 100%;

	text-align: center;

	z-index: 50;

}



.banner ol li{

	display: inline-block;

	width: 13px;

	height: 13px;

	border: 2px solid #b71e23;

	border-radius: 50%;

	margin: 0 6px;

	cursor: pointer;

	transition: 1s;

	-o-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-webkit-transition: 1s;

}



.banner ol li.active{

	background-color: #b71e23;

}



.btn{

	display: block;

	position: absolute;

	width: 30px;

	height: 50px;

	background-color: #000;

	background-color:rgba(0,0,0,0.4);

	top:50%;

	margin-top: -25px;

	text-align: center;

	line-height: 50px;

	color: #fff;

	font-size: 30px;

	font-family: "Simsun";

	z-index: 50;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.btn:hover{

	background-color:rgba(0,0,0,0.6);

}



.prev{

	left:0;

	border-radius: 0 4px 4px 0;

}



.next{

	right:0;

	border-radius: 4px 0px 0px 4px;

}



.unified-header{

	display: block;

	height: 81px;

	padding-top: 34px;

}



.unified-header.about-header{

	background: url(../imgs/about-tit.png) no-repeat center bottom;

}



.about-body{

	display: block;

	margin-top: 38px;

}



.about-body .text{

	display: block;

	width: 576px;

	float: left;

}



.about-body .text .profile{

	display: block;

}



.about-body .text .profile h3{

	display: block;

	line-height: 1;

	font-size: 16px;

	color: #333;

	font-weight: normal;

}



.about-body .text .profile .line{

	display: block;

	width: 126px;

	height: 2px;

	background-color: #ca0201;

	margin-top: 10px;

}



.about-body .text .profile p{

	display: block;

	line-height: 22px;

	color: #666;

	margin-top: 18px;

}



.more{

	display: block;

	width: 106px;

	height: 42px;

	text-align: center;

	line-height: 42px;

	color: #fff;

	background-color: #cf1c1b;

	margin-top: 18px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.more:hover{

	background-color: #b70706;

}



.about-body .text .other-colum{

	display: block;

	height: 102px;

	border: 1px dashed #ccc;

	border-width: 1px 0 1px 0;

	margin-top: 25px;

	overflow: hidden;

}



.about-body .text .other-colum ul{

	display: block;

	margin: 0 -16px;

}



.about-body .text .other-colum li{

	display: block;

	float: left;

	width: 170px;

	margin: 0 16px;

	text-align: center;

}



.about-body .text .other-colum li h3{

	display: block;

	line-height: 1;

	margin-top: 23px;

	color: #333;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.about-body .text .other-colum li a:hover h3{

	color: #ca0201;

}



.about-body .text .other-colum li .line{

	display:block;

	width: 30px;

	height: 2px;

	margin: 16px auto 14px;

	background-color: #ca0201;

}



.about-body .text .other-colum li p{

	display: block;

	line-height: 1;

	color: #666;

	font-size: 13px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.about-body .text .other-colum li a:hover p{

	color: #ca0201;

}



.about-body .pic{

	display: block;

	width: 448px;

	height: 390px;

	float: right;

	overflow: hidden;

}



.about-body .pic li{

	position: relative;

	display: block;

	float: left;

	width: 80px;

	overflow: hidden;

	transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

}



.about-body .pic li.on{

	width: 287px;

}



.about-body .pic li img{

	display: block;

	width: 287px;

	height: 390px;

}



.about-body .pic li .bg{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: 0.6;

	filter:alpha(opacity=60);

	z-index: 2;

	top:0;

	left:0;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.about-body .pic li.on .bg{

	opacity: 0;

	filter:alpha(opacity=0);

}



.about-body .pic li p{

	position: absolute;

	display: block;

	width: 30px;

	text-align: center;

	color: #fff;

	font-size: 24px;

	font-weight: bold;

	z-index: 5;

	top:140px;

	left:50%;

	margin-left: -15px;

	opacity: 1;

	filter:alpha(opacity=100);

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.about-body .pic li.on p{

	opacity: 0;

	filter:alpha(opacity=0);

}



.unified-header.product-header{

	background: url(../imgs/product-tit.png) no-repeat center bottom;

}



.product-type{

	display: block;

	width: 100%;

	height: 46px;

	background: #f1f1f1 url(../imgs/type-bg.png) repeat-x;

	margin-top: 40px;

	text-align: center;

	font-size: 0;

}



.product-type li{

	display: inline-block;

	width: 119px;

	padding-right: 1px;

	text-align: center;

	line-height: 46px;

	cursor: pointer;

	background:url(../imgs/type-line.png) no-repeat right center;

	font-size: 14px;

}



.product-type li a{

	color: #333;

	display: block;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.product-type li:last-child{

	background: none;

}



.product-type li.active a{

	display: block;

	background-color: #d22b2a;

	color: #fff;

}



.product-body{

	display: block;

	margin-top: 40px;

}



.product-group{

	display: none;

	position: relative;

	overflow: hidden;

}



.product-group.on{

	display: block;

}



.product-group .btn{

	margin-top: 0;

	top: 92px;

}



.product-group ul{

	display: block;

	width: 9999px;

}



.product-group ul li{

	display: block;

	width: 233px;

	float: left;

	margin-right: 56px;

}



.product-group ul li img{

	display: block;

	width: 229px;

	height: 229px;

	padding: 1px;

	border: 1px solid #ddd;

}



.product-group ul li p{

	display: block;

	text-align: center;

	color: #666;

	margin-top: 13px;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.product-group ul li:hover p{

	color: #cf1c1b;

}



.unified-header.case-header{

	background: url(../imgs/case-tit.png) no-repeat center bottom;

}



.case-body{

	display: block;

	margin-top: 30px;

	overflow: hidden;

}



.case-body .news{

	display: block;

	width: 291px;

	float: left;

}



.case-body .news h3{

	display: block;

	line-height: 1;

	font-size: 32px;

	color: #333;

	font-weight: normal;

}



.case-body .news ul{

	display: block;

	margin-top: 17px;

}



.case-body .news ul li {

	display: block;

	height: 43px;

	line-height: 43px;

	border-bottom: 1px dashed #ccc;

}



.case-body .news ul li .l{

	color: #333;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.case-body .news ul li .r{

	color: #333;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.case-body .news ul li:hover span{

	color: #ca0201;

}



.case-body .news .more{

	margin-top: 36px;

}



.case-box{

	display: block;

	width: 760px;

	float: right;

}



.case-box ul{

	display: block;

	overflow: hidden;

}



.case-box li{

	position: relative;

	display: block;

	width: 178px;

	float: left;

	margin-right: 16px;

}



.case-box li:last-child{

	margin-right: 0;

}



.case-box li .text-bg{

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: 0;

	filter:alpha(opacity=0);

	top:0;

	left:0;

	z-index: 3;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.case-box li:hover .text-bg{

	opacity: 0.6;

	filter:alpha(opacity=60);

}



.case-box li .text{

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	opacity: 0;

	filter:alpha(opacity=0);

	top:0;

	left:0;

	z-index: 5;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.case-box li:hover .text{

	opacity: 1;

	filter:alpha(opacity=100);

}



.case-box li .text h3{

	display: block;

	font-size: 32px;

	font-weight: normal;

	color: #fff;

	padding-top: 94px;

	line-height: 1;

	margin: 0 14px;

}



.case-box li .text p{

	display: block;

	line-height: 24px;

	color: #fff;

	margin: 0 14px;

	margin-top: 18px;

}



.case-box a{

	margin: 36px auto 0;

}



.link{

	display: block;

	width: 100%;

	height: 64px;

	border-top: 1px solid #ccc;

	margin-top: 40px;

	line-height: 64px;

}



.link h3{

	display: block;

	width: 164px;

	float: left;

	border-right:1px solid #ccc;

	padding-left: 42px;

	font-size: 18px;

	color: #666;

	background: url(../imgs/link.png) no-repeat left center;

}



.link h3 span{

	font-weight: normal;

}



.link ul{

	display: block;

	overflow: hidden;

}



.link ul li{

	display: block;

	float: left;

	margin-left: 34px;

}



.link ul li a{

	color: #999;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.link ul li a:hover{

	color: #ca0201;

}



.footer{

	display: block;

	width: 100%;

	background-color: #333;

}



.footer-body{

	display: block;

	height: 242px;

	padding-top: 33px;

}



.footer-body .mune{

	display: block;

	float: left;

	width: 591px;

}



.footer-body .mune ul{

	display: block;

	float: left;

	margin-right: 59px;

}



.footer-body .mune ul li{

	display: block;

	line-height: 26px;

	color: #fff;

	font-size: 13px;

}



.footer-body .mune ul li.tit{ 

    display: block;	

	line-height: 1;

	margin-bottom: 14px;

	font-size: 14px;

	}

	

.footer-body .mune ul li.tit a{

	color: #fff;

}



.footer-body .mune ul li a{

	color: #ccc;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.footer-body .mune ul li a:hover{

	color: #fff;

}



.contact-way{

	display: block;

	float: right;

	width: 458px;

	height: 212px;

	padding-left: 50px;

	border-left: 1px dashed #ccc;

}



.contact-way p{

	display: block;

	line-height: 28px;

	color: #ccc;

	margin-top: -8px;

}



.contact-way .ewm{

	display: block;

	margin-top: 16px;

	overflow: hidden;

}



.contact-way .ewm .l{

	display: block;

	width: 100px;

	float: left;

}



.contact-way .ewm .l span{

	display: block;

	width: 29px;

	height: 29px;

	float: left;

	background-color: #ccc;

	border-radius: 50%;

	margin-right: 18px;

	cursor: pointer;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.contact-way .ewm .l span:last-child{

	margin-right: 0;

}



.contact-way .ewm .l .wb{

	background:#ccc url(../imgs/wb.png) no-repeat center;

}



.contact-way .ewm .l .wx{

	background:#ccc url(../imgs/wx.png) no-repeat center;

}



.contact-way .ewm .l span.active{

	background-color: #fff;

}



.ewm-pic{

	display: none;

	float: left;

	width: 119px;

	height: 119px;

}



.ewm-pic.on{

	display: block;

}



.ewm-pic img{

	display: block;

	width: 119px;

	height: 119px;

}



.footer .info{

	display: block;

	width: 100%;

	height: 43px;

	line-height: 43px;

	color: #fff;

	text-align: center;

	font-size: 13px;

	background-color: #242424;

}



.footer .info p a{ color:#dcdcdc;}

.footer .info p a:hover{ color:#ffffff;}



.footer .info .container{

	position: relative;	

}



.go-top{

	display: block;

	position: absolute;

	width: 49px;

	height: 43px;

	background: #ca0201 url(../imgs/go-top.png) no-repeat center;

	right:0;

	top:0;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.go-top:hover{

	background-color: #b80302;

}





/*二级页*/



.banner-inside{

	display: block;

	width: 100%;

	height: 350px;

}



.banner-inside.banner-about{

	background: url(../imgs/banner-about.jpg) no-repeat center;

}



.main{

	display: block;

}



.main-l{

	display: block;

	width: 244px;

	float: left;

	position: relative;

	top:-60px;

	z-index: 10;

}



.subnav{

	display: block;

}



.subnav-header{

	display: block;

	width: 228px;

	height: 279px;

	background-color: #ca0201;

	line-height: 43px;

	padding-left: 15px;

}



.subnav-header p{

	display: block;

	padding-top: 90px;

	font-size: 30px;

	color: #fff;

}



.subnav-header h3{

	font-size: 30px;

	color: #fff;

	font-weight: normal;

}



.subnav-body{

	display: block;

	margin-top: 23px;

}



.subnav-body li{

	display: block;

	width: 244px;

	height: 64px;

	text-align: center;

	line-height: 64px;

	font-size: 16px;

	margin-bottom: 11px;

	background-color: #eee;

}



.subnav-body li a{

	display: block;

	color: #8a8a8a;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.subnav-body li.active a,.subnav-body li a:hover{

	background-color: #ca0201;

	color: #fff;

}



.contact-box{

	display: block;

	margin-top: 65px;

}



.contact-box .online{

	display: block;

	height: 60px;

	line-height: 60px;

	padding-left: 100px;

	color: #fff;

	font-size: 16px;

	background: #333 url(../imgs/online.png) no-repeat 72px center;

}



.contact-box .tel{

	display: block;

	width: 244px;

	height: 103px;

	margin-top: 15px;

	background-color: #ca0201;

	color: #fff;

	overflow: hidden;

	text-align: center;

	font-size: 0;

}



.contact-box .tel p{

	display: block;

	height: 18px;

	line-height: 18px;

	font-size: 16px;

	padding-left: 26px;

	margin-top: 27px;

	background: url(../imgs/tel.png) no-repeat 75px center;

}



.contact-box .tel h3{

	display: block;

	font-size: 24px;

	font-weight: normal;

	margin-top: 3px;

}



.main-r{

	display: block;

	float: right;

	width: 800px;

}



.main-r .position{

	display: block;

	margin-top: 20px;

	height: 46px;

	border-bottom: 1px solid #c9c9c9;

	line-height: 46px;

	color: #484848;

}



.main-r .position a{

	color: #484848;

}



.main-r .position a:hover{

	color: #ca0201;

}



.main-r .position span{

	font-family: "Simsun";

	padding: 0 3px;	

}



.about-us{

	display: block;

	margin-top: 20px;

	line-height: 34px;

	color: #484848;

}



.about-us p{

	margin-bottom: 1em;

}



.about-us img{

	display: block;

	max-width: 100%;

	margin-bottom: 1em;

}



.banner-inside.banner-product{

	background: url(../imgs/banner-product.jpg) no-repeat center;

}



.product-center{

	display: block;

	margin-top: 30px;

	overflow: hidden;

	clear: both;

}



.product-center ul{

	display: block;

	margin: 0 -26px;	

}



.product-center li{

	display: block;

	float: left;

	width: 232px;

	margin: 0 26px 30px 26px;

	*margin: 0 17px 30px 17px;

}

.product-center li img{

	display: block;

	width: 205px;

	height: 203px;

	padding: 12px;

	border: 1px solid #d2d2d2;

}



.product-center li p{

	display: block;

	margin-top: 20px;

	color: #474544;

	text-align: center;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.product-center li:hover p{

	color: #ca0201;

}







.banner-inside.banner-news{

	display: block;

	background: url(../imgs/banner-news.jpg) no-repeat center;

}



.news-center{

	display: block;

	overflow: hidden;

	margin-top: 20px;

}



.news-center li{

	display: block;

	height: 50px;

	line-height: 50px;

	border-bottom: 1px dashed #d8d8d8;

}



.news-center li span{

	display: block;

	transition: 0.3s;

	-o-transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

}



.news-center li .l{

	color: #737373;

}



.news-center li .r{

	color: #767676;

}



.news-center li  a:hover span{

	color: #ca0201;

}



.artical-header{

	display: block;

	border-bottom: 1px solid #d3d3d3;

	padding: 30px 0 20px 0;

}



.artical-header h3{

	display: block;

	line-height: 1;

	text-align: center;

	color: #111111;

	font-size: 18px;

	font-weight: normal;

}



.artical-header .info{

	display: block;

	margin-top: 16px;

	font-size: 13px;

	color: #666;

	line-height: 1;

	text-align: center;

}



.artical-header .info span{

	display: inline-block;

	padding: 0px 5px;

}



.artical-body{

	display: block;

	clear: both;

	line-height:1.8;

	color: #777;

	padding-top: 40px;

}



.artical-body  img{

	max-width: 100%;

	margin-bottom: 1em;

}



.artical-body p{

	display: block;

	margin-bottom: 1em;

}



.artical-body img{

	max-width: 100%;

	height: auto;

}



.artical-footer{

	display: block;

	overflow: hidden;

	margin: 24px 0 0 0;

	border-top: 1px solid #d3d3d3;

}



.choose-artical{

	display: block;

	float: left;

	width: 600px;

	font-size: 13px;

	margin-top: 30px;

}



.choose-artical a{

	display: inline-block;

	clear: both;

	line-height: 28px;

	color: #717171;

	transition: 0.3s;

	-ms-transition: 0.3s;

	-moz-transition: 0.3s;

	-webkit-transition: 0.3s;

	-ms-transition: 0.3s;

}



.choose-artical a:hover{

	color: #ca0201;

}



.share{

	display: block;

	float: right;

	margin-top: 48px;

}



.khml{ overflow:hidden;}

.khml li{ float:left; width:180px; height:36px; border:1px solid #dcdcdc;border-radius:5px; line-height:36px; text-align:center; color:#444444; margin:14px 0 0 14px;}





.pagenation{ overflow:hidden; text-align:right;line-height:24px; padding:20px 0 20px 0; *margin-top: 20px; }



.pagenation .a1{ font-size:14px;padding:7px 12px;color:#686868;border-radius:5px;}



.pagenation a{ font-size:14px;padding:7px 12px;color:#686868;background-color:#e9e9e9;border-radius:5px;margin:0 4px;}



.pagenation span{ font-size:14px;padding:7px 12px;color:#ffffff; background-color:#ca0201;border-radius:5px; margin:0 4px;}



.pagenation a:hover{color:#fff;background:#ca0201;}