@charset "gb2312";
@import url("base.css");
body{color:#fff;font-family:"宋体";font-size:14px; line-height:1.8em;margin:0; padding:0;}
.clear{clear:both;}

.wrap{max-width:640px;overflow:hidden;position:relative;}
.wrap a.more{display:block;height:55px;width:35px;background:url(../images/more.png);right:16px;top:0}
.wrap .title{height:55px;line-height:55px;background:#C50304;font-size:14pt;font-weight:bold; padding-left:10px;}
.wrap .title h2{ font-family:"宋体"; font-size:1.3em;}
.wrap .top span.back-btn,.wrap .title div.nav-btn{display:block;height:55px;position:absolute;top:0;cursor:pointer}
.wrap .top span.back-btn{width:45px;background:url(../images/back.png);left:18px}
.wrap .top div.nav-btn{position:absolute;width:120px;/*background:url(../images/nav_btn.png);*/right:0px; font-size:12pt; text-align:left; color:#fdc903; font-weight:bold;}
.wrap .top div.nav-btn a{color:#fdc903; font-weight:bold;}
.wrap .top div.nav-btn a:hover{ text-decoration:underline;}*/
.wrap .top ul{right:-18px;top:55px;z-index:20;display:none}
.wrap .top ul li{width:140px;background:rgba(00,00,00,0.5);padding:0 0.5em;height:55px;line-height:55px;border-top:solid 1px #fff;}
.wrap .top ul li a{color:#fff}

.wrap1{max-width:640px;}
.wrap1 a.more{display:block;height:3em;width:35px;background:url(../images/more.png) no-repeat;right:16px;top:0}
.wrap1 .title{height:3em;line-height:3em;background:#0a7bdb;font-size:1.6em;font-weight:bold; }
.wrap1 .title .name{ font-size:14pt;font-weight:bold;text-align:center; padding-left:3em; }


.wrap1 .title div.nav-btn{display:block;height:3em;position:absolute;top:0;cursor:pointer}
.wrap1 .top span.back-btn{width:0px;left:0px}
.wrap1 .top div.nav-btn{position:absolute;width:150px;right:0px; font-size:0.8em; text-align:left; color:#fdc903; font-weight:bold;}
.navbar .nav-btn a{color:#fdc903; font-weight:bold; float:left;}
.wrap1 .top div.nav-btn a{color:#fdc903; font-weight:bold;}
.wrap1 .top div.nav-btn a:hover{ text-decoration:underline;}
img{vertical-align:top;color:#fff}


.wrap1 .title1{height:55px;line-height:55px;background:#0a7bdb;font-size:14pt;font-weight:bold; margin:10px 0px;}
.wrap1 .title1 h2{text-indent:18px; font-family:"宋体";}
.wrap1 .top1 span.back-btn1,.wrap .title1 div.nav-btn1{display:block;height:55px;position:absolute;top:0;cursor:pointer}
.wrap1 .top1 span.back-btn1{width:45px;background:url(../images/back.png);left:18px}
.wrap1 .top1 div.nav-btn1{position:absolute;width:35px; height:55px;background:url(../images/nav_btn.png);right:4px; top:0px;}
.wrap1 .top1 ul{right:-18px;top:55px;z-index:20;display:none}
.wrap1 .top1 ul li{width:140px; background:#d78603;padding:0 0.5em;height:auto;line-height:55px;border-top:solid 1px #fff;}
.wrap1 .top1 ul li a{color:#fff}





.wrap1 .logo{width:100%;height:150px;line-height:150px;background:#f4f4f4}
.wrap1 .logoimg{ width:14%; padding-right:8%; margin-top:2%;}

.wrap1 ul.nav li{width:20%;height:19px;padding:17px 0;float:left;display:inline}
.wrap1 ul.nav li a{display:block;border-right:solid 2px #fff;text-align:center;color:#fff;height:19px;line-height:19px;overflow:hidden}
.wrap1 ul.nav li a.last{border-right:solid 1px #0a7bdb}




.wrap .banner ul li{float:left;display:inline;height:224px}
.wrap .banner ul li img{width:100%;height:100%}
.wrap .banner .focus{height:16px;line-height:16px;padding:30px 0 2px;width:100%;bottom:0;}
.wrap .banner .focus span{display:block;right:8px}
.wrap .banner .focus span a{display:block;width:16px;height:16px;background:#646464;margin-right:18px;float:left;display:inline;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;cursor:pointer}
.wrap .banner .focus span a.current{background:#fff}

.wrap .products{ width:100%; height:auto; float:left;}
.wrap .products ul { width:100%; height:auto;}
.wrap .products li{height:17.5em;margin-top:10px;border-bottom:dashed 1px #888;float:left;display:inline;margin-bottom:8px}
.wrap .products li img{width:100%;height:auto; margin-bottom:8px;}
.wrap .list li img{width:32%;height:auto;}


.wrap .products1 li {
    height:auto;
    margin-top: 10px;
    border-bottom: dashed 1px #888;
    float: left;
    display: inline;
    margin-bottom: 8px;
}
.wrap .products1 li img{width:100%;height:auto; margin-bottom:8px;}
.wrap .products1 li h4{color:#888;font-size:1.4em;line-height:24px; text-align:center;}
.wrap .products1 li h6{color:#888;font-size:1.4em;height:24px;line-height:24px;text-align:right;margin-bottom:2px}
.wrap .products1 li h6 span{font-size:1.6em;position:relative;bottom:0;margin-right:5px}

.wrap .products li h4{color:#888;font-size:1.4em;height:24px;line-height:24px;overflow:hidden}
.wrap .products li h6{color:#888;font-size:1.4em;height:24px;line-height:24px;text-align:right;margin-bottom:2px}
.wrap .products li h6 span{font-size:1.6em;position:relative;bottom:0;margin-right:5px}

.wrap .list li{width:64%;height:240px;position:relative;color:#aaa;border-bottom:dashed 1px #888;padding:10px 0 10px 36%}
.wrap .list li img,.wrap .news li img{position:absolute;left:0;top:10px; bottom:10px;}
.wrap .list li h4{line-height:28px; padding-right:10px;}
.wrap .list li h3{padding-right:10px;}
.wrap .list li h4 a{color:#888;font-size:1.5em;}
.wrap .list li p{height:132px;line-height:22px;margin-top:10px;overflow:hidden}
.wrap .list li h6{position:absolute;left:230px;bottom:10px;width:104px;height:30px;line-height:30px;background:#0a7bdb;text-align:center;color:#fff}

.wrap .news li{width:68%;padding-left:35%;height:auto;}
.wrap .news li  p{ width:94%; }
.wrap .news li .newstxt{	  
		color:#aaa		}
.wrap .news li .newstxt p{margin-top:0; width:94%; font-size:1.4em; line-height:1.5em;height:5.6em;}
.wrap .news li img{width:31%;height:auto; padding-left:8px;}


.wrap .list2 li{width:34%;height:240px;position:relative;color:#aaa;border-bottom:dashed 1px #888;padding:10px 0 10px 36%}
.wrap .list2 li img,.wrap .news li img{position:absolute;left:0;top:10px; bottom:10px;}
.wrap .list2 li h3{padding-right:10px;}
.wrap .list2 li p{height:132px;line-height:22px;margin-top:10px;overflow:hidden}
.wrap .news2 li{width:38%;padding-left:50%;height:auto;}
.wrap .news2 li  p{ width:94%; }
.wrap .news2 li .newstxt p{margin-top:0; width:94%; font-size:1.4em; line-height:1.5em;height:5.6em;}
.wrap .news2 li img{width:51%;height:auto; padding-left:8px;}




.wrap form.book{color:#666}
.wrap form.book a.submit-btn{display:block;color:#fff;cursor:pointer;}
.wrap form.book a.submit-btn1{display:block;color:#fff;cursor:pointer;}

.wrap form.book div.info,.wrap form.book .p{width:100%;background:#eaeaea;height:55px;line-height:55px;margin-top:10px;padding:0 18px;font-size:1.1em;}
.wrap form.book .txt{ text-align:right; width:20%; float:left;}
.wrap form.book font{    color: rgb(255, 0, 0); font-size:16px;}
.wrap form.book div.info{height:126px;padding:10px 18px;line-height:42px}
.wrap form.book div.info h4 span{color:#0a7bdb}
.wrap form.book div.info h4.num span,.wrap form.book div.info h4.num input{display:block;width:40px;height:40px;float:left;margin-right:12px;background:#fff;line-height:40px;cursor:pointer;color:#666;text-align:center;border:none}
.wrap form.book input.name,.wrap form.book input.mobile,.wrap form.book input.gsname,.wrap form.book input.add,.wrap form.book input.num,.wrap form.book input.emobile,.wrap form.book input.email{width:60%;padding:10px;margin-left:20px;color:#999;border:solid 1px #eaeaea;margin-top:-5px;font-size:14pt}

.wrap form.book textarea.MessageContent{width:60%;padding:10px;margin-left:20px;color:#999;border:solid 1px #eaeaea;margin-top:5px;font-size:14pt; height:155px;}
.wrap form.book .p1{width:100%;background:#eaeaea;height:185px;line-height:35px;margin-top:10px;padding:0 18px;font-size:1.1em;}

.wrap .content{ padding:0px 8px;}
.wrap .content h2{font-size:1.3em;line-height:28px;color:#000}
.wrap .content h6{color:#828282;height:30px;line-height:30px;border-bottom:solid 1px #888}
.wrap .content .article{color:#8a898a;padding:10px 0}
.wrap .content p{ font-size:1.5em;color:#8a898a;line-height:1.6em;}
.wrap .content .article img{margin-bottom:10px; width:100%;}
.article{color:#8a898a;line-height:1.6em;padding:10px 8px}
.article p{font-size:1.5em;}
.wrap .pro-detail a.book-btn{display:block;color:#fff;cursor:pointer}

.wrap .links li{float:left;display:inline;height:40px;line-height:40px;background:#c46ab1;margin-top:8px;margin-bottom:8px;font-size:14pt}
.wrap .links li a{color:#fff}

.wrap .footer{height:auto;background:#231815;padding-top:10px;max-width:640px; width:100%; padding-bottom:10px;}
.wrap .footer p.phone{height:30px;line-height:30px;font-size:1.2em;margin-bottom:12px;color:#F4ECEA;}
.wrap .footer p.copyright,.wrap .footer p.support{line-height:1.4em;font-size: 1em;color:#F4ECEA;}

.wrap1 .title1 {
    font-size: 1.6em;
}

.z_banner img{ width:100%; text-align:center;}
/*轮播图*/

.slider-focus{position:relative;max-width:640px;overflow:hidden;/*max-height:320px;*/margin:0 auto;}

.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}

.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}

.slider-focus  .hd li.on{ background:#ffea00;  }

.slider-focus  .bd{ position:relative; z-index:0; }

.slider-focus  .bd li{ position:relative; text-align:center;  }

.slider-focus  .bd li img{ background:url(../images/loading.gif) left center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}

.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
/*位置路径*/

.path{font-size:1.714em;line-height:2.0em;margin:0 20px; color:#000;}

@media screen and (max-width: 640px){
	.wrap .products1 li img{height:80px;}

	.path{font-size:1em;margin:0 10px;}

	.list-hd  h1{font-size:1.143em;}

	.list-hd .tag{font-size:0.857em;}	

	.list-info .more{ background-size:180px 1px;}

	.page{font-size:0.857em;}

}
@media (max-width:580px){
.wrap .products1 li img{height:80px;}

.wrap1 .title h2 {
	font-size:1.2em;
}
.wrap1 .title {
    font-size:1.5em;
}
.wrap1 .title1 {
    font-size: 1.5em;
}
	.wrap1 .logoimg{ width:16%; padding-right:2%; margin-top:3%;}
	.wrap .news li p{height:6.5em;margin-top:0}
    .wrap .news li img {
    width: 29%;
    height: auto;
}
.wrap .products li{
		height:17.5em;
		}
.wrap1 .top div.nav-btn{
		position:absolute;
		width:7.3em;
		right:0px; 
		font-size:0.8em;
		}
.wrap .news li .newstxt a{
		
		color:#aaa
		}		
.wrap .news li .newstxt p{
		height:4.7em;
		line-height:1.6em;
		font-size:1.3em;
		}
	.wrap .list li h4 a {
    font-size: 1.5em;
}
	}
@media (max-width:540px){
.wrap .products1 li img{max-height:80px;}

.wrap1 .title {
    font-size:1.5em;
}
.wrap1 .title1 {
    font-size: 1.5em;
}
	.wrap1 .logoimg{ width:16%; padding-right:1%; margin-top:2%;}
	.wrap .news li p{height:6.1em;margin-top:0; line-height:1.6em;}
	.wrap .news li img {
    width: 30%;
    height: auto;
}
.wrap1 .top div.nav-btn{
		position:absolute;
		width:150px;
		right:0px; 
		font-size:0.8em;
		}
.wrap .products li{
		height:16em;
		}
.wrap .news li .newstxt a{
		
		color:#aaa
		}	
.wrap .news li .newstxt p{
	height:4.5em;
		line-height:1.6em;
		font-size:1.3em;
		}
	.wrap .list li h4 a {
    font-size: 1.6em;
}
	}
@media (max-width:500px){
.wrap .products1 li img{max-height:80px;}

.wrap1 .title {
    font-size:1.6em;
}
.wrap1 .title1 {
    font-size: 1.6em;
}
	.wrap1 .logoimg{ width:16%; padding-right:5%; margin-top:0.8%;}
	.wrap .products li{
		height:14em;
		}
.wrap1 .top div.nav-btn{
		position:absolute;
		width:170px;
		right:0px; 
		font-size:0.9em;
		}
.wrap .news li .newstxt p{
		height:4.3em;
		line-height:1.5em;
		font-size:1.2em;
		}
	.wrap .list li h4 a {
    font-size: 1.3em;
}
	}
@media (max-width:460px){
.wrap .products1 li img{max-height:80px;}

.wrap1 .title {
    font-size:1.5em;
}
.wrap1 .title1 {
    font-size: 1.5em;
}
.wrap1 .logoimg{ 
	width:16%;
	 padding-right:4%;
	  margin-top:2%;
	  }
	.wrap1 .top div.nav-btn{
		position:absolute;
		width:150px;
		right:0px; 
		font-size:0.8em;
		}
	.wrap .products li{
		height:13em;
		}
	.wrap .news li .newstxt p{
		height:3.6em;
		line-height:1.3em;
		font-size:1.2em;
		}
	.wrap .list li h4 a {
    font-size: 1.2em;
}
.wrap .products1 li h4 {
    font-size: 1.2em;
}
	}
@media (max-width:420px){	
.wrap .products1 li img{max-height:80px;}
.wrap1 .title {
    font-size:1.6em;
}
.wrap1 .title1 {
    font-size: 1.6em;
}
    .wrap1 .logoimg{ 
	width:16%; 
	padding-right:8%; 
	margin-top:1%;}
	.wrap1 .top div.nav-btn{
		position:absolute;
		width:170px;
		right:0px; 
		font-size:0.9em;
		}
	.wrap .products li{
		height:13em;
		}
	.wrap .news li .newstxt p{
		height:3.6em;
		line-height:1.2em;
		font-size:1.2em;
		}
	.wrap .list li h4 a {
    font-size: 1.2em;
}
.wrap .products1 li h4 {
    font-size: 1.1em;
}
	}
@media (max-width:400px){
.wrap .products1 li img{max-height:80px;}
.wrap .content p {
    font-size: 1.2em;
}
.wrap1 .title .name {
    font-size:1.2em;
	padding-left: 2em;
}
.wrap .products li h4 {
    font-size: 1.1em;
	height: 1.1em;
line-height: 1.1em;

}
.box_163css{height:3em;font-size: 1.1em;}
.article p {
    font-size: 1.2em;
	line-height: 1.6em;
}	
    .wrap1 .title {
    font-size:1em;
}
.wrap1 .title1 {
    font-size: 1.2em;
}
    .wrap1 .logoimg{ 
	width:16%; 
	padding-right:3%; 
	margin-top:2%;}
	.wrap1 .top div.nav-btn{
		position:absolute;
		width:7.5em;
		right:0px; 
		font-size:0.9em;
		}
	.wrap .products li{
		height:12em;
		}
	.wrap .news li  .newstxt p{
		height:3.4em;
		line-height:1.2em;
		font-size:1em;
		}
	.wrap .products li h6 {
    font-size: 1.1em;}
	.wrap .list li h4 a {
    font-size: 1.2em;
}
.wrap .list li h4 {
    line-height: 20px;
}
.wrap .products1 li h4 {
    font-size: 1.1em;
}
	}
@media (max-width:375px){
.wrap .products1 li img{max-height:80px;}
.wrap .title h2 {
    font-size:1.1em;
}
.wrap1 .title h2 {
	font-size:1.2em;
}
.wrap1 a.more {
    height: 3em;
    width: 35px;
}
.wrap .content p {
    font-size: 1.2em;
}
.wrap1 .title .name {
    font-size:1.2em;
	padding-left: 2em;
}
.wrap .products li h4 {
    font-size: 1.2em;
	height: 1.1em;
line-height: 1.1em;

}
.box_163css{height:3em;font-size: 1.4em;}
.article p {
    font-size: 1.3em;
	line-height: 1.3em;
}	
    .wrap1 .title {
    font-size:1.5em;
}
.wrap1 .title1 {
    font-size: 1.4em;
}
    .wrap1 .logoimg{ 
	width:16%; 
	padding-right:8%; 
	margin-top:2%;}
	.wrap1 .top div.nav-btn{
		position:absolute;
		width:7.5em;
		right:0px; 
		font-size:0.9em;
		}
	.wrap .products li{
		height:11em;
		}
	.wrap .news li p{
		height:4.5m;
		line-height:1.6em;
		font-size:15px;
		}
	.wrap .products li h6 {
    font-size: 1.2em;}
	.wrap .list li h4 a {
    font-size: 1.2em;
}
.wrap .products1 li h4 {
    font-size: 1.1em;
}
	}

@media (max-width:350px){
.wrap .products1 li img{max-height:80px;}
.wrap1 .title {
    font-size:1.6em;
}
.wrap1 .title1 {
    font-size: 1.6em;
}	
.wrap1 .logoimg{ 
	width:16%; 
	padding-right:4%; 
	margin-top:2%;}
.wrap1 .top div.nav-btn{
		position:absolute;
		width:170px;
		right:0px; 
		font-size:0.9em;
		}
.wrap .products li{
		height:11em;
		}
.wrap .news li .newstxt p{
		height:3.3em;
		line-height:1.1em;
		font-size:1em;
		}
.wrap .list li h4 a {
    color: #888;
    font-size: 12pt;
}

.wrap .products li h6 {
    font-size: 12pt;}
.wrap .products1 li h4 {
    font-size: 1.1em;
}
	}
	
@media (max-width:320px){
.wrap .products1 li img{max-height:80px;}
.article p {
    font-size: 1em;
}
.box_163css{height:3em;font-weight: 300;font-size: 1em;line-height: 36px;position:relative;}
.wrap1 .title {
    font-size:1em;
}
.wrap1 .title1 {
    font-size: 1.6em;
}	
.wrap1 .logoimg{ 
	width:16%; 
	padding-right:4%; 
	margin-top:2%;}
.wrap1 .top div.nav-btn{
		position:absolute;
		width:7.3em;
		right:0px; 
		font-size:0.9em;
		}
.wrap .products li{
		height:10.5em;
		}
.wrap .news li p{
		height:5em;
		line-height:1.6em;
		font-size:14px;
		}
.wrap .list li h4 a {
    color: #888;
    font-size: 13pt;
}

.wrap .products li h6 {
    font-size: 12pt;}
.wrap .products1 li h4 {
    font-size: 1em;
}
	}
	
	
	
.content img {
	height: auto;
	max-width: 100%;
	border: 0 none;
}
#bodyimg{margin: 0 auto;
    max-width: 630px;
	overflow-x: hidden;}


/*产品中心分类*/

.box03{ width:100%; clear:both; background-color:#faf6ed; overflow:hidden;}
.box03 ul{width:100%;}
.box03 li{width:33%; float:left; text-align:center; padding:2px 0;}
.box03 li a:link{color:#000; font-size:1.2em;}
.box03 li a:visited{color:#000; font-size:1.2em;}
.box03 li a:hover{background-color:#fadda5; color:#000; border-radius:15px; padding:5px 20px;}
.box03 li a:active{color:#000; font-size:1.2em;}
.box04{clear:both; width:100%; background:#faf6ed url(/img/images9.jpg) no-repeat top center; height:26px; text-align:center;}
.btn01{cursor:pointer; margin:0 auto; width:70px; height:26px; padding:0; border:0; background:none;}