@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: 1101px){
	#top{ width:100%;}
	#xinwen{ width:100%;}
	#foot{ width:100%;}
	#banquan{ width:100%;}
	#youqing{ width:100%;}
	#cpmain{ width:100%;}
}
@media screen and (max-width: 1100px){
	#top{ width:1100px;}
	#xinwen{ width:1100px;}
	#foot{ width:1100px;}
	#banquan{ width:1100px;}
	#youqing{ width:1100px;}
	#cpmain{ width:1100px;}
}
#top{ background-color:#eee; height:30px;}
#topmain{ width:1100px; margin:0 auto;}
#huanying{ float:left; width:780px; padding-top:5px; font-size:14px;}
#huanying .gd{ float:left;}
#sousuo{ float:right;}
#header{ width:1100px; height:100px; margin:0 auto;}
#logo{ width:330px; float:left; padding-top:10px;}
.lxdh{ float:right; margin-top:20px;}
.lxdh span{ color:#F00; font-size:28px; font-weight:bold;}
#nav{ background-color:#1172c1; width:100%; height:50px;}
.nav{ width:1100px; margin:0 auto;}
#nav ul li{ float:left;}
#nav ul li a{ font-size:14px; color:#fff; text-align:center; display:block; padding:15px 36px;}
#nav ul li a:hover{ background-color:#005bac; color:#FFF;}

.imcm .imclear, .imclear { clear: both; height: 0px; visibility: hidden; line-height: 0px; font-size: 1px;}
.imcm .imsc {position: relative; z-index:101;}
.imcm .imsubc { position: absolute; visibility: hidden;}
.imcm ul ul li {width: 100%;float: none !important;}
.imcm a {position: relative;}
.imde ul li:hover .imsubc {visibility: visible;}
.imde ul ul li:hover .imsubc { visibility: visible;}
.imde ul ul ul li:hover .imsubc {visibility: visible;}
.imde li:hover ul .imsubc {visibility: hidden;}
.imde li:hover ul ul .imsubc {visibility: hidden;}
.imde li:hover ul ul ul .imsubc {visibility: hidden;}
#imenus0 li ul li { text-align:center; border:1px solid #CCC; border-top:none; background-color: #fff; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
#imenus0 li ul li a { color: #000; font-size: 14px; padding:10px 35px;}
#imenus0 ul li:hover{background-color: #60afef; color: #FFF;}
#imenus0 ul li:hover a{ color: #FFF; text-decoration:none;}
.im1{ width:200px; top:0px; left:-40px;}
.im2{ width:250px; top:0px; left:-44px;}
.im3{ width:200px; top:0px; left:-17px;}
/*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;}

#zhengfaqi{ width:1100px; height:150px; margin:30px auto;}
#zhengfaqi a{ width:1100px; height:150px; display:block; background-image:url(../images/zhengfaqi.jpg);}
#zhengfaqi a:hover{ background-image:url(../images/zhengfaqi1.jpg);}
/*产品展示*/
#cpmain{ background-color:#eee; height:554px; padding:20px 0px 0px;}
#cpma{ height:334px; padding:20px 0px 0px;}
#cpzs{ width:1100px; margin:0px auto;}
#cpzs h2{ text-align:center; letter-spacing:5px; font-size:32px;}
.contentbox{ padding-top:20px;}
/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title{
	margin-top: 50px;
	text-align: center;
}
.content{
	width:1068px;
	height: 210px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding:15px; background-color:#FFF;
}
.con{
	width:247px;
	height: 185px;
	float: left;
	margin: 10px;
	position: relative;
	cursor: pointer;
}
.con img{
	width:247px;
	height: 185px;
}
.txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt h3{
	font-weight: normal;
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/
/*首页新闻*/
#xinwen{ background-color:#eee; height:535px;}
#xwmain{ width:1100px; margin:0 auto;}
.hangye{ border:1px solid #ccc; width:498px; float:left; margin-top:30px; padding:20px; background-color:#ffffff;}
.hangye h4{ font-size:22px; float:left;}
.hangye .gengduo{ float:right; color:#0282c3; margin-top:10px;}
.hangye .gengduo:hover{ color:#F00;}
.hangye h5{ margin:5px 0px; }
.hangye h5 a{ font-size:18px; color:#0282c3; font-weight:normal; }
.hangye h5 a:hover{ color:#F00;}
.hangye p{ font-size:14px; line-height:20px; color:#777;}
.hangye img{ margin:10px 0px;}
.hangye ul{ border-top:1px dashed #ccc; margin-top:10px; padding:10px 0px 0px;}
.hangye ul li{ margin:5px 0px;}
.hangye ul li a{ color:#000; font-size:14px;}
.hangye ul li a:hover{ color:#F00;}
.hangye ul li a span{font-size: 18px; font-weight: bold; margin-right: 5px;}
.hangye ul li p{ float:right; font-size:14px; color:#666; margin-top:4px;} 
/*首页关于我们联系我们*/
#gylx{ width:1100px; margin:30px auto; height:279px;}
#gy{ border:1px solid #ccc; width:664px; float:left; margin-right:20px; padding:20px;background-image:url(../images/img22.jpg);}
#gy h2{ font-size:28px; text-align:center; margin-bottom:20px;}
#gy p{ font-size:14px; line-height:30px; text-indent:2em;}
#gy p a{ color:#F00;}
#gy p a:hover{ text-decoration:underline;}
#lx{ border:1px solid #ccc; width:330px; float:left; padding:20px; background-color:#f7f5f5;}
#lx h2{ font-size:28px; text-align:center; margin-bottom:20px;}
#lx p{ font-size:14px; line-height:30px; }
#lx p a{ color:#000;}
#lx p a:hover{ color:#F00; text-decoration:underline;}
/*foot*/
#foot{ background-color:#2f2f2f; height:61px;}
#footmain{ width:1100px; margin:0 auto;}
#footmain ul{  margin:0 auto; text-align:center;}
#footmain ul li{ float:left; padding:20px 36px;}
#footmain ul li a{ color:#ddd; font-size:14px;}
#footmain ul li a:hover{ text-decoration:underline;}
#banquan{ background-color:#000; color:#878787; font-size:14px; text-align:center; padding:15px 0px;}
#banquan p a{ color:#878787;}
#banquan p a:hover{ text-decoration:underline;}
#youqing{ background-color:#000; font-size:14px; color:#878787; padding-bottom:10px;}
#youqing a{ font-size:14px; color:#878787;}
#youqing a:hover{ text-decoration:underline;}
/*二级页面左右部分*/
#content{ width:1100px; margin:20px auto;}
#left{ width:239px; float:left; margin-right:20px;}
#left .cpdh h2{ height:50px; background-color:#1172c1; line-height:50px; text-align:center; color:#FFF;}
#left .cpdh ul{ margin-top:10px;}
#left .cpdh ul li{ border:1px dashed #ccc; margin-bottom:5px; background-color:#fff;}
#left .cpdh ul li a{ font-size:14px; color:#000; padding:10px 20px;  display:block;}
#left .cpdh ul li a:hover{ margin-left:10px; color:#F00; -webkit-transition:all 0.1s;}
#left .xwzx{ margin-top:20px; margin-bottom:20px;}
#left .xwzx h2{ height:50px; background-color:#eee; line-height:50px; padding-left:20px; color:#1172c1;}
#left .xwzx ul{ margin-top:10px;}
#left .xwzx ul li{ border-bottom:1px dashed #ccc; padding:10px 20px;}
#left .xwzx ul li a{ font-size:14px; color:#000; }
#left .xwzx ul li a:hover{ color:#F00;}
#left .xwzx ul li a span{ font-size: 18px; font-weight: bold; margin-right: 5px;}
#right{ float:left; width:801px; padding:0px 20px;}
#right h2{ height:50px; background-color:#eee; line-height:50px; padding-left:20px; color:#1172c1; margin-bottom:10px;}
#right h2 span{ float:right; font-size:14px; font-weight:normal; margin-right:20px; color:#000;}
#right h2 span a{ color:#000;}
#right h2 span a:hover{ color:#1172c1;}
/*产品详情页*/
#xqy{ padding:10px;}
#xqy h3{ font-size:24px; font-weight:normal; text-align:center; margin:10px 0px 20px;}
#xqy .fbz{ width:450px; height:30px; margin:0 auto;}
#xqy .fbz li{width:150px; float:left; font-size:14px; color:#999; text-align:center;}
#xqy .tp img{ width:500px; height:375px;  }
#xqy .tp{ width:500px; height:375px; margin:10px auto 20px;}
#xqy p{ font-size:14px; line-height:30px; text-indent:2em; color:#333;}
#xqy p img { display:block; margin:0 auto;}
/*分页*/
#page a{ color:#000;}
#page a:hover{ color:#F00;}
/*产品热门推荐*/
#rmtj{ width:801px; border-top:1px solid #0282c3; padding:20px 0px; margin-top:20px;}
#rmtj h3{ font-size:18px; margin-left:10px;}
#rmtj .conn{ width: 180px; height: 135px; float: left; margin: 10px; position: relative; cursor: pointer;}
#rmtj .conn img{ width:180px; height: 135px;}
.rmtj{ border-right:1px dashed #0282c3; width:400px; float:left; margin-bottom:20px;}
/*新闻列表*/
#newslb ul li{ border-bottom:1px dashed #ccc; padding:15px;}
#newslb ul li a{ font-size:16px; color:#1172c1; font-weight:bold;}
#newslb ul li a:hover{ color:#F00;}
#newslb ul li span{ float:right; color:#333; font-size:14px;}
#newslb ul li p{ font-size:14px; color:#777; margin-top:10px;}
/*新闻热门推荐*/
#rmtj ul{ margin-top:10px; margin-left:30px;}
#rmtj ul li{}
#rmtj ul li a{ font-size:14px; color:#222; }
#rmtj ul li a:hover{ color:#F00;}
#rmtj ul li a span{ font-size: 18px; font-weight: bold; margin-right: 5px;}
/*关于我们*/
#gsjj{ padding:10px;}
#gsjj p{ font-size:16px; line-height:30px; text-indent:2em; color:#444; margin-top:10px;}
#gsjj p a{ color:#444;}
#gsjj p a:hover{ color:#F00; text-decoration:underline;}
#gsjj img{ margin:20px 0px;}
/*上一篇下一篇*/
#xyy{text-align:center; padding-top:20px; height:30px;}
#xyy li{ float:left; width:375px; text-align:left; padding-left:15px; overflow:hidden; height:21px;}
#xyy .syp{ text-align:right;}
#xyy li a{color:#000;}
#xyy li a:hover{ color:#F00; text-decoration:underline;}
#xyy .syp a{margin-right:20px;}

#qywh{ background-color:#fff; padding:20px; margin-bottom:40px;}
#qywh p{  line-height:25px; margin-bottom:5px;}
#qywh p span{ color:#F00; font-weight:bold;}
.gyzz{margin-bottom:20px;}
.gyzz img{ width:32.33%; margin:5px 0.5%; float:left;}