@charset "utf-8";
/*@reset*/
body {font:12px Verdana,"宋体"; margin:0 auto;color:#666;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#f60;}
a img {border:0;}
div {margin:0; padding:0;}
ol,ul,li,h1,h2,h3,h4,h5,h6,form,p,dl,dt,dd {display:block; margin:0; padding:0;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6{line-height:normal; font-weight:normal; font-size:12px;}


/*整站公共样式*/
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.newsOM {text-overflow:ellipsis; overflow:hidden; word-break:keep-all; white-space:nowrap;}
.h35 {height:25px; font-style:0px; clear:both; display:block;}

.box {width:960px; margin:0 auto;}
.top {height:68px; background:url(../images/top_bg.gif) repeat-x;}
.top h1 a {background:url(../images/index_02.gif) no-repeat; width:700px; height:68px; display:block;}
.top p {margin:30px 20px 0 0;}
.top p span {color:#ccc; margin:0 5px;}

/*Nav to start*/
.nav {background:url(../images/nav.gif) no-repeat; height:35px; margin:1px 0;}
.nav ul {padding:0 0 0 13px;}
.nav ul li {float:left;}
.nav ul li a {font:14px "微软雅黑"; color:#fff; text-align:center; line-height:32px;}

.menu1 a {width:85px; height:35px; display:block;}
.menu1 a:hover {background:url(../images/nav_hover.gif) no-repeat -13px 0;}

.menu2 a {width:85px; height:35px; display:block; margin-left:16px;}
.menu2 a:hover {background:url(../images/nav_hover.gif) no-repeat -114px 0;}

.menu3 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu3 a:hover {background:url(../images/nav_hover.gif) no-repeat -226px 0;}

.menu4 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu4 a:hover {background:url(../images/nav_hover.gif) no-repeat -338px 0;}

.menu5 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu5 a:hover {background:url(../images/nav_hover.gif) no-repeat -450px 0;}

.menu6 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu6 a:hover {background:url(../images/nav_hover.gif) no-repeat -562px 0;}

.menu7 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu7 a:hover {background:url(../images/nav_hover.gif) no-repeat -674px 0;}

.menu8 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu8 a:hover {background:url(../images/nav_hover.gif) no-repeat -786px 0;}

/*.menu9 a {width:85px; height:35px; display:block; margin-left:27px;}
.menu9 a:hover {background:url(../images/nav_hover.gif) no-repeat -898px 0;}*/

.topMenu a {background:url(../images/nav_hover.gif) no-repeat -13px 0 !important;}

/*Banner to start*/
.banner {height:220px;}

/*Center to start*/
.center {margin-top:10px;}

.about {float:left; width:259px;}
.about h2 {background:url(../images/index_09.gif) no-repeat; height:29px; line-height:29px; padding:0 10px 0 27px; margin-bottom:10px;}
.about h2 span {float:left; font:14px/29px "微软雅黑"; color:#fff;}
.about h2 a {float:right; color:#fff;}
.about h2 a:hover {text-decoration:underline;}
.about p {padding:0 10px; text-indent:24px; line-height:21px;}

.news {float:left; width:412px; margin-left:15px;}
.news h2 {background:url(../images/index_11.gif) no-repeat; height:29px; line-height:29px; padding:0 10px 0 30px; margin-bottom:10px;}
.news h2 span {float:left; font:14px/29px "微软雅黑"; color:#fff;}
.news h2 a {float:right; color:#fff;}

.news dl {height:89px; border-bottom:1px dashed #ccc;}
.news dl dt {float:left; margin-right:9px;}
.news dl dt a img {border:0; width:100px; height:75px;}
.news dl dd b a {color:#069;}
.news dl dd b a:hover {text-decoration:underline;}
.news dl dd p {text-indent:24px; line-height:18px;}

.news ul {padding-top:5px;}
.news ul li {background:url(../images/index_27.gif) no-repeat 0 10px; padding-left:10px; line-height:26px;}
.news ul li a {float:left;}
.news ul li span {float:right; color:#999;}

.product {float:right; width:259px;}
.product h2 {background:url(../images/index_13.gif) no-repeat; height:29px; line-height:29px; padding:0 10px 0 30px; margin-bottom:10px;}
.product h2 span {float:left; font:14px/29px "微软雅黑"; color:#fff;}
.product h2 a {float:right; color:#fff;}

.product dl {height:80px; border-bottom:1px dashed #ccc; margin-bottom:10px;}
.product dl dt {float:left; margin-right:9px;}
.product dl dt a img {border:1px solid #e6e6e6; width:80px; height:60px;}
.product dl dd b a {color:#069; line-height:20px;}
.product dl dd b a:hover {text-decoration:underline;}
.product dl dd p {text-indent:12px; line-height:18px;}

.bottom {background:url(../images/bottom_bg.gif) repeat-x; height:80px; padding-top:10px; margin-top:10px; text-align:center;}

/****内页*****/ 
.inside_left {float:left; width:210px;}
.inside_left h2 {background:url(../images/about_03.gif) no-repeat; height:33px; margin-bottom:2px; font:16px "微软雅黑"; text-align:center; line-height:33px; color:#fff;}
.inside_left ul {background:url(../images/about_10.gif) repeat-y; height:auto;}
.inside_left ul li {background:url(../images/about_08.gif) no-repeat right bottom; height:32px; padding-left:30px;}
.inside_left ul li a {background:url(../images/about_09.gif) no-repeat 0 4px; padding-left:15px; font-family:"微软雅黑"; line-height:30px; color:#333;}
.inside_left ul li a:hover {background:url(../images/about_09hover.gif) no-repeat 0 4px; color:#f60;}

.leftMenu a {background:url(../images/about_09hover.gif) no-repeat 0 4px !important; color:#f60 !important;}

.inside_Cen {float:right; width:730px;}
.inside_Cen h2 {background:url(../images/about_07.gif) no-repeat left bottom; height:37px; padding:0 10px;}
.inside_Cen h2 em {float:left; font:16px "微软雅黑"; color:#333; font-style:normal; line-height:35px;}
.inside_Cen h2 span {float:right; line-height:35px;}
.inside_Cen h2 font {font-size:12px; color:#999;}
.inside_Cen h2 a {margin:0 5px; font-family:"宋体";}

.about-Center {padding:0 30px 0 20px; line-height:24px;}
.about-Center p strong {font:16px/40px "微软雅黑";}

.news-Center {padding:0 30px 0 20px; line-height:24px;}
.news-Center ul li {height:30px; border-bottom:1px dashed #ddd;}
.news-Center ul li a {float:left; color:#333; background:url(../images/dian.gif) no-repeat 0 12px; padding-left:10px;}
.news-Center ul li a:hover {color:#f60;}
.news-Center ul li span {float:right; color:#888;}

.prod-Center ul li {float:left; width:164px; margin:10px 5px 10px 10px;}
.img160x120 img {padding:1px; border:1px solid #ddd;}
.prod-Center ul li span {width:164px; height:27px; display:block; margin-top:1px; background:#e6e6e6; text-align:center; line-height:24px;}



/*产品详细页*/
.prod-item {padding:0 30px 0 20px; line-height:30px;}
.pro-itemCen {float:right; width:310px; margin-top:20px;}
.pro-itemCen b {font-size:16px; color:#333;}

.eignal h3 { padding:0 10px; height:29px; border-bottom:1px solid #f60; margin-bottom:5px;}
.eignal h3 span {width:80px; height:29px; display:block; background:url(../images/bg.jpg); text-align:center; color:#fff; font:bold 14px/29px "宋体";}
.eignal p {padding:10px; line-height:22px;}


#preview{ float:left; margin:20px 0; width:350px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
#ckepop {height: auto; position: fixed; z-index: 100000000; bottom:0; top: 150px; right: 0px; overflow-x: hidden; overflow-y: hidden; width: 26px; }

.slide{
		width: 50px;
		height: 250px;
		position: fixed;
		top: 50%;
		margin-top: -126px;
		background: #018D75;
		right: 0;
		border-radius: 5px 0 0 5px;
		z-index: 999;
	}
	.slide ul{
		list-style: none;
	}
	.slide .icon li{
		width: 49px;
		height: 50px;
		background: url(../images/icon.png) no-repeat;
	}
	.slide .icon .up{
		background-position:-330px -120px ;
	}
	.slide .icon li.qq{
		background-position:-385px -73px ;
	}
	.slide .icon li.tel{
		background-position:-385px -160px ;
	}
	.slide .icon li.wx{
		background-position:-385px -120px ;
	}
	.slide .icon li.down{
		background-position:-330px -160px ;
	}
	.slide .info{
		top: 50%;
		height: 147px;
		position: absolute;
		right: 100%;
		background: #018D75;
		width: 0px;
		overflow: hidden;
		margin-top: -73.5px;
		transition:0.5s;
		border-radius:4px 0 0 4px ;
	}
	.slide .info.hover{
		width: 145px;
		
	}
	.slide .info li{
		width: 145px;
		color: #CCCCCC;
		text-align: center;
	}
	.slide .info li p{
		font-size: 1.1em;
		line-height: 2em;
		padding: 15px;
		text-align: left;
	}
	.slide .info li.qq p a{
		display: block;
		margin-top: 12px;
		width: 100px;
		height: 32px;
		line-height: 32px;
		color: #00DFB9;
		font-size: 16px;   
		text-align: center;
		text-decoration: none;
		border: 1px solid #00DFB9;
		border-radius: 5px;
	}
	.slide .info li.qq p a:hover{
		color: #FFFFFF;
		border: none;
		background: #00E0DB;
	}
	.slide .info li div.img{
		height: 100%;
		background: #DEFFF9;
		margin: 15px;
	}
	.slide .info li div.img img{
		width: 100%;
		height: 100%;
	}
	.index_cy{
		width: 30px;
		height: 30px;
		background: url(../images/index_cy.png);
		position: fixed;
		right: 0;
		top: 50%;
		margin-top: 140px;
		background-position: 62px 0;
		cursor: pointer;
	}
	.index_cy2{
		width: 30px;
		height: 30px;
		background: url(../images/index_cy.png);
		position: fixed;
		right: 0;
		top: 50%;
		margin-top: 140px;
		background-position: 30px 0;
		cursor: pointer;
	}
	
	@media screen and (max-width: 1050px) {
		.slide{
			display: none;
		}
		#btn{
			display: none;
		}
		
	}