@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
body, a {font-family:Arial, Helvetica, sans-serif; }
a {	text-decoration:none;	color: #666666;	font-weight: normal;font-size:14px;}
a:hover {	color: #ea5504;}
body{font-family:"微软雅黑","宋体";}
a.font14a {	font-size: 14px;}
a.font16a {	font-size: 16px;}
.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}
ol, ul {list-style: none;}

.w1200 {width:1200px; margin:0 auto}
.header {width:100%;height:88px;border-bottom:1px solid; border-color:rgba(255,255,255,0.3);background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));z-index:9000;transition:all 0.3s}
.header .logo {display:block;width:200px;float:left;margin-top:10px;transition:all 0.3s}
.header .nav {float:left; margin-left:100px;margin-top:27px;transition:all 0.3s}
.header .nav li {float:left}
.header .nav li a {display:inline-block;padding:0 35px;height:35px;line-height:35px;color:#BEBEBE;font-size:14px;transition:all 0.3s}
.header .nav li a:hover {color:#dc0817}
.header .nav li a.cur {background:#dc0817;color:#fff}
.header .tel {float:right;height:35px;margin-top:35px;font-size:16px;color:#fff;padding-left:42px;font-family:Arial, Helvetica, sans-serif;
	transition:all 0.3s;background-image: url(icon_phone.png);background-repeat: no-repeat;line-height: 35px;}
.small_head {height:60px;background:#363540;transition:all 0.3s}
.small_head .logo {width:150px;margin-top:5px}
.small_head .nav {margin-top:14px}
.small_head .tel {margin-top:14px}
/*海报区域*/
.fullSlide {width:100%;position:relative;height:600px;background:#000;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;width:100%}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;	bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;	zoom:1;	width:16px;	height:2px;	margin:1px;
	overflow:hidden;	background:#dc0817;	color:#fff;	filter:alpha(opacity=50);	opacity:0.5;	line-height:16px;}
.fullSlide .hd ul .on {	background:#dc0817;	filter:alpha(opacity=100);	opacity:1;}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	height:60px;
	background:url(slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px;
}
/*海报区域*/
.lev1 {position:relative}
.search_top {position:absolute;width:100%;}
.search_top .form1 {width:100%;	height:5px;box-shadow:0 10px 20px #ccc;background-color: #dc0817;}
/*关于我们*/
.about_in {float:left;width:876px;margin-top:40px}
.about_in .r {width:505px}
.about_in .r .tt h2{font-size:37px; color:#505458; font-family:Arial, Helvetica, sans-serif}
.about_in .r .tt h2 span {font-weight:100; color:#dc0817}
.about_in .r .tt p {color:#999}
.about_in .r .txt {
	line-height:30px;
	font-size:14px;
	color:#505458;
	padding-top: 10px;
}
.about_in a.more_in {margin-top:30px}
a.more_in {
	width:160px;
	height:35px;
	border:1px solid #DBDBDB;
	line-height:35px;
	display:block;
	color:#898989;
	text-indent:50px;
	transition:all 0.3s;
	margin-top: 10px;
}
a.more_in i {font-size:15px;text-indent:-10px;transition:all 0.3s;opacity:0}
a.more_in:hover {text-indent:60px;background:#dc0817;color:#fff;border:1px solid #dc0817}
a.more_in:hover i {text-indent:5px;opacity:1;color:#fff}

.con_in {float:right;width:295px;margin-top:40px}
.con_in .txt {
	width:275px;
	background:#F4F4F4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 32px;
	font-weight: normal;
	color: #666666;
}
/*产品*/
.title_in {width:100%; text-align:center;font-family:"微软雅黑","宋体"}
.title_in h2 {font-size:22px;color:#515151;font-weight:100}
.title_in h2 span {color:#ec6003}
.title_in p {font-size:14px;color:#A1A1A1}
.pro_in {background:#F8F8F8;width:100%; padding:35px 0;margin-top:40px}
.pro_in .typelist {width:100%; text-align:center;margin:40px auto 30px}
.pro_in .typelist a {font-size:12px;color:#505458; display:inline-block; padding:8px 27px;border:1px solid #D2D2D2;margin:0 3px 10px;transition:0.3s all}
.pro_in .typelist a:hover {background:#ec6003;color:#fff;border:1px solid #ec6003}

.pro_in .leftloop {width:1148px; margin:0 auto}
.pro_in .leftloop li {width:277px;float:left;margin:0 5px;}
.pro_in .leftloop li a.pic {
	display:block;
	position:relative;
	width:277px;
	height:222px;
	overflow:hidden;
	background:#fff
	}
.pro_in .leftloop li a.pic:after {
	content:'+';
	font-family:"Times New Roman","微软雅黑";
	position:absolute;
	font-size:40px;
	color:#fff;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	left:0;
	margin-left:0;
	top:50%;
	margin-top:-25px;
	transition:All 0.4s;
	z-index:2;
	opacity:0
	}
.pro_in .leftloop li a.pic:before {
	content:'';
	width:50px;
	height:50px;
	position:absolute;
	border:1px solid #fff;
	border-radius:50px;
	top:50%;
	margin-top:-26px;
	right:0;
	transition:All 0.4s;
	z-index:3;
	margin-right:0;
	opacity:0
	}
.pro_in .leftloop li:hover a.pic:after {left:50%; margin-left:-25px; opacity:1}
.pro_in .leftloop li:hover a.pic:before {right:50%; margin-right:-26px; opacity:1}
.pro_in .leftloop li a.pic span.bg {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	z-index:1;
	opacity:0;
	transition:all 0.5s
	}
.pro_in .leftloop li:hover a.pic span.bg {opacity:0.5}
.pro_in .leftloop .txt {padding:15px 0; border-bottom:1px solid #ddd; line-height:22px;position:relative}
.pro_in .leftloop .txt a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	font-size:14px;
	color:#505458
	}
.pro_in .leftloop li .txt p {font-size:12px; color:#999}
.pro_in .leftloop li .txt:before {
	content:'';
	position:absolute;
	width:0px;
	height:1px;
	background-color:#ec6003;
	transition:all 0.4s;
	bottom:-1px;
	left:0
	}
.pro_in .leftloop li:hover .txt:before {width:100%}
.pro_in .leftloop .btn {width:210px; height:42px; margin:40px auto 0;overflow:hidden;position:relative}
.pro_in .leftloop .btn a.next, .pro_in .leftloop .btn a.prev {
	display:block;
	width:38px;
	height:25px;
	margin-top:8px;
	background:url(../images/leftloop_icon.gif) no-repeat;
	overflow:hidden;
	background-position:0 0;
	transition:all 0.3s;
	float:left
	}
.pro_in .leftloop .btn a.next {background-position:-38px 0;float:right}
.pro_in .leftloop .btn a.prev:hover {background-position:0 -25px}
.pro_in .leftloop .btn a.next:hover {background-position:-38px -25px}
.pro_in .leftloop .btn a.more {
	position:absolute;
	width:60px;
	height:40px;
	background:url(../images/leftloop_icon1.gif) no-repeat;
	top:0;
	transition:all 0.3s;
	left:50%;
	margin-left:-30px;
	border:1px solid #DFDFDF
	}
.pro_in .leftloop .btn a.more:hover {background-position:0 -40px}
/*产品系列*/
.app_in {padding:50px 0;width:1120px}
.title_in {width:100%; text-align:center;font-family:"微软雅黑","宋体"}
.title_in h2 {font-size:22px;color:#515151;font-weight:100}
.title_in h2 span {color:#dc0817}
.title_in p {font-size:14px;color:#A1A1A1}
.app_in .list {width:1050px; float:left;margin-top:50px}
.app_in .list li{float:left;width:210px;position:relative;height:410px;overflow:hidden}
.app_in .list li a:after {
	content:'';
	width:230px;
	height:400px;
	border:1px solid #333;
	opacity:0;
	top:-10px;
	bottom:-10px;
	left:-10px;
	right:-10px;
	position:absolute;
	transition:all .36s ease
	}
.app_in .list li:hover a:after {width:188px;height:380px;top:10px;bottom:10px;left:10px;right:10px;opacity:0.5}
.app_in .list li .pic {
	display:block;
	position:absolute;
	width:210px;
	height:287px;
	overflow:hidden;
	top:0
	}
.app_in .list li .txt {
	position:absolute;
	width:100%;
	height:110px;
	text-align:center;
	top:287px;
	background:#fff;
	transition:all 0.3s
	}
.app_in .list li:hover .txt {top:300px}
.app_in .list li .txt p.title {margin-top:50px;font-size:16px;color:#6b6b6b;position:relative;transition:all 0.3s}
.app_in .list li .txt p.title:after {
	content:'';
	position:absolute;
	width:19px;
	height:2px;
	background:#CFCFCF;
	left:50%;
	margin-left:-10px;
	top:-10px
	}
.app_in .list li .txt p.subtitle {font-size:12px;color:#7e7f7f;opacity:0;transition:all 0.3s}

.app_in .list li:hover .txt p.title:after {background:#dc0817}
.app_in .list li:hover .txt p.subtitle {opacity:1}

.app_in .list li:nth-of-type(even) .pic {top:110px}
.app_in .list li:nth-of-type(even) .txt {top:0}
.app_in .list li:nth-of-type(even):hover .txt {top:10px}
.app_in .hd {width:46px; float:right;padding-top:200px}
.app_in .hd a {display:block;width:46px;height:46px;background:url(../images/app_btn.gif) no-repeat; background-position:0 0;transition:all 0.3s}
.app_in .hd a.prev {background-position:0 -46px}
.app_in .hd a.next:hover {background-position:-48px 0}
.app_in .hd a.prev:hover {background-position:-48px -46px}
/*产品系列*/
.main2 {
	background-color: #F3F3F3;
	height: 300px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	background-color: #0f89cc;
	float: left;
	height: 300px;
	width: 200px;
	text-align: center;
}
.newsf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 36px;
	color: #FFFFFF;
	text-align: left;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.newsf1 {
	font-size: 16px;
	font-family: "微软雅黑";
}

.nw {
	float: left;
	height: 300px;
	width: 490px;
	background-color: #FFFFFF;
}
.nwh {
	float: left;
	height: 300px;
	width: 490px;
	background-color: #FFFFFF;
	margin-left: 20px;
}
.nw1 {
	height: 120px;
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}
.nwimg {
	float: left;
	height: 130px;
	width: 180px;
}
.nwf {
	float: left;
	height: 130px;
	width: 265px;
	padding-left: 10px;
	line-height: 24px;
	color: #999999;
	font-size: 12px;
}
.imgb {border: 1px solid #CCCCCC;padding: 2px;}
dl {margin: 0px;padding: 0px;}
dt {margin: 0px;padding: 0px;}
dd {margin: 0px;padding: 0px;}
.nw dl dt{
	width:350px;
	height:35px;
	line-height:35px;
	float:left;
	font-weight: bold;
	color: #666666;
	padding-left: 25px;
	margin-left: 8px;
	text-align: left;
	background-image: url(d.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.nw dl dd{
	width:90px;
	height:35px;
	line-height:35px;
	color:#999999;
	float:left;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.nwh dl dt{
	width:350px;
	height:35px;
	line-height:35px;
	float:left;
	font-weight: bold;
	color: #666666;
	padding-left: 25px;
	margin-left: 8px;
	text-align: left;
	background-image: url(d.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.nwh dl dd{
	width:90px;
	height:35px;
	line-height:35px;
	color:#999999;
	float:left;
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
a.more_in1 {
	margin-top:140px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
a.more_in1 {width:150px;height:38px;border:1px solid #FFFFFF; line-height:38px;display:block;color:#FFFFFF;text-indent:5px;transition:all 0.3s}
a.more_in1:hover {text-indent:60px;background:#ec6003;color:#fff;border:1px solid #FFFFFF}
/*foot*/
.footer {background:#363540;width:100%;padding:30px 0}
.footer .list {float:left;width:920px;margin-right:30px}
.footer .list .title {font-size:16px;color:#ddd; margin-bottom:20px;font-weight:100}
.footer .list .menu {width:150px; float:left}
.footer .list .menu li {width:150px;float:left}
.footer .list .menu li a.f14a {font-size:14px;color:#999;line-height:32px}
.footer .list .menu li a {font-size:12px;color:#999;line-height:32px}
.footer .list .menu li a:hover {color:#ea5504}

.footer .confoot {width:200px;float:right;margin-right:0}
.footer .confoot .btn {border-top:1px solid #4A4A53;padding-top:20px}
.l {float:left} .r {float:right}
.copyright {
	width:100%;
	height:60px;
	line-height:60px;
	color:#CCCCCC;
	background-color: #333333;
	font-size: 12px;
}
.copyright a {color:#CCCCCC; text-decoration:underline; transition:all 0.3s}
.copyright a:hover {color:#dc0817; text-decoration:none}
/*foot*/

/*关于我们*/
.about_banner {width:100%;height:330px;overflow:hidden;background-image: url(a1.jpg);background-repeat: no-repeat;background-position: center;}
.about1_banner {width:100%;height:330px;overflow:hidden;background-image: url(a4.jpg);background-repeat: no-repeat;background-position: center;}
.about2_banner {width:100%;height:330px;overflow:hidden;background-image: url(a5.jpg);background-repeat: no-repeat;background-position: center;}
.about3_banner {width:100%;height:330px;overflow:hidden;background-image: url(a6.jpg);background-repeat: no-repeat;background-position: center;}
.app_detail .box {margin-bottom:15px}
.app_detail .box .l {float:left;width:810px}
.app_detail .box .l .title {
	margin-bottom:20px;
	padding-bottom:5px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-left: 5px;
}
.app_detail .box .l .title h2 {font-size:16px;color:#333;line-height:35px;font-weight:100}
.app_detail .box .l .txt {font-size:14px;color:#666;line-height:30px}
.app_detail .box .r {width:320px; float:right}
.app_detail .box .r h3.tt {
	font-size:16px;
	color:#333;
	font-weight:100;
	line-height:40px;
	margin-top: 10px;
}
.app_detail .box .r li a {display:block;width:320px;padding:10px 0;border-bottom:1px solid #eee;line-height:24px;position:relative}
.app_detail .box .r li a h4 {font-size:14px;color:#666;font-weight:100;transition:all 0.3s}
.app_detail .box .r li a:after {
	content:'';
	position:absolute;
	width:0px;
	height:1px;
	background:#dc0817;
	left:0;
	bottom:-1px;
	transition:all 0.3s
	}
.app_detail .box .r li a:hover:after,.app_detail .box .r li a.cur:after {width:100%}
.app_detail .box .r li a:hover h4,.app_detail .box .r li a.cur h4 {color:#dc0817}
/*关于我们*/
/*新闻*/
.news_banner {width:100%;height:330px;overflow:hidden;background-image: url(a3.jpg);background-repeat: no-repeat;background-position: center;}
.newslist {width:840px;margin:0 auto}
.newslist li {
	float:left;
	width:820px;
	margin:5px;
	}
.newslist li a {
	display:block;
	width:750px;
	background:#fff;
	padding:10px;
	transition:all 0.3s
	}
.newslist li a p {font-size:12px;color:#999}
.newslist li a h4 {font-size:16px;color:#595959;font-weight:100;height:40px;line-height:30px;border-bottom:1px solid #EFEFEF;position:relative;margin-bottom:10px;transition:all 0.3s; white-space:nowrap; text-overflow:ellipsis}
.newslist li a h4:after {
	content:'';
	position:absolute;
	width:10px;
	height:1px;
	background:#333;
	left:0;
	bottom:-1px;
	transition:all 0.4s
	}
.newslist li a p.more {font-size:14px;color:#666;transition:all 0.3s}
.newslist li a:hover {box-shadow:0 0 30px #ddd}
.newslist li a:hover h4 {color:#dc0817}
.newslist li a:hover p.more {color:#dc0817}
.newslist li a:hover h4:after {width:100%}
.page {
	text-align:center;
	width:100%;
	overflow:hidden;
	margin:20px auto;
	font-size:14px;
	}


/*新闻*/
/*产品*/
.product_banner {width:100%;height:330px;overflow:hidden;background-image: url(a2.jpg);background-repeat: no-repeat;background-position: center;}
.pro_in1 {
	width:100%;
	margin-top:10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 0;
}
.pro_in1 .leftloop {
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.pro_in1 .leftloop li {
	width:260px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15;
	margin-left: 0;
	padding-right: 5px;
	padding-left: 5px;
}
.pro_in1 .leftloop li a.pic {
	display:block;
	position:relative;
	width:240px;
	height:200px;
	overflow:hidden;
	background:#fff;
	margin-top: 10px;
	}
.pro_in1 .leftloop li a.pic:after {
	content:'+';
	font-family:"Times New Roman","微软雅黑";
	position:absolute;
	font-size:40px;
	color:#fff;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	left:0;
	margin-left:0;
	top:50%;
	margin-top:-25px;
	transition:All 0.4s;
	z-index:2;
	opacity:0
	}
.pro_in1 .leftloop li a.pic:before {
	content:'';
	width:50px;
	height:50px;
	position:absolute;
	border:1px solid #fff;
	border-radius:50px;
	top:50%;
	margin-top:-26px;
	right:0;
	transition:All 0.4s;
	z-index:3;
	margin-right:0;
	opacity:0
	}
.pro_in1 .leftloop li:hover a.pic:after {left:50%; margin-left:-25px; opacity:1}
.pro_in1 .leftloop li:hover a.pic:before {right:50%; margin-right:-26px; opacity:1}
.pro_in1 .leftloop li a.pic span.bg {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	z-index:1;
	opacity:0;
	transition:all 0.5s
	}
.pro_in1 .leftloop li:hover a.pic span.bg {opacity:0.5}
.pro_in1 .leftloop .txt {padding:5px 0; border-bottom:1px solid #ddd; line-height:22px;position:relative}
.pro_in1 .leftloop .txt a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	font-size:14px;
	color:#505458
	}
.pro_in1 .leftloop li .txt p {font-size:14px; color:#999}
.pro_in1 .leftloop li .txt:before {
	content:'';
	position:absolute;
	width:0px;
	height:1px;
	background-color:#dc0817;
	transition:all 0.4s;
	bottom:-1px;
	left:0
	}
.pro_in1 .leftloop li:hover .txt:before {width:100%}


/*产品*/
.box .l .txt h2 {
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	line-height: 45px;
	padding-bottom: 15px;
}
.box .l .txt .rq {
	line-height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
	font-size: 12px;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	margin-bottom: 15px;
}