﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0; font-family:"微软雅黑";}
li{ list-style:none;}
a{ text-decoration:none;}
@media screen and (min-width: 1151px){
	#header{ width:100%;}
	#banner{ width:100%;}
        #dbnav,#banquan,#youqing{ width:100%;}
}
@media screen and (max-width: 1150px){
	#header{ width:1150px;}
	#banner{ width:1150px;}
#dbnav,#banquan,#youqing{ width:1150px;}
}
#top{ width:1150px; margin:0 auto; position:relative; height:110px;}
#logo{ float:left; margin-top:20px;}
#sousuo{ position:absolute; right:0px; top:30px; width:316px; height:30px;}
#rexian{position:absolute; right:0px; top:70px; width:316px;}
#rexian img{ width:21px; float:left; margin-right:5px;}
#rexian p{ color:#F00; font-weight:bold;}
#nav{ background-color:#0953a6; height:45px;}
#nav ul{ width:1150px; margin:0 auto;}
#nav ul li { float:left; width:164px;}
#nav ul li a{ width:164px; color:#FFF;  font-size:16px; display:block; text-align:center; line-height:45px;}
#nav ul li a:hover{ background-color:#3685de;}
/*banner*/
#banner { overflow:hidden; background-color:#fafafa;}
.wrapper {
	left: 0;
	width: 100%;
	overflow: hidden;
	float: left;
}
.swipe {
	width: 100%;
	overflow: hidden;
	margin: 0 auto
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
	list-style:none;
}
.swipe #pagenavi {
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.swipe #pagenavi a {
	width: 10px;
	height: 10px;
	line-height: 99em;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
