@charset "utf-8";
/*reset  css*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", tahoma, Arial, Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%;}
a{text-decoration: none; color:#5a5a5a;}
a:hover{text-decoration: underline; color:#01609A;}

/*common  css*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.bord{border: 1px solid #b0b0b0;}

/*index  css*/
.header{height: 120px;}
.header .top{width: 1002px; margin: 0 auto;}
.header h1{ height: 100px; float: left; margin-top: 10px;}
.header p{ float: right; line-height: 30px; font-size: 30px; font-weight: bold; margin-top: 60px; color: #e80000;}
.header p span {font-size: 18px; color: #333; font-weight: normal;}
.nav{height: 35px; background: url(../images/nav_bg.jpg) repeat-x;}
.nav ul{width: 1000px; height: 35px; margin: 0 auto;}
.nav li{width: 125px; height: 35px; line-height: 35px; float: left; text-align: center; background: url(../images/nav_rline.jpg) no-repeat right center;}
.nav li a{display: block; width: 125px; height: 35px; font-size: 14px; color: #fff; }
.nav li a:hover{background: url(../images/nav_hover.jpg) no-repeat top center; color: #fff; text-decoration: none;}
.banner{width: 1344px; height:500px; margin:0 auto; overflow: hidden; position: relative;}
.slideBox{ width:1344px; height:500px; overflow:hidden; position:relative; margin:0 auto; margin-bottom: 10px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:500px; display:block;}

.content{width: 1002px; margin: 0 auto;}
.index_list{width: 210px;  margin-right: 10px; }
.indextitle, .side_title{height: 28px; padding-left: 25px; line-height: 28px; font-size: 14px; color: #fff; background: url(../images/title_bg.jpg) repeat-x;}
.index_list_con, 
.index_about_con, 
.index_contact_con{padding: 10px; width: 188px; /* height: 242px; */ overflow: hidden;}
.index_list_con{/* height:582px; */}
.index_list_con li, .side_list_con li{width: 188px; height: 38px; line-height: 38px; background: url(../images/text_bg.jpg) no-repeat; margin-bottom: 9px; vertical-align:middle;}
.index_list_con li a, .side_list_con li a{background: url(../images/icon1.gif) no-repeat left center; padding-left: 23px; margin-left: 10px; font-weight: bold;}
.index_list_con li a:hover, .side_list_con li a:hover{background: url(../images/icon2.gif) no-repeat left center;}
.index_about{width: 450px; margin-right: 10px;}
.index_about_con{width:428px; height:182px; line-height: 26px;}
.index_about_con a{color: #01609a;}
.index_video{width: 290px; height: 242px; float: left; margin-right: 10px;} 
.index_contact{width: 260px;  margin-top: 10px;}
.index_contact_con{width: 238px; height: 180px;}
.index_list_con dl{margin-top:10px; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.index_list_con dt{ height:20px; line-height:20px; font-weight:bold; font-size:16px; background: url(../images/ico_cp_1.png) no-repeat left center; padding-left:20px;}
.index_list_con dd{width: 100%; height:20px; line-height:20px;margin-top:10px; background: url(../images/ico_cp_2.gif) no-repeat left center; text-indent:10px; font-size:14px;}
.index_list_con dt a{color:#333;}


.index_pro_con{width: 780px; padding: 10px 0; float: left;}
.index_pro_con div{width: 182px; height: 170px; float: left; margin-left: 10px; display: inline; overflow: hidden;}
.index_pro_con div img{display:block; width: 176px; height: 130px; padding: 2px;  border: 1px solid #b0b0b0;}
.index_pro_con div h4{width: 182px; height: 30px; line-height: 30px; text-align: center;}

.index_pic{width: 320px; height: 230px;  overflow: hidden;}
.slideBox2{ width:100%; height:230px; overflow:hidden; position:relative;}
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:100%; height:230px; display:block;  }
.index_news{width: 360px; margin: 10px 10px 0 0;}
.index_case{width: 360px; margin-top: 10px;}
.index_news_con,
.index_case_con{padding: 0 10px; height: 200px;}
.index_news_con li,
.index_case_con li{height: 30px; line-height: 30px; background: url(../images/icon3.gif) no-repeat left center; padding-left: 10px; border-bottom: 1px dashed #b0b0b0; vertical-align: middle;}
.index_news_con li a,
.index_case_con li a{float: left;}
.index_news_con li span,
.index_case_con li span{float: right;}

.flink{width:1002px; margin-top: 10px; line-height: 24px;}
.flink_con{padding: 3px 10px;}
.flink a{margin-left: 5px;}
.footer{height: 80px; padding-top: 15px; margin-top: 10px; border-top: 2px solid #01609a;}
.footer p{line-height: 30px; text-align: center;}

/*sidebar  css*/
.side{width: 210px; margin-right: 10px; overflow: hidden;}
.side_list_con,
.side_contact_con{padding: 10px; width: 188px; overflow: hidden;}
.side_contact{margin-top: 10px;}

/*main  css*/
.main{width: 782px; overflow: hidden;}
.main_title{height: 28px; line-height: 28px; color: #fff; background: url(../images/title_bg.jpg) repeat-x;}
.main_title h2{font-size: 14px; float: left; padding-left: 25px;}
.main_title p{float: right; padding-right: 20px;}
.main_title p a{color: #fff;}
.article{padding: 20px; line-height: 2em;}
.article_pro{padding: 20px 0;}
.article_news{padding: 10px 20px;}
.article_news li{padding: 10px 0; border-bottom: 1px dashed #b0b0b0; vertical-align:middle; overflow: hidden;}
.article_news li h4{font-size: 14px; line-height: 30px; margin-left: 10px;}
.article_news li a, .article_news li p a{color: #01609a;}
.article_news li a:hover{text-decoration: none;}
.article_news li p{}
.article_news li span{margin-right: 20px;}
.article_pro div{width: 240px; float: left; margin-left: 15px;}
.article_pro div img{display: block; width: 230px; height: 170px;  padding: 4px; border: 1px solid #ccc;}
.article_pro div h4{width: 100%; line-height: 30px; text-align: center;}
.page{ height:30px; text-align:center; margin-top:10px;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.article_title{font-size:16px; line-height:45px; text-align:center; margin-top:10px;}
.article_author{text-align:center; border-bottom:2px solid #01609a; padding-top:10px; padding-bottom:5px;}
.article_author span{margin-right:15px; font-size:12px; line-height:2em;}
.article_content{padding:20px 0;}
.nextpage{margin:10px 0; text-align: center;}
.nextpage span{line-height:25px; margin-right: 60px;}
.article_smalltitle{height:30px;line-height:30px; border-bottom:2px solid #01609a; font-size:14px; margin-bottom:10px;}
.article_img{width:100%; margin:20px auto;}
.image_box {display:block; float:left; border:1px solid #ccc; width:350px; height:240px; padding: 4px; margin-right: 15px;}
.article_info{width:350px; float:left;}
.article_info h2{width:100%; font-size: 14px;}
.article_info p{line-height:24px; font-size: 14px; margin-bottom: 5px;}
.article_info span{font-weight: bold;}
.related_article li {width:45%; margin-left:15px; float:left; display: inline;}
.related_article li a{float: left; padding-left: 10px;}
.related_article li span{float: right; padding-right: 10px;}