@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", "SimSun", "Arial";
	
	min-width:320px;
	max-width:640px;
	width:100%;
	margin:0px auto;
	color:#666;
}
a {
text-decoration:none;
color:#666666;
}
a:hover{
	
}
img {
	width:100%;
	border:0px;
	display:block;
}
li {
list-style:none;
list-style-type:none;
}
.center{ text-align:center;}
.scrollTop { position:fixed; bottom:116px; right:3%; width:13%;z-index:9999 }
.normalbar{overflow:hidden;clear:both}
.normalbar img{ margin:3% 0 3% 0;}
/*#toubu{margin-top:48px}*/
.hidden{ display:none;}
.singleDiv{ width:96%;margin:0px auto;}
.singleDiv2{overflow:hidden}
.singleDiv2 img{width:100%}
.singleDiv2 a{display:block;float:left;width:50%;}
.navbar{ clear:both;overflow:hidden;border-top:1px solid #ffffff;}
.navbar a{ background:#0089ce; display:block; padding:10px 0; color:#fff; font-size:24px; text-align:center;width:25%; border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;box-sizing:border-box; float:left;}
.navbar a:nth-child(4n){ border-right:none;}
.clean{ width:100%; height:10px;line-height:10px; background:#FFF;float:left;}
.clean2{ width:100%; float:left;}
/* section5 */
.yuyue{ margin-top:5%; background:#0089ce; padding-bottom:20px;}
.yuyuebox{ width:100%; margin:0 auto; font-size:16px;  color:#fff;background:url(../images/yy_line.jpg) repeat-x center top; line-height:40px;}
.yuyuebox .yyinfott{color:#ffff00;background:url(../images/yy_line.jpg) repeat-x center bottom}
.yuyuebox .yyinfo{ vertical-align:top; padding-left:10%;color:#fff;}
.yuyuebox .button{ background:#f48762;padding:1% 0px; color:#fff; border-style:none; text-align:center; width:20%; font-size:16px;}
.yuyuebox p{color:#fff;line-height:40px;}
.yuyuebox .submit{ margin-left:22%;padding:1% 0px;}
.yuyuebox .reset{ background:#ffff00; color:#000;margin-left:3%;}
.yuyuebox input,.yuyuebox textarea{ border-style:none; border:1px solid #ccc;}
/* section6 */
.onSelect{ color:#000;}
.section6_main li{ padding-top:20px; border-bottom:#999999 dotted 1px; height:120px; float:left;}
.section6_main img{ float:left;}
/* foot */
.foot{ background:#f0f0f0; padding-bottom:24%; float:left;}
.foot_main{ width:100%; padding-top:3%; text-align:center; font-size:16px; line-height:22px;}




@media screen and (max-width:480px) {

.yuyuebox{ font-size:14px; width:100%}
.yyinfott,.foot_main{ font-size:12px;}
.yuyuebox .yyinfo{ padding-left:10%;}
.yuyuebox .submit{ margin-left:20%;}
.tb_box{ height:30px; line-height:30px;width:94%;}
.tb_box_content{ font-size:14px;width:94%; margin:0 auto;padding:3%;}
.tb_box #ta_b1,.tb_box #ta_b2,.section4_nav li{font-size:16px;}
.navbar a{font-size: 14px; padding: 5px 0; width: 25%;}
dl.arttop{ height:80px;}
.search_input{ width:53.7%; height:22px;margin-top:1px}
.bottombar{ height:50px;}
.bottombar a{ width:20%; font-size:14px; line-height:24px;}
.bottombar a img{ width:40%;}
.bottombar a.online{ width:20%; margin-top:-3%; z-index:2;}
.bottombar a.tel{ }
.bottombar a.totop img{ width:38%;}
.recommend li a{ font-size:14px;}
.pre-art,.next-art{ font-size:14px;}
.nav-item-content a{font-size:14px;}



}
/******底部光圈start*****/
.hi-icon{
	position: relative;
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 46%;
	height: 88%;
	margin-left:27%;
	margin-top:4%;
	margin-bottom:0px;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px #fcf41b;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

 .hi-icon:after {
	-webkit-animation: sonarEffect 1.3s infinite  75ms;
	-moz-animation: sonarEffect 1.3s infinite  75ms;
	animation: sonarEffect 1.3s infinite  75ms;
}


.bottombar{ background: #1a1a1a none repeat scroll 0 0;bottom: 0; max-width: 640px;padding-bottom: 15px;position: fixed;width: 100%; z-index:10;}
.bottombar a{ display:block; width:20%; text-align:center; color:#fff; float:left; margin:2% 0 0 0%; font-size:12px; line-height:30px; position:relative;}
.bottombar a.tel{ width:20%;display:inline-block;text-align:center}
.bottombar a img{ width:30%;margin-left:35%;}
.bottombar a.online{ width:20%; margin-top:-2%; z-index:2;text-align:center}
.bottombar a.online img{width:50%;margin-left:25%}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px #f4ec0a, 0 0 20px 20px #faf680, 0 0 0 10px #faf9d9;
	}
	100% {
		box-shadow: 0 0 0 2px #f4ec0a, 0 0 20px 20px #faf680, 0 0 0 10px #faf9d9;
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px #f4ec0a, 0 0 20px 20px #faf680, 0 0 0 10px #faf9d9;
	}
	100% {
		box-shadow: 0 0 0 2px #f4ec0a, 0 0 20px 20px #faf680, 0 0 0 10px #faf9d9;
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px #f4ec0a, 0 0 20px 20px #faf680, 0 0 0 10px #faf9d9;
	}
	100% {
		box-shadow: 0 0 0 2px #f4ec0a, 0 0 20px 20px #faf680, 0 0 0 10px #faf9d9;
		transform: scale(1.5);
		opacity: 0;
	}
}
/******底部光圈end*****/

.top_bar{position:fixed;bottom:-25px;margin-bottom:130px;z-index:900;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-family:"微软雅黑";width:60%;left:0px;}
.plug-menu{-webkit-appearance:button;display:inline-block;width:79px;height:79px;position:absolute;bottom:0px;left:0px;z-index:999;-webkit-transition:-webkit-transform 200ms;-webkit-transform:rotate(1deg);background-image:url(images/zhankai.png);background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;border-radius:50px;color:#fff;}
.plug-menu:before{font-size:20px;margin:9px 0 0 9px;}
.top_menu{padding-left:30px;width:49px;height:79px}
.top_menu>li{min-width:86px;padding:0 10px;height:42px;margin-bottom:5px;margin-right:23px;z-index:900;transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}
.top_menu>li:last-child{margin-bottom:10px;}
.top_menu>li a{color:#cfc7b9;font-size:20px;display:block;height:100%;line-height:40px;text-indent:46px;text-decoration:none;position:relative;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.top_menu>li a img{display:block;width:40px;height:40px;text-indent:-999px;position:absolute;top:35%;left:15px;margin-top:-13px;margin-left:-12px;}
.top_menu>li.on:nth-of-type(1){
	-webkit-transform:translate(15px, 0) rotate(0deg);
	transition:all 700ms ease-out;
	-webkit-transition:all 700ms ease-out;width:130px;
}
.top_menu>li.on:nth-of-type(2){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 600ms ease-out;
	-webkit-transition:all 600ms ease-out;width:130px;
}
.top_menu>li.on:nth-of-type(3){
	-webkit-transform:translate(15px, 0) rotate(0deg);
	transition:all 500ms ease-out;
	-webkit-transition:all 500ms ease-out;width:130px;
}
.top_menu>li.on:nth-of-type(4){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 400ms ease-out;
	-webkit-transition:all 400ms ease-out;width:130px;
}
.top_menu>li.on:nth-of-type(5){
	-webkit-transform:translate(15px, 0) rotate(0deg);
	transition:all 300ms ease-out;
	-webkit-transition:all 300ms ease-out;width:130px;
}
.top_menu>li.on:nth-of-type(6){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 200ms ease-out;
	-webkit-transition:all 200ms ease-out;width:130px;
}
.top_menu>li.out:nth-of-type(1){
	-webkit-transform:translate(-150px, 0) rotate(0deg);
	transition:all 600ms ease-out;
	-webkit-transition:all 600ms ease-out;width:130px;
}
.top_menu>li.out:nth-of-type(2){
	-webkit-transform:translate(-150px, 0) rotate(0deg);
	transition:all 500ms ease-out;
	-webkit-transition:all 500ms ease-out;width:130px;
}
.top_menu>li.out:nth-of-type(3){
	-webkit-transform:translate(-150px, 0) rotate(0deg);
	transition:all 400ms ease-out;
	-webkit-transition:all 400ms ease-out;width:130px;
}
.top_menu>li.out:nth-of-type(4){
	-webkit-transform:translate(-150px, 0) rotate(0deg);
	transition:all 300ms ease-out;
	-webkit-transition:all 300ms ease-out;width:130px;
}
.top_menu>li.out:nth-of-type(5){
	-webkit-transform:translate(-250px, 0) rotate(0deg);
	transition:all 200ms ease-out;
	-webkit-transition:all 200ms ease-out;width:130px;
}
.top_menu>li.out:nth-of-type(6){
	-webkit-transform:translate(-250px, 0) rotate(0deg);
	transition:all 100ms ease-out;
	-webkit-transition:all 100ms ease-out;width:130px;
}
 img{width:100%;}
.tell{position:absolute;bottom:10%;left:18%;width:29.5%;}
.zxzx11{position:absolute;bottom:10%;left:48%;width:26%;}
.lylx{position:absolute;bottom:10%;left:74.5%;width:25.5%;}


.picewm{position:fixed;bottom:47%;left:0%;display:none;z-index:101;}
@media screen and (max-width:480px) {
.top_bar{margin-bottom:98px;}
.scrollTop { position:fixed; bottom:95px; right:3%; width:13%;z-index:9999 }
.yuyuebox .yyinfo{  padding-left:8%;}
}

@media screen and (max-width:320px) {
.yuyuebox .yyinfo{ padding-left:5%;}	
}


@media screen and (min-width:640px) {
.yuyuebox .yyinfo{ padding-left:22%;}
.section4_span3{font-size:16px;line-height:26px;}
}

.hot_phone { position: fixed; z-index: 9999; top: 0; width: 100%; height: 42px;   background: #13a4db;max-width:640px}
.hot_phone input { float: left; font-size: 14px; border:0px}
.hot_phone .ph { box-sizing: border-box; width: 68%; height: 36px; padding: 0 1%; line-height: 36px; color: #999; border-right: 10px solid #13a4db; border-left: 10px solid #13a4db; background: #fff; }
.hot_phone .tjph { width: 30%; height: 36px; line-height: 36px; cursor: pointer; text-align: center; color: #fff; border-radius: 5px; background: #1e89b9; }