.section div{ width:100%; text-align:center; font-family:Microsoft Yahei}
ul,li{ list-style:none; margin:0; padding:0}
img{ border:none}
a{text-decoration:none; color:#555555; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
a:hover{-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.section { text-align: center; font: 14px "Microsoft Yahei"; color: #000; background:#fff; position:relative}
.logo{ margin-top:5%; animation:logomove 2s; -moz-animation:logomove 2s;  -webkit-animation:logomove 2s;}
.bottom_btn{ position:absolute; text-align:center; width:100%; bottom:6%;}
.bottom_btn img{ width:8%;}

.big_title{ width:100%; text-align:center; font-size:21px; font-family:Arial !important; color:#5B93CD; margin-top:8% }
.small_title{ width:100%; text-align:center; font-size:16px; color:#5B93CD; margin-top:2%}
.word{width:100%; margin:0 auto; font-size:12px; margin-top:4%; color:#666; line-height:150%;}
.main_txt span a{ font-size:12px; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;  display:inline-block; border:1px #ccc solid; border-radius:10px; padding-left:40px; padding-right:15px; height:35px; line-height:35px; margin:6% 3% 0;}
.main_txt span a:hover{-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in; color:#fff; border:1px #F6921E solid}
.main_txt span a.ios{ background:url(../images/ios.png) no-repeat 14px 6px;}
.main_txt span a.ios:hover{ background:#F6921E url(../images/ios.png) no-repeat 14px -22px;}
.main_txt span a.android{ background:url(../images/android.png) no-repeat 14px 8px;}
.main_txt span a.android:hover{ background:#F6921E url(../images/android.png) no-repeat 14px -20px;}
.img_a{position:absolute; bottom:5%}
.about_1{left:5%; animation:ab_1 6s; -moz-animation:ab_1 6s;  -webkit-animation:ab_1 6s; }
.about_2{right:5%; bottom:4% !important; animation:ab_2 6s; -moz-animation:ab_2 6s;  -webkit-animation:ab_2 6s;}
.about_3{right:28%; animation:ab_3 6s; -moz-animation:ab_3 6s;  -webkit-animation:ab_3 6s;}
.about_5{left:38%; animation:ab_5 6s; -moz-animation:ab_5 6s;  -webkit-animation:ab_5 6s;}
.about_1 img{ width:78%}
.about_2 img{ width:18%}
.about_3 img{ width:48%}
.about_5 img{ width:22%}

.youdian{ position:absolute; bottom:12%;}
.youdian ul li{ float:left; width:40%; margin:4.5%; height:60px;  text-align:center; border:1px #eee solid; box-shadow:2px 2px 8px 2px rgba(40%,40%,40%,0.5); }
.youdian ul li p{ font-size:21px; margin:0; padding:0; margin-top:10px; color:#5B93CD;}
.youdian ul li span{ font-size:12px; margin-top:10px; color:#5B93CD; display:inline-block}
.youdian ul li.y1{animation:opacity 0.8s; -moz-animation:opacity 0.8s;  -webkit-animation:opacity 0.8s;  -o-animation:opacity 0.8s; }
.youdian ul li.y2{animation:opacity 1.6s; -moz-animation:opacity 1.6s;  -webkit-animation:opacity 1.6s;  -o-animation:opacity 1.6s; }
.youdian ul li.y3{animation:opacity 2.4s; -moz-animation:opacity 2.4s;  -webkit-animation:opacity 2.4s;  -o-animation:opacity 2.4s; }
.youdian ul li.y4{animation:opacity 3.2s; -moz-animation:opacity 3.2s;  -webkit-animation:opacity 3.2s;  -o-animation:opacity 3.2s; }
.youdian ul li.y5{animation:opacity 4; -moz-animation:opacity 4;  -webkit-animation:opacity 4;  -o-animation:opacity 4; }
.youdian ul li.y6{animation:opacity 4.8s; -moz-animation:opacity 4.8s;  -webkit-animation:opacity 4.8s;  -o-animation:opacity 4.8s; }

.serviceul{ width:100%; height:55%; margin-top:8%;}
.serviceul ul{ height:100%;}
.serviceul ul li{ float:left; width:40%; margin:10% 4.4%; border:2px #5B93CD solid; padding-top:10%; height:25%; text-align:center; line-height:18px; color:#666; font-size:12px;}
.serviceul ul li img{ width:50%; margin-top:-100%}
.for6plus{ display:none}

.updata{ width:100%;margin-top:8%;}
.updata ul li{ list-style:disc; line-height:21px; font-size:12px; padding:4px 0; margin-left:2em;  width:90%; color:#666; text-align:left; }

.picMarquee-top{ margin:10px auto 0;  width:100%; overflow:hidden; position:relative; padding-bottom:100px;}
.picMarquee-top .bd{ padding:10px;   }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; width:100%;}
.picMarquee-top .bd ul li{ text-align:center; zoom:1; width:100%; margin-bottom:10px; }
.picMarquee-top .bd ul li .pic,.picMarquee-top .bd ul li .pic a{ text-align:center; }
.picMarquee-top .bd ul li .pic a{ display:inline-block;}
.picMarquee-top .bd ul li .pic img{ height:50px; display:block; padding:2px; }
.picMarquee-top .bd ul li .pic a:hover img{}
.picMarquee-top .bd ul li .title{ line-height:24px; color:#999;}

.timeline{ padding:10px 0;text-align:left !important; margin-top:15px;}
.timeline ul li{ float:left;  margin-bottom:15px; text-align:left !important; padding-top:21px; height:36px; width:47%; background:#f7f7f7; margin-right:6%; position:relative}
.timeline ul li span{ position:absolute; top:3px; left:10px;}
.timeline ul li span font{color:#5B93CD; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.timeline ul li p{text-align:left !important; color:#666; padding:0; margin:0 12px; float:left; color:#666; font-family:Microsoft Yahei; font-size:12px;}


@keyframes logomove{from {margin-top:95%}to {margin-top:5%}}
@-moz-keyframes logomove{from {margin-top:95%}to {margin-top:5%}}
@-webkit-keyframes logomove{from {margin-top:95%}to {margin-top:5%}}

.first{animation:opacity 3s; -moz-animation:opacity 3s;  -webkit-animation:opacity 3s;}
@keyframes opacity{
	0%,66%{opacity:0}
	100%{opacity:1}
	}
@-moz-keyframes opacity{
	0%,66%{opacity:0}
	100%{opacity:1}
	}
@-webkit-keyframes opacity{
	0%,66%{opacity:0}
	100%{opacity:1}
	}
@keyframes move
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:200px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@keyframes ab_1{
	0%,50%  {left:-25%; opacity:0}
	100% {left:5%; opacity:1}
	}
@-moz-keyframes ab_1{
	0%,50%  {left:-25%; opacity:0}
	100% {left:5%; opacity:1}
	}
@-webkit-keyframes ab_1 {
	0%,50%  {left:-25%; opacity:0}
	100% {left:5%; opacity:1}
	}
	
@keyframes ab_2{
	0%,50%  {right:-25%;opacity:0}
	100% {right:5%;opacity:1}
	}
@-moz-keyframes ab_2{
	0%,50%  {right:-25%;opacity:0}
	100% {right:5%;opacity:1}
	}
@-webkit-keyframes ab_2 {
	0%,50%  {right:-25%;opacity:0}
	100% {right:5%;opacity:1}
	}

@keyframes ab_3{
	0%,50%  {right:-25%;opacity:0}
	100% {right:28%;opacity:1}}
@-moz-keyframes ab_3{
	0%,50%  {right:-25%;opacity:0}
	100% {right:28%;opacity:1}}
@-webkit-keyframes ab_3{
	0%,50%  {right:-25%;opacity:0}
	100% {right:28%;opacity:1}}

@keyframes ab_5{
	0%,50%  {left:-25%;opacity:0}
	100% {left:38%;opacity:1}}
@-moz-keyframes ab_5{
	0%,50%  {left:-25%;opacity:0}
	100% {left:38%;opacity:1}}
@-webkit-keyframes ab_5{
	0%,50%  {left:-25%;opacity:0}
	100% {left:38%;opacity:1}}

#swimob_direBtn
{
	position: fixed; 
	bottom: 30px; 
	left:50%; 
	width: 70px; 
	height: 70px; 
	margin-left: -35px;
	z-index:999;
}

#swimob_direBtn>p
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left:-25px;
	background-image: url(images/dire_top.png);
	background-size:30px auto;
	background-repeat: no-repeat;
	-webkit-animation: swimob_start 1.5s infinite ease-in-out;
	-moz-animation: swimob_start 1.5s infinite ease-in-out;
	animation: swimob_start 1.5s infinite ease-in-out;
}


@-webkit-keyframes swimob_start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes swimob_start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes swimob_start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

.5s{ display:none}


.comp {display:block; width:110px !important;height:110px;text-align:center;position:relative; margin:0 auto; margin-top:130px;}
.comp h1 img{ width:110px;}
#main_ring{ background:#fff}

ul.reset,ul.reset li {display:block;list-style:none;padding:0;margin:0;}

ul.reset li {width:100px; height:100px; position:absolute;text-align:center;cursor:pointer; opacity:1 !important}
ul.reset li div.sub_ring{width:50px;height:50px; margin:25px;border-radius:50%; }
ul.reset li div a,ul.reset li div a:hover,ul.reset li div a:visited{color:#fff;}
ul.reset li div img{ width:100%; border:0}

.FadeIn{animation-delay:1s;-webkit-animation-delay:1s;}
.FadeIn,.FadeInB,.FadeInL,.FadeInT,ul.reset li div.shuju .shuju_more,ul.reset li div.quanwei .quanwei_more,ul.reset li div.renshi .renshi_more{-webkit-animation-duration:1s !important;-moz-animation-duration:1s !important;-ms-animation-duration:1s;animation-duration:1s !important;}

#ring_cover{position:absolute; width:100%; height:580px; top:-30px; z-index:999;}

ul.reset li div div dl dt{ height:21px; line-height:21px; margin-bottom:10px; border-radius:5px; font-size:12px; color:#fff; float:left; padding:0 8px;}

/*ul.reset li div.caiwu .caiwu_more{ display:none; position:absolute; bottom:50px; left:40px;  padding-left:60px; height:auto; border-radius:0 }
ul.reset li div div img{ width:100%; height:100%;}

ul.reset li div.caiwu:hover .caiwu_more{ display: block}
ul.reset li div.caiwu .caiwu_more_line{ border-left:1px #76B5E5 solid; padding-bottom:15px;}
ul.reset li div.caiwu div.caiwu_more dl dt{background:#76B5E5;}
ul.reset li div.caiwu div.caiwu_more dl dt.dt_bg{border-radius:0; padding:0; width:15px; background:transparent url(../images/dt_bg.png) left center no-repeat; margin-left:-5px; clear:left}*/

ul.reset li div.caiwu .caiwu_more{ display:none; width:57px; height:159px; position:absolute; bottom:70px; left:50px;}
ul.reset li div.caiwu:hover .caiwu_more{ display: block}

ul.reset li div.yewu .ywwu_more{ display:none; width:57px; height:133px; position:absolute; bottom:60px; left:-17px;}
ul.reset li div.yewu:hover .ywwu_more{ display: block}

ul.reset li div.shuju .shuju_more{ display:none; width:140px; height:63px; position:absolute; bottom:50px; right:65px;}
ul.reset li div.shuju:hover .shuju_more{ display: block}

ul.reset li div.quanwei .quanwei_more{ display:none; width:120px; height:50px; position:absolute; bottom:0px; right:75px;}
ul.reset li div.quanwei:hover .quanwei_more{ display: block}

ul.reset li div.renshi .renshi_more{ display:none; width:107px; height:118px; position:absolute; top:57px; right:70px;}
ul.reset li div.renshi:hover .renshi_more{ display: block}

ul.reset li div.changyong .changyong_more{ display:none; width:70px; height:140px; position:absolute; top:72px; right:55px;}
ul.reset li div.changyong:hover .changyong_more{ display: block}

ul.reset li div.gongzuo .gongzuo_more{ display:none; width:68px; height:133px; position:absolute; top:67px; left:60px;}
ul.reset li div.gongzuo:hover .gongzuo_more{ display: block}

ul.reset li div.kehu .kehu_more{ display:none; width:137px; height:116px; position:absolute; top:65px; left:65px;}
ul.reset li div.kehu:hover .kehu_more{ display: block}

ul.reset li div.shejiao .shejiao_more{ display:none; width:142px; height:67px; position:absolute; bottom:-17px; left:65px;}
ul.reset li div.shejiao:hover .shejiao_more{ display: block}

ul.reset li div.xingzheng .xingzheng_more{ display:none; width:147px; height:84px; position:absolute; bottom:40px; left:60px;}
ul.reset li div.xingzheng:hover .xingzheng_more{ display: block}

ul.reset li div.wendang .wendang_more{ display:none; width:80px; height:141px; position:absolute; bottom:65px; left:70px;}
ul.reset li div.wendang:hover .wendang_more{ display: block}

.bottomerweima{margin:50px auto 0; border-top:1px #ccc solid;}
.bottomerweima ul li{ float:left; width:50%; margin:30px 0 20px}

@media (max-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
  .youdian{ position:absolute; bottom:8%;}
 .youdian ul li{ height:90px; border:1px #eee solid; }
 .youdian ul li p,.youdian ul li span{ margin-top:15px;}
 
 .for6plus{ display: block}
 .5s{ display:none}
 .serviceul img{ margin-bottom:10px}
 .picMarquee-top{ margin:30px auto 0;}

}
@media (max-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
  .youdian{ position:absolute; bottom:12%;}
 .youdian ul li{ height:60px;}
 .youdian ul li p,.youdian ul li span{ margin-top:10px;}
 
 .for6plus{ display: none}
 .5s{ display:block}
 .picMarquee-top{ margin:10px auto 0;}
}