@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; font-size: 12px; font-family: 微软雅黑; color: #666; }
.container { overflow: hidden; }
a { color: #666; text-decoration: none; }
a:hover{ color:#009fe7;}
ul { list-style-type: none; }
.clear { clear: both; }
/*top头部*/
.head { width: 100%; height: 100px; border-bottom: solid 1px #ccc;position: fixed;z-index: 999;background: rgba(255,255,255,.6); }
.head .top { width: 1200px; margin: 0px auto; height: 80px; padding: 10px 0; }
.head .top .logo { float: left; height: 80px; }
.head .top .tel { float: right; font-size: 18px; padding-top: 8px; color: #666; line-height:40px;}
.head .top .tel img{ float:left; height:40px; margin-right:10px;}
.head .top .tel b { font-size: 18px; color: #009fe7; }
.nav { width: 1200px; margin: 0 auto; height: 40px; margin-top: -40px; }
.nav ul { float: right; }
.nav ul li { float: left; width: 126px; height: 40px; text-align: center; }
.nav a { font-size: 14px; font-weight: bold; line-height: 30px; }
.nav ul .navul { opacity: 0; position: absolute; margin-top: 3px; visibility: hidden; transition: all .4s ease; -webkit-transition: all .4s ease; width: 150px; }
.nav ul .navli:hover > ul { top: 0%; left: 100%; opacity: 1; visibility: visible; }
.nav ul li:hover > ul { opacity: 1; top: 100%; visibility: visible; z-index: 99; overflow: hidden; width: 126px; }
.nav ul .li { float: left; position: relative; }
.nav ul .li:hover { border-bottom: solid 4px #009fe7; margin-top: -3px; }
.nav ul .li:hover a { color: #009fe7; }
.nav ul .navli { float: none; border: 1px solid #f1f1f1; border-top: none; height: 40px; width: 138px; text-align: left; background: rgba(255,255,255,0.85) }
.nav ul .navli { cursor: pointer; }
.nav ul .navli a { display: block; padding: 0px 15px; text-align: center; line-height: 40px; font-size: 14px; color: #999; font-weight: inherit; }
.nav ul .navli a:hover { background: rgba(0,158,231,0.8); border-top: none; color: #fff; }

/*banner轮播切换*/
.banner{ padding-top: 100px;}
.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 400px;
	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: 400px;
	display: block;
}
/*首页内容*/
.main { width: 1200px; margin:0 auto 40px; min-height: 300px; padding-top:100px; }
.main .title { width: 100%; border-bottom: double 3px #999; margin: 10px 0; }
.main .title h3 { width: 220px; line-height: 30px; text-align:left; font-weight: 600; word-spacing: 2px; font-size:18px; color:#009fe7; }
.main .right .title h3 { width: 50%; line-height: 30px; text-align:left; font-weight: 600; word-spacing: 2px; font-size:18px; color:#009fe7; }
.main .title h3 b { font-size: 14px; letter-spacing: 0px; }
.main .title span{ float:right; color:#fff; background:#009fe7; margin-top: -28px; padding: 3px 10px;border-radius: 20px;}
.main .title span:hover{ color:#009fe7; background:none; border:solid 1px #009fe7;}
.main .m-left{ float:left; width:400px;}
.main .m-left .news-t { line-height:27px; margin-bottom:5px;}
.main .m-left .news-t img{ float:left; width:150px; height:100px; margin-right:15px; box-shadow:3px 3px 5px #ccc; padding:3px;}
.main .m-left .news-t h3{ font-size:15px; color:#009fe7;}
.main .m-left .news-t p{ font-size:14px;}
.main .m-left .news-t p a{ float:right; color:#009fe7;}
.main .m-left ul li{ float: left; width:100%; background:url(../images/news-bg.png) left center no-repeat; border-bottom:dashed 1px #ccc;}
.main .m-left li:hover{ background:url(../images/news-bg1.png) left center no-repeat;}
.main .m-left ul li:hover a,.m-left ul li:hover a  span{ color:#009ee7;}
.main .m-left ul li a{ line-height:43px; font-size:14px; padding-left:20px; letter-spacing:1px;}
.main .m-left ul li span{ float:right; letter-spacing:0;}

.main .m-content{ float:left; width:460px; margin:0 20px;}
.main .m-content .hd .prev, .main .m-content .hd .next {
display: block;
width: 9px;
height: 5px;
float: right;
margin-right: 5px;
margin-top: 10px;
overflow: hidden;
cursor: pointer;
background: url("../images/arrow.png") 0 -100px no-repeat;
}
.main .m-content .hd .next {background-position: 0 -140px;}
.main .m-content ul { overflow:hidden;zoom:1;}
.main .m-content ul li{ float:left; width:100%; margin:10px 0;}
.main .m-content ul li img{ float:left; width:90px; height:80px; border:solid 1px #ccc; margin-right:10px; padding:5px;}
.main .m-content ul li h3{font-size:15px; color:#009fe7;}
.main .m-content ul li p { line-height:25px;}
.main .m-content ul li p span{ float:right; color:#009fe7; margin-right: 8px;}
.main .m-right{ float:right; width:300px;}
.main .m-right img{ width:100%; margin:10px 0;}
.main .m-right p{ line-height:25px;}
.main .m-right p a{ float:right; color:#009fe7;}

/*foot底部*/
.foot { width: 100%; border-top: solid 1px #999; min-height: 100px; box-shadow: 0 0 20px #999; }
.f-main { width: 1200px; margin: 0 auto; min-height: 100px; padding: 20px 0; }
.f-main .f-logo { float: left; width: 300px; height: 100px; }
.f-main .tel p { float: left; width: 500px; line-height: 25px; border-left: solid 1px #999; padding-left: 50px; }
.f-main .fx { float: right; width: 300px; line-height: 30px; }

/*内页left*/
.left{ float:left; width:300px; margin-top:10px;}
.dh{ float:left; width:100%; padding-bottom: 20px;}
.dh ul li{margin-top:10px;height:40px; background:url(../images/goods-bg.png) left center no-repeat; border-bottom:dashed 1px #999; margin-left:25px;}
.dh ul li a{display:block; color:#000;height:40px; padding-left:40px; line-height:40px; font-size:16px; letter-spacing:2px;}
.dh ul li a:hover{ color:#009fe7;}
.dh ul li:hover{ background:url(../images/goods-bg1.png) left center no-repeat;}

/*独家推荐*/
/*产品推荐*/
.immersive_slider {
	float:left;
	width:98%;
	height:100px;
	margin:0 3px;
	opacity:.9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}
.immersive_slider .is-slide {
	display:table;
	height:100%;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
}
.immersive_slider .is-slide .image {
	float:right;
	width:100px;
	height:100px;
	padding-left:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	display:table-cell;
	padding:0 0 0 10px;
}
.is-bg-overflow {
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
}
.is-overflow, .is-bg-overflow {
	height:100%;
}
.ease {
	-webkit-transition:1000ms ease all;
	-moz-transition:1000ms ease all;
	-o-transition:1000ms ease all;
	transition:1000ms ease all;
}
.bounce {
	-webkit-transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
	-moz-transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
	-o-transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
	transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
}
.no-animation {
	-webkit-transition:none!important;
	-moz-transition:none!important;
	-o-transition:none!important;
	transition:none !important;
}
.immersive_slider .is-slide .image img {
	display:block;
	width:90px;
	height:80px;
	padding-top:10px;
}
.immersive_slider .is-slide .djtj {
	float:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:left;
	line-height:20px;
	vertical-align:middle;
	display:table-cell;
}
.immersive_slider .is-slide .djtj h2 a {
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#009fe7;
	line-height:30px;
}
/*新闻推荐*/
.l-list { width: 98%; margin: 0 3px;  line-height: 35px; overflow: hidden; margin-bottom:20px;}
.l-list li { height: 35px; margin:0; background:url(../images/news-bg1.png) no-repeat left center; border-bottom: 1px dotted #ccc;}
.l-list a { color: #666; text-decoration: none; padding-left:20px; font-size:14px;}
.l-list a:hover { color: #009fe7; text-decoration: underline;}
.l-list a span{ float:right; color:#009fe7; font-size:14px;}

/*联系我们*/
.lx{ padding:0 10px;}
.lx p,.lx p a,.lx p span{ font-size:16px; line-height:40px;}
.lx .rwm{ width:280px; margin:0 auto; text-align:center;}
.lx .rwm img{ width:200px; height:200px;}
.lx .rwm p{ line-height:25px; margin-top:-5px;}

/*内页right*/
.right{ width:840px; float:right; min-height:300px;margin-top:10px;}
.right .mbx{ float:right;margin-top: -25px;margin-right: 5px; font-size:14px; }
.right .content{ float:left; margin:0 auto; width:100%;}
.right .content p{ font-size:16px; line-height:45px;}
.right .content p img{ width:100%;}

/*联系我们表格*/
.ke-zeroborder {border-collapse: collapse;margin: 0 auto;}
.ke-zeroborder td {padding: 3px 10px 3px 3px;border: 1px solid #CCC;font-size:16px; line-height:40px;}
.ke-zeroborder td a{font-size:16px;}
.ke-zeroborder td strong{ font-size:14px;}
.map{ width:100%; margin:0 auto;}

/*内容页*/
.mccontinfo { text-align: center; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-top: 10px; padding-right: 10px; padding-bottom: 25px; padding-left: 10px; margin-top: 5px; margin-right: 5px; margin-bottom: 20px; margin-left: 5px; }
.mccontinfo h1 { font-family: "微软雅黑", "黑体", "Brain Damage"; font-size: 16px; line-height: 40px; height: 40px; }
.mccontinfo span { text-align: center; margin-right: 10px; margin-left: 10px; }
.mcnext {margin-top: 15px; padding: 5px; border-top:dashed 1px #ccc; line-height:40px; }
.mcnext span { display: block; white-space: nowrap; overflow: hidden; }

/*goods*/
.goods{ width:100%; margin:0 auto;}
.goods ul li{ float:left; width:47%; margin:15px 10px; border:solid 1px #ccc; box-shadow: 3px 3px 3px #ccc; }
.goods ul li img{ float:left; width:140px; height:130px; margin:10px;margin-right:20px; padding:5px; border:dashed 1px #ccc;}
.goods ul li h3{color:#009fe7; line-height:30px; font-size:15px; margin-top:5px;}
.goods ul li p{line-height:22px; border-top:dashed 1px #ccc; padding-top:5px; margin-left:140px; margin-right:20px;}
.goods ul li span{ float:right; margin-right:20px; margin-top:-2px; color:#009fe7; border: solid 1px #009FE7;padding: 6px 10px;border-radius: 20px;}
.goods ul li span:hover{color:#fff; background:#009fe7;}

/*新闻动态*/
.news{ width:100%; margin: auto;}
.news ul li{ float:left; width:100%; margin:15px auto; border-bottom:dashed 1PX #CCC; padding-bottom:10px;}
.news ul li img{ float:left; width:240px; height:160px; margin:10px 20px; border:solid 1px #ccc; box-shadow:3px 3px 3px #CCC;}
.news ul li h3{color:#009fe7; line-height:30px; font-size:15px; margin-top:5px;}
.news ul li h3 b{ font-size:14px; float:right; margin-right:20px; color:#777;}
.news ul li p{line-height:25px; border-top: double 3px #ccc; padding-top:5px; margin-left:280px; margin-right:20px;}
.news ul li span{ float:right; margin-top:8px;color:#009fe7; border: solid 1px #009FE7;padding: 2px 10px;border-radius: 20px;}
.news ul li span:hover{color:#fff; background:#009fe7;}