﻿@charset "utf-8";
/****reset***/
html,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:0px;padding:0px;font-size:12px; font-family:Arial,"微软雅黑";}
table{border-collapse:collapse;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
ul,li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;font-size:12px; vertical-align:middle;}
a{text-decoration:none; color:#000;}/*outline:none;*/
a:hover{ }
/****resetend***/

/*公共样式部分*/
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix { _zoom:1;}


/*通用样式部分*/
body{ background:url(../images/home_bg_01.jpg) repeat-x #f7f7f7;}
.top{ height:189px; position:relative; width:100%;}
.logo{height:150px; width:977px; margin:0 auto;}
.menu{ height:39px; width:977px; z-index:9999; margin:0 auto;}
.menu ul{ z-index:9999; padding-left:4px;}
.menu ul li.a{ display:block; float:left; line-height:39px; height:39px; padding-right:2px; background:url(../images/nav_line.gif) right top no-repeat; width:106px; position:relative; text-align:center; z-index:9999;}
.menu ul li.last{ background:none; z-index:9999;}
.top .menu ul li a{ color:#fff; font-weight:bold; display:block;  z-index:9999; font-size:14px;}
.top .menu ul li a:hover{ background:url(../images/huana_07.gif) top center no-repeat ; color:#000; z-index:9999;}
.top .menu ul li ul{ padding:0; display:none; background:#141414; padding-bottom:8px; z-index:9999; position:absolute; left:0; width:119px;}
.top .menu ul li ul li{ border-bottom:1px dotted #fff; line-height:30px; z-index:9999;}
.top .menu ul li ul li a{ display:block; margin:0; z-index:9999;}
.top .menu ul li ul li a:hover{ color:#c00928; background:#fff; z-index:9999;}
.banner{ width:100%; height:360px;   margin:0 auto 10px; background:url(../images/banner.jpg) top center no-repeat; border-bottom:2px solid #fff; }


.nr_bg_t{ width:977px; margin:20px auto 0; overflow:hidden; background:url(../images/boxc1.png) ; height:11px;}
.nr_bg{ width:977px; margin:0px auto 0; overflow:hidden; background:url(../images/boxc2.png) repeat-y;}
.nr{ width:959px; overflow:hidden; margin:0 auto 0; padding-bottom:15px;}
.nr .left{ width:269px; float:left; }
.nr .left .pro_class{ background:url(../images/huana_34.gif) bottom  no-repeat; padding-bottom:2px;}
.nr .left .pro_class .title{ height:33px; background:url(../images/huana_18.gif) no-repeat; line-height:33px; padding-left:50px; font-size:14px; font-weight:bold; color:#fff;}
.nr .left .pro_class .con{ background:url(../images/huana_23.gif) repeat-y; padding-top:8px; padding-bottom:5px;}
.nr .left .pro_class .con ul{ padding:0 5px; padding-bottom:0; padding-left:20px;}
.nr .left .pro_class .con ul li{ display:block; line-height:29px; padding-bottom:8px; width:229px;}
.nr .left .pro_class .con ul li a{ display:block; color:#000; padding-left:30px; background:url(../images/huana_27.gif)  no-repeat; color:#fff; font-weight:bold;}
.nr .left .pro_class .con ul li a:hover{ background:url(../images/huana_30.gif) left no-repeat; color:#000;}
.nr .left .pro_class .con ul li .prolist{ display:none;}
.nr .left .pro_class .con ul li .prolist a{ line-height:30px; display:block; color:#000; padding-left:50px; background:url(../images/picw_04.gif) 30px 12px no-repeat;}
.nr .left .pro_class .con ul li .prolist a:hover{ background:url(../images/left_li_bg.png) 18px 0 no-repeat; color:#000;}


.nr .left .left_about{ margin-top:15px; background:url(../images/huana_34.gif) bottom  no-repeat; padding-bottom:2px;}
.nr .left .left_about .title{ height:33px; background:url(../images/huana_18.gif) no-repeat; line-height:33px; padding-left:50px; font-size:14px; font-weight:bold; color:#fff;}
.nr .left .left_about .con{ background:url(../images/huana_23.gif) repeat-y; padding:8px; line-height:21px;}

.nr .left .contact{ margin-top:20px; background:url(../images/tell.png) 20px bottom  no-repeat; padding-bottom:20px;}
.nr .left .contact .title{ height:46px; line-height:46px;  font-size:14px; font-weight:bold; color:#ee5612;}
.nr .left .contact .con{ line-height:22px;}

.nr .right{ float:right; width:200px; padding-right:10px;}
.nr .right .hzhb{ background:url(../images/right_bottom.png) bottom no-repeat; padding-bottom:17px;}
*html .nr .right .hzhb{ background:url(../images/right_bottom.png) bottom no-repeat; padding-bottom:16px;}
.nr .right .hzhb .title{height:46px; background:url(../images/right_title.png) no-repeat; line-height:46px; padding-left:30px; font-size:14px; font-weight:bold; color:#fff;}
.nr .right .hzhb .con{ background:url(../images/right_bg.gif) repeat-y; padding:5px; width:190px; padding-bottom:0; height:180px; overflow:hidden;}
.nr .right .hzhb .con ul{ padding:0 15px;}
.nr .right .hzhb .con ul li{ display:block; width:158px; border:1px solid #CCC; height:50px; margin-bottom:8px; overflow:hidden; background:#fff; text-align:center;}
.nr .right .hzhb .con ul li img{ max-height:50px; max-width:158px; _width:158px; _height:50px;}

.nr .right .yqlj{ background:url(../images/right_bottom.png) bottom no-repeat; padding-bottom:17px; margin-top:10px;}
*html .nr .right .yqlj{ background:url(../images/right_bottom.png) bottom no-repeat; padding-bottom:16px; margin-top:10px;}
.nr .right .yqlj .title{height:46px; background:url(../images/right_title.png) no-repeat; line-height:46px; padding-left:30px; font-size:14px; font-weight:bold; color:#fff;}
.nr .right .yqlj .con{ background:url(../images/right_bg.gif) repeat-y; padding:5px; width:190px; padding-bottom:0; height:150px; overflow:hidden;}
.nr .right .yqlj .con ul{ padding:0 10px;}
.nr .right .yqlj .con ul li{ display:block; height:24px; border-bottom:1px dotted #ccc; line-height:24px; background:url(../images/picw_04.gif) 5px 9px no-repeat; padding-left:20px;}
.nr .right .yqlj .con ul li a{ color:#fff;}
.nr .right .yqlj .con ul li a:hover{ color:#00388c;}

.nr .m{ width:490px; float:left; margin-left:10px;}
*html .nr .m{ width:490px; float:left; margin-left:5px;}
.nr .m .about{ height:210px; background:url(../images/about.png) no-repeat;}
.nr .m .about .title{ height:46px; line-height:46px; padding-left:30px; color:#fff; font-weight:bold; font-size:14px;}
.nr .m .about .con{ padding:5px 10px; height:154px; line-height:21px; color:#ddd;}

.nr .m .pro{ height:250px; background:url(../images/abounescon.png) no-repeat; margin-top:15px;}
.nr .m .pro .title{ height:46px; line-height:46px; padding-left:30px; color:#fff; font-weight:bold; font-size:14px;}
.nr .m .pro .con{ padding:10px 15px; height:180px; overflow:hidden; }
.nr .m .pro .con ul{ display:block; height:30px;}
.nr .m .pro .con ul li{ float:left; display:block; margin-right:10px; height:28px; line-height:28px; padding:0 10px; background:#ddd; cursor:pointer;}
.nr .m .pro .con ul li.sd01{ background:#ee5612;}
.nr .m .pro .con ul li.sd01 span{ color:#fff;}
.nr .m .pro .con .con1{ height:140px; padding-top:10px;}
#cc02,#cc03,#cc04{ display:none;}

.index_pro{ height:210px; width:920px; margin:10px auto; padding:0 10px 10px;  background:url(../images/pro_bg.jpg);}
.index_pro .title{ height:40px; line-height:40px; font-weight:bold; color:#fff;}
.index_pro .title span{ float:left;}
.index_pro .title a{ font-weight:normal; float:right; color:#fff;}
#sy_marquee{ height:170px; width:920px; overflow:hidden;}
.index_pro ul{}
.index_pro ul li{ display:block; float:left; width:150px; height:170px; margin-right:15px;}
.index_pro ul li a img{ border:1px solid #999; background:#fff; padding:2px; width:144px; height:144px;}
.index_pro ul li a:hover img{ border:2px solid #c00928; padding:1px;}
.index_pro ul li span{ display:block; height:20px; line-height:25px; text-align:center; color:#fff;}
.index_pro ul li a{ color:#fff;}

.rightcon{ float:right; width:675px;}
.rightcon .news{ width:330px; float:left; margin-top:5px;}
.rightcon .news .title{height:36px; background:url(../images/huana_38.gif) no-repeat; line-height:36px; padding-left:40px; font-size:14px; font-weight:bold; color:#fff;}
.rightcon .news .con{ line-height:22px;}
.rightcon .news .con1{ line-height:22px; padding-left:10px; padding-top:10px;}
.rightcon .news .con ul{}
.rightcon .news .con ul li{ background:url(../images/huana_42.gif) 5px 9px no-repeat; padding-left:20px; border-bottom:1px dotted #ddd; line-height:30px; height:30px; display:block;}
.rightcon .news .con ul li a{ float:left; color:#000;}
.rightcon .news .con ul li a:hover{ color:#00388c;}
.rightcon .news .con ul li span{ float:right; color:#999}

.rightcon .hotpro{ margin-bottom:10px;}
.rightcon .hotpro .title{ height:35px; line-height:35px; background:url(../images/huana_32.gif); font-size:14px; font-weight:bold; color:#fff; padding-left:20px;}
.rightcon .hotpro .title span{ float:left;}
.rightcon .hotpro .title a{ float:right; color:#999; font-size:12px; font-weight:normal; padding-right:10px;}
.rightcon .hotpro .con{ height:190px; border:1px solid #d4d4d4; border-top:none;}
.rightcon .hotpro .con #sy_marquee{ height:180px; padding-top:5px; width:660px; overflow:hidden; margin:0 auto;}
.rightcon .hotpro .con #sy_marquee1{ height:180px; padding-top:5px; width:660px; overflow:hidden; margin:0 auto;}
.rightcon .hotpro .con ul{}
.rightcon .hotpro .con ul li{ display:block; width:186px; height:180px; float:left; margin-right:10px;}
.rightcon .hotpro .con ul li img{ width:180px; height:150px; border:1px solid #ddd; padding:2px;}
.rightcon .hotpro .con ul li span{ display:block; height:24px; line-height:24px; text-align:center;}


.rightcon .hotpro .page_con{ min-height:400px; line-height:22px; border:1px solid #d4d4d4; border-top:none; padding:10px; overflow:hidden;}


ul.news_list li{ background:url(../images/huana_42.gif) 5px 10px no-repeat; padding-left:20px; border-bottom:1px dotted #ddd; line-height:30px; height:30px; display:block;}
ul.news_list li a{ float:left; color:#000;}
ul.news_list li a:hover{ color:#00388c;}
ul.news_list li span{ float:right; color:#999}
.title1{ margin-bottom:10px; font-size:14px; font-weight:bold; text-align:center; border-bottom:1px dotted #ddd; line-height:30px;}

.cpdh{ width:670px; overflow:hidden;}
.cpdh dt{ display:block; height:25px; width:653px; line-height:25px; background:#0066cc; text-align:center; color:#fff; font-weight:bold;}
.cpdh dd{ display:block; width:305px; float:left; height:30px; line-height:30px; margin-right:3px; border-bottom:1px dotted #ddd; background:url(../images/ico2.png) left no-repeat; padding-left:20px;}
.cpdh dd a{ font-weight:bold;}

ul.pro_list{ padding-left:50px;}
ul.pro_list li{ display:block; width:186px; height:190px; float:left; margin-right:10px;}
ul.pro_list li img{ width:180px; height:150px; border:1px solid #ddd; padding:2px;}
ul.pro_list li span{ display:block; height:24px; line-height:24px; text-align:center;}
.pic{ text-align:center; margin-bottom:10px;}
.pic img{ max-width:500px; _width:400px;}



.foot{  width:970px; background:#007ef4; color:#fff; margin:0 auto; line-height:25px; text-align:center; padding-top:20px; padding-bottom:10px;}
.foot a{ color:#fff;}
