﻿@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;*/
/****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/bg.jpg) repeat-x;}
.top{ width:1003px; height:105px; margin:0 auto; position:relative; background:url(../images/top.png);}
.top .logo{ width:500px; height:108px; position:absolute; top:0; left:0; text-indent:-9999px; background:url(../images/logo.png);}
.top .link{ overflow:hidden; color:#fff; text-align:center; line-height:40px; width:176px; height:40px; position:absolute; top:0px; right:10px; background:url(../images/top01.jpg);}
.top .link a{ color:#fff; }
.top .link a:hover{ }
.top .tel{ height:30px; width:231px; background:url(../images/tel.png) left no-repeat; color:#fff; font-size:18px; position:absolute; top:65px; right:10px;}

.menu{ width:960px; padding:1px 20px 1px; height:62px; margin:0 auto; background:url(../images/nav.jpg); }
.menu ul{}
.menu ul li{ display:block; height:62px; float:left; background:url(../images/menu01.jpg) top right no-repeat; padding-right:35px;}
.menu ul li.last{ background:none; padding:0;}
.menu ul li a{ color:#666; line-height:18px; padding-top:15px; font-size:14px; display:block; width:84px; text-align:center;}
.menu ul li a span{ display:block; line-height:15px; font-size:10px; color:#999;}
.menu ul li a:hover{ color:#039;}

.banner{ width:960px; padding:18px 20px; height:330px; margin:0 auto; background:url(../images/banner_bg.png) center top; }

.con_nr{ width:980px; margin:10px auto 0; overflow:hidden;}
.con_nr .left{ width:670px; float:left;}
.con_nr .left .pro{ margin-bottom:10px;}
.con_nr .left .pro .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .left .pro .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .left .pro .title .more{ width:70px; display:block; height:35px; background:url(../images/more.gif); float:right; text-indent:-9999px;}
.con_nr .left .pro .con{ height:340px; background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px 0 0 13px; border:1px solid #e8e8e8; border-top:none;}
*html .con_nr .left .pro .con{ height:340px; background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px 0 0 0px; border:1px solid #e8e8e8; border-top:none;}
.con_nr .left .pro  ul{}
.con_nr .left .pro  ul li{ display:block; float:left; width:150px; height:160px; margin-bottom:10px; margin-right:13px;}
.con_nr .left .pro  ul li img{ width:144px; height:129px; padding:2px; border:1px solid #ddd;}
.con_nr .left .pro  ul li span{ overflow:hidden; display:block; height:25px; line-height:25px; text-align:center;}
.con_nr .left .pro  ul li a:hover{ color:#F00;}
#sy{ width:639px; height:170px; overflow:hidden;}

.con_nr .left .pro_c{ margin-bottom:10px; width:220px; float:left;}
.con_nr .left .pro_c .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .left .pro_c .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .left .pro_c .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .left .pro_c .con{ height:225px; background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none;}
.con_nr .left .pro_c .con ul{ padding:0px;}
.con_nr .left .pro_c .con ul li{ display:block; height:30px; line-height:30px; border-bottom:1px dashed #ddd; background:url(../images/ico05.jpg) left no-repeat; padding-left:15px;}
.con_nr .left .pro_c .con ul li a{ color:#033983; font-weight:bold; font-size:14px;}
.con_nr .left .pro_c .con ul li a:hover{ color:#b80000;}

.con_nr .left .r{ width:440px; float:right;}
.con_nr .left .r .about{ height:135px; margin-bottom:10px;}
.con_nr .left .about .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .left .about .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .left .about .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .left .about .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:6px; height:88px; line-height:22px; border:1px solid #e8e8e8; border-top:none;}
.con_nr .left .about .con img{ float:left; margin-right:10px;}

.con_nr .left .r .sc{ height:135px;}
.con_nr .left .sc .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .left .sc .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .left .sc .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .left .sc .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:6px; height:88px; line-height:22px; border:1px solid #e8e8e8; border-top:none;}
.con_nr .left .sc .con img{ float:left; margin-right:10px;}

.con_nr .right{ float:right; width:300px;}
.con_nr .right .news{ margin-bottom:10px;}
.con_nr .right .news .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .right .news .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .right .news .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .right .news .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; height:330px;}
*+html .con_nr .right .news .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px 10px 0px 10px; border:1px solid #e8e8e8; border-top:none; height:330px;}
.con_nr .right .news .con ul{}
.con_nr .right .news .con ul li{ display:block; line-height:32px; height:32px; border-bottom:1px dotted #ddd; background:url(../images/dt.gif) left no-repeat; padding-left:10px;}
*+html .con_nr .right .news .con ul li{ display:block; line-height:30px; height:30px; border-bottom:1px dotted #ddd; background:url(../images/dt.gif) left no-repeat; padding-left:10px;}
.con_nr .right .news .con ul li a:hover{ color:#033983;}

.con_nr .right .contact{ margin-bottom:10px;}
.con_nr .right .contact .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .right .contact .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .right .contact .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .right .contact .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; height:230px; line-height:22px;}
.con_nr .right .contact .con strong{ color:#012455;}
.con_nr .right .contact .con img{ margin-bottom:5px;}

.con_nr .link{}
.con_nr .link .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .link .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .link .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .link .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; height:58px; line-height:22px;}
.con_nr .link .con ul{}
.con_nr .link .con ul li{ display:block; height:56px; float:left; margin-right:10px;}
.con_nr .link .con ul li img{ height:54px; border:1px solid #d2d1cf;}


.con_nr .hotp{ margin-bottom:10px;}
.con_nr .hotp .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.con_nr .hotp .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.con_nr .hotp .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.con_nr .hotp .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; line-height:22px;}
.con_nr .hotp .con #sy1{ height:160px; width:960px; margin:0 auto; overflow:hidden;}
.con_nr .hotp .con  ul{}
.con_nr .hotp .con  ul li{ display:block; float:left; width:150px; height:160px; margin-bottom:10px; margin-right:13px;}
.con_nr .hotp .con  ul li img{ width:144px; height:129px; padding:2px; border:1px solid #ddd;}
.con_nr .hotp .con  ul li span{ overflow:hidden; display:block; height:25px; line-height:25px; text-align:center;}
.con_nr .hotp .con  ul li a:hover{ color:#F00;}



.lxwm{ float:left; width:280px; background:url(../images/sy_03.gif) top left no-repeat; padding-top:240px;}
.hyxw{ float:right; width:390px; margin-bottom:10px;}
.hyxw .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.hyxw .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.hyxw .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.hyxw .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; height:200px;}
*+html .hyxw .con{background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px 10px 0px 10px; border:1px solid #e8e8e8; border-top:none; height:330px;}
.hyxw .con ul{}
.hyxw .con ul li{ display:block; line-height:32px; height:32px; border-bottom:1px dotted #ddd; background:url(../images/dt.gif) left no-repeat; padding-left:10px;}
*+html .hyxw .con ul li{ display:block; line-height:30px; height:30px; border-bottom:1px dotted #ddd; background:url(../images/dt.gif) left no-repeat; padding-left:10px;}
.hyxw ul li a:hover{ color:#033983;}


.foot{ background:url(../images/foot.jpg) repeat-x top; width:100%; padding-top:10px; margin-top:15px; line-height:30px; text-align:center; color:#666}

.ny_left{ width:220px; float:left;}
.ny_left .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.ny_left .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.ny_left .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.ny_left .con{ line-height:23px; margin-bottom:15px; background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; padding-bottom:20px;}
.ny_left .con ul{ padding:0 10px;}
.ny_left .con ul li{ display:block;}
.ny_left .con ul li span{ color:#033983; font-weight:bold; font-size:14px; display:block; border-bottom:1px dashed #ddd; height:30px; line-height:30px; cursor:pointer; background:url(../images/ico05.jpg) left no-repeat; padding-left:15px;}
.ny_left .con ul li a:hover{ color:#b80000;}
.ny_left .con ul li ul li{ height:25px; line-height:25px; background:url(../images/dt.gif) left no-repeat; padding-left:15px;}
.ny_left .con ul li ul li a{ color:#666;}


.ny_right{ float:right; width:745px;}
.ny_right .title{ height:35px; background:url(../images/about-02.jpg) repeat-x;}
.ny_right .title .txt{ width:100px; padding-left:38px; height:35px; float:left; background:url(../images/about-01.jpg) no-repeat; line-height:35px; font-weight:bold; color:#fff;}
.ny_right .title .more{ width:14px; display:block; height:35px; background:url(../images/about-03.jpg); float:right; text-indent:-9999px;}
.ny_right .con{ line-height:23px; min-height:400px; background:url(../images/about-04.jpg) bottom repeat-x #fff; overflow:hidden; padding:10px; border:1px solid #e8e8e8; border-top:none; padding-bottom:20px;}


.news_list{}
.news_list li{ display:block; line-height:30px; height:30px; border-bottom:1px dotted #ddd; background:url(../images/goreg.gif) left no-repeat; padding-left:45px;}
.news_list li a{ float:left; color:#333;}
.news_list li a:hover{ color:#01358c;}
.news_list li span{ float:right; color:#666;}
.news_t{ text-align:center; font-size:16px; font-weight:bold; height:40px; line-height:40px; }

ul.pro_list{ padding-left:20px;}
ul.pro_list li{ display:block; float:left; width:150px; height:160px; margin-bottom:15px; margin-right:25px;}
ul.pro_list li img{ width:150px; height:148px; padding:2px; border:1px solid #ddd;}
ul.pro_list li span{ display:block; height:25px; line-height:20px; text-align:center;}
ul.pro_list li a:hover{ color:#F00;}
.pro_pic{ text-align:center;}
.pro_pic img{ max-width:500px; padding:2px; border:1px solid #ddd; _width:350px;}

.pro_l{ padding:0 5px;}
.pro_l .t{ overflow:hidden; border-bottom:1px dashed #ddd; }
.pro_l h6{ width:165px; overflow:hidden; float:left; font-size:14px; font-weight: bold; line-height:30px; display:block; }
.pro_l h6 a{ color:#333;}
.pro_l h6 a:hover{ color:#000; text-decoration:underline;}
.menu_body {padding:0 5px 6px 15px;display:none; overflow:hidden; clear:both; width:200px;}
.menu_body span{padding:0 3px;color:#7d7d7d;font-size:11px;-webkit-text-size-adjust: none;}
.menu_body a{color:#7d7d7d;font-size:12px;-webkit-text-size-adjust: none; display:block; height:20px; line-height:20px; background:url(../images/dt.gif) left no-repeat; padding-left:15px;}
.menu_body a:hover{ color:#000; text-decoration:underline;}
.menu_head{float:left;margin:10px 5px 0 0;width:16px;height:11px;cursor: pointer; display:block;}
.menu_body a.drop_more{margin:0 0 0 10px;color:#155a8a;}
.ind_hot {color:#c55000;}



