@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#9a9a9a;font-family:Arial, Helvetica, sans-serif}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#000;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}
li{	list-style:none;}
input,select,button{vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}

.m{ width:1200px; margin:0 auto}
.top1{ background-color:#f9f9f9; border-bottom:#eeeeee 1px solid; line-height:35px; overflow:hidden}
.top1 p{ display:block; float:left; border-left:#efefef 1px solid; border-right:#efefef 1px solid; background:url(tel.png) 10px center no-repeat; padding-left:30px; font-size:14px; padding-right:15px}

.top_rt{ float:right}
.top_rt ul li{ float:left;  padding-right:15px; border-left:#efefef 1px solid}
.top_rt ul li:hover{ background-color:#f3f3f3}
.fc a{ display: block; background:url(f.png) 15px center no-repeat; padding-left:30px}
.tw  a{ display: block;background:url(t.png) 15px center no-repeat; padding-left:40px}
.email {border-right:#efefef 1px solid;}
.email  a{display: block; background:url(e.png) 15px center no-repeat; padding-left:50px;  }


.top3{ background-color:#00a8ff; }
.search{ width:185px; background-color:#FFFFFF; float:right; border-radius: 6px; margin-top:10px;}
.input{ width:140px; border:0; line-height:25px; height:25px; padding-left:15px; background:none}
.button{ background:url(search.png) center no-repeat; width:25px; height:25px; border:0}


.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 450px;
	display: block;
}

.main{ width:1200px; margin:20px auto; overflow:hidden}
.about{ float:right; width:725px;}
.about h3{ font-size:30px; color:#000000; line-height:55px}
.about p{ line-height:25px; font-size:14px; color:#717171}
.about span{ }

.product{ margin:30px auto; overflow:hidden}

.title { background:url(t1bg.jpg) center no-repeat; height:87px; padding-left:20px; padding-right:20px; margin-bottom:20px}
.title h3{ display:block; float:left; width:800px; color:#FFFFFF; font-size:20px; line-height:30px; padding-top:12px}
.title span{ float:right; line-height:87px; color:#0098e6; font-size:14px}
.title span a{  color:#0098e6}


.product ul li{ float:left; width:369px; margin-right:45px;}
.product ul li a h3{ font-size:20px; color:#474747; line-height:45px}
.product ul li a:hover h3{ font-size:20px; color:#ff0000; line-height:45px}
.product ul li a p{ font-size:14px; color:#808080; line-height:23px}

.foot{ background-color:#00a8ff; padding:15px 0;}
.foot p{ display:block; width:1200px; margin:0 auto; color:#FFFFFF; font-size:14px; line-height:23px; text-align:center}


.nbanner{  height:230px}
.nbanner h3{ display:block;  width:1200px; margin:0 auto; line-height:230px; color:#fff; font-size:45px; text-align:center}

.tuwen{ font-size:14px; line-height:25px; color:#666666}

.nmain{ background-color:#fff; width:1160px; padding:20px; margin:20px auto;overflow:hidden;-moz-box-shadow: 0 0 10px #d6d6d6; -webkit-box-shadow: 0 0 10px #d6d6d6;}
.nlf{ float:left; width:230px;}
.kefu{ background-color:#fff; border:#d5d5d5 1px solid;border-radius: 6px; line-height:50px; text-align:center; font-size:30px; color:#FF0000}
.contact{ border:#dfdfdf 1px solid; background: url(cbg.jpg) bottom center no-repeat; padding:15px; padding-bottom:60px}
.contact h3{ font-size:20px; color:#b72822; padding-bottom:15px}
.contact p{ line-height:23px;}

.nrt{ float:right; width:890px; overflow:hidden }
.ntitle {  line-height:50px;  font-size:23px; color:#2a2a2a; border-bottom:#f0f0f0 1px solid; margin-bottom:15px; font-weight:normal; overflow:hidden}

.dh h3{ background-color:#00a8ff; line-height:40px; text-align:center; color:#FFFFFF; font-size:16px; font-weight:normal;}
.dh ul{list-style:none; margin-bottom:20px; overflow:hidden} 
.dh li{float:left;width:230px; margin-top:5px;line-height:35px;} 
.dh a{display:block;text-align:left; padding-left:30px;  font-size:14px;height:35px;} 
.dh a:link{color:#666; background:url(nt1.png) #f2f2f2 10px center no-repeat;text-decoration:none;} 
.dh a:visited{color:#666;text-decoration:none;} 
.dh a:hover{color:#FFF; text-decoration:none;  background:url(nt2.png) #ff0000 10px center no-repeat;}  


.pro ul li{ float:left; margin:21px; width:240px; border:#eeeeee 1px solid; padding:5px; }
.pro ul li:hover{ background-color:#00a8ff;  border:#eeeeee 1px solid;transition:all 0.5s;  }
.pro ul li p{ text-align:left; line-height:35px; font-size:14px}
.pro ul li a:hover p{ color:#000}


.wrap a { display:block; width:280px; height:188px; text-decoration:none; color:#000; }
.wrap { width:280px; height:188px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; margin:8px; float:left; display:inline; }
.wrap img { border:0; }
.wrap i { display:block; width:280px; height:188px; position:absolute; left:0; top:150px; z-index:1; background:#000; filter: alpha(opacity=70);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.70; -webkit-transition: all 0.6s ease-in-out; }
.wrap p { display:block; width:280px; height:188px; position:absolute; left:0; top:150px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; line-height:16px; -webkit-transition: all 0.6s ease-in-out; }
.wrap p b { display:block; font-size:16px; color:#fff; text-align:center; margin:0; padding:0; line-height:38px; }
.wrap p span { display:block; padding:10px; line-height:20px; }
.wrap a:hover { direction:ltr; }
.wrap a:hover i { top:0; }
.wrap a:hover p { top:20px; }
.clear { clear:left; }


.tuijian h1{ line-height:50px;  font-size:23px; color:#2a2a2a; font-weight:normal}

.tuijian ul li p{ text-align:center; line-height:30px; font-size:16px;}


/*最新活动*/
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;}
.link-list a span {float:left; margin-right:15px;}

.date-block {float:left;  }
.date-block img{ width:150px; height:100px}

.link-block { margin:0 auto; width:950px;}
.link-block a {display:block; padding:10px; height:100px; border-bottom:1px dashed #c7c7c7; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#fff; }

.link-block a .summary {float:left; margin-left:18px; width:700px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:8px; line-height:26px; font-size:16px; font-family:Arial; color:#000;}
.link-block a:hover h1 { color:#FF0000}
.link-block a h2 {margin:-4px 0; color:#746969; font-size:12px; font-weight:normal}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#000; overflow:hidden; font-size:12px;}