@charset "utf-8";
/* CSS Document */

body { margin:0 auto; font-size:14px; font-family:"Microsoft Yahei", "微软雅黑"; color:#666666; }
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color: #666666; text-decoration:none;}
a:hover { color:#F00;}
table {border-collapse: collapse; border-spacing: 0;}

.blank1,.blank2,.blank3,.blank4,.blank5,.blank10{overflow:hidden;clear:both;display:block;font-size:1px;}
.blank1{ height:1px;}
.blank10{ height:10px;}
.blank3{ height:3px;} 
.blank20{height:20px;}
.blank5{ height:5px;}
.blank50 {height:50px;}

.page{ min-width: 320px;max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;background: #fff;}

.logo{ line-height:50px;font-size:18px}
.logo img{ padding:0px 5px;float:left}
.banner{ width:100%; max-width:640px; display:block; margin:0 auto}
.slide_nav{ display:none}

.main{ height:auto; padding-bottom:3%;min-width: 320px;max-width: 640px;margin: 0 auto;overflow: hidden;}

.m_tit{ margin:10px auto}
.m_tit h4.ab_hd{ text-align:center; color:#444; font-weight:bold; font-size:24px}
.m_tit p.ab_bd{ text-align:center; font-size:18px; color:#999999}
.m_tit img{ text-align:center; display:block; margin:0 auto; width: 100%;}
/*关于我们*/
.about{ height:100%;padding:0 3%}
.about_bod{ }
.about_bod p{line-height:25px;text-indent:2em;}
.about_bod img{  width: 100%;}

/*新闻动态*/
.news{ padding:0 3% 3% 3%}
.tabs{height:40px;}
.tabs a{display:block;float:left;width:33.33%;color:#333;text-align:center;background:#f0f0f0;line-height:40px;font-size:16px;text-decoration:none;}
.tabs a.active{color:#eb0000;background:#e7e7e7;border-radius:5px 5px 0px 0px;}
.swiper-container{background:#e7e7e7;height:225px;border-radius:0 0 5px 5px;width:100%;border-top:0;}
.swiper-slide{height:225px;width:100%;background:none;color:#eb0000;}
.content-slide{padding:20px;}
.content-slide ul{}
.content-slide ul li{ border-bottom:1px dotted #ccc}
.content-slide ul li a{line-height:30px;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */	}
.swiper-wrapper {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*公司简介*/
.company{ height:100%; margin:0 auto;padding:0 3%}
.company_bod h3{ color:#e0651f; font-size:18px; line-height:36px; text-align:center; }
.company_bod p{line-height:25px; text-align:center; }

.product{}
.product_tit{padding:3% 0; margin:0 auto; text-align:center; font-size:24px; font-weight:bold  }
.product_tit span{background:url(images/product_tit.gif) no-repeat center; background-size:100%; line-height:35px; font-size:22px;color:#f68e00;text-align:center; display:block}
.prolist{ margin:0 auto}
.prolist ul{ text-align:center;}
.prolist ul li{ width:33%; background:#f7f5f5; display:inline-block; text-align:center; margin:1%; border:1px solid #eaeaea; border-radius:3px; padding:5px 0px; }
.prolist ul li a{line-height:25px; color:#222; padding:0px 3px;}
.product_bod{ padding:3%}

.td { width:48%; height:auto;overflow:hidden; margin:0 auto; border:1px solid #d8d7d7; }
.odd{ float:right; margin-right:1%;}
.even{float:left;margin-left:1%;}
.td1{text-align:center;}
.td2{text-align:center; color:#666666; height:29px; margin-top:3px; }
.td2 a{height:24px; line-height:24px; color:#666666;}
.td2 a:hover{color:#F00;}
.td1 a img , .td2 a img {width: 100%;height:auto;}
.td1 img , .td2 img {width: 100%;height:auto;}


.more{width:25%; background:#055cbd; margin:5% auto; text-align:center; border-radius:5px}
.more a{ color:#ffffff; line-height:30px; font-size:14px; text-align:center}


.n_tit{font-size:24px; line-height:32px; font-weight:bold; color:#444; padding-left:3%; margin:3% auto}
.n_news{ padding:3% 3%}
.n_news ul{}
.n_news ul li{background:url(/images/ico_news.png) no-repeat left center;height:30px;line-height:30px; border-bottom:1px dashed #ccc;overflow:hidden}
.n_news ul li span{ float:right}
.n_news ul li a{ line-height:30px;padding-left:3%}


.box_tit{ overflow:hidden; margin:0 auto; text-align:center; font-size:22px; font-weight:bold; border-bottom:1px solid #ccc; padding:2% 0;}
.box_time{ overflow:hidden; text-align:center; color:#666; padding:12px 0;margin:0 auto;}
.box_body{ overflow:hidden; line-height:25px;margin:0 auto;}
.box_body p{text-indent:2em;line-height:25px}


.n_sin{padding:3% 3%}
.n_sin p{text-indent:2em;line-height:30px}


.n_product{ padding:2% 2%}
.box_img{margin:0 auto;text-align:center}
.box_img img{text-align:center;border:1px solid #cccccc;padding:1%;width:80%}


.news_bod{}
.news_bod ul{}
.news_bod ul li{background:url(/images/ico_news.png) no-repeat left center;height:30px;line-height:30px; border-bottom:1px dashed #ccc;overflow:hidden}
.news_bod ul li span{ float:right}
.news_bod ul li a{ line-height:30px;padding-left:3%}


.footer{text-align:center; height:100%; clear:both;margin:0 auto;background:#f7f5f5; border-top:1px solid #edebeb;}
.footer p{ text-align:center; line-height:23px}
.footer p a{ color:#666666; line-height:23px}
.button{ background:url(images/tel_button.jpg) repeat-x; height:49px; position:fixed; bottom:0px; width:100%; min-width:320px; max-width:640px;    margin: 0 auto;}
.active{ width:33.3%; float:left; height:49px; background:url(/images/tel_button_l.png) no-repeat right;}
.tel{ height:49px; text-align:center; }
.icon0{ background:url(/images/ico_01.png) no-repeat; display:block; width:22px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}
.icon1{ background:url(/images/ico_03.png) no-repeat; display:block; width:22px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}
.icon2{ background:url(/images/ico_05.png) no-repeat; display:block; width:22px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}
.icon3{ background:url(/images/ico_07.png) no-repeat; display:block; width:22px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}
.icon4{ background:url(/images/ico_09.png) no-repeat; display:block; width:22px; height:23px; margin-top:3px; margin-left:auto; margin-right:auto;}
.tel2{ line-height:18px; font-size:12px; color:#ffffff; height:18px; padding-top:5px;}
.tel2 a{ color:#ffffff;text-decoration:none;}


.pagelist{ width:100%; overflow: hidden; padding:22px 0 0 0px; text-align:center; color:#444444;}
.pagelist ul{ float:right;overflow:hidden; padding-right:12px; color:#444444;}
.pagelist li{ float:left; padding:4px 8px; margin:4px; text-align:center; border:1px solid #eee; color:#444444; }
.pagelist .thisclass{ background:#ccc; border:1px solid #ccc; color:#fff; font-weight:bold; color:#444444;}
.pagelist .thisclass a{ font-weight:bold; color:#444444;}
.pagelist a:hover{color:#032c1a;}
.js table tr {border:1px solid #666;}
.js table tr td{border-right: 1px solid #444;}

.img ul{}
.img ul li{background:none; height:auto; border:none; overflow:hidden;}



.made{}
.madegame{width:100%;overflow:hidden;}

#ho{position:relative !important;}
#ho li{float:left; width:320px;position:relative;}
#ho li img{ width:96%; margin:0 auto; border:1px solid #ccc; padding:1%}
#ho li p{text-align:center;padding-top:2%}
#ho li p a{ text-align:center; }
#showfc{display:none !important}
#kfoLayer1{display:none !important}
#ycck{display:none !important}

.lanren{}
.lanren ul{}
.lanren ul li{ float:left; width:48%; margin:1% 1%; position:relative;}
.lanren ul li img{ width:100%;}
.txt{position:absolute; height:38px; width:100%;background:url(images/11px.png) repeat; bottom:2px; color:#fff;}
.txt h3{font-size:14px; text-align:center; line-height:38px;  }