*display:inline;
*zoom:1;
}
.swipe #pagenavi a.active {
	background: #C80002;
}
/*--------------------------------------------产品展示----------------------------------*/
#cpzx{ width:1150px; margin:20px auto 20px; height:508px;}
#leftmain{ float:left; width:270px; margin-bottom:40px;}
#left{ float:left; width:270px; height:494px; background-color:#d7d7d7; margin-top:10px;}
#left h2{ background-color:#0953a6; color:#FFF; text-align:center; padding:15px 0px;}
#left ul li{ margin:10px; width:248px; border:1px solid #fff; background-color:#eeeeee; text-align:center; padding:7px 0px;}
#left ul li a{ color:#464646;  }
#left ul li:hover{ background-color:#fafafa;}
#leftnews{ width:270px; height:585px; margin:20px 0px 0px; float:left;}
#leftnews h2{ background-color:#0953a6; color:#FFF; text-align:center; padding:15px 0px;}
#leftnews ul{ width:268px; border:1px solid #ccc;}
#leftnews ul li{ padding:15px 5px; margin:0px 10px; border-bottom:1px dashed #ccc;}
#leftnews ul li a{ color:#333;}
#leftnews ul li a:hover{ color:#F00;}
#leftnews ul li a span{ margin-right:5px;}
#right{ float:right; width:861px;}
#right ul li{ width:267px; float:left; margin:10px;}
#right ul li p{ text-align:center; color:#000; margin-top:10px;}
#right ul li p a{ color:#000;}
#right ul li a:hover{ color:#0953a6;}
#right ul li a img{ width:257px; border:1px solid #ccc; padding:4px;}
/*--------------------------------------------关于我们----------------------------------*/
#about{ width:1150px; height:500px; margin:0 auto;}
#abbt{ border-bottom:1px solid #ccc; height:41px; margin-bottom:20px; padding-left:20px;}
#abbt h2{ border-bottom:5px solid #0953a6; padding-bottom:8px; width:150px; text-align:center; }
#ableft{ width:740px; height:215px; float:left; padding-right:32px;}
#ableft p{ text-indent:2em; line-height:30px; margin-bottom:30px;}
#ableft a{ background-color:#0953a6; padding:8px 18px; border-radius:10px; color:#FFF;}
#abright{ border:1px solid #ccc; padding:3px; float:right; margin-right:20px;}
#abright img{ width:350px; }
#rongyu{ height:180px; margin:30px 0px 0px; float:left;}
#rongyu h2{ width:30px; color:#0953a6; float:left; margin-top:10px; margin-left:5px;}
#rongyu ul{ width:1100px; float:left; margin-left:15px;}
#rongyu ul li{ float:left; margin:0px 5px;}
#rongyu ul li a img{ width:202px; border:1px solid #ccc; padding:3px;}
/*--------------------------------------------news----------------------------------*/
#news{ background-color:#eeeeee; height:482px; padding:30px 0px;}
#newsmain{ width:1150px; margin:0 auto; border:1px solid #ccc; background-color:#FFF; height:480px;}
.news{  width:563px;  float:left; margin-right:20px;}
#newsmain .bt{ border-bottom:1px solid #ccc; padding-left:10px; height:43px; margin-bottom:10px;}
#newsmain .bt h2{ border-bottom:5px solid #0953a6; padding:5px 0px; width:150px; text-align:center; float:left;}
#newsmain .bt p{ float:right; font-size:14px; margin:11px;}
#newsmain .bt p a{ color:#000;}
#newsmain .bt p a:hover{ text-decoration:underline}
#newsmain ul{ padding:0px 10px;}
#newsmain ul li{ border-bottom:1px dashed #ccc; padding:15px 10px; margin:0px 10px; width:525px; float:left; }
#newsmain ul li a{ font-size:18px; color:#000;}
#newsmain ul li a:hover{ color:#0953a6;}
#newsmain ul li a span{ float:left; margin-right:5px; color:#000;}
#newsmain ul li a:hover span{ color:#0953a6;}
#newsmain ul li span{ float:right; color:#666;}
#newsmain ul li p{ font-size:14px; color:#999; margin-top:6px;}
/*--------------------------------------------销售网络----------------------------------*/
#xiaoshou{ width:1150px; margin:20px auto; height:440px;}
#xiaoshou img{ float:left;}
#lianxi{ float:right; border:1px solid #ccc; width:306px; margin-top:10px; padding:20px;}
#lianxi h1{ text-align:center; color:#0953a6; margin-bottom:30px;}
#lianxi p{ line-height:30px;}
#lianxi p a{ color:#000;}
#lianxi p a:hover{ color:#0953a6;}
/*--------------------------------------------产品展示----------------------------------*/
#cpzs{ width:1150px; margin:0 auto; height:330px;}
#cpbt{ border-bottom:1px solid #ccc; height:41px; margin-bottom:20px; text-align:center;}
#cpbt h2{ border-bottom:5px solid #0953a6; padding-bottom:8px; width:150px; text-align:center; margin:0 auto; }
#cpzs li{ width:267px; float:left; margin:10px;}
#cpzs li p{ text-align:center; color:#000; margin-top:10px;}
#cpzs li p a{ color:#000;}
#cpzs li a:hover{ color:#0953a6;}
#cpzs li a img{ width:257px; border:1px solid #ccc; padding:4px;}
/*--------------------------------------foot--------------------------------------*/
#dbnav{ background-color:#373737; height:45px;}
#dbnav ul{ width:1150px; margin:0 auto;}
#dbnav ul li { float:left; width:164px;}
#dbnav ul li a{ width:164px; color:#FFF;  font-size:16px; display:block; text-align:center; line-height:45px;}
#dbnav ul li a:hover{ background-color:#555;}
#banquan{ background-color:#000; padding:20px 0px;}
#banquan p{ width:1150px; margin:0 auto; color:#999; text-align:center; line-height:30px;}
#banquan p a{ color:#999;}
#banquan p a:hover{ color:#FFF;}
#youqing{ background-color:#000; padding-bottom:5px;}
#youqing p{ color:#999;}
#youqing p a{ color:#999;}
/*--------------------------------------main--------------------------------------*/
#main{ width:1150px; margin:20px auto;}
#main .bt{ border-bottom:1px solid #ccc; padding-left:10px; height:43px; margin:10px 0px 10px;}
#main .bt h2{ border-bottom:5px solid #0953a6; padding:5px 0px; width:150px; text-align:center; float:left;}
#main .bt p{ float:right; font-size:14px; margin:11px;}
#main .bt p a{ color:#000;}
#main .bt p a:hover{ text-decoration:underline;}
#page{ text-align:center; padding:20px 0px 30px; color:#666;}
#page a{ color:#666;}
#page a:hover{ color:#F00;}
/*--------------------------------------产品内容--------------------------------------*/
#cpnr{ float:right; width:861px;}
#cpnr h3{ text-align:center; font-weight:normal; margin:30px 0px 8px; font-size:24px;}
#cpnr .fbz{ width:450px; margin:0 auto; height:20px;}
#cpnr .fbz li{ width:150px; font-size:14px; color:#999; float:left; text-align:center;}
#cpnr .cptu{ margin:20px auto; display:block; border:1px solid #ccc; padding:3px;}
#cpnr p{ line-height:25px; color:#333; margin:0px 15px 5px; text-indent: 2em;}
#cpnr .cpwz{text-indent:2em;}
#cptj{ border-top:1px dashed #ccc; margin:0px 0px 40px; padding-top:20px; height:415px;}
.cptj{ width:430px; height:415px; border-right:1px solid #CCC; float:left;}
.cptj h4{ margin-left:15px;}
.cptj ul li{ width:195px; float:left; margin:10px;}
.cptj ul li a{ text-align:center; color:#000; display:block;}
.cptj ul li a:hover{ color:#0953a6;}
.cptj ul li a img{ width:185px; border:1px solid #ccc; padding:4px; margin-bottom:10px;}
#newsnr{ float:right; width:861px;}
#newsnr h3{ text-align:center; font-weight:normal; margin:30px 0px 8px; font-size:24px;}
#newsnr .fbz{ width:450px; margin:0 auto; height:20px;}
#newsnr .fbz li{ width:150px; font-size:14px; color:#999; float:left; text-align:center;}
#newsnr p{ line-height:25px; color:#333; margin:0px 15px 5px;}
#newstj{ border-top:1px dashed #ccc; margin:0px 0px 40px; padding-top:20px; height:310px;}
.newstj{ width:410px; height:310px; border-right:1px solid #CCC; float:left; padding-left:20px;}
.newstj h4{ margin-left:15px; margin-bottom:15px;}
.newstj ul li{ margin:5px 20px; height:21px; overflow:hidden;}
.newstj ul li a{ color:#333; font-size:14px;}
.newstj ul li a:hover{ color:#F00;}
.newstj ul li a span{ margin-right:5px;}

#xyy{ text-align:center; margin:30px 0px 40px;}
#xyy li{ float:left; width:410px; text-align:left; padding-left:20px; height:30px; margin-bottom:20px;}
#xyy li a{ color:#000;}
#xyy .syy{ text-align:right; padding-right:20px; padding-left:0px;}
#xyy .fanhui{ background-color:#0953a6; padding:8px 20px; border-radius:10px; color:#fff;}
/*--------------------------------------新闻列表--------------------------------------*/
#newslb{ float:right; width:861px;}
#newslb ul li{ padding:20px 10px; border-bottom:1px dashed #ccc;}
#newslb ul li a{ color:#000; font-size:18px;}
#newslb ul li a:hover{ color:#0953a6;}
#newslb ul li span{ float:right; font-size:14px; color:#999;}
#newslb ul li p{ font-size:14px; color:#666; margin-top:10px; height:40px; overflow:hidden;}
/*--------------------------------------关于--------------------------------------*/
#guanyu{ width:861px; margin:20px 0px 40px;}
#guanyu p{ font-size:16px; color:#333; line-height:30px; text-indent:2em; margin:0px 20px;}
#guanyu img{ margin-top:20px;}
#lx{ width:861px; height:420px; margin:50px 30px 0px;}
#lx h4{  margin:0px 20px 10px;}
#lx p{ font-size:16px; color:#333; line-height:30px; margin:0px 20px;}
#lx p a{ color:#333;}
#lx p a:hover{ color:#0953a6;}
