@charset "utf-8";
/*reset  css*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", tahoma, Arial, Helvetica, sans-serif; /* background: #eaeaea; */ 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:#656565;}
a:hover{text-decoration: none; color:#ff4b00;}

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

/*index  css*/
.top{height: 120px; background:url(../images/header_bg.jpg) repeat-x;}
.header{width: 1200px; height: 115px; margin: 0 auto; position: relative; overflow:hidden;}
.header h1{width: 721px; height: 112px; position: absolute; top: 3px; left: 0;}
.header .headerTop{width:251px; height:24px; line-height:24px; background:url(../images/top_bg2.gif)no-repeat; position: absolute; top: 0; right: 0; text-align:center; color:#999;}
.header .headerTop a{margin:0 5px; color:#999;}
.header .headerTop a:hover{}
.header .tel{width:341px; height:76px; position: absolute; bottom: 0; right: 100px;}
.header .weixin {position: absolute; right: 0; bottom: 0; width: 80px;}
.nav{height: 37px; padding:1px 0 8px; background: url(../images/nav_bg.jpg) repeat-x;}
.nav ul{width: 1200px; height: 37px; margin: 0 auto;}
.nav li{width: 150px; height: 37px; line-height: 37px; float: left; text-align: center; font-weight: bold; background:url(../images/nav_line.gif) no-repeat right center;}
.nav li a{display: block; width: 150px; height: 37px; font-size: 14px; color: #fff; font-weight: bold;}
.nav li a:hover{color:#fff; font-weight: bold; text-decoration: none; background:url(../images/nav_hover.gif) repeat-x;}
.banner{width: 1000px; height: 300px;  margin: 5px auto; overflow: hidden; visibility: hidden;}
.ad{background: #025ed6; color: #fff; padding: 10px 0;}
.ad ul {overflow: hidden;}
.ad li{float: left; width: 25%; height: 44px;}
.ad li img {float:left; width: 44px; height: 44px; padding-left: 60px;}
.ad li div {float: left; margin-left: 20px;}
.ad li div b {display: block; font-size: 16px; line-height: 20px;}
.ad li div span {display: block; font-size: 12px; line-height: 20px; margin-top: 4px;}
.content{width: 1200px; margin: 0px auto; padding:5px 0;}
.product-title {height: 60px; line-height: 60px; overflow: hidden; background: url(../images/title_bg.jpg) no-repeat; color: #fff; padding-left: 320px; font-size: 14px; /*margin-bottom: 10px;*/}
.product-title .fl a {color: #fff; margin-right: 20px;}
.product-title .fr{width: 80px; color: #fff; text-align: center;}
.list{width: 220px; margin-bottom: 10px; margin-right:13px; overflow:hidden;}
.listTitle{width: 100%; height: 35px; line-height: 35px; background: url(../images/title_bg2.gif) repeat-x;}
.listTitle h3{font-size: 14px; padding-left: 20px; color: #fff; float: left;}
.listTitle span{margin-left: 10px; color: #fff; font-weight: bold; float: left; display: inline;}
.mainTitle{width:100%; height:35px; line-height:35px; background:url(../images/title_bg1.jpg) repeat-x; border-bottom:1px solid #ddd;}
.mainTitle h3{font-size: 14px; padding-left: 20px; color: #b80000; float: left;}
.mainTitle p{float:right; padding-right:10px;}
.icon03 h3{width:80px; background:url(../images/icon003.gif) repeat-x; color:#fff;}
.mainTitle span{margin-left: 10px; color: #fff; font-weight: bold; float: left; display: inline;}
.more{display: block; width: 34px; height: 11px; margin: 12px 10px 0 0; float: right; display: inline;}
.about, .news{width:891px; border:1px solid #ddd; margin-bottom: 10px; margin-right:13px; overflow:hidden;}
.aboutCon{padding:10px; height:226px; background:#fff;}
.aboutCon .code{width:220px; height:220px; float:left; margin-right:10px;}
.aboutCon p{text-indent:2em; font-size: 14px;}
.video, .honor{width:290px; border:1px solid #ddd;}
.videoCon, .honorCon{padding:10px; height:226px; background:#fff;}
#PicSlideshow{width:270px; height:226px; overflow:hidden; visibility: hidden;}
.honorCon{width:270px; height:214px; overflow: hidden; visibility: hidden;}
.honorCon img{width:270px; height:214px; overflow:hidden;}
.newsCon{padding:0 10px; height:234px; background:#fff;}
.news{width:475px;}
.news li{height: 30px; line-height: 30px; background: url(../images/icon02.gif) no-repeat left center; border-bottom: 1px dashed #ddd; vertical-align: middle; font-size: 14px;}
.news li a{float: left; margin-left: 12px;}
.news li span{float: right; font-weight: normal; color: #333;}
.product{width: 965px; margin-bottom: 10px; padding-bottom:10px; border:1px solid #ddd; background:#fff;}
.productCon{background:#fff; border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px;}
.productCon li{width: 227px; float: left; margin-left: 10px; display:inline; margin-top:12px;}
.productCon img{width: 225px; height: 170px; border:1px solid #e3e3e3;}
.productCon h3, .showList li h3{height: 26px; line-height: 26px; text-align: center; margin-top:10px; font-size: 14px;}
.show{border:1px solid #ddd; width:1198px; margin:0 auto;}
.showList{position:relative; height:170px;}
.showList .leftBtn{position:absolute; left:10px; top:65px; width:12px; height:28px; cursor:pointer; background:url(../images/left_button.png) no-repeat;}
.showList .rightBtn{position:absolute; right:10px; top:65px; width:12px; height:28px; cursor:pointer; background:url(../images/right_button.png) no-repeat;}
.showList ul{overflow:hidden; position:absolute; left:24px; top:0; width:1150px; height:170px; position:absolute;}
.showList li{width:181px; float:left; margin-left: 10px; display:inline; margin-top:10px;}
.showList li img{width:179px; height:120px; border:1px solid #ccc;}
.flink{width: 1188px; margin: 0 auto; margin: 0 auto; line-height: 24px; word-break: keep-all; text-align: left; padding:10px 5px; border:1px solid #ddd; background:#fff;}
.flink a, .flink span{margin: 0 5px;}
.footer{padding: 10px 0; margin-top: 10px; text-align: center; /*  border-top:5px solid #a60002;  */ background:#b80000; color:#fff;}
.footerCon{width:1000px; margin:0 auto; position:relative;}
.footerCon .erweima{width:64px; height:64px; position:absolute; right:10px; top:0px;}
.footer p{line-height: 30px;}
.footer a{color:#fff;}


/*sidebar  css*/
.sidebar{width: 225px; margin-right: 10px; margin-bottom:10px; overflow:hidden;}
.listCon{width:218px; border:1px solid #ddd; background:url(../images/left_bg.jpg) repeat-y;}
.listCon li{width: 210px; height: 30px; line-height: 30px; border-bottom: 1px solid #e3e3e3; margin:0 5px; background:url(../images/icon01.gif) no-repeat 10px 10px;}
.listCon li a{margin-left: 30px; font-size: 14px;}
.sideContact{width: 220px; margin-bottom: 10px;}
.Contact{width: 220px; margin-bottom: 10px; /* margin-right:13px; */ overflow:hidden;}
.sideContactCon{width: 198px; height: 238px; padding:5px 10px; border:1px solid #ddd; background:url(../images/left_bg.jpg) repeat-y; line-height: 26px;}

/*main  css*/
.main{width: 965px; margin-bottom:10px;}
.main02{width: 963px; border:1px solid #ddd; margin-bottom: 10px;}
.mainCon{padding: 20px 10px; line-height: 2em; overflow:hidden; background:#fff;}
.mainCon02{padding: 20px 0; line-height: 2em; background:#fff;}
.mainNews li{height: 30px; line-height: 30px; background: url(../images/icon05.gif) no-repeat left center; padding-left: 10px; border-bottom: 1px dotted #dfdfdf; vertical-align: middle; font-size: 14px;}
.mainNews li a, .related_article li a{float: left;}
.mainNews li a:hover{text-decoration: none;}
.mainNews li span, .related_article li span{float: right;}
.mainPro li{width: 176px; float: left; margin: 0 0 15px 10px; display: inline;  border:1px solid #d7d7d7;}
.mainPro li img{width: 166px; height: 110px; padding:5px 5px 0 5px;}
.mainPro li h4{font-size: 14px; line-height: 20px; text-align: center; padding-bottom:5px;}
.mainVideo li{width: 227px; float: left; margin: 0 0 5px 10px; display: inline;}
.mainVideo li img{width: 215px; height: 164px; padding:5px; border:1px solid #d7d7d7;}
.mainVideo li h4{font-size: 14px; line-height: 20px; text-align: center; padding-top:10px;}
.page{ height: 20px; text-align:center; margin-top:10px;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.list_page{text-align:center; padding-top:25px; clear:both;}
.list_page a{margin:0 3px;padding:2px 6px;border:1px solid #666; color:#333; cursor:pointer;}
.list_page .thispage{background:#ff9900; color:#fff;}
.list_page span{margin:0 3px;padding:2px 6px;border:1px solid #666;}

.article_title{font-size:16px; line-height:30px; color:#000; text-align:center;}
.article_author{text-align:center; border-bottom:1px solid #d7d7d7; padding-top:10px;}
.article_author span{margin-right:15px; line-height:2em;}
.article_content{padding:20px 0;}
.page_next{text-align:center; border-bottom:1px dotted #ccc;}
.page_next span{margin-right:40px; line-height:45px;}
.pro_intr{margin-bottom: 20px;}
.pro_intr h2{font-size: 16px; line-height: 30px; color: #cc0000; float: left;}
.pro_intr p{float:left; width:350px; margin-bottom: 10px; font-size: 14px;}
.pro_intr p span {color: #cc0000; font-weight: bold;}
.article_img{display:block; width:400px; height:300px; margin: 20px auto;}
.article_img img{width:400px; height:300px;}
.article_smalltitle,.pro_info{height:30px;line-height:30px; font-size:14px; }
.related_article li, .related_pro li{width:45%; margin-left:15px; float:left; background:url(../images/ico01.gif) left center no-repeat; padding-left:15px; display: inline;}
.related_pro li{background:url(../images/icon03.jpg) left center no-repeat; padding-left: 20px; }
.pro_info{border-bottom: 1px solid #d7d7d7;}

.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:14px; height:14px; line-height:14px; border-radius: 50%; 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;  }

.adv {
	background: url(../images/ys_bg.jpg) no-repeat top center;
	padding-top: 60px;
}
.adv_title{
	text-align: center;
	margin-bottom: 70px;
}
.adv_title strong{

	font-size: 48px;
	color: #333;
	
	font-weight: 600;
}
.adv_title i{
	background: url(../images/line1.png) no-repeat top center;
	font-size: 16px;
	display: block;
	height: 45px;
	margin-top: 30px;
	line-height: 40px;
	font-style: normal;
}
.adv .adv-con {
	width: 40%;
	margin-top: 70px;
}
.adv .adv-con div {
	padding-left: 20px;
	border-left: 3px solid #e67817;
	margin-bottom: 30px;
}
.adv .adv-con div h4 {
	font-size: 20px;
	font-weight: bold;
	color: #318afa;
	color: #b80000;
}
.adv .adv-con div span {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #979797;
}
.adv .adv-con div p {
	font-size: 16px;
	line-height: 30px;
	color: #444;
}