@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;margin:0px auto;padding:0px; background:#fff;} 
body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px; 
	list-style:none;
}
a:link,a:visited {color: #003C68; text-decoration: none;}
a:hover {color:#126db1; text-decoration: none;}
.clear{clear:both;margin:0px;padding:0px;height:0;}
form{margin:0;padding:0;}
img{border:0px;}

#header{background-color:#fff;border-top:3px solid #ce200c;}
.header{ height:100px;  position:relative;}
@media screen and (min-width:726px){
.web_width{width:98%;margin:0px auto;}
#menu{ background:url(../images/nav_bj.jpg) repeat-x; height:48px; line-height:47px;}
.menu ul{list-style-type: none;margin: 0;padding: 0;z-index:1000;}
.menu ul li{float:left;list-style-type:none;_height:0; width:14.2%; text-align:center;  background:url(../images/line.jpg) right 1px no-repeat; position:relative;}
.menu ul li a{display: block;text-decoration: none;font-size:1.2em;text-transform:uppercase;color:#000;}
.menu ul li:hover{background:#c9172d; }
.menu ul li:hover a{ color:#FFFFFF;}
.menu ul li:hover ul li a{ color:#888888;}
.menu ul li a:hover{ height:47px; }
.menu ul li ul{display: none; position: absolute;margin: 0px; z-index:1000; width:100%;}
.menu ul li ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:85%; padding-right:10px; border-bottom:#d4d4d4 solid 1px; }
.menu ul li ul li a{display:block;color:#888888; WHITE-SPACE: nowrap;line-height:40px;font-size:1.2em;text-transform:none; border-bottom:none;}
.menu ul li ul li:hover{background:#c9172d; }
.menu ul li ul li:hover a{ color:#FFFFFF;}
.menu ul li ul li a:hover{line-height:40px; border-bottom:none;}
.menu ul li.m5 ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:220%; padding-right:10px;}
.menu ul li.m5 ul li:hover{background:#c9172d; }
.menu ul li.m4 ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:150%; padding-right:10px;}
.menu ul li.m4 ul li:hover{background:#c9172d; }
.menu ul li.m3 ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:150%; padding-right:10px;}
.menu ul li.m3 ul li:hover{background:#c9172d; }
.menu ul li.m2 ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:150%; padding-right:10px;}
.menu ul li.m2 ul li:hover{background:#c9172d; }
.footcl{float:left;  width:74%;}
.footcr{float:right; width:26%; padding-top:20px;text-align:center;}
.fta1,.fta2,.fta3,.fta4,.fta5,.fta6{ float:left; width:19%;}
.fta3,.fta4{ display:none;}
.fta6{width:13%;}
.fta5{ width:39%;}
#left {width:32%;padding:0px;}
#right {float:right;width:65%; border-left:#CCCCCC solid 1px; padding-left:10px;}


.pro_list ul li img{
	width:30%;
	float:left;
	margin-right:20px
}
.pro_list .news_two_txt{
	float:left;
	width:60%;
	margin-left:20px;
	transition:all 0.5s;
	color:#999
}
.iabout_con{ width:78%; margin:0 auto; line-height:30px; font-size:1.2em; padding-right:20%; padding-top:20px; }
.iabout_img{width:98%; margin:0 auto; padding-bottom:10px;  }
.honor_list {
width:40%;
float:left;
margin-left:15px;
margin-right:15px;
margin-bottom:30px;
}
}
@media screen and (min-width:980px){

.menu ul li.m5 ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:140%; padding-right:10px;}
.menu ul li.m5 ul li:hover{background:#c9172d; }
.footcl{float:left;  width:81%;}
.footcr{float:right; width:18%; padding-top:20px;text-align:center;}
.fta1,.fta2,.fta3,.fta4,.fta5,.fta6{ float:left; width:16%;}
.fta6{width:10%;}
.fta5{ width:26%;}
.fta3,.fta4{ display:block;}
#left {width:25%;padding:0px;}
#right {float:right;width:72%; border-left:#CCCCCC solid 1px; padding-left:10px;}

.pro_list ul li img{
	width:20%;
	float:left;
	margin-right:20px
}
.pro_list .news_two_txt{
	float:left;
	width:70%;
	margin-left:20px;
	transition:all 0.5s;
	color:#999
}
.case_list ul li{
	width:32%;
	float:left;
	padding:3px;
	position:relative;
	border-bottom:1px solid #ddd
	}
.honor_list {
width:27%;
float:left;
margin-left:15px;
margin-right:15px;
margin-bottom:30px;
}
.iabout_con{ width:78%; margin:0 auto; line-height:30px; font-size:1.2em; padding-right:20%; padding-top:20px; padding-bottom:20px; }
.iabout_img{width:98%; margin:0 auto; padding-bottom:40px;  }
}
@media screen and (min-width:1200px){
.web_width{width:1200px;margin:0px auto;}
.menu ul li.m5 ul li{float:none;padding:0px;margin:0px; background:#f9f9f9; padding-left:10px; width:110%; padding-right:10px;}
.menu ul li.m5 ul li:hover{background:#c9172d; }
.footcl{float:left; width:1000px; }
.footcr{float:right; width:177px; padding-top:20px;}
.fta1,.fta2,.fta3,.fta4,.fta5,.fta6{ float:left; width:15%;}
.fta5{ width:25%;}
#left {width:22%;padding:0px;}
#right {float:right;width:75%; border-left:#CCCCCC solid 1px; padding-left:10px;}
}

.logo IMG{width:100%;} 
.logo {float:left;padding-top:30px; margin-right:10px;} 

.tel {float:right;width:252px; padding-top:22px;} 
.language{ background:url(../images/language.jpg) no-repeat; width:120px; height:19px; text-align:center; color:#FFFFFF;  position:absolute; right:0; top:0;}
.language a{ color:#FFFFFF; }


.banner {
	width:100%;
	margin:0 auto; 
	height:auto;
	padding:0;
}
#wrappers {
	margin:0;
	width:100%;
	height:auto;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	overflow:hidden;
}
#scroller {
	height:auto;
	float:left;
	padding:0;
}
#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}
#scroller li {
	display:block;
	float:left;
	width:auto;
	height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
#scroller li img{
  width:100%;
}
#scroller li a {
	display:block;
	padding:0;
	margin:0;
}

#nav {
	float: right;
	margin-top: -20px;
	padding: 0;
	position: relative;
	width: auto;
	z-index: 3;
}
#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	display: none;
}
#next {
	float:right;
	text-align:right;
}
#indicator > li {
	display:block;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#indicator {
	display: block;
	margin: 0 8px;
	padding: 0;
	width: auto;
}
#indicator > li {
	text-indent:-9999em;
	width:35px;
	height:6px;
	background:#fff;
	overflow:hidden;
	margin-right:4px;
}
#indicator > li.active {
	background:#cd1316;
}
#indicator > li:last-child {
	margin:0;
}
#indexcontent{ width:100%; background:url(../images/index_bj.jpg) center top no-repeat;  }
.indexcontent {border:#CCCCCC solid 1px; background:#FFFFFF; border-top:none; border-bottom:none;}
.iabout{border-bottom:#CCCCCC solid 1px; padding-top:15px; background:url(../images/about.jpg) right 50px no-repeat; }
.iabout_title{border:#CCCCCC solid 1px; height:40px; width:98%; border-left:none; border-right:none; margin:0 auto; line-height:40px; font-size:1.2em;}
.iabout_title span{ float:right; padding-top:2px;}
.iabout_con{ width:78%; margin:0 auto; line-height:30px; font-size:1.2em; padding-right:20%; padding-top:20px; padding-bottom:20px; }
.iabout_img{width:98%; margin:0 auto; padding-bottom:40px;  }


.icase_title{border-bottom:#eb140a solid 1px; height:40px; width:98%; border-left:none; border-right:none; margin:0 auto; line-height:40px; font-size:1.2em;}
.icase_title span{ float:right; padding-top:2px;}
.icase_con{width:98%; margin:0 auto; height:210px;  }
#foot{ background:#ffffff; border-top:#CCCCCC solid 1px;  width:100%;   padding-top:25px; padding-bottom:30px;}

.fta1 span,.fta2 span,.fta3 span,.fta4 span,.fta5 span,.fta6 span{ font-size:16px; padding-bottom:20px;  color:#000; font-weight:bold; }

.ftmenu{ padding-top:15px;}
.ftmenu a{ line-height:30px; color:#000; font-size:14px;}
.ftcopyright{ line-height:40px; text-align:center; font-size:14px;}
.ftlink{ padding-top:15px; }
.ftlink a{ line-height:30px;}

.abanner{width:100%; text-align:center;}
.abanner img{ max-width:100%; }
.left_title{height:10px;background-color:#cccccc;color:#FFF;}
.left_titles{background-color:#7D9250;}
.nav {}
.nav ul {height:auto;margin:0;padding:0;}
.nav ul li{list-style:none;margin:0;padding:0; border:#CCCCCC solid 1px; margin-top:4px;}
.nav ul li a{display: block;height:3em;line-height:3em;text-indent:1.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav ul li a:hover {background-color:#ce200c; color:#FFFFFF;}
.nav ul li.hover a{background-color:#ce200c; color:#FFFFFF;}
.n_contact{ text-align:center; background:#f0f0f0; margin-top:10px;}
#prod_title{color:#c4c4c4;font-size:1.5em; border-bottom:#d9d7d7 solid 1px; padding-left:10px; padding-top:20px; padding-bottom:10px; }
.etit{ float:left; color:#FF0000;}
.wz{ float:right; padding-right:10px; color:#b2a599; font-size:12px; padding-top:30px;}
.wz a{color:#b2a599; }
.etit span{ font-size:12px; color:#c4c4c4; font-size:1.2em; }
#prod_content {margin:0;padding:0;min-height:400px; background:#FFFFFF;}
#detail {line-height:200%; padding:10px; padding-bottom:30px;}
#detail img{ max-width:100%;}

.news_list {
	border:1px solid #fff;
	border-bottom:1px dotted #D0CFCF;
	padding-bottom:20px;
	padding:15px;
	font-size:12px;
	line-height:20px;
	transition:all 0.5s;
	margin-top:10px
}

.news_list .news_two_txt{
	width:98%;
	transition:all 0.5s;
	color:#999
}

.news_list:hover{
	box-shadow:0px 1px 7px #ccc;
	padding:15px;
	border:1px solid #ce200c;
	transition:all 0.5s
}
.news_list:hover .news_two_txt{
	padding-left:20px;
	transition:all 0.5s
}
.news_list .news_two_txt span{
	font-size:14px;
	margin-bottom:10px;
	display:block
	}
.news_list:hover .news_two_txt span{
	color:#ce200c
	}
#pagenav {clear:both;margin:0px 0px 5px 0px;padding:20px 0px 5px 10px;overflow:visible;}
#pagenav a {BORDER: #ccc 1px solid; PADDING:4px 8px 4px 8px; TEXT-DECORATION: none; font-size:14px;}
#pagenav a:hover {BACKGROUND-COLOR: #e5edf9}
#pagenav .nowpage {font-weight:bold;}

.pro_list ul li{
	border-bottom:1px solid #ccc;
	padding:20px;
}

.pro_list ul li span{
	font-size:16px;
	padding-top:10px;
	display:block;
	color:#F81014;
	margin-bottom:10px
}
.pro_list ul li:hover{
		box-shadow: 0 1px 6px 5px rgba(0,0,0,.08);
		border-bottom:1px solid #fff
	}

#prod_content h1{ text-align:center; font-size:1.6em; font-weight:normal; line-height:60px; color:#FF0000;}
.tips{ color:#808080; border-bottom:#CCCCCC solid 1px; text-align:center; line-height:25px; width:98%; margin:0 auto;}
.News_content{color:#333333;line-height:200%; width:96%; margin:0 auto; padding-top:15px; padding-bottom:15px;}



.case_list ul li span{
	display:block;
	padding-left:10px; height:40px; font-size:1.2em;
	padding-top: 3px
	}
.case_list ul li img{
	width:98%;
	border:3px solid #fff}
.case_list ul li:hover{
	box-shadow: 0 6px 10px 5px rgba(0,0,0,.08);
    border-bottom:1px solid #fff
}
.case_list ul li:hover img{
	border:3px solid #ce200c;
}

.case_list ul li .show_two_but{
position: absolute; 
bottom:2px;
right:40px;
transition: all .3s ease-out 0s;
opacity:0
}
.show_san_but {
width: 36px;
height: 36px;
border-radius: 20px;
background:#F81014
}
.show_san_but i {
background: url(../images/icon.png) ;
width: 14px;
height: 9px;
display: block;
margin: 13px 0 0 11px;
}
.case_list ul li:hover .show_two_but{
	right:10px;
	opacity:1
	
	}
.feedback{
	width:90%;
	margin:0px auto;
	padding-top:0px;}

.feedback tr td{
	border-bottom:1px dotted #DBD8D8;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:20px;
	}
	
.feedback tr td input{
	background:#eee;
	border:none;
	height:30px;
	width:100%;
}

.feedback tr td textarea{
	background:#eee;
	border:none;
	height:100px;
	width:100%;
}
.feedback tr td>.btn{
	background:#ff974d;
	color:#fff;
	height:45px;
	font-weight:bold;
	}	


.honor_list p{
margin-top:10px;
text-align:center;
color:#666666;
font-size:12px;
line-height:20px
}
.honor_list img{
border:1px solid #ccc;
padding:5px;
box-shadow:3px 4px 0px #ddd;
width:100%;
}
.honor_list:hover img{
border:1px solid #e7090b;
}	

@media screen and (max-width:725px){
.web_width{width:98%;margin:0px auto;}
.etit{ display:none;}
.wz{ float:left;; color:#b2a599; font-size:12px; padding-top:10px;}

.tel {float:right;width:252px; display:none;} 
#menu{visibility:hidden;  position:absolute; z-index:99; background:#e70000; top:100px; right:0; line-height:40px; font-weight: normal;width:100%;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.menu{padding:5px 0px;}
.menu ul{margin:0;padding:0;}
.menu ul li{list-style-type:none;margin:0;padding:0;text-align:center;_height:0; clear:left;}
.menu ul li a{display:block;line-height:2.5em;color:#FFF;}
.menu ul li a:link,.menu ul li a:visited{color:#FFF;}
.menu ul li a:hover{background-color:#fff;color:#000;}
.menu ul li ul{display:none;background-color:#f24141;}
.mav{ position:absolute; right:10px; bottom:0; width:40px;height:40px;background: url("../images/ico_menu.png") no-repeat;  display:block; cursor:pointer; }
.footcl{width:100%;}
.footcr{width:100%; text-align:center;}
.fta1,.fta2,.fta3,.fta4,.fta5,.fta6{ width:100%; margin-bottom:20px; border-bottom:#CCCCCC solid 1px; padding-bottom:20px;}
#left {width:100%;padding:0px; padding-bottom:20px;}
#right {width:100%;}
.iabout_con{ width:78%; margin:0 auto; line-height:30px; font-size:1.2em; padding-right:20%; padding-top:20px; padding-bottom:20px; }
.iabout_img{width:98%; margin:0 auto; padding-bottom:20px;  }

.pro_list ul li img{
	width:30%;
	float:left;
	margin-right:20px
}
.pro_list .news_two_txt{
	float:left;
	width:60%;
	margin-left:20px;
	transition:all 0.5s;
	color:#999
}
.case_list ul li{
	width:48%;
	float:left;
	padding:3px;
	position:relative;
	border-bottom:1px solid #ddd
	}
.honor_list {
width:43%;
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}
}
#sitemap {margin:0;padding:0;line-height:200%; padding-left:4%; padding-top:10px; padding-bottom:20px;}
#sitemap li{ list-style:disc;}
#sitemap ul ul li{ list-style:circle;  margin-left:1.5em;}
#sitemap ul ul ul li{ list-style:square;  margin-left:2.5em;}
a.companys{ color:#FF0000; font-weight:bold; font-family:1em; padding-top:5px;}
.iabout_img li{ float:left; width:300px; margin-right:20px; margin-top:20px;}