/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul,li {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/*文字排版、颜色*/
.fb{font-weight:bold}
.red,a.red{color:#f00;}
.tl{ text-align:left;}
.tr{ text-align:right; }
.tc{ text-align:center; }
.shuzi{ font-size:18px; font-family:Arial; font-weight:bold; color:#f00;}
.f18{ font-size:18px; font-weight:bold; color:#F60}
/*定位*/
.fl{float:left;}
.fr{float:right;}
.cb{clear:both; display:block;}
.mt20{ margin:20px 0 0 0;}
.riqi{ float:right; display:block;}
a:link, a:visited {text-decoration: none;color: #000;}
a:hover, a:active {color: #BD0A01;}

.top{ background:#f9f9f9; line-height:35px; height:35px; border-bottom:1px solid #eee; padding:0 20px;  overflow:hidden;}
.top-bar span{font-size:12px;}
.top_box{ width:1200px; margin:0 auto;}
.top a{ padding:0 3px;}
.left{display: block;  float: left;}
.right{ display:block; float:right;}
.header{  width:1200px; margin:0 auto;}
.header img{ vertical-align:middle;}
.qy_logo dt{ float:left; width:180px; height:70px; padding:15px 0;display: table-cell;vertical-align:middle;  *display: block; position:relative;}
.qy_logo dt i{display:inline-block;  height:100%; vertical-align:middle}
.qy_logo dt img{ max-width:180px; vertical-align:middle; height: 90%; }
.qy_logo dd{ width:509px; float:left; padding:15px 0; height:70px;}
.qy_logo dd h2{ font-size:22px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.qy_logo dd p{ color:#999; line-height:18px; font-size:12px; height: 55px; overflow: hidden;}
.qy_search{ padding:30px 0;}
.qy_search_input{ float:left; width:280px; height:38px; border:1px solid #c70000; padding:0 5px;}
.search_btn{float:left;  width:100px; height:40px; text-align:center; color:#fff; font-size:18px; background:#c70000; border:0; cursor:pointer;}
.search_btn2 {background: #ff6600;color: #fff;border: none;height: 40px;width: 100px;font-size: 18px;margin-left: 5px;}


.menu{margin:0 auto;width:1200px; height:40px; background:#c70000; }
.menu li{ float:left; width:120px; text-align:center; background:url(../images/line.gif) no-repeat right 0;}
.menu a{ color:#fff; width:120px; line-height:40px; font-size:16px;}
.menu a:hover{ float:left; background:#a20000;}

.main{ width:1200px; margin:0 auto;}
.index_banner{position:relative; height:300px; overflow:hidden; width:1200px; margin:0 auto;}
.index_banner ul{overflow:hidden; }
.index_banner li{top:0;left:0;overflow:hidden;width:100%;height:300px;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-72px;width:144px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#999;text-indent:-999em;opacity:.5;cursor:pointer;}
.index_banner cite span:hover{background-color:#000;}
.index_banner cite span.cur{background-color:#000;cursor:default;}


.scrollpic {width: 1200px;	margin:30px auto;	position:relative; z-index:1;}
#myscroll,#myscroll_inside {display: block;margin:0 0 0 30px;	width: 1140px; position: relative; min-height:80px; overflow: hidden;}
#myscroll #myscrollbox {display: block;	float: left; position: absolute; left: 0; top: 0; width: 1000000px;}
#myscroll ul {float:left;  }
#myscroll ul li { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0 10px; float:left; width:170px; line-height:80px; background:url(../images/kindbg.gif) no-repeat center 0;  text-align:center; color:#c70000;}
#left {	 cursor:pointer;	 width:15px; height:15px; position:absolute; top:50%; margin:-7.5px 0 0 0; left:0; z-index:99999;}
#right { cursor:pointer;  width:15px; height:15px; position:absolute; top:50%; margin:-7.5px 0 0 0; right:0;  z-index:99999;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox, #myscroll_inside, #myscroll_inside a:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.prokind{ float:left; width:1200px; padding:30px 0; position:relative;}
.prokind ul{ float:left; width:1140px; margin:0 0 0 30px;}
.prokind li{ float:left; width:180px; line-height:80px; background:url(../images/kindbg.gif) no-repeat; margin:0 5px; text-align:center; }
.prokind li a,#myscroll ul li  a{color:#c70000; font-size:16px;}
.prokind li a:hover,#myscroll ul li  a:hover{ color:#F60;}
.prev,.next{ font-size:32px;width:15px; height:15px; position:absolute; top:50%; margin:-7.5px 0 0 0;}
.prev{ left:0;}
.next{ right:0;}
a.prev, a.next {color: #fff;}

.index_product ul{ float:left; margin:0 -50px 0 0;}
.index_product li{ float:left; width:278px; height:278px; margin:0 27px 27px 0; border:1px solid #ccc;text-align:center; display: table-cell;vertical-align:middle;  *display: block; position:relative; overflow:hidden;}
.index_product li i{height:100%; display:inline-block;   vertical-align:middle}
.index_product li img{ vertical-align:middle; max-width:278px; max-height:278px;}
.intro{ position:absolute; bottom:0; left:0; width:258px; height:30px;  background:#c70000; filter: alpha(opacity=90);color: #fff;-moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index:9999; padding:10px; cursor:pointer; overflow:hidden; }
.intro a{ color:#fff;}
.intro:hover{ height:258px; }
.intro,.intro:hover{
transition: height .5s;
-moz-transition: height .5s;	/* Firefox 4 */
-webkit-transition: height .5s;	/* Safari 和 Chrome */
-o-transition: height .5s;}
.intro h1{ line-height:40px; font-weight:bold; font-size: 14px;}
.intro p{ font-size:12px; line-height:24px;  text-align:left;}
.viewbtn{ display:block; padding:30px 0 0 0; text-align:center;}
.index_about{ float:left; width:1120px; padding:40px; background:#f9f9f9;}
.index_about dt{ width:350px; height:350px; float:left; overflow:hidden;}
.index_about dt img{ max-width:350px;}
.index_about dd{ float:right; width:730px;}
.index_about dd p{ text-indent:2em; line-height:30px;}
.index_about dd h3{ font-size:30px; line-height:50px; color:#c70000; font-family:"\5FAE\8F6F\96C5\9ED1";}
.news{ width:1200px;  float:left; margin:30px 0;}
.index_news{ width:585px;}
.mr30{ margin:0 30px 0 0;}
.news_title{ width:100%; height:40px; background:#f9f9f9;}
.news_title h1{ width:auto; line-height:40px; float:left; background:#c70000; color:#fff; padding:0 15px; font-weight:bold; font-size: 14px;}
.index_news_list li{ line-height:40px; border-bottom:1px #ccc dotted; font-size: 14px;}
.more{ float:right; display:block; line-height:40px; font-size:12px; padding:0 10px;}
.main_left{ width:250px; margin:20px 0;}
.main_left h1{ line-height:40px; font-size:18px;  color:#c70000; background:url(../images/leftbg.gif) no-repeat; text-align:center;}
.left_list{ margin:10px 0;}
.left_list li{ background:url(../images/icon.gif) no-repeat 5px center; padding:8px 20px; }
.contact_list li,.left_list li{line-height:24px;border-bottom:1px dotted #ccc; font-size:14px;}
.contact_list li{padding:8px 0;word-break: break-all;}
.main_right{ width:920px; margin:20px 0;}
.about_title{ width:900px;  line-height:40px; background:#f9f9f9; padding:0 10px; border-bottom:1px solid #c70000; font-size:18px;  color:#c70000;}
.about_con { width:100%; line-height:36px; margin:30px 0 0 0;}
.about_con img{ float:left; margin:0 0 20px 0;}
.about_con p{ text-indent:2em;}
.product_list{ width:920px; margin:30px 0 0 0; }
.product_list ul{ float:left; margin:0 -50px 0 0;}
.product_list li{ float:left; width:278px; height:278px; margin:0 40px 27px 0; border:1px solid #ccc;text-align:center; display: table-cell;vertical-align:middle;  *display: block; position:relative; overflow:hidden;}
.product_list li i{height:100%; display:inline-block;   vertical-align:middle}
.product_list li img{ vertical-align:middle; max-width:278px; max-height:278px; }


/*产品详情*/
.product_con{ float:left; width:918px;  border:1px solid #ccc; margin:30px 0 0 0; background:#fff; margin-top:30px;}
.proimg{ width:346px; height:400px;text-align:center; border-right:1px solid #ccc; display: table-cell;vertical-align:middle;  *display: block; overflow:hidden; }
.proimg i{display:inline-block;  height:100%; vertical-align:middle}
.proimg img { max-height:340px;  line-height:400px; vertical-align:middle; }
.pro_att{ width:571px; }
.pro_att h2{ font-size:18px; color:#c70000; background:#f7f7f7; font-weight:bolder; line-height:40px; border-bottom:1px solid #ccc; padding:0 10px;}
.pro_att li{ line-height:40px; border-bottom:1px solid #ccc; font-size:14px; padding:0 10px;}
.pro_att h3 a{ float:left; width:120px; line-height:35px; border-radius:3px; color:#fff; background:#c70000; text-align:center; font-size:16px; margin:18px 0 18px 65px; }
.pro_att h3 a:hover{ background:#ff6000; color:#fff;}
.pro_attcon{ margin:0 0 30px 0;}
.rednew{ color:#f00; font-family:georgia; font-size:16px;}
.describe{width:920px; overflow:hidden;}
.describe_title{ height:35px; background:#f9f9f9; border-bottom:1px solid #ccc;}
.describe h4{ font-size:14px; font-weight:bold; line-height:35px; padding:0 10px;  background:#f9f9f9; border-top:1px solid #ccc;}
.describe_title li{ float:left;  line-height:30px; padding:0 10px; margin:5px 5px 0 0;   border-right:1px solid #ccc; border-top:1px solid #ccc;border-left:1px solid #ccc; font-size:14px; cursor:pointer;}
.hover{ background:#fff;}
.describe_list{ padding:20px 0; line-height:30px;}
.descride_list p{ font-size:14px;}
.prozs { padding:20px}
.prozs li{ width:270px; float:left; line-height:30px;}
.show_form{ margin-left:30px;}
.show_form li{ width:440px; float:left; line-height:48px; }
.show_form li em,.conform em{ width:90px; float:left; text-align:right; line-height:48px;}
.show_form li span,.conform span{ color:#f00;}
.show_input{ width:330px; height:30px; line-height:30px;}
.show_input2{ width:770px; height:120px;}
.show_button input {display:block;float:left;width:150px;height:36px;margin:20px;font-size:18px; cursor:pointer; border-radius:5px;}
.show_button input:hover {filter:alpha(opacity=70);/*IE*/-moz-opacity:0.7;/*Firefox*/opacity:0.7;}
.show_button .btn2 {margin-left:250px;border:1px solid #C00;background-color:#f42;color:#FFF; *display:inline;}
.show_button .btn3 {border:1px solid #888;background-color:#999;color:#FFF;}
.pro_attcon{ width:860px; float:left; }

.news_list,.zzzh_list{ width:920px; float:left;  padding:10px 0;}
.news_list dl{ padding:20px 0; border-bottom:1px dotted #ccc;}
.news_list dt{ font-size:16px; line-height:40px;}
.news_list dd{ font-size:12px; color:#666; padding:0 0 10px 0;}
.zzzh_list dl{ width:450px; float:left; margin:30px 0 0 0;}
.zzzh_list dt,.zzzh_list dt img{ width:150px; height:150px; float:left;}
.zzzh_list dt{ border:1px solid #ccc;}
.zzzh_list dd{ width:280px; float:right; line-height:35px;}

/*新闻详情*/
.newscon_title{ line-height:40px; font-size:22px; font-weight:bold;  text-align:center;}
.news_date{ line-height:30px; text-align:center; }
.news_fx{ background:#f9f9f9; height:40px;}
.news_fx em{ float:left; width:60px; line-height:40px; background:#eee; text-align:center; font-size:16px;}
.news_zy{ color:#666; line-height:20px; text-indent:2em; padding:10px 0;}
.news_con{ padding:40px 0; line-height:24px;  }
.news_con img{ max-width:610px;}
.previous p{ line-height:40px; background:#f9f9f9; margin:2px 0 0 0; padding:0 10px;}
.news_con p{ text-indent:2em;}
.news_xg h3{ line-height:40px; font-size:16px; font-weight:bold;}
.news_xg ul{ float:left; margin:0 -40px 0 0;}
.news_xg li{ float:left; width:440px; line-height:30px; margin:0 40px 0 0; border-bottom:1px dotted #ccc;}


.input_ly{ width:650px; height:30px;}
.massage li{ width:100%; float:left; padding:10px 0; font-size:14px;}
.massage li em{ float:left; width:80px; line-height:30px; text-align:center;}
.massage li span{ color:#f00;}
.formbtn input{ width:80px;  padding:5px 0; margin:0 0 0 180px;}
.tel_pv{ line-height:60px; background:#f9f9f9;  text-align:center;}

footer,.foot {  text-align:center;line-height:1.8;background-color:#FFF; font-size:14px;}
.foot {padding:8px 0 20px 0;  border-top:3px solid #eee;}
.foot_nav {line-height:2.0}
.foot_nav a {padding:0 5px;}

.morebox{ width:200px; margin:0 auto 30px; line-height:60px; font-size:18px; background:#f9f9f9; border:1px solid #ccc; border-radius:10px; text-align:center; cursor:pointer;}
.morebox:hover{ background:#f7f7f7;box-shadow:0 0 5px #ccc inset;}


.company-banners {
	width:1200px;
	height:300px;
	position:relative;
	overflow:hidden;
}

.company-banners .hd {
	width:100%;
	position:absolute;
	bottom:10px;
	z-index:2;
}

.company-banners .hd ul {
	display:block;
	text-align:center;
	list-style-type:none;
	opacity: 0.3;
}

.company-banners .hd li {
	width:40px;
	height:8px;
	background:#b5b5b5;
	display:inline-block;
	cursor:pointer;
}

.company-banners .hd li.on {
	background:#2880be;
}

.company-banners .bd {
	height:100%;
	position:relative;
	z-index:1;
}

.company-banners .bd ul {
	list-style-type:none;
}

.company-banners .bd img {
	width:1200px;
	height:300px;
	border:none;
}

.company-banners .prev,
.company-banners .next {
	font-size:32px;
	color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:block;
	text-decoration:none;
	position:absolute;
	top:50%;
	margin-top:-16px;
	z-index:2;
}

.company-banners .prev:hover,
.company-banners .next:hover {
	color:#fff;
	filter:alpha(opacity=100);
	opacity:1;
	text-decoration:none;
}


.pm-box > div {
	background:#fff;
	border:1px solid #ccc;
	margin-top:15px;
}

.pm-box .tit1 {
	background:#f3f3f3;
	color:#ff7733;
	font-family:"Microsoft YaHei";
	font-size:20px;
	padding:8px 20px;
	display:block;
}

.pm-box .tit2 {
	width:100px;
	font-size:14px;
	text-align:right;
	display:block;
	margin-top:7px;
	float:left;
}

.pm-box .txt1 {
	font-size:14px;
	color:#f00;
	display:block;
	margin-top:9px;
	margin-left:10px;
	float:left;
}

.pm-box .txt2 {
	font-size:14px;
	display:block;
	margin-top:7px;
	float:left;
}

.pm-box .box1 {
	background:#eee;
	margin:15px 20px;
}

.pm-box .ipt1 {
	height:32px;
	line-height:32px;
	background:#fff;
	border:1px solid #ddd;
	outline:none;
	padding:0 5px;
	float:left;
}

.pm-box .textarea1 {
	background:#fff;
	border:1px solid #ddd;
	font-size:12px;
	resize:none;
	outline:none;
	padding:5px;
	float:left;
}

.pm-box .ipt1:focus,
.pm-box .textarea1:focus {
	border:1px solid #17b;
}

.pm-box .btn1,
.pm-box .btn2 {
	font-family:"Microsoft YaHei";
	font-size:18px;
	color:#fff;
	border-radius:5px;
	padding:8px 25px;
	outline:none;
	cursor:pointer;
	display:inline-block;
}

.pm-box .btn1 {
	background:#f42;
	border:1px solid #c00;
}

.pm-box .btn2 {
	background:#999;
	border:1px solid #888;
}

.pm-box .btn1:hover,
.pm-box .btn2:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

.all_btn{ width: 155px; margin: 30px auto; line-height: 40px; padding-left: 59px; background: url(../images/all_btn.gif) no-repeat; color: #666; font-size: 15px;}

#subsitemaybelike .products_related h2{ background:#cfdded; line-height:30px; font-size:14px; padding:0 10px;}
#subsitemaybelike .products_related ul {padding-bottom:10px; border:1px solid #cfdded;}
#subsitemaybelike .products_related li{ width:180px; padding-left:15px;margin-top:10px; float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#subsitemaybelike .products_related li a{ color:#333;}
#subsitemaybelike .products_related li a:hover{ color:#f00;}
