@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none; color:#666;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:14px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none; 	
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear ;	/* Firefox 4 */
	-webkit-transition: all 0.5s linear;	/* Safari 和 Chrome */
	-o-transition: all 0.5s linear;
}
a:hover{text-decoration:none; color: #0069eb;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.top{
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-bottom: #d8d8d8 1px solid; 
}
.top .top_con{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.header{
	width: 100%;
	height: 117px;
	overflow: hidden;
}
.header .header_con{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.header_con .logo{
	width: 485px;
	height: 117px;
	overflow: hidden;
	float: left;
}
.header_con .tel{
	float: left;
	width: 314px;
	height: 90px;
	overflow: hidden;
	background: url(../images/tel.jpg) no-repeat center;
	margin-top: 10px; 
	padding-left:200px;
}
.nav{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #fff;
	border: #d8d8d8 1px solid;
	border-left: none;
	border-right: none;  
}
.navlist{width: 1200px; margin: 0 auto;  height:50px; line-height:50px; background:#fff;  position:relative; z-index:98;  }
.navlist a{ color:#333; font-size: 16px; }
.navlist li{
	width: 171px;
	height: 50px;
	text-align: center;
	float: left;
}
.navlist li:hover a{
	color: #194eac; 
}

.banner{
	width: 100%;
    height: 587px;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.bannerpic{
	width: 1920px;
    height: 587px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;   
}
/* 本例子css */
.bannerpic .hd{ height:20px; overflow:hidden; position:absolute; left:45%; bottom:80px; z-index:3; }
.bannerpic .hd ul{ overflow:hidden; zoom:1; float:left;}
.bannerpic .hd ul li{ float:left; margin-right:10px;  width:20px; height:20px; line-height:20px;  border-radius: 100%;  text-align:center; background:#fff; cursor:pointer; }
.bannerpic .hd ul li.on{ background:#0069eb; color:#fff;}
.bannerpic .bd{ position:relative; height:100%; z-index:2;}
.bannerpic .bd li{ zoom:1; vertical-align:middle; }

.product{
	width: 100%;
	height: 715px;
	padding-bottom: 50px; 
	background: #f3f3f3;	
}
.pro_con{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.pro_con .kinds{
	width: 350px;
	height: 715px;
	float: left;
	background: url(../images/kbg.jpg) no-repeat center;
	position: absolute;
	z-index: 5;
	top: -56px;
	left: 0;
}
.kinds .ktit{
	height: 82px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	padding-top: 15px; 
	margin-bottom: 20px; 
}
.kinds .ktit h3{
	height: 46px;
	line-height: 46px;
	font-size: 36px;
}
.kinds ul li{
	width: 290px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;  
}
.kinds ul li:hover{
	background: url(../images/libg.jpg) no-repeat center left;
}
.kinds ul li:hover a{
	color: #fff;
}
.pro_con .prolist{
	width: 830px;
	float: right;
	overflow: hidden;
	margin-top: 35px; 
}
.prolist .ptit{
	height: 95px;
	overflow: hidden;
	background: url(../images/ptit.jpg) no-repeat center;
	margin-bottom: 8px; 
}
.prolist ul li{
	width: 260px;
	height: 255px;
	overflow: hidden;
	float: left;
	background: #fff;
	text-align: center;	
	margin: 0 7px 10px 7px;
}
.prolist ul li .pic{
	width: 260px;
	height: 215px;
}
.prolist ul li .pic a img
{
	width: 260px;
	height: 215px;
	overflow: hidden;
}
.prolist ul li .title{
	height: 40px;
	line-height: 40px;
	background: #194eac;
}
.prolist ul li .title a{
	color: #fff;
}
.process{
	height: 460px;
	overflow: hidden;
	background: url(../images/process.jpg) no-repeat center;
	margin-bottom: 70px; 
}
.good{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.good .gtit{
	height: 81px;
	overflow: hidden;
	background: url(../images/gtit.jpg) no-repeat center;
	margin-bottom: 54px; 
}
.good .good1,
.good .good2,
.good .good3{
	height: 302px;
	overflow: hidden;
	margin-bottom: 20px; 
}
.about{
	width: 100%;
	padding: 50px 0 20px 0;
	overflow: hidden;
	background: url(../images/abg.jpg) no-repeat center;
	margin-bottom: 40px; 	
}
.about .a_con{
	width: 1200px;
	height: 440px;
	overflow: hidden;
	margin: 0 auto;	
}
.a_con .a_left{
	width: 586px;
	height: 373px;
	overflow: hidden;
	float: left;
	margin-top: 28px; 
}
.a_left img{
	width: 586px;
	height: 373px;
	overflow: hidden;
}
.a_right{
	width: 554px;
	overflow: hidden;
	float: right;
	padding-top: 30px; 
}
.a_right .atit{
	height: 88px;
	overflow: hidden;
	margin-bottom: 24px; 
}
.a_right .atit .amore{
	display: block;
	width: 82px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	overflow: hidden;
	background: #194eac;
	color: #fff;
	margin-top: 10px; 
}
.news{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 40px; 
}
.news .ntit{
	height: 88px;
	overflow: hidden;
	background: url(../images/ntit.jpg) no-repeat center;
	margin-bottom: 20px; 
}
.news .news_top{
	width: 1200px;
	height: 323px;
}
.news_top .news_pic{
	width: 600px;
	height: 322px;
	overflow: hidden;
	float: left;
}
.news_top .news_pic img{
	width: 600px;
	height: 322px;
	overflow: hidden;
}
.news_top .news_text{
	width: 516px;
	height: 198px;
	float: right;
	padding: 60px 40px;
	-moz-box-shadow:1px 0px 5px #ccc; 
	-webkit-box-shadow:1px 0px 5px #ccc; 
	box-shadow:1px 0px 5px #ccc;
}
.news_text h3{
	height: 46px;
	line-height: 46px;
	text-align: center;
}
.news_lists{
	width: 1200px;
	height: 184px;
	overflow: hidden;
	margin-bottom: 30px; 
}
.news_lists ul li{
	width: 557px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	float: left;
	margin: 0 20px;
	border-bottom: #d8d8d8 1px solid; 
}
.news a.nmore{
	display: block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	background: #194eac;
	color: #fff;
}

.menuleft{
	width: 260px;
	float: left;
	overflow: hidden;
}
.menu{
	width: 100%;
    height: auto;
    overflow: hidden;
}
.menu .mtit{
	width: 100%;
    height: 86px;
    line-height: 86px;
    text-align: center;
    background-color: #016ba5;
    margin-bottom: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.menu .mlist li{
	width: 100%;
    line-height: 41px;
    padding-bottom: 15px;
}
.menu .mlist li a{
	width: 100%;
    text-indent: 20px;
    color: #FFF;
    border-radius: 5px;
    background: url(../images/prol1.png) #016ba5 no-repeat 217px 12px;
    background-color: #016ba5;
    display: block;
    transition: 0.3s;
}
.menu .mlist li a:hover{
	background: url(../images/prol1.png) #ffc600 no-repeat 217px 12px;
	text-indent:25px; 
	transition:0.3s;
}
.contact{
	width: 260px;
    height: auto;
    float: left;
    line-height: 28px;
    color: #30394c;
    font-weight: bold;
}
.contact .l_contactnr{
	width: 238px;
    height: auto;
    float: left;
    padding: 10px;
    border: 1px solid #efefef;
    border-top: none;
}
.sub-con{
	width: 1200px;
	padding: 10px 0;
	overflow: hidden;
	margin: 0 auto;
}
.subBody{
	width: 900px;
	height: auto;
	float: right;
}
.subBody .subTitle{
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background: #016ba5;
	color: #fff;
	padding-right: 10px;
	margin-bottom: 15px; 
}
.subBody .subTitle a{
	color: #fff;
}
.subBody .subTitle .catname{
	height: 50px;	
	padding: 0 30px;
	background: #ffc600;
	float: left;
	font-size: 16px;
}
.subBody .sub-con{
	line-height: 24px;
}

.tit-i{
	text-align: center;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	border-bottom: #0069eb 1px solid;
	margin-bottom:20px; 
}
.tit-i h3{
	font-size: 30px;
	color: #0069eb;
	margin-bottom: 10px;
	font-weight: normal;
	float: left;
}
.leftnav{
	width: 1200px;
	margin-bottom: 30px; 
	text-align: center;
}
.leftnav a{
	display:inline-block;
	width: 224px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-align: center;
	margin: 0 6px 7px 6px;
	background: #0069eb;
	color: #fff;
	border-radius: 25px; 
}
.leftnav a:hover,.leftnav a.on{
	background: #ffd510;
	border-radius: 25px; 
}
.footer{
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px; 
	color: #999;
	background: #2b323a;
}
.footer .foot_con{
	width: 1200px;
	padding-bottom: 40px; 
	overflow: hidden;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
}
.foot_con .foot_nav{
	width: 1200px;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	border-bottom: #4b5157 1px solid;
}
.foot_nav ul li{
	width: 171px;
	overflow: hidden;
	float: left;
}
.foot_nav a{
	color: #999;
}
.foot_bot{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.foot_contact{
	width: 590px;
	height: 120px;
	margin-top: 20px; 
	overflow: hidden;
	float: left;
	text-align: left;
}
.foot_contact p{
	width: 250px;
	float: left;
}
.foot_weixin{
	overflow: hidden; 
	float: right;
	margin-top: 20px; 
}
.main{
	width: 1200px;
	padding: 30px 0; 
	overflow: hidden;
	margin: 0 auto;	
}
.main_left{
	width: 260px;
	float: left;
	overflow: hidden;
}
.sub-con{
	width: 1200px;
	padding: 10px 0;
	overflow: hidden;
	margin: 0 auto;
}
.subBody{
	width: 900px;
	height: auto;
	float: right;
}
.subBody .sub-con{
	line-height: 24px;
}
.incpli li {
	font-family: "Microsoft YaHei";
	font-size: 14px;
}
.incps {
	padding-top: 20px;
}
.incps li a {
	font-size: 14px;
}
.btc { 
	margin-bottom:10px; 
	display:block;
}
.incps li{
	width: 290px;
	height: 268px;
	overflow: hidden;	
	float: left;
	text-align: center;
	margin-bottom: 20px;
	margin-left: 10px;
}
.incps li .pic{
	width: 288px;
	height: 216px;
	overflow: hidden;
	border: solid 1px #ccc;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.incps li img{
	width: 288px;
	height: 216px;
	overflow: hidden;
}
.xinlink {
	background-color: #ebecec;
	padding-top: 20px;
	margin-top: 20px;
}
.article-list-bd li{
	padding: 10px 15px;
	border-bottom:1px dotted #333;
	background-color:#fff;
	position: relative;
	overflow: hidden;
}
.article-list-bd  li a.item-pic{
	width:190px;
	height: 160px;
	float:left;
	margin-right:1rem;
	display:inline-block;
}
.article-list-bd  li a.item-pic img{
	width:190px;
	height: 160px;
	overflow: hidden;
}
.article-list-bd  li .item-desc-hd{
    font-size:18px;
	color:#000;
	font-weight:800;
	margin:5px auto;
}
.item-desc .item-desc-text {
    margin: 10px 0;
    color: #000;
	font-size:14px;
	line-height:2;	
}
.item-desc p{
	color:#000;
	font-size:14px;
	margin:5px auto;
}
.article-list-bd  li:hover a h3{
	color: #0069eb;
}

.ijswd {
	padding: 20px;
	width: 280px;
}

.inwen {
	padding: 10px;
}
.inwen li {
	margin-bottom: 10px;
	line-height: 30px;
	border-bottom: dashed 1px #ccc;
}
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:32px;line-height:30px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8; border-radius: 5px;background:#f8f8f8; text-align:center;padding:0 12px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #008ef7;background:#008ef7;}
/*列表内容页*/
.listConts{line-height:26px;color:#666; padding-bottom: 20px; font-size: 14px;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts #textarea{font-size: 14px;}
.preNext{font-size: 14px;}

.title{
	text-align: center;
	line-height: 40px;
}
.info {
	text-align: center;
	line-height: 26px;
}
.content {
	line-height: 24px;
	font-size: 14px;
}
.contentimg{ text-align:center;}
/*.contentimg img {width: 590px;}*/
.conttitle{
	height:40px;
	line-height: 40px;
}
.content table{
	border-collapse:collapse;
}
.content table tr td{
	border: #ccc 1px solid;
}
.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;}
.news_list li a:hover{text-decoration:none;color:#0051ab;}
.news_list span{float:right;font-family:Arial;color:#0051ab;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}

