@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; line-height:30px; font-family:"微软雅黑"; background:#fff;}
ul,li{ list-style:none; margin-bottom:0px;}
h1,h2,h3,h4,h5,h6,p{ margin-top:0px; margin-bottom:0px;}
img{ max-width:100%; margin:0px; padding:0px; border:none;}
.uppercase{ text-transform:uppercase;}
.owl-controls{ bottom:10px; position:absolute; left:0px; right:0px;}
.owl-theme .owl-controls .owl-page span{ height:3px; width:30px; border-radius:0px;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#52b642;}
a,a:hover{ text-decoration:none;}
.relative{ position:relative;}
a{text-decoration:none; cursor:pointer; color:#333;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.clear{ clear:both;}
.header{ position:relative; z-index:99;}
.header-div{ margin-top:30px; margin-bottom:20px;}
.search{ padding:15px 0 0 0;}
.search-form{ border:solid 2px #00a29a;}
.search-form input[type="text"]{ width:76%; float:left; line-height:18px; padding:5px 2%; border:none; outline:none;}
.search a{ font-size:14px; color:#999; padding:0 15px 0 0;}
.input-btn{ width:20%; background:#00a29a; color:#fff; border:none; outline:none; float:right;text-transform:uppercase;}
.textCenter{ text-align:center;}
.code{ padding:5px; border:solid 1px #ddd; width:88px; color:#999; text-align:center; position:absolute; right:10px;}
.code img{ width:75px;}
.code p{ margin:0px; line-height:20px;}
.nav{white-space:nowrap; }
.nav li{ display:inline-block; line-height:36px; padding-left:80px; position:relative;}
.nav li:hover a{ color:#00a29a;}
.nav li:hover ul li a{ color:#fff;}
/*.nav li.on{ background:#a0006c;}
.nav li.on a{ color:#fff;}*/
.nav li a{ font-size:14px; color:#000; font-weight:400;text-transform:uppercase;}
.nav ul li ul {background:#00a29a;position: absolute;display:none;visibility: hidden;left: 0; width:250px!important;}
.nav ul li ul li { display:block; line-height:40px; font-size:12px; border-bottom:solid 1px #19b5ad; height:auto; margin:0px; float:none; padding:0px;}
.nav ul li ul li a{ display:block; width:100%; text-align:center; font-size:
12px; line-height:30px;padding:0px;color:#fff; font-size:14px;padding:10px 10px;white-space:nowrap; text-align:left;}
.nav ul li ul li a span{ display:inline-block; padding:0 10px;white-space:nowrap;text-align:left; font-size:12px;}
.nav ul li ul li a:hover {background: #19b5ad; color:#fff;}
.nav ul li ul li:last-child{padding:0;}

.menu-panel h2 {background: #00a29a; margin:0px; height: 36px;line-height: 36px;text-align: center;color: #fff;color: #fff;font-weight: 400;font-size: 15px; cursor: pointer;text-transform:uppercase;}
.m5{ margin-left:5px; margin-right:5px;}
.p10{ padding-top:10px; padding-bottom:10px;}
.index-nav .word{position: absolute;font-size: 14px;left: 20px; top: 18px; z-index: 2;}

.index-icon{  background: url(../images/index-ico-bg.jpg) no-repeat center center;background-size:cover;padding:50px 0; width:100%; text-align:center;}
.tit{ display:block; text-align:center; padding:0 20px; margin:0 auto;}
.tit span{ font-size:36px; line-height:50px; border-bottom:solid 2px #00a39c;}
.index-icon ul{ padding:50px 0;}
.index-icon li a{ display:block; margin:50px 20px 0;}
.index-icon li a .index1-2{background:#fff; padding:30px;}
.index-icon li a img{ width:60px;}
.index-icon li .index1-2 p{ font-size:1.2em; color:#666; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.index-icon li a:hover{ margin:0 20px;}
.index-icon li a:hover .index1-2{ background:rgba(0,163,156,.8);}
.index-icon li a:hover .index1-2 p{ color:#fff;}

.main{/*box-shadow:5px 5px 5px #a8a8a8; background:#f4f3f3;*/ margin-top:30px;}
.index-p ul{ padding:30px 0;}
.main p.p{ font-size:14px; color:#7a7777; text-align:center; padding:10px 0;}
.tab{ text-align:center; padding:5px 0; margin-top:30px;}

.tab span{ display:inline-block; padding:0 30px; margin:0 20px; line-height:30px; font-size:14px; cursor:pointer; border-radius:5px; overflow:hidden;}
.tab span.on{ background:#02827c; color:#fff;}
.index-p li{ margin-bottom:20px;}
.index-p li .thumb { overflow:hidden;}
.index-p li .thumb img{ width:100%;transition: all .3s ease-out 0s }
.index-p li:hover .thumb{ border:solid 1px #ddd;}
.index-p li:hover .thumb img{ -webkit-transform: scale(1.06, 1.06); transform: scale(1.06);}
.index-p li h3{ text-align:left;font-size:16px; font-weight:100; color:#7a7777; line-height:40px; position:relative;}
.index-p li h3:after{ content:''; position:absolute; left:0px; bottom:2px; width:0px; background:#ddd;transition: all .5s ease-out 0s; height:2px;}
.index-p li:hover h3:after{ width:100%;}
.index-list-box{ display:none; padding-bottom:30px;}
.index-list-box .more{ text-align:center;}
.index-list-box .more a{ display:inline-block; width:100px; text-indent:-9999px; line-height:30px; background:#59c2bd; position:relative;}
.index-list-box .more a:after{ content:''; display:inline-block; width:100px; height:30px;background: url(../images/more-ico.png) center center no-repeat; position:absolute; left:0px; top:0px;}
.index-list-box .title,.index-news .title,.index-about .title{ line-height:45px; font-size:24px; color:#605e5e; padding:10px 0 20px; position:relative;}
.index-news .title,.index-about .title{ font-size:20px;}
.index-list-box .title:after,.index-news .title:after,.index-about .title:after{ content:''; position:absolute; left:0px; bottom:15px; width:100px; height:3px; background:#009f95;}
.index-list-box .title a,.index-news .title a,.index-about .title a{ float:right; font-size:18px; color:#878787;}
.index-news .title a,.index-about .title a{ font-size:14px;}
.index-list-box h3{ font-size:14px; color:#000; line-height:35px;}
.index-news dl dt{ width:25%; display:inline-block; float:left; margin-right:5%;}
.index-news dl dt img{ width:100%;}
.index-news dl dd{ width:70%; display:inline-block; float:right;}
.index-news dl dd h4{ font-size:18px; color:#000; line-height:40px; height:40px;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.index-news dl dd .desc{ margin-top:0; font-size:14px; color:#605e5e; line-height:24px; height:48px; overflow:hidden;}
.index-news dl dd .data{ text-align:right; padding-top:10px;}
.index-t li{ margin-bottom:20px;}
.index-t li .thumb { overflow:hidden;}
.index-t li .thumb img{width:100%; transition: all .3s ease-out 0s }
.index-t li:hover .thumb img{ -webkit-transform: scale(1.06, 1.06); transform: scale(1.06)}
.index-about-desc{ font-size:14px; line-height:30px;}


.index-tit{ border-bottom:solid 1px #333; line-height:30px;  margin-top:20px; font-size:16px; color:#333; font-weight:400;text-transform:uppercase;}
.index-tit ul{ display:inline-block;}
.index-tit ul li{ display:inline-block; padding:0 10px;text-transform:uppercase;}
.index-tit a{ color:#666; font-size:14px; padding:0 10px;text-transform:uppercase;}
.index-tit span.fr{ float:right;}
.aImg .brand-title {position: absolute;font-size: 22px; color: #fff; top: 22px;left: 20px;text-transform:uppercase;}
.aImg .brand-subtitle {position: absolute;font-size: 15px; color: #fff;top: 52px;left: 20px;text-transform:uppercase;}
.aImg .brand-btn {position: absolute;font-size: 12px;display: inline-block;color: #fff; top: 80px;left: 20px; border: 1px solid #fff; padding: 2px 7px;text-transform:uppercase;}
.item .content {position: absolute;width: 100%; z-index: 20;bottom: 32px;}
.content-banner {text-align: center;margin: 0 auto; width: 245px; height: 90px; background: #fff; background: rgba(255,255,255,.8); _background: #fff;filter: alpha(opacity=80);}
.content-banner .txt-l {display: inline-block;font-size: 20px; color: #000; padding: 16px 2px 4px; border-bottom: 1px dotted #000;}
.content-banner .txt-l { display: inline-block;font-size: 20px;color: #000; padding: 16px 2px 4px; border-bottom: 1px dotted #000;}
.floor-left{background: #fcfcfc;border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom:1px solid #eee;}
.aTag { padding: 0 5px 0 20px; margin-top:-30px; position:relative; z-index:99;}
.aTag a { display: inline-block;text-align: left; overflow: hidden;height: 28px; line-height: 28px; color: #666;font-size: 13px; text-transform:uppercase;}
.floor-bar ,.floor-bar-bottom li{ border-right: 1px solid #eee;}
.floor-bar li{ border-bottom: 1px solid #eee;}
.floor-bar .text{ position:absolute; left:1px; bottom:5px; right:1px; padding:0 20px; background:rgba(255,255,255,.8); line-height:30px;}
.floor-bar h4 a{ font-size:14px; color:#333;}
.floor-bar .tips a {font-size: 12px; color: #aaa; line-height: 18px; display: block;width: 100%;}
.prize{ font-size:14px; line-height:18px; color:#666;}
.footer{}
.footer-icon { width: 100%;background: #f8f8f8; padding: 35px 0;border-bottom: 1px solid #ededed; margin-top: 35px; text-align: center;}
.footer-icon li{ width:157px; display:inline-block; font-size:16px;}
.footer-index { background: #f8f8f8; padding: 35px 0 54px;}
.footer-index .coverage {height: 165px;background: url('../images/site.png') -92px -387px no-repeat; _background: url('../images/site.gif') -92px -387px no-repeat;}
.footer-index .coverage .s1 { font-size: 14px; line-height: 19px;}
.footer-index .coverage .s2 {font-size: 20px;color: #00a29a; margin: 5px 0;}
.footer-index .coverage .s3 {color: #999; margin-bottom: 30px;}
.footer-index .coverage .s4 a, .footer-index .coverage .s5 a { display: block;color: #00a29a;border: 1px solid #00a29a;width: 116px;height: 24px;text-align: center; line-height: 24px; padding-left: 10px;position: relative;}
.footer-index .coverage .s4 .i-coord {overflow: hidden; position: absolute;display: block;width: 11px; height: 14px; background: url('../images/site.png') -92px -34px no-repeat; _background: url('../images/site.gif') -92px -34px no-repeat; left: 5px; top: 5px;}
.footer-index .coverage .s5 .i-mobile { overflow: hidden; position: absolute; display: block; width: 10px; height: 13px;background: url('../images/site.png') -92px -21px no-repeat; _background: url('../images/site.gif') -92px -21px no-repeat;left: 6px;top: 6px;}
.footer-index .service dl {}
.footer-index .service dt {color: #444;font-size: 14px;padding: 3px 0 5px;}
.footer-index .service dd a {display: block;color: #999; margin-top: 9px;}
.footer-index .service dl.fr {float: right;width: 96px;}
.footer-index .coverage li.s4{ margin-bottom:10px;}
.icon { width: 1em; height: 1em; vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.footer-icon .ico{ padding:10px 0;}
.footer-icon .ico img{ width:80px;}
.footer-icon .icon{ width:60px; height:60px; vertical-align:middle; color:#00a29a;}


.product-list .col-md-2{ margin-bottom:15px;}
.index-product-list{ padding:30px 0;}
.product-list-li{ border:solid 1px #ececec; padding:10px; margin-bottom:15px;}
.product-list-li h4{ font-size:12px; font-weight:normal; line-height:24px; height:48px; overflow:hidden;}
.product-list-li h4 a{ color:#999;}
.sidebar{ margin-top:30px;}
.sidebar h3{ background:#00a29a; line-height:40px; color:#fff; font-weight:normal; font-size:16px; padding-left:20px;}
.sidebar li{line-height:30px;}
.sidebar li a{font-size: 14px;
    color: #565656;
    margin-left: 2px;
	text-transform:uppercase;}
.desc{ line-height:30px; margin:30px 0 0 0; color:#787474;}
.pos {height:40px;line-height:40px;font-size:14px; border-bottom:solid #d7d7d7 1px; margin:0 0 30px 0;}
.pos b{ float:right;}
.pos a{ color:#333;}
.pos a:hover{ color:#F60;}
/*.thumb{ height:100px; overflow:hidden;}*/
/*.product-list p{ height:150px; overflow:hidden;}*/
/*.pic-list p{ height:254px; overflow:hidden;}*/
.pic-list{ margin:0 10px;}
.product-list{ text-align:left;}
.product-list h3,.pic-list h3{ line-height:24px; height:48px; overflow:hidden; text-align:left;font-size:14px; font-weight:normal; margin-bottom:10px;}
.product-list h3 a,.pic-list h3 a{ color:#333;}
.news-list{ border-bottom:dashed 1px #999; margin:0 0 15px 0; padding:0 0 15px 0;}
.news-list h3{ font-size:16px; font-weight:normal; margin:0;}
.news-list h3 span{ float:right;}
.news-list h3 span a{ color:#999; font-size:14px;}
.news-list p{ line-height:24px; color:#999;}
.grid_box{ position:relative;}
.product-list .grid_box{ height:245px; overflow:hidden;}
.i-p-li:hover .grid_box{ background:rgba(0,0,0,.2);}
.zoom-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;opacity:1!important;visibility:visible!important;border-radius:0;cursor:pointer;overflow:hidden;-webkit-transition:.55s;-moz-transition:.55s;-o-transition:.55s;transition:.55s;}
.zoom-icon:after{position:absolute;display:block;top:50%;left:50%;top:50%;bottom:50%;width:0;height:0;content:"";background:url(../images/plus.png) 50% 50% no-repeat;border-radius:0;z-index:0;-webkit-transition:.45s;-moz-transition:.45s;-o-transition:.45s;transition:.45s}
.zoom-icon:before{position:absolute;left:-50%;top:48%;display:block;margin:0;height:0;width:200%;content:"";border-radius:0;overflow:hidden;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.65s;-moz-transition:.65s;-o-transition:.65s;transition:.65s}
.grid_box a:hover .zoom-icon{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.grid_box a:hover .zoom-icon:before{left:-60%;top:-35%;height:200%;width:200%;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.grid_box a:hover .zoom-icon:after{width:44px;height:63px;margin:-31px 0 0 -22px;-webkit-transition:.45;-moz-transition:.45;-o-transition:.45;transition:.45}
.grid_box a:hover .zoom-icon{visibility:visible;border-radius:0;overflow:hidden; background:url(../images/bg.png) repeat;}
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	font-size:0.8125em;
	color: #7B7C7E;
	padding-bottom:5px;
}
.codr{ position:absolute; width:100px; height:100px; right:25%; top:50%; margin-top:-50px;}
.codr img{ width:100%;}
.contact-form span label{ text-transform:uppercase; margin-top:10px;}
.contact-form input[type="text"],.contact-form textarea{
		    padding:8px;
			display:block;
			width:98%;
			border: none;
			outline:none;
			color:#444;
			font-size:1.2em;
			border: 1px solid rgba(192, 192, 192, 0.31);
			-webkit-appearance:none;
}
.contact-form textarea{
		resize:none;
		height:120px;		
}
.contact-form input[type="text"]:focus,.contact-form textarea:focus{
   border:1px solid rgba(192, 192, 192, 0.72)
 }
.mybutton{
	background:#4285af;
	padding: 12px 32px;
	color: #fff;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	border:none;
	outline: none;
	cursor: pointer;
	-webkit-appearance:none;
}
.mybutton:hover{
	background-color:#000;
}
.mybutton:active{
	background-color:#000;
}
.company_address{
	padding-top:26px;
}
.company_address p{
	font-size: 0.8125em;
	color: #7B7C7E;
	line-height: 1.8em;
}
.company_address p a{
	text-decoration:underline;
	color:#555;
	cursor:pointer;
}
.company_address p a:hover{
  text-decoration:none;
  color:#444;	
}

.p_box {FLOAT:LEFT;padding:20px; border:solid 1px #ddd;}
#zoom_box  {display:table-cell;*display:block;zoom:1;width:440px;height:440px;text-align:center;border:1px solid #EEE;vertical-align:middle;font-size:170px;padding:0}
#zoom_box img {margin:0;padding:0; width:440px;}
#zoom_list {width:440px;height:60px;}
#zoom_list .pre{float:left;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/pre.gif) no-repeat center center;}
#zoom_list .next {float:right;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/next.gif) no-repeat center center;}
#zoom_list #zoom_list_box {float:left;width:400px;overflow:hidden;height:100px;position:relative; margin-left:5px;}
#thumblist {position: absolute;}
#thumblist li {width:100px;overflow:hidden;margin:2px 0;text-align:center;}
#thumblist li span {width:93px;height:93px;}
#thumblist li span a {width:93px;height:93px;*font-size: 42px;border:1px solid #FFF;}
#thumblist li span  img { width:93px;}

#big_box {float:left;}
#big_box span {width:302px;height:242px;}
#big_box span a{width:300px;height:240px;*font-size:200px;}
#big_box span img{max-width:300px;max-height:240px;}

.p_info {float:right;width:620px;margin-left:10px; padding:10px 20px;background: #F9F9F9;
border: #efefef solid 1px; line-height:30px;}
.p_info p{ margin-top:20px;}
h1.tit{ text-transform:uppercase;font-weight:normal; font-size:18px; line-height:36px; text-align:center;}
h1.tit span{ display:inline-block; border-top:solid 1px #ddd; font-size:14px; width:100%; text-align:center; margin-top:10px; color:#999;}
.p_info dt{ height:24px; line-height:24px;}
.p_info dt img{ margin-top:7px;}
.p_info dl label {float:LEFT;WIDTH:115PX; text-align:right;}
.p_info dl dd{ display:block; height:30px; line-height:30px;}
.p_info dl dd.buy_dd {padding:10px;border: 1px solid #EBEBEB;background:#fff;line-height:24px; height:100px; overflow:auto;overflow-x:hidden;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #EFEFEF;height:28px;}
.p_tabs ul li {float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF;}
.p_tabs{ margin:30px 0 0 0;}
.p_tabs li{ line-height:40px; text-transform:uppercase;}
.content{ padding:20px; line-height:30px;}
h2.title{ font-size:16px; text-transform:uppercase; line-height:40px; margin:0; line-height:35px; border-bottom:solid 1px #ddd; margin-bottom:15px;}
.hot-product{ margin:30px 0;}
.hot-product .thumb{ overflow:hidden; border:solid 1px #ddd;}
.design-text h3{ font-size:14px; line-height:24px;}
p.time { padding:15px 0;}
p.time span{ width:49%;display:inline-block; text-align:center; color:#999l}
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:99;
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:99;}
#pages { padding:10px 0 10px;text-align:center;font:12px '宋体';}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.product-list-li{ margin:0 10px;}
.index-product-list h3{ text-align:center; font-size:18px; text-transform:uppercase; font-weight:normal; line-height:50px; padding-bottom:10px;}
.index-product-list{ position:relative;}
.index-product-list .owl-buttons{ height:60px; text-align:center;}
.index-product-list .owl-theme .owl-controls .owl-buttons div.owl-prev{  width:50px; height:50px;  background:url(../images/prev.png) no-repeat center center;text-indent:-9999px; border-radius:50%; left:50%; top:0px; margin-left:-55px; background-size:30px;}
.index-product-list .owl-theme .owl-controls .owl-buttons div.owl-next{  width:50px; height:50px;  background:url(../images/next.png) no-repeat center center;text-indent:-9999px; border-radius:50%; top:0px;
right:50%; margin-right:-55px; background-size:30px;}
.index-product-list .owl-theme .owl-controls{ bottom:-20px; position:relative;}

.p_box {FLOAT:LEFT;padding:20px; border:solid 1px #ddd;}
#zoom_box  {display:table-cell;*display:block;zoom:1;width:440px;height:440px;text-align:center;border:1px solid #EEE;vertical-align:middle;font-size:170px;padding:0}
#zoom_box img {margin:0;padding:0; width:440px;}
#zoom_list {width:440px;height:60px;}
#zoom_list .pre{float:left;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/pre.gif) no-repeat center center;}
#zoom_list .next {float:right;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/next.gif) no-repeat center center;}
#zoom_list #zoom_list_box {float:left;width:400px;overflow:hidden;height:100px;position:relative; margin-left:5px;}
#thumblist {position: absolute;}
#thumblist li {width:100px;overflow:hidden;margin:2px 0;text-align:center;}
#thumblist li span {width:93px;height:93px;}
#thumblist li span a {width:93px;height:93px;*font-size: 42px;border:1px solid #FFF;}
#thumblist li span  img { width:93px;}

#big_box {float:left;}
#big_box span {width:302px;height:242px;}
#big_box span a{width:300px;height:240px;*font-size:200px;}
#big_box span img{max-width:300px;max-height:240px;}

.p_info {float:right;width:620px;margin-left:10px; padding:10px 20px;background: #F9F9F9;
border: #efefef solid 1px; line-height:30px;}
.p_info p{ margin-top:20px;}
.p_info h1.tit{ text-transform:uppercase; font-size:20px; font-weight:normal; padding:0; text-align:left;}
.p_info dt{ height:24px; line-height:24px;}
.p_info dt img{ margin-top:7px;}
.p_info dl label {float:LEFT;WIDTH:115PX; text-align:right;}
.p_info dl dd{ display:block; height:30px; line-height:30px;}
.p_info dl dd.buy_dd {padding:10px;border: 1px solid #EBEBEB;background:#fff;line-height:24px; height:100px; overflow:auto;overflow-x:hidden;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #EFEFEF;height:28px;}
.p_tabs ul li {float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF;}
.p_tabs{ margin:30px 0 0 0;}
.p_tabs li{ line-height:40px; text-transform:uppercase;}

.factory-about{ border:solid 1px #ddd; line-height:30px; padding:30px; margin-bottom:20px;}
.pic-list h3{ line-height:24px; height:24px; margin:0;}
.factory .owl-theme .owl-controls{ bottom:78%;}
.factory .owl-prev{ display:inline-block; width:50px; height:50px;left:-60px; top:50%; text-indent:-9999px; padding:0px !important;background: url(../images/prev.png) no-repeat center center; text-indent: -9999px; border-radius: 50%; background-size:30px;}
.factory .owl-next{ display:inline-block; width:50px; height:50px;right:-60px; top:50%; text-indent:-9999px; padding:0px !important;background: url(../images/next.png) no-repeat center center; text-indent: -9999px; border-radius: 50%; background-size:30px;}
.email{ width:350px; float:right; text-align:right; line-height:115px;}
.email a{ font-size:20px; padding:20px 0; font-weight:bold; font-style:italic;}
.email a img{ margin:0 10px; vertical-align:middle;}
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
.catlist ul{overflow:hidden;}
.catlist ul li {line-height:38px;border-bottom:1px dashed #ddd;vertical-align:middle;}
.catlist ul li.foot {border:none;}
.catlist ul li.folder ul {display:none;padding-left:5px;}
.catlist ul li.on>ul {display:block;}
.catlist ul li.on span.fd_ico {background:url(../images/minus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}
.catlist ul li span.fd_ico {background:url(../images/plus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}
.catlist ul li.on ul li.on ul li span.fd_ico{ background:none;}
.catlist ul li.on ul li span.fd_ico{background:url(../images/plus.gif) no-repeat 3px 14px;}
.catlist ul li.on ul li.on span.fd_ico{background:url(../images/minus.gif) no-repeat 3px 14px;}
.catlist ul li.on ul li.on ul li a{ font-size:12px;}
.catlist ul li.on ul li.on ul li{ margin-left:15px;}
.catlist ul li ul{display: none;}
.catlist ul li ul li {}
.catlist ul li ul li ul{display: none;}

.last{ background-color:#d6e6f1; border-color:#6196bb; }
.pc{ display:block;}
.sj{ display:none;}
@media only screen and (max-width:1024px){
.logo a{ display:inline-block; margin-left:-15px; margin-right:-15px;}
.logo a img{ height:50px;}
.header {
     position: fixed; 
    z-index: 99;
    left: 0;
    right: 0;
	background:#fff;
	top:0px;
	 border-bottom:solid 1px #1a9ea3;
}
.header-div{ margin-top:10px; margin-bottom:10px; position:relative; z-index:1;}
	.nav{ 
	margin-top:0px;
	width:200px;
    position: absolute;
	right:-15px;
	top:0;
	padding:0;
    z-index: 55;
    display: none;
    -webkit-transform: translateX(0px);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
	}
	.nav .container{ width: auto }
	.nav li{ display:block; padding:0; width:100%; border-right:none; float:none; border-bottom:solid 1px #333; line-height:40px; text-align: center; border-radius:0px;}
	.nav li a{ padding: 0; }
	.nav ul li a{ width:100%; display:block;}
.navbg{
	display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: #000;
    opacity: 0.5;
} 
.nav li:nth-child(4){ padding-left:0;}
.open-nav-toggle .nav{ right:-15px; display:block; background:#000; z-index:99;}
.open-nav-toggle .nav ul{
	    display: block;
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
}
 .target{
	 position:absolute;
	 display:block; right:10px; top:7px;
    padding: 9px 10px;
	width:44px;
	height:39px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	 background:#abcd08;
	 z-index:99;
	 float:right;
}
.target em{ 	position:absolute;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    margin: 3px 0;
}
.nav {
    margin-top: 00px;
    width: 200px;
    position: absolute;
    right: -215px;
    z-index: 55;
    display: block;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}
.target em:last-child{
	top:6px;-webkit-transform:translateY(0px);transform:translateY(0px); 
 transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.target em:nth-child(2){
	top:13px; 
 transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.target em:first-child{
	top:20px;
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
}
.open-nav-toggle .target em:last-child{
	top: 13px;
transform: translateZ(0px) rotate(45deg);
transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
-webkit-transform: translateZ(0px) rotate(45deg);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.open-nav-toggle .target em:nth-child(2){
top:14px;
transition: transform 0.2s ease 0s;
transform: translate3d(0px, 0px, 0px);
-webkit-transition: -webkit-transform 0.2s ease 0s;
-webkit-transform: translate3d(0px, 0px, 0px);transform: translateZ(0px) rotate(-45deg);
-webkit-transform: translateZ(0px) rotate(-45deg);
}
.open-nav-toggle .target em:first-child{ 
transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; opacity:0;
}
.open-nav-toggle {
    position: fixed;
	left:0px; right:0px;
}
.open-nav-toggle .navbg {
    display: block;
    position: fixed;
}
.nav ul li{ line-height:40px;}
.nav ul li a{ line-height:40px; color:#fff;}
.top,.tel{ display:none;}
.logo img{ max-width:100%;}
.nav ul li ul{ display:none !important;}
.banner{ margin-top:75px;}
.index-about .container{ padding-left:15px;}
.index-about .about-thumb{ position:static;}
.index-about .about-thumb img{ max-width:100%;}
.index-about .about-info{ width:auto !important; padding-bottom:20px;}
.index-case h3 span{ width:200px; margin-left:-100px;}
.copy{ padding:0 10px; line-height:30px;}
.copy span{ line-height:10px; margin-top:10px; display:inline-block;}
.footer-text{ width:auto; margin:20px;}
h1.tit{ font-size:20px;}
.content img{ max-width:100%; height:auto;}
#sj-info{ display:block;}
.p_box{ display:none;}
.pc,.pos{ display:none;}
.sj{ display:block;}
.index-nav .col-md-3,.scroll-bar{ margin-bottom:15px;}
.index-tit span.fr{ display:none;}
.index-product li{ margin-bottom:15px;}
.footer-icon li{ width:50%; float:left;}
.p_info{ width:100%; padding:10px; margin-left:0px; margin-top:10px; float:none;}
.tit span{ font-size:26px;}
.index-icon,.index-icon ul{ padding:10px 0;}
.index-icon li a{ margin:30px 0 0 ;}
.tab span{ padding:0 10px; margin:0 10px;}
}