﻿@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #333;
}
ul, ol {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a, img {
	border: none;
}
a {
	outline:none;
}
.content {
	width: 1200px;
	margin: 0 auto;
}


.wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}
.wp1 {
	margin-left: 50%;
}
.wp2 {
	width: 1920px;
	margin-left: -960px;
}




/*头部*/

#head{ height:40px; background:#222222; line-height:40px; width:1920px; margin:0 auto;}
#head span{ color:#f6f6f6; width:440px; float:left; height:40px;}
#head span img{ display:block; float:left; margin:13px 3px 0 0;}
.head_r{ float:right; width:208px;}
.head_r p{ float:left;  width:92px; margin-left:8px;}
.head_r p a{ color:#f6f6f6;}
.head_r p a:hover{color:#f6f6f6;}
.head_r p img{ float:left; display:block; margin:11px 8px 0 0;}

#top{ background:#f6f6f6; width:1920px; margin:0 auto; padding:30px 0; position:relative}
.top{ width:1200px; height:100px; background:url(../images/head_bg1.jpg) no-repeat; margin:0px auto;}
.top h1 a{ display:block; width:345px; height:95px;  float:left;}
.search{ width:249px; float:right; margin-top:10px;}
.srk{ width:201px; height:39px; color:#a8a8a8; line-height:39px; padding-left:10px; background:url(../images/srk.jpg) no-repeat; border:none; float:left;}
.anniu{ width:38px; height:39px; background:url(../images/ss.jpg) no-repeat; float:left; border:none; cursor:pointer;}
.qwt {
position: absolute;
    top: 5px;
    right: 135px;
}
.qwt li {
    float:left;
    margin-right:20px;
    position: relative;
}
.qwt li span{
display:block;
width:170px;
line-height:20px;
position:absolute;
display:none;
font-size:14px;

}
.qwt li:hover span{
display:block;
}

/*导航*/
.navigation{
width:100%; height:55px; line-height:55px; background:#eaeaea;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.nav{ 
	width: 1200px;
	height:55px; 
	margin: 0 auto;
	line-height:55px; 
	position:relative; 
	z-index:1;  
}

.nav .nLi{ 
     float:left;
	list-style:none;
	font-family:"微软雅黑";
	font-size:16px;
	color:#fff;
	height:55px;
	font-weight:normal;
	line-height:55px;
	position:relative; 
	display:inline;  
}

.nav .nLi h3{ float:left; text-transform:uppercase; }
.nav .nLi h3 a{ 
	display:block; 
	font-size:16px; 
	font-weight:normal;
	width:133px; 
	text-align: center;
}
.nav .nLi h3 a:hover{}
.nav .sub{ 
	display:none; 
	width:180px;
    padding:0 10px;	
	left:0; 
	top:55px;  
	position:absolute; 
	background:#28c1d3;  
	line-height:40px;
}
.nav .sub li{ zoom:1; margin:10px 0;}
.nav .sub a{ 
	display:block; 
	text-align: left;
	color:#fff;
	font-size:12px;
	line-height:22px;
	text-transform:uppercase;
}
.nav .sub a:hover{ background:#0cb7cb; }
.nav .on h3 a{ background:#28c1d3; color:#fff;}
/*kefu*/
.main-im{position:fixed;right:-17px;top:500px;z-index:100;width:110px;height:272px;}


/*banner*/

.slideBox {
	width: 100%;
	height:541px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 18.2%;
	_left:77%;
	z-index: 1;
	margin-left: 26px;
	display:none;
}
.banner-in .hd {
	bottom: 28px;
}
.banner-in .prev{
	position:absolute;
	z-index:1;
	display:block;
	width:41px;
	height:110px;
	top:40%;
	left:280px;
	background:url(../images/left_m1.png) no-repeat;
	cursor:pointer;
}
.banner-in .prev:hover{background:url(../images/left_h1.png) no-repeat;}
.banner-in .next {
	position:absolute;
	z-index:1;
	display:block;
	width:41px;
	height:110px;
	top:40%;
	right:280px;
	background:url(../images/right_m1.png) no-repeat;
	cursor:pointer;eat;
}
.banner-in .next:hover{background:url(../images/right_h1.png) no-repeat;}
.slideBox .hd ul li {
	float: left;
	margin-right: 10px;
	width:15px;
	height: 15px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
}
.slideBox .hd ul li.on {
	background: #cc0000;
	color: #fff;
}
.slideBox .bd {
	height: 100%;
	z-index: 0;
	position: relative;
}
.slideBox .bd li {
	height: 541px;
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	overflow: hidden;
}
.slideBox .bd img {
	width: 1920px;
	height: 541px;
	display: block;
}


/*关于我们*/

.box1{ position:relative; height:785px; background:#fff;}
.about{ width:1200px; height:285px; background:#ffffff; position:absolute; bottom:0; }
.gswz{ width:568px; float:left; margin:28px 0 0 25px;_margin:28px 0 0 13px;}
.gswz h2{ background:url(../images/tb1.jpg) no-repeat;  height:29px; line-height:28px; padding-left:20px; font-size:20px; color:#000000;}
.gswz h2 span{ float:left;}
.gswz h2 label{ display:inline-block; float:right; margin-top:10px;}
.gsnr{ color:#626262; font-size:14px; height:120px; overflow:hidden; line-height:30px; text-indent:2em; margin-top:18px;_margin-top:9px;}
.gswz a.more{ display:block; width:127px; height:32px; line-height:32px; text-align:center; color:#28c1d3; border:1px solid #cccccc; margin-top:25px;}
.gstp{ width:540px; float:right; margin:27px 30px 0 0;_margin:27px 15px 0 0;}


.box2{ background:#f2f2f2; padding-top:30px; padding-bottom:5px;}

/*产品中心*/

.product h3{ font-size:22px; color:#000000; text-align:center; line-height:30px; margin-top:10px;}
.product h3 span{ display:block; color:#626262; font-size:12px; font-weight:normal;}
.list1{ width:905px;_width:915px; height:42px; margin:10px auto 0;}
.list1 li{ float:left; width:161px; height:39px; line-height:39px; overflow:hidden; margin:0px 10px 0; text-align:center; background:#28c1d3; border-top:3px solid #28c1d3; color:#fff; font-size:12px;}
.list1 li.on{ background:#f2f2f2;}
.list1 li.on a{ color:#626262;}
.list1 li.on a:hover{ color:#626262;}
.list1 li a{ color:#fff;}
.list1 li a:hover{ color:#fff;}


	/* 本例子css */
	.ladyScroll{width:1200px;height:355px;margin:30px auto 40px;position:relative;}
	.ladyScroll .prev,.ladyScroll .next{width:34px;height:35px;position:absolute;top:160px;left:20px;z-index:100; cursor:pointer; background:url(../images/cp_l.jpg) no-repeat}
	.ladyScroll .next{ left:auto; right:40px;  background:url(../images/cp_r.jpg) no-repeat}
	.ladyScroll .scrollWrap{width:1032px;margin-left:73px;overflow:hidden;position:absolute;}
	.ladyScroll dl{float:left;width:246px;text-align:center;position:relative;background:#e6e6e6; height:355px;margin-right:16px; }
	.ladyScroll  dt{margin:0 auto;width:246px;overflow:hidden;}
	.ladyScroll  dt img{display:block;width:246px;height:272px;}
	.ladyScroll  dd{  font-size:16px; width:210px; overflow:hidden; height:52px; text-align:left; font-weight:bold; line-height:25px; float:left; margin:15px 0 0 20px;}
	.ladyScroll  dd label{ font-size:14px; display:block; font-weight:normal;}
	.ladyScroll  dd a{color:#626262;}
	.ladyScroll  dd a label{color:#626262;}
	.ladyScroll dl .show{
	display: none;
	position: absolute;
	left: 0px;top: 0px;
	width:246px; height:272px;
	cursor:pointer;
background-color: rgba(0,0,0,0.6);
}
	.ladyScroll dl .show .p1{ width:246px; height:272px; margin:0 auto;}
	.ladyScroll dl .show .p1 span{ display:block; width:41px; height:42px; background:url(../images/cpgd.png) no-repeat; margin:85px auto 25px;}
	.ladyScroll dl .show .p1 label{ color:#fff; font-size:16px; font-weight:bold; text-align:center; display:block;}
	.ladyScroll dl .show .p1 label a{ color:#fff;}
	.ladyScroll dl:hover .show{
	display: block;
}

	.ladyScroll dl:hover dd a{ color:#28c1d3;}
    .ladyScroll dl:hover dd a label{color:#28c1d3;}



#box1{ width:1920px; background:#fff; margin:0 auto;  padding-top:40px;}
.fangan{ width:1175px; margin:0 auto;}
.fangan p { width:274px; float:left; margin:0 8px;height:178px;}
.fangan p a{ width:274px; height:63px; display:block; padding-top:115px;}
.fangan p a span{ display:block; font-size:18px; line-height:20px; color:#fff; font-weight:bold; text-align:center; padding:0 10px;}
.fangan .p01{background:url(../images/f1.jpg) no-repeat;}

#box1 h3{ font-size:22px; color:#000000; text-align:center; line-height:30px; margin-top:40px;}
#box1 h3 span{ display:block; color:#626262; font-size:12px; font-weight:normal;}

.news{ margin-top:13px;}
.news dl{ width:353px; float:left; margin:0 20px;}
.news dl dd{ width:353px; height:160px; position:relative;}
.news dl dd .date{ position:absolute; top:0; left:0; width:55px; height:104px; background-color: rgba(149,148,153,0.6);}
.news dl dd .date .rq{ height:63px; }
.news dl dd .date .rq span{ display:block; font-size:28px; font-weight:bold; color:#fff; text-align:center; margin-top:5px;}
.news dl dd .date .rq label{ font-size:16px; display:block; color:#fff; text-align:center; line-height:15px;}
.news dl dt h4{ background:url(../images/tb1.jpg) no-repeat; font-size:16px; padding-left:15px; height:22px; line-height:22px; margin-top:15px;}
.news dl dt h4 a{color:#000; }
.news dl dt .p2{ font-size:14px; text-indent:2em; color:#626262; line-height:30px; margin-top:10px;}
.news dl dt .p3 a.more{ display:block; width:127px; height:32px; line-height:32px; text-align:center; color:#28c1d3; border:1px solid #cccccc; margin-top:20px;}


.friendlink{ width:1004px; height:122px;  float:left; margin:40px 0 0 20px;_margin:40px 0 0 17px;}
.friendlink h5{ color:#28c1d3; font-size:22px; font-weight:bold; text-transform:uppercase;}
.friendlink h5 label b{ color:#cccccc;font-size:16px; }
.friendlink h5 label{ color:#707070; font-size:16px; font-weight:bold; display:inline-block; margin-left:6px;}
.friendlink p {height:60px; overflow:hidden; margin-top:8px;}
.friendlink p a{ display:block; float:left; color:#626262; font-size:14px; margin:10px 20px 0 0;_margin:5px 20px 0 0;}
.friendlink p a b{ font-weight:normal; margin-right:5px;}

.return{ width:137px; float:right; margin:25px 35px 0 0;_margin:25px 15px 0 0;}


.sub_nav1{ width:1920px; height:60px; background:#404040; margin-top:0px;}
.sub_nav1 ul{ width:1045px; margin:0 auto;height:60px;}
.sub_nav1 ul li{ float:left; font-size:14px; height:60px; line-height:60px;background:url(../images/fgx.jpg) no-repeat right 23px; padding:0 30px;}
.sub_nav1 ul li a{ color:#888888;}
.sub_nav1 ul li a:hover{ color:#888888;}

#footer{ width:1920px; margin:0 auto; height:175px; background:#222222;}
.dlogo{ width:433px; float:left; margin:50px 0 0 0px;}
.dbwz{ color:#666666; font-size:14px; float:right;  width:700px;line-height:28px; margin:68px 0 0 0px;}




























































