@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "微软雅黑";
	font-size:16px;
	line-height:24px;
	min-width:320px;
	max-width:640px;
	width:100%;
	margin:0px auto;
	background:#FFFFFF;
	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 }
/*-- start --*/
.singleDiv{ width:100%; float:left;}
.singleDiv2{overflow:hidden}
.singleDiv2 img{width:100%}
.singleDiv2 a{display:block;float:left;width:100%;}
/*#toubu{margin-top:48px}*/
.title1{ width:100%; height:49px; float:left; line-height:49px; color:#FFFFFF; text-indent:1.5em; font-size:20px; background:}
.clean{ width:100%; height:15px; float:left; background:#f0f0f0;}
.clean2{ width:100%; float:left;}
/*-- website head --*/
.top{ background:#069dd4;}
.to_index{ width:8.4%; float:left; display:block; margin-left:1.8%;}
.top_logo{ width:39.5%; float:left; margin-left:18%;}
.top_more{ width:11.4%; float:right; display:block;}
.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;}
/*-- website nav --*/
.banner{ position:relative; overflow:hidden; max-width:640px;/* 设置焦点图最大宽度 */ }
 .hd2{ position:absolute; line-height:28px; bottom:0; right:0; z-index:1; }
 .bd2{ position:relative; z-index:0; }
 .bd2 li{ position:relative; text-align:center;  }
 .bd2 li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
 .hd2{ height:20px; overflow:hidden; font-size:0; text-align:center; width:100%; margin-top:10px; float:left;}
 .hd2 ul{ display:inline-block; margin-top:5px; }	
 .hd2 li{ display:inline-block; width:12px; height:12px; background:#fff; margin:0 5px; vertical-align:top; overflow:hidden; 
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; 
	}
 .hd2 li.on{ background:#069dd4;  }

/*-- website web_search --*/
.web_tool{ float:left; width:100%; margin-top:10px;}
.web_tool_main{ width:96.8%; height:45px; margin:0 auto; background:url(../images/sousuobg.jpg) no-repeat; background-size:100%;}
.search_input{ width:50.7%; height:39px; border:none; margin-top:2px; margin-left:2px; float:left; text-indent:1em; color:#999; font-family:"微软雅黑";}
.search_bt{ width:7.5%; float:left; height:39px; display:block;}
.tell_bt{ width:36.25%; float:right; height:39px; display:block;}
/*-- website section1 --*/
.section1_title{ width:100%; float:left; background:#069dd4;}
.section1_title_main{ width:60%; height:30px; margin:0 auto; text-align:left; line-height:30px; color:#FFFFFF; font-size:10px; text-indent:1.8em;}
.Save_t1{ width:89.8%; margin:20px auto;}
.Save_bt{ width:62.4%; margin:0px auto;}
.Save_text{ width:93.75%; margin:0px auto;text-indent:2em; font-size:12px; line-height:24px;font-family: "宋体"; padding-top:20px;margin-bottom:20px;}
.hongse{font-size:12px; line-height:24px;font-family: "宋体"; color:#F00;}
.btn001{width:60%; display:block; margin:0 auto;font:400 1.00em/1.25em "";background-color:#ff3b74; color:#fff; padding:.8em .0; text-align:center; border-radius:.2em;}
.btn001:hover{color:#fff;background-color:#069dd4;}


/*-- website section2 --*/

.section1_con{ width:100%; margin:0 auto;}
.section1_con li{ width:23.4%; float:left; text-align:center; padding-top:25px; padding-bottom:15px;}
.section1_con li dt{ width:100%; color:#333333; font-size:14px; height:30px; }
.hh{width:100%;padding-top:10px;}
.hh .le {width:18.5%;float:left; margin-left:2%;}
.hh .ri {width:27%;float:left;font-size:12px; color:#484848; line-height:22px; padding:1% 0 0% 2%;}

.Effect_left{ width:45.9%; float:left; margin:3% 0 0 3%} 
.Effect_t1{ width:100%;}
.case01_tit,.case02_tit.case03_tit,.case04_tit{width:100%; background-color:#ff3b74; zoom:1; overflow:hidden;color: #fff;text-align: center; line-height:36px;}
.case02_tit{width:100%; background-color:#11a8e1;color: #fff;text-align: center; line-height:36px;}
.case03_tit{width:100%; background-color:#ff4a00;color: #fff;text-align: center; line-height:36px;}
.case04_tit{width:100%; background-color:#ffa800;color: #fff;text-align: center; line-height:36px;}
.Effect_dj{ width:48.2%; margin:0px auto; padding-top:20px;}
.Effect_zj{ width:99.1%; margin:0px auto;}
.Worry_t1{ width:100%; margin:0px auto;}
.Standard_tu{ width:68.2%; margin:0px auto; padding-top:20px;}
.Standard_text{ width:93.75%; margin:20px auto;text-indent:2em; font-size:12px; line-height:24px;font-family: "宋体";}
.section2_con{ width:100%; margin:0 auto;}
.section2_con li{ width:27.1%; float:left; text-align:center;}
.section2_con li dt{ width:100%; color:#e23722; font-size:16px;}
.section2_con li dl{ width:100%; color:#333333; font-size:12px;text-align:left; line-height:20px;}
.section2_span{ padding-top:50px; width:100%; height:130px;}
.section2_con li span{width:100%; height:130px; background-color:#ff3b74; font-size:12px;text-align:left; line-height:30px; display:block; border-radius:8px; line-height:130px; font-size:24px; color:#FFF; text-align:center;}

.about{background-color:#e8e8e8; zoom:1; overflow:hidden; margin-bottom:.8333em}
.about img{width:45%;}
.about_text{width:50%; margin-left:10px; padding:2.5px 0 0 0; font-size:12px; line-height:16px;}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.content_m20 { margin:0.8em;}
.blank20 {clear:both; height:.8333em; overflow:hidden; display:block;}
.left { float:left;}
.tu{ width:100%; margin:0px auto;}
/*-- website section3 --*/
.section3_title{ width:100%; float:left; background:#069dd4; height:48px; text-align:center; line-height:48px; color:#FFFFFF; font-size:22px;}
.section3{ margin-top:20px; float:left; width:93.75%; margin-left:3.125%;}
.section3_con{ position:relative; overflow:hidden; max-width:620px;/* 设置焦点图最大宽度 */ }
.section3_con .hd{ position:absolute; line-height:28px; bottom:0; right:0; z-index:1; }
.bd{ position:relative; z-index:0; }
.bd li{ position:relative; text-align:center;  }
.bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.hd{ height:20px; overflow:hidden; font-size:0; text-align:center; width:100%; margin-top:10px; float:left;}
.hd ul{ display:inline-block; margin-top:5px; }	
.hd li{ display:inline-block; width:12px; height:12px; background:#fff; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.hd li.on{ background:#069dd4;  }



.section4_pic{ width:46.6%; margin:0 auto;}
.index_hj{ width:100%; position:relative; overflow:hidden; max-width:280px;/* 设置焦点图最大宽度 */ }
.index_hj .hd{ position:absolute; line-height:28px; bottom:0; right:0; z-index:1; }
 .bd4{ position:relative; z-index:0; }
 .bd4 li{ position:relative; text-align:center;  }
 .bd4 li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
 .hd4{ height:20px; overflow:hidden; font-size:0; text-align:center; width:100%; margin-top:10px; float:left;}
 .hd4 ul{ display:inline-block; margin-top:5px; }	
 .hd4 li{ display:inline-block; width:12px; height:12px; background:#fff; margin:0 5px; vertical-align:top; overflow:hidden; 
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; 
	}
 .hd4 li.on{ background:#069dd4;  }




/* section5 */
.section5_title{ width:100%; float:left; background:#069dd4;}
.section5_title_main{ width:48.7%; height:48px; margin:0 auto; background:url(../images/logo_pic.jpg) left center no-repeat; background-size:11%; text-align:left; line-height:48px; color:#FFFFFF; font-size:22px; text-indent:1.8em;}
.register{ width:100%;}
.register_con{ width:91%; margin:0 auto; margin-top:5px; zoom:1; overflow:hidden}
.register_con li{ float:left; width:100%;}

/* section6 */
.section6_main{ width:93.75%; margin:0 auto; height:56px; }
.section6_span1{ font-size:18px; line-height:56px; color:#000000; text-align:center; display:block; border-bottom:#dfdfdf solid 1px;}

.onSelect{ color:#000;}
.section6_main li{ padding-top:20px; border-bottom:#999999 dotted 1px; height:120px; float:left;}
.section6_main img{ float:left;}
.section6_leftpic{ width:13.33%; float:left;}
.section6_leftpic span{ text-align:center; font-size:12px; display:block; line-height:20px;}
.section6_rightcon{ width:83.33%; float:right;}
.startimg{ width:14.2%; float:left;}
.section6_p1{ display:block; width:100%; float:left; font-size:14px; color:#000; line-height:20px;}
.section6_span{ display:block; width:25%; float:left; font-size:14px; line-height:20px;}

/* section5 */
.yuyue{ margin-top:5%; background:#0089ce; padding-bottom:20px;}
.yuyuebox{ width:100%; margin:0 auto; font-size:16px;  color:#fff; 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%;}
.yuyuebox .button{ background:#f48762;padding:1% 0px; color:#fff; border-style:none; text-align:center; width:20%; font-size:16px;}
.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:14%; float:left;}
.foot_main{ width:100%; padding-top:3%; text-align:center; font-size:16px; line-height:22px;}

/*在线咨询挂号*/
.zixun{font-size:1.8rem; color:#fff;}
.zixun .sp{text-align:left;padding-left:10px;}
.zixun .spa{text-align:right;float:right;padding-right:10px;}
.zixun .spa a{color:#fff;}
.xuzhi{width:98%;border:1px dashed #862D06;margin:0 auto;margin-top:0.5rem;}
.xuzhi span{text-align:center;line-height:1.6rem;width:10%;float:left;display:block;background:#E23A0A;color:#fff;}
.xuzhi p{width:85%;float:left;margin-left:2%;font-size:1rem;}
.table{width:90%;margin:1rem auto;}
.table input{line-height:2rem;}
.table .inp{line-height:2rem;width:80%;}
.table textarea{width:90.5%;height:4rem;line-height:2rem;}
.table .tijiao{background:#454545;line-height:2rem;display:block;width:7rem;text-align:center;color:#fff;border:none;font-size:1rem;font-family:"微软雅黑";}
.table .zx{float:right;line-height:2rem;}
.table .zx a{color:#fff;}

#projectnav {
	overflow: hidden;
	margin: 0 auto;
	max-width: 640px;
	min-width: 320px
	
}
.projectnav ul {
	width: 100%;
	overflow: hidden
}
#projectnav li {
	float: left;
	width: 33%;
	padding-bottom: 10px;
	font-size: 20px
	
}
#projectnav a {
	display: block;
	margin: 0 10px;
	text-align: center;
	border-radius:10px;
	padding-bottom:10px;
	border:1px solid #cdcdcd;
}
#projectnav a>span {
	display: block;
	height: 100px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 5px
}
#projectnav a>span.n_v1 {
	background: url(../images/icons/icon1.png) no-repeat center
}
#projectnav a>span.n_v2 {
	background: url(../images/icons/icon2.png) no-repeat center 
}
#projectnav a>span.n_v3 {
	background: url(../images/icons/icon3.png) no-repeat center 
}
#projectnav a>span.n_v4 {
	background: url(../images/icons/icon4.png) no-repeat center 
}
#projectnav a>span.n_v5 {
	background: url(../images/icons/icon5.png) no-repeat center 
}
#projectnav a>span.n_v6 {
	background: url(../images/icons/icon6.png) no-repeat center 
}
#projectnav a>span.n_v7 {
	background: url(../images/icons/icon7.png) no-repeat center  
}
#projectnav a>span.n_v8 {
	background: url(../images/icons/icon8.png) no-repeat center  
}
#projectnav a>span.n_v9 {
	background: url(../images/icons/icon9.png) no-repeat center 
}
@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;}

.hi-icon:after {
	width: 35%;
	height: 90%;
	margin-left:32%;
}
#projectnav li {
	font-size: 14px;
	
}
#projectnav {
	overflow: hidden;
	margin: 10px auto;
	max-width: 480px;
	min-width: 320px
}

#projectnav a {
	display: block;
	margin: 0 8px;
	text-align: center;
	border-radius:10px;
	padding-bottom:0px;
	
}

#projectnav a>span {
	display: block;
	height: 60px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 0px
}
#projectnav a>span.n_v1 {
	background: url(../images/icons/icon1.png) no-repeat center ;
	background-size: 60px 60px
}
#projectnav a>span.n_v2 {
	background: url(../images/icons/icon2.png) no-repeat center ;
	background-size: 60px 60px
}
#projectnav a>span.n_v3 {
	background: url(../images/icons/icon3.png) no-repeat center ;
	background-size: 60px 60px
}
#projectnav a>span.n_v4 {
	background: url(../images/icons/icon4.png) no-repeat center ;
	background-size: 60px 60px
}
#projectnav a>span.n_v5 {
	background: url(../images/icons/icon5.png) no-repeat center;
	background-size: 60px 60px
}
#projectnav a>span.n_v6 {
	background: url(../images/icons/icon6.png) no-repeat center ;
	background-size: 60px 60px
}
#projectnav a>span.n_v7 {
	background: url(../images/icons/icon7.png) no-repeat center;
	background-size: 60px 60px
}
#projectnav a>span.n_v8 {
	background: url(../images/icons/icon8.png) no-repeat center;
	background-size: 60px 60px
}
#projectnav a>span.n_v9 {
	background: url(../images/icons/icon9.png) no-repeat center;
	background-size: 60px 60px
}

}
/******底部光圈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;}
.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%;}	
}



.liu1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;position: absolute;width: 16%;height: 20%;line-height: 140%;font-size: 100%;color: #fff;right:35%;top:12%;font-family: arial;font-weight: bold;-webkit-animation: dott 2s infinite;animation: dott 2.5s infinite;border-radius: 50%;background: -webkit-linear-gradient(top, #fd142e, #bf0116);background: linear-gradient(to bottom, #fd142e, #bf0116);text-align:center; }

@-webkit-keyframes dott {
 0% {
opacity:1;
}
 25% {
opacity:1;
}
 25.01% {
opacity:0;
}
 50% {
opacity:0;
}
 50.01% {
opacity:1;
}
 75% {
opacity:1;
}
 75.01% {
opacity:0;
}
 100% {
opacity:0;
}
 100% {
opacity:0;
}
}
@keyframes dott {
 0% {
opacity:1;
}
 25% {
opacity:1;
}
 25.01% {
opacity:0;
}
 50% {
opacity:0;
}
 50.01% {
opacity:1;
}
 75% {
opacity:1;
}
 75.01% {
opacity:0;
}
 100% {
opacity:0;
}
 100% {
opacity:0;
}
}