﻿@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:16px; font-family:"微软雅黑"; text-align:center; color:#555; line-height:24px;  overflow-x: hidden; background:url(../images/bg.png) top center no-repeat; }
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { 
margin:0;padding:0; border-collapse:collapse;}
em{font-style:normal;}
li{list-style:none;}
img{border:0px;}

a{color:#555; text-decoration:none;}
a:hover{color:#065bb1; text-decoration:none;}
.font12{font-size:12px;}
.font14{font-size:14px;} 
.font16{font-size:16px;} 
.font20{font-size:20px;}
.font30{font-size:30px;}
.w1200{width:1200px; margin:0 auto 0 auto; }
.w900{width:900px;}
.w600{width:660px!important;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:#85000e;}
.lh20{line-height:25px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left: 18px;}
.mr28{margin-right: 28px;}
.mt30{margin-top:30px;}
.w382{width:382px;}
.w390{width:390px;}
.w391{width:363px; background: #fff; padding:14px;}
.gray{width:100%; background: #f5f5f5; }
.white{color:white;}
.line_l{border-right:1px solid #c5dff6;}
.bg_white{background: #fff;}


#body .title01 h1,#body .news .title h1,#body .news li,#body .more,#body .pro .title h1,#body .news_list li,#body .histroy .title h1{background:url(../images/style.png) no-repeat;}

#content{width:100%; margin:0px auto 0; text-align: center;}
#top {width:100%;height: 533px; font-size: 12px; color: #fff; text-align: center; background: url(../images/banner.png) no-repeat center; }
#top .logo{margin: 10px auto; text-align: left;}
#top .logo img{margin-left:20px; margin-top:20px;}
#body .bg02{background:#e6f2ff; height: 422px;}
#body .bg03{background:#f8f8f8; padding:30px 0;}
#body{width:100%; margin:0 auto 0; }
#body .about{width:810px; height: 71px; background: url(../images/about_bg.png) no-repeat; padding:45px 56px 45px 334px; color:#fff; text-align: left;}
#body .about a{color:#fff; cursor: pointer;}
#body .pic_news{width:599px; height: 400px; margin-top: 70px;}
#body .news{width:601px; height: 400px; text-align: left; background: #0242ab; padding:0px;margin: 70px 0 0 0;}
#body .news ul{margin:32px 0 0 20px; width:550px;}
#body .news li{font-size: 16px; height: 36px; background-position: -17px -453px; color: #555; width:522px; padding-left:28px; float: left; border-bottom: 1px solid #1e57b4;margin: 10px 0 0 0;}
#body .news .date{color: #9e9e9e; width:50px; text-transform: uppercase; height: 36px; font-size: 14px;}
#body .news a{color:#fff;}

#body .pro .title{width:100%; height: 162px; text-align: center;}
#body .pro .title h1{background-position: 0px 0px; height: 125px; width: 100%; margin:30px auto;}


#body .news_list{width:580px; height: 400px; text-align: left; padding:0px;margin:73px 0 36px;}
#body .news_list .title{width:100%; height: 62px; border-top: 5px solid #065bb1; border-bottom: 1px solid #ccc; line-height: 62px;}
#body .news_list .title h1{font-size: 30px; color:#065bb1; margin-left: 20px;width: 200px;float: left;}
#body .news_list ul{margin:20px 0 0 0; width:550px;}
#body .news_list li{font-size: 18px; height: 36px; background-position: -17px -488px; color: #555; width:539px; padding-left:28px; float: left; margin: 10px 0 0 0;}
#body .news_list .date{color: #9e9e9e; width:50px; text-transform: uppercase; height: 34px; font-size: 17px;}

#body .news_list .news_pic_list{}
#body .news_list .news_pic_list li{font-size: 18px; height: 140px; color: #555; width:539px; padding-left:14px; float: left; background: none; }
#body .news_list .news_pic_list li .pic{float: left; width:152px; height: 112px; margin-right:20px;}
#body .news_list .news_pic_list li .pic img{float: left; width:152px; height: 112px; border-radius: 5px;}
#body .news_list .news_pic_list li a{width:367px;}
#body .news_list .news_pic_list li .date{color: #9e9e9e; width:50px; text-transform: uppercase; height: 34px; font-size: 17px; margin-top: 20px;}


#body .histroy .title{width:100%; height: 100px; text-align: center;}
#body .histroy .title h1{background-position: 0px -142px; height: 125px; width: 100%; margin:30px auto;}
#body .histroy li{font-size: 18px; height: 238px; color: #545454; width:1200px; float: left; background: #fff; margin:20px 0; text-align: left; }
#body .histroy li .pic{float: left; width:370px; height: 238px; margin-right:50px;}
#body .histroy li .pic img{float: left; width:379px; height: 238px;}
#body .histroy li h2{width:725px; color:#1c1c1c; margin:30px 0 30px 0; font-weight: normal;}
#body .histroy li p{width:725px; font-size: 16px; line-height: 30px; text-align: justify;}
#body .histroy li a{color:#000;}


#body .totop a{width: 100%; height: 59px; background: #8ebfe4 url(../images/totop.png) no-repeat center; }
#body .totop a:hover{background-color: #4087c4;}

#body .more{width:83px; height: 51px; background-position: 20px -390px; margin:0; color:#fff; font-size: 12px; text-align: center; line-height: 18px;float: right;}
#body .more1{width:66px; height: 30px; border-radius: 20px; background: #7515a6; color:#fff; text-align: center;  }
#body .more2{width:50px; height: 20px; background:#8ebfe4; color: #fff; text-align: center; margin-top: 10px; font-size: 12px; line-height: 20px;}
#body .more3{width:38px; height: 38px; background-position: -7px -360px;left: 40%;position: relative; top:10px;}


/*pic_news*/
.slideBox{ width:599px; height:400px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:14px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{border-radius: 4px; float:left; margin-right:5px;  width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{background:#fb4d4d; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:599px; height:400px; position: relative; z-index: 0 }
.slideBox .bd .news_info{width:100%; height: 60px; background:url(../images/newspic_bg.png); line-height: 60px; color:#fff; font-size: 20px; margin-top: 0px; text-align: left; padding:0 0 0 6px;position: relative; z-index:1;bottom: 60px;}
.slideBox .bd .news_info h1{font-weight: normal; line-height: 46px; margin-left: 20px;} 

/*blh_tab*/
.outBox{width:1300px; text-align:left; margin:0;height: 380px; }
.outBox .hd{ height:70px; line-height:47px; position:relative;  }
.outBox .hd ul{ float:left; position:absolute; height:47px;   }
.outBox .hd ul li{ margin:0 10px; font-size: 20px; float:left; border-radius: 20px; height: 47px; width:280px; text-align: center; background: #dcdcdc; color:#6c6c6c; cursor: pointer; }
.outBox .hd ul li.on{ height:47px;  background:#7515a6; cursor:pointer; color:#fff;  }
.outBox .hd ul li.on a{color:#fff;}

/*history_list*/
.inBox{ padding:15px 15px 0 15px; float: right;}
.inBox .inHd{ height:380px; width: 85px; line-height:24px; padding:0 10px; float: left;  }
.inBox .inHd ul{ overflow:hidden; zoom:1; }
.inBox .inHd ul li{ height:70px; width:70px; margin: 10px; line-height: 70px; font-size: 22px; border-radius: 50%; background: #fff; border:1px solid #ccc; text-align:center; float:left; cursor:pointer;  }
.inBox .inHd ul li.on{ background:#7e0eb7; color:#fff; border:0px;  }
.inBox .inBd ul{ padding:15px;  zoom:1; overflow:hidden; float: left;   margin: 3px;}
.inBox .inBd li{ height:318px; line-height:30px; font-size: 16px; overflow:hidden; zoom:1; width:1050px; background: #fff; }
.inBox .inBd li .info01{margin: 27px; width:430px;}
.inBox .inBd li .info01 p{margin-bottom: 17px;height: 213px;overflow: hidden;}

/*pro_list*/
/*.picList ul{margin:0;}
.picList li{ width:380px; height: 310px;} 
.picList .pic{ text-align:center; line-height:0px; width: 380px; overflow: hidden; } 
.picList .pic img{width: 380px; height: 230px; } 
.picList .pic a:hover img{ border-color:#f00;  }  */
.picList .title01{position: relative; color:#000; line-height: 50px; font-size: 18px; text-align: center;}
.leftLoop{position:relative; width:1300px; height: 353px; margin: 63px auto;  padding: 5px 0 0 0;} 
.leftLoop h1{margin:38px 0 0 0;height: 50px;}
.leftLoop .hd{height:50px; position: absolute; z-index:1;  width: 1300px;margin-left: -50px;top: 120px;} 
.leftLoop .hd .prev,.leftLoop .hd .prev:hover{background:url("../images/style.png") no-repeat; background-position:-17px -533px; width:30px; height:50px; float:left; cursor:pointer;} 
.leftLoop .hd .prev:hover{background-position:-70px -533px;}
.leftLoop .hd .next,.leftLoop .hd .next:hover{background:url("../images/style.png") no-repeat; background-position:-17px -606px; width:30px; height:50px; float:right; cursor:pointer;} 
.leftLoop .hd .next:hover{background-position:-70px -606px;}
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; } 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:0;   margin:20px 0;z-index: 2; position: relative; width:1200px;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0; text-align:center; float:left;display:_inline; width:406px; } 
.leftLoop .bd ul li img{ width: 380px; height: 230px; } 

/*footer*/
.footer{text-align: left; line-height: 24px; background:url(../images/footer_bg.jpg) no-repeat top center; float: left; height: 179px; font-size:15px; color:#fff; width:100%; padding:44px 0 0 0;}
.footer p{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.footer p.copyright{
	line-height:25px;
}
.footer p em{
	padding:0 5px;
}
.footer a{color:#fff;}
.footer_bot{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.footer_bot a.dzjg_ico{
	position:absolute;
	left:177px;
	top:14px;
}
.footer_bot a.jcjcjcjc{
	position:absolute;
	right:130px;
	top:25px;
}
.mobile_footer{display: none;}
