@charset "utf-8";
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{outline:none;color:#f068ae;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.content1200{ width:1200px; margin:0 auto; min-width:1200px;}



/*------------------------------------------------引导页--------------------------------------------------------*/
/*背景平铺*/
.fullSlide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000; overflow:hidden;}
.fullSlide ul {height: 100% !important;width: 100% !important;}
.fullSlide li {	margin:0;padding:0;	background-position: center center;background-size: cover;height: auto;min-height: 100%;min-width: 100%;width: auto;}
.load_logo{ width:11%; display:block; position:absolute; left:4%;top:5%;animation:mymove 1s 1;-moz-animation:mymove 1s 1; -webkit-animation:mymove 1s 1;}
.tel{ width:34%; position:absolute; right:10%; top:35%; text-align:right;animation:mymove1 1s 1;-moz-animation:mymove1 1s 1; -webkit-animation:mymove1 1s 1;}
.tel .phone p{ font-size:44px;font-size:4.4vmin; font-size:4.4vm; font-weight:bold; color:#f068ae; margin:1% 0;}
.tel .phone a.enter{ display:block;}
.left_pic{ width:572px; height:572px;left:10%; top:50%; margin-top:-278px; position:absolute; background:url(../imgs/rot.png) center center no-repeat;}
.left_pic .baby{ width:500px; height:500px;border-radius:500px; overflow:hidden; z-index:99; margin:36px auto; }
.ys01{ position:absolute; left:0; bottom:4%; width:10%;animation:mymove2 2s 1;-moz-animation:mymove2 2s 1; -webkit-animation:mymove2 2s 1;}
.ys02{ position:absolute; top:0; left:45%; width:29%;animation:mymove3 2s 1;-moz-animation:mymove3 2s 1; -webkit-animation:mymove3 2s 1;}
@keyframes mymove
{
from {left:-10%;}
to {left:4%;}
}
@-moz-keyframes mymove /*Firefox*/
{
from {left:-10%;}
to {left:4%;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:-10%;}
to {left:4%;}
}
@keyframes mymove1
{
from {right:-20%;}
to {right:10%;}
}
@-moz-keyframes mymove1 /*Firefox*/
{
from {right:-20%;}
to {right:10%;}
}
@-webkit-keyframes mymove1 /*Safari and Chrome*/
{
from {right:-20%;}
to {right:10%;}
}
@keyframes mymove2
{
from {left:-20%;}
to {right:0;}
}
@-moz-keyframes mymove2 /*Firefox*/
{
from {left:-20%;}
to {right:0;}
}
@-webkit-keyframes mymove2 /*Safari and Chrome*/
{
from {left:-20%;}
to {right:0;}
}
@keyframes mymove3
{
from {top:-20%;}
to {top:0;}
}
@-moz-keyframes mymove3 /*Firefox*/
{
from {top:-20%;}
to {top:0;}
}
@-webkit-keyframes mymove3 /*Safari and Chrome*/
{
from {top:-20%;}
to {top:0;}
}


.rot {
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rot1 {
	background:url(../imgs/rot1.png);
	-webkit-animation: am-spin 36s infinite linear;
	animation: am-spin 36s infinite linear;
}

@-webkit-keyframes am-spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes am-spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}


.cicle1{ position:absolute; width:26px; height:26px; border:2px solid #59c1f5; background:none; left:10%; top:30%; border-radius:100px;}
.cicle2{ position:absolute; width:18px; height:18px; border:2px solid #f068ae; background:none; left:8%; top:28%; border-radius:100px;}
.cicle3{ position:absolute; width:12px; height:12px; border:2px solid #4bbbf4; background:none; left:8%; top:23%; border-radius:100px;}
