@charset "utf-8";
body{font-family:"Microsoft Yahei",Verdana, Geneva, sans-serif; font-size:12px; color:#666; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
fieldset,img{ border:0;}
img{ vertical-align:bottom;}
ul,ol,li{ list-style:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.fix{zoom:1;}
a{ color:#191919; text-decoration:none;}
a:hover{ color:#C00; text-decoration:underline;}
.clear{ width:0; height:0; line-height:0; font-size:0; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
a.clr_c00{ color:#C00;}

.box_1{ padding:40px 0 0 0;}
.box_1 .bhead{ height:32px; padding:0 0 0 40px; background:url(../images/icon.png) left top no-repeat;}
.box_1 .bhead strong{ line-height:32px; margin:0 20px 0 0; font-size:24px; font-weight:normal; color:#C00; float:left;}
.box_1 .bhead span{ display:block; height:12px; line-height:12px; margin:14px 0 0 0; padding:0 0 0 25px; background:url(../images/icon.png) left -124px no-repeat; float:left;}
.box_1 .bbody{ padding:10px 0 0 0;}

header{ box-shadow:0 1px 3px #333; background:url(../images/bg_x.png) left top repeat-x;}
.logo{ width:128px; height:31px; padding:13px 0 0 0; background:url(../images/logo.png) right bottom no-repeat;}
.logo a{ display:block; height:31px; text-indent:-9999px;}
.banner{ width:100%; position:relative; z-index:1;}
.banner .hd{ width:150px; height:20px; position:absolute; bottom:10px; z-index:9999;}
.banner .hd ul li{ width:20px; height:20px; margin:0 10px 0 0; background:#FFF; text-indent:-9999px; cursor:pointer; float:left;}
.banner .hd ul li.on{ background:#cc0000;}
.banner .bd{}
.banner .bd ul li{}
.banner .bd ul li a{ display:block;}
.product_cat{ height:30px; overflow:hidden; padding:5px 10px; background:#FFF; z-index:9999;}
.product_cat strong{ display:block; width:92px; height:30px; line-height:30px; text-align:center; background:#C00; color:#FFF; font-size:18px; float:left;}
.about .bbody{ line-height:1.6em; font-size:16px; color:#000;}
.about .bbody p{ text-indent:2em; margin:5px 0 0 0;}
.news .bbody dl{ padding:5px 0;}
.news .bbody dl dt{ line-height:24px; padding:5px 0; font-size:16px;}
.news .bbody dl dd.info{ height:16px; line-height:16px;}
.news .bbody dl dd.info em{ height:16px; line-height:16px; padding:0 0 0 20px; font-size:12px; font-style:normal; color:#999; float:left;}
.news .bbody dl dd.info em.view{ margin:0 10px 0 0; background:url(../images/icon.png) left -52px no-repeat;}
.news .bbody dl dd.info em.date{ background:url(../images/icon.png) left -88px no-repeat;}
.news .bbody dl dd.intro{ line-height:18px; padding:5px 0; color:#999;}
.news .bbody ul{ line-height:2em; font-size:16px;}
.news .bbody ul li{ height:32px; line-height:32px; overflow:hidden;}
.news .bbody ul li em{ font-size:12px; font-style:normal; float:right;}


.product .bbody ul li span{ display:block;}
.product .bbody ul li span.title{ height:32px; line-height:32px; font-size:16px;}
.product .bbody ul li span.info{ height:16px; line-height:16px;}
.product .bbody ul li span.info em{ height:16px; line-height:16px; padding:0 0 0 20px; font-size:12px; font-style:normal; color:#999; float:left;}
.product .bbody ul li span.info em.view{ margin:0 10px 0 0; background:url(../images/icon.png) left -52px no-repeat;}
.product .bbody ul li span.info em.date{ background:url(../images/icon.png) left -88px no-repeat;}
.product .bbody ul li a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

.case .bbody ul li span{ display:block;}
.case .bbody ul li span.title{ height:32px; line-height:32px; font-size:16px;}
.case .bbody ul li span.info{ height:16px; line-height:16px;}
.case .bbody ul li span.info em{ height:16px; line-height:16px; padding:0 0 0 20px; font-size:12px; font-style:normal; color:#999; float:left;}
.case .bbody ul li span.info em.view{ margin:0 10px 0 0; background:url(../images/icon.png) left -52px no-repeat;}
.case .bbody ul li span.info em.date{ background:url(../images/icon.png) left -88px no-repeat;}
.case .bbody ul li a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.img_list_content ul li{}
.img_list_content ul li span{ display:block;}
.img_list_content ul li span.title{ height:32px; line-height:32px; font-size:16px;}
.img_list_content ul li span.info{ height:16px; line-height:16px;}
.img_list_content ul li span.info em{ height:16px; line-height:16px; padding:0 0 0 20px; font-size:12px; font-style:normal; color:#999; float:left;}
.img_list_content ul li span.info em.view{ margin:0 10px 0 0; background:url(../images/icon.png) left -52px no-repeat;}
.img_list_content ul li span.info em.date{ background:url(../images/icon.png) left -88px no-repeat;}
.img_list_content ul li a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

footer{ margin:20px 0 0 0; padding:20px 0; background:#465161;}
.contact{ padding:20px 0;}
.contact .bhead{ width:446px; height:153px; margin:0 auto; background:url(../images/bg_contact_head.png) no-repeat;}
.contact .bhead strong{ display:block; text-indent:-9999px;}
.contact .bbody{ padding:20px 0 0;}

.pages {padding:10px 0 10px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active  {color:#004499;background:#FFFFFF;border:#9AAFE5 1px solid;padding:1px;text-decoration:none;}
.pages a:hover  {background:#FFFFFF;border:#2E6AB1 1px solid;color:#FF6600;padding:1px;text-decoration:none;}
.pages strong {background:#2E6AB1;padding:1px;border:#1D589E 1px solid;color:#FFFFFF;}
.pages_inp {border:#2E6AB1 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:26px;background:#F1F7FC;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}

@media screen and (max-width: 767px) {
.box_1{ padding:40px 20px 0;}
header{ box-shadow:none;}
.header_wrap{ min-height:56px; padding:0 20px;}
.logo{ float:left;}
.btn_menu{ width:32px; height:32px; margin:10px 0 0 0; background:url(../images/icon.png) left -156px no-repeat; float:right; cursor:pointer;}
nav{ clear:both; display:none; background:#C00;}
nav ul{ padding:10px 10px 0;}
nav ul li{ height:32px; line-height:32px; margin:0 0 10px; background:#C30;}
nav ul li a{ display:block; height:32px; line-height:32px; text-align:center; font-size:16px; color:#FFF;}
nav ul li a:hover{ color:#FFF;}
.main{ width:100%; margin:0 auto; position:relative; z-index:9999;}
.banner .hd{ bottom:10px; right:0;}
.banner .bd ul li{ margin:0 auto; text-align:center;}
.banner .bd ul li img{ width:100%; height:auto;}
.product_cat{ overflow:hidden;}
.product_cat ul li{ line-height:30px; padding:0 5px; font-size:14px; float:left;}
.product .bbody ul li{ width:100%; padding:10px 0;}
.case .bbody .case_focus{ margin:10px 0 0;}
.case .bbody ul{ overflow:hidden;}
.case .bbody ul li{ width:100%; padding:10px 0;}
.contact .bhead{ display:none;}
.contact .bbody{ padding:20px;}
.contact .bbody dl{ margin:20px 0 0; color:#FFF;}
.contact .bbody dl dt{ line-height:30px; font-size:18px; font-weight:bold;}
.contact .bbody dl dd{ line-height:24px; padding:5px 0; font-size:14px;}

.contact .bbody .map{}
.copyright{ padding:0 20px; font-size:14px; color:#FFF;}
.category{ width:100%; margin:20px 0 0 0; background:#F5F5F5;}
.category ul li{ height:40px; line-height:40px; margin:1px 0 0 0; text-align:center; font-size:16px;}
.category ul li.current{ background:#C00;}
.category ul li.current a{ color:#FFF;}
.img_list_content{ margin:30px 0 0 0; padding:20px;}
.news_body img{ width:100%;}
.about_content{ font-size:14px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.box_1{ padding:40px 20px 0;}
header{ box-shadow:none;}
.header_wrap{ min-height:56px; padding:0 20px; box-shadow:none;}
.logo{ float:left;}
.btn_menu{ width:32px; height:32px; margin:10px 0 0 0; background:url(../images/icon.png) left -156px no-repeat; float:right; cursor:pointer;}
nav{ clear:both; display:none; background:#C00;}
nav ul{ padding:10px 10px 0;}
nav ul li{ height:32px; line-height:32px; margin:0 0 10px; background:#C30;}
nav ul li a{ display:block; height:32px; line-height:32px; text-align:center; font-size:16px; color:#FFF;}
nav ul li a:hover{ color:#FFF;}
.main{ width:100%; margin:0 auto; position:relative; z-index:9999;}
.banner .hd{ bottom:10px; right:0;}
.banner .bd ul li{ margin:0 auto; text-align:center;}
.banner .bd ul li img{ width:100%; height:auto;}
.product_cat{ margin:20px 0 0 0;}
.product_cat ul li{ line-height:30px; padding:0 20px; font-size:14px; float:left;}
.product .bbody ul{ width:100%;}
.product .bbody ul li{ width:48%; padding:10px 1%; float:left;}
.case .bbody .case_focus{ margin:10px 0 0; padding:0 1%;}
.case .bbody ul{ overflow:hidden;}
.case .bbody ul li{ width:48%; padding:10px 1%; float:left;}
.contact .bbody{ padding:20px;}
.contact .bbody dl{ margin:20px 0 0; color:#FFF;}
.contact .bbody dl dt{ line-height:30px; font-size:18px; font-weight:bold;}
.contact .bbody dl dd{ line-height:24px; padding:5px 0; font-size:14px;}

.contact .bbody .map{}
.copyright{ padding:0 20px; font-size:14px; color:#FFF;}
.category{ width:100%; margin:20px 0 0 0; background:#F5F5F5;}
.category ul li{ height:40px; line-height:40px; margin:1px 0 0 0; text-align:center; font-size:16px;}
.category ul li.current{ background:#C00;}
.category ul li.current a{ color:#FFF;}
.img_list_content{ margin:30px 0 0 0;}
.img_list_content ul li{ width:46%; padding:2%; float:left;}
.news_body img{ width:100%;}
.about_content{ font-size:14px;}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
header{ height:56px; position:relative; z-index:2;}
.header_wrap{ width:128px; height:56px; position:absolute; left:50%; top:0; margin:0 0 0 -480px;}
.btn_menu{ display:none;}
nav{ width:810px; height:56px; position:absolute; left:50%; top:0; margin:0 0 0 -330px;}
nav ul li{ width:95px; height:56px; margin:0 6px 0 0; float:left;}
nav ul li a{ display:block; height:56px; line-height:56px; font-size:16px; text-align:center;}
nav ul li a:hover{ color:#C00; text-decoration:none;}
nav ul li.current{ position:relative; z-index:9999;}
nav ul li.current a{ position:absolute; width:100%; height:64px; line-height:56px; background:#C00; box-shadow:1px 0 2px #333; color:#FFF;}
.main{ width:960px; margin:0 auto; position:relative; z-index:9999;}
.banner{ width:960px; margin:0 auto;}
.banner .hd{ right:0;}
.banner .bd ul li{ margin:0 auto; text-align:center;}
.banner .bd ul li img{ width:960px; height:auto;}
.product_cat{ margin:20px 0 0 0;}
.product_cat ul{ width:690px; float:left;}
.product_cat ul li{ line-height:30px; padding:0 20px; font-size:14px; float:left;}
.about{ width:384px; float:left;}
.news{ width:384px; float:left;}
.product_cat{ margin:20px 0 0 0;}
.product{ width:540px; float:right;}
.product .bhead{ margin:0 0 0 20px;}
.product .bbody{ height:455px; overflow:hidden;}
.product .bbody ul li{ width:250px; padding:10px 0 10px 20px; float:left;}
.case .bbody .case_focus{ width:384px; margin:10px 0 0 0; float:left;}
.case .bbody ul{ width:576px; height:220px; overflow:hidden; float:right;}
.case .bbody ul li{ width:244px; padding:10px 0 10px 20px; float:left;}

.contact .bbody dl{ width:364px; color:#FFF; float:right;}
.contact .bbody dl dt{ line-height:30px; font-size:18px; font-weight:bold;}
.contact .bbody dl dd{ line-height:24px; padding:5px 0; font-size:14px;}

.contact .bbody .map{ width:576px; float:left;}
.copyright{ font-size:14px; color:#FFF;}
.category{ width:96%; height:40px; margin:20px 0 0 0; padding:0 2%; background:#C00;}
.category ul li{ width:19%; height:40px; margin:0 1% 0 0; text-align:center; font-size:16px; float:left;}
.category ul li a{ display:block; height:40px; line-height:40px; color:#FFF;}
.category ul li.current{}
.category ul li a:hover,.category ul li.current a{ height:36px; line-height:36px; margin:4px 0 0 0; color:#000; background:#FFF; text-decoration:none;}
.img_list_content{ width:980px; margin:50px 0 0 -10px;}
.img_list_content ul li{ width:225px; padding:30px 10px; float:left;}
.about_content{ font-size:14px;}
}
@media screen and (min-width: 1440px) {
header{ height:56px; position:relative; z-index:2;}
.header_wrap{ width:128px; height:56px; position:absolute; left:50%; top:0; margin:0 0 0 -660px;}
.btn_menu{ display:none;}
nav{ width:1100px; height:56px; position:absolute; left:50%; top:0; margin:0 0 0 -480px;}
nav ul li{ width:130px; height:56px; margin:0 6px 0 0; float:left;}
nav ul li a{ display:block; height:56px; line-height:56px; font-size:16px; text-align:center;}
nav ul li a:hover{ color:#C00; text-decoration:none;}
nav ul li.current{ position:relative; z-index:9999;}
nav ul li.current a{ position:absolute; width:100%; height:64px; line-height:56px; background:#C00; box-shadow:1px 0 2px #333; color:#FFF;}
.main{ width:1300px; margin:0 auto; position:relative; z-index:9999;}
.banner{ width:1320px; margin:0 auto;}
.banner .hd{ right:0;}
.banner .bd ul li{ margin:0 auto; text-align:center;}
.banner .bd ul li img{ width:1320px; height:auto;}
.product_cat{ margin:20px 0 0 0;}
.product_cat ul{ width:1000px; float:left;}
.product_cat ul li{ line-height:30px; padding:0 20px; font-size:14px; float:left;}
.about{ width:508px; float:left;}
.news{ width:508px; float:left;}
.product{ width:792px; float:right;}
.product .bhead{ margin:0 0 0 20px;}
.product .bbody ul li{ width:244px; padding:10px 0 10px 20px; float:left;}
.case .bbody .case_focus{ width:508px; margin:10px 0 0 0; float:left;}
.case .bbody ul{ width:792px; float:right;}
.case .bbody ul li{ width:244px; padding:10px 0 10px 20px; float:left;}

.contact .bbody dl{ width:508px; color:#FFF; float:right;}
.contact .bbody dl dt{ line-height:30px; font-size:18px; font-weight:bold;}
.contact .bbody dl dd{ line-height:24px; padding:5px 0; font-size:14px;}

.contact .bbody .map{ width:772px; float:left;}
.copyright{ font-size:14px; color:#FFF;}
.category{ width:96%; height:40px; margin:20px 0 0 0; padding:0 2%; background:#C00;}
.category ul li{ width:19%; height:40px; margin:0 1% 0 0; text-align:center; font-size:16px; float:left;}
.category ul li a{ display:block; height:40px; line-height:40px; color:#FFF;}
.category ul li.current{}
.category ul li a:hover,.category ul li.current a{ height:36px; line-height:36px; margin:4px 0 0 0; color:#000; background:#FFF; text-decoration:none;}
.img_list_content{ width:1340px; margin:50px 0 0 -10px;}
.img_list_content ul li{ width:244px; padding:30px 10px; float:left;}
.about_content{ font-size:16px;}
}

.banner_i{ width:100%; background:#465161; position:relative; z-index:1;}
.main_i{ margin-top:-36px; padding:20px 0; background:#FFF;}
.modname{ line-height:60px; padding:0 40px; font-size:48px; color:#C00; float:right;}
.modname span{ padding:0 0 0 20px; font-family:Verdana, Geneva, sans-serif; font-size:24px; color:#999;}
.urhere{ line-height:24px; padding:0 40px; float:left;}
.about_content{ line-height:2em; padding:40px;}
.about_content p{ margin:0 0 10px; text-indent:2em;}
.about_content img{ width:100%; max-width:880px;}
.news_list_content{ padding:40px;}
.service_content{ line-height:2em; padding:40px;}
.contact_content{ line-height:2em; padding:40px;}

.news_list{}
.news_list ul li{ padding:20px; border-bottom:1px dotted #F6F6F6;}
.news_list ul li .news_img{ width:160px; height:100px; margin:0 0 0 20px; float:right;}
.news_list ul li .news_title{ line-height:24px; padding:3px 0;}
.news_list ul li .news_title strong{ font-size:18px;}
.news_list ul li .news_title strong a{ color:#000;}
.news_list ul li .news_title em{ padding:0 0 0 20px; font-size:12px; color:#999; font-style:normal;}
.news_list ul li .news_introduce{ color:#999;}

.news_show{}
.news_show h1{ line-height:30px; padding:10px 0; font-size:28px; text-align:center; font-family:"Microsoft Yahei"; font-weight:bold;}
.news_info{ line-height:24px; text-align:center; color:#999;}
.news_body{ padding:30px 10px; font-size:16px; line-height:2em;}
.news_body p{ margin:10px 0 0 0; text-indent:2em;}
.news_body h2{ line-height:2em; margin:20px 0 0 0; font-size:18px; font-weight:bold;}