@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,Helvetica, sans-serif,"宋体";}
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:137px; width:977px; margin:0px auto 0; position:relative;}
.top .logo{ width:481px; height:80px; position:absolute; background:url(../images/logo.gif) no-repeat; top:10px;}
.top .tel{ height:50px; padding-left:30px; line-height:50px; position:absolute; background:url(../images/tel.png) left 5px no-repeat; width:150px; left:750px; top:40px; font-size:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; color:#fff;}
.top .menu{ height:39px; width:977px; position:absolute; left:0; bottom:0; z-index:9999;}
.top .menu ul{ z-index:9999; padding-left:4px;}
.top .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:119px; position:relative; text-align:center; z-index:9999;}
*html .top .menu ul li.a{ display:block; float:left; line-height:39px; height:39px; padding-right:2px; background:url(../images/nav_line.gif) right 1px no-repeat; width:119px; position:relative; text-align:center; z-index:9999;}
.top .menu ul li.last{ background:none; z-index:9999;}
.top .menu ul li a{ color:#fff; font-weight:bold; display:block;  z-index:9999;}
.top .menu ul li a:hover{ background:url(../images/huana_07.gif) top center no-repeat ; color:#000; z-index:9999;}
*html .top .menu ul li a:hover{ background:url(../images/huana_07.gif)  center 1px 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;}
.top_link{
	line-height:12px;
	height:20px;
	width:224px;
	position:absolute;
	left: 750px;
	top: 17px;
}
.top_link .l1{ background:url(../images/home.gif) left no-repeat; padding-left:15px; padding-right:10px;}
.top_link .l2{ background:url(../images/bookmark.gif) left no-repeat; padding-left:15px; padding-right:10px;}
.top_link .l3{ background:url(../images/mail.gif) left no-repeat; padding-left:15px; padding-right:10px;}

.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;}
/*main css*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
/*
本代码由js代码网收集并编辑整理;
尊重他人劳动成果;
转载请保留js代码网链接 - www.jsdaima.com
*/