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

html,body{ width:100%; height:100%; margin:0;}
body{animation:opacity 2s; -moz-animation:opacity 2s;  -webkit-animation:opacity 2s;  -o-animation:opacity 2s;}
*{ font-family: Microsoft Yahei; font-size:14px; color:#666;}
ul,li,dl,dt{ list-style:none; margin:0; padding:0}
img{ border:none}
a{text-decoration:none; color:#555555; }
a:hover{}
.nomargin{ margin:0 !important}

.top_bg{width:100%; height:80px; position:fixed; top:0; left:0; background:url(../images/top_bg.png); border-bottom:1px #ccc solid; z-index:999}
.top_nav{width:80%; min-width:990px; max-width:1320px; margin:0 auto;}
.logo{float:left; padding-top:18px;}
.logo img{ height:50px;}
.nav{float:right}
.nav ul li{ float:left; position:relative}
.nav ul li a{ display:inline-block; margin:0 15px; height:78px; line-height:98px; }
.nav ul li a:hover{color:#5B93CD;}
.nav ul li.current a{color:#5B93CD; font-weight:bold; border-bottom:2px #5B93CD solid}
.nav ul li.login a,.nav ul li.share a.sharemain{ color:#fff; display:inline-block; padding:0 10px; height:30px !important; margin-top:35px !important; line-height:30px !important;}
.nav ul li.login a{background:#5B93CD;}
.nav ul li.login a:hover{ background:#427DB2}
.nav ul li.share a.sharemain{background:#F6921E; margin-left:0px}
.nav ul li.share a.sharemain:hover{ background:#C6701A; color:#fff}
.nav ul li.share div.down{display:none; position:absolute; top:60px; right:8px; padding-top:20px; z-index:1000; width:60px; }
.nav ul li.share ul{ border:0px #ccc solid; background:#fff; position:relative }
.nav ul li.share div.down ul li a{ border:none;}
.nav ul li.share div.down ul li img{ width:40px;}
.qrcode img{ width:180px !important;}
/* .nav ul li.share ul:before{ content: '';
width: 0px;
height: 0px;
border-style: solid;
border-width: 0px 9px 6px 9px;
border-color: transparent transparent #F6921E transparent;
position: absolute;
top: -7px;
right: 15px;
margin-left: -9px;}*/
.nav ul li.share:hover div.down{ display:block}
.nav ul li.share ul li{ float:none; position:relative}
.erweima{display: none;width: 200px;height: 220px;right:70px !important;text-align: center;background-color: #333;padding: 20px;position: absolute;z-index: 999;border-radius: 5px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);color: #fff;font-size: 14px;line-height: 1.6;zoom: 1;filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;top:5px;}
.erweima div.qrcode{ margin-bottom:10px; position:static}
.erweima span{ font-size:12px; color:#ccc;}
.nav ul li.share ul li.weixin:hover div{ display:block}
.nav ul li.share ul li a{ display:block; height:50px; line-height:50px; margin:0; text-align:center}
.site_big_title{ width:100%; text-align:center; font-size:36px; color:#5B93CD; padding-top:150px;}
.site_small_title{ width:100%; text-align:center; font-size:18px; color:#5B93CD; padding-top:10px;}
.site_main_txt{ width:100%; text-align:center; font-size:16px; line-height:200%; padding-top:20px; }

.about{width:80%; min-width:990px; max-width:1320px; height:940px; margin:0 auto; position:relative; border-bottom:1px #ccc solid}
.about div{ position:absolute;}
.about div.img_a{ position:absolute; bottom:60px}
.about div.big_title{ width:100%; text-align:center; top:150px; font-size:36px; color:#5B93CD; z-index:3;}
.about div.small_title{ width:100%; text-align:center; top:200px; font-size:18px; color:#5B93CD; z-index:3;}
.about div.main_txt{ width:100%; text-align:center; top:250px;  line-height:200%;  z-index:3;}
.about div.main_txt div.word{ position:static; width:75%; margin:0 auto; font-size:16px;}
.about div.main_txt span a{ position:relative; -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:20px; height:35px; line-height:35px; margin:30px 20px 0;}
.about div.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}
.about div.main_txt span a.ios{ background:url(../images/ios.png) no-repeat 14px 6px;}
.about div.main_txt span a.ios:hover{ background:#F6921E url(../images/ios.png) no-repeat 14px -22px;}
.about div.main_txt span a.ios div.ioser{ right:180px !important; top:-130px;}
.about div.main_txt span a.ios:hover div.ioser{ display:block;}
.about div.main_txt span a.android div.ard{ left:180px !important; top:-130px;}
.about div.main_txt span a.android:hover div.ard{ display:block;}
.about div.main_txt span a.android{ background:url(../images/android.png) no-repeat 14px 8px;}
.about div.main_txt span a.android:hover{ background:#F6921E url(../images/android.png) no-repeat 14px -20px;}
.about_1{left:2%; animation:ab_1 2s; -moz-animation:ab_1 2s;  -webkit-animation:ab_1 2s;  -o-animation:ab_1 2s; }
.about_1 img{ width:500px;}
.about_2 img{ width:140px;}
.about_3 img{ width:375px;}
.about_4 img{ width:470px;}
.about_5 img{ width:175px;}
.about_2{left:33%; animation:ab_2 2s; -moz-animation:ab_2 2s;  -webkit-animation:ab_2 2s;  -o-animation:ab_2 2s;}
.about_3{right:28%; animation:ab_3 2s; -moz-animation:ab_3 2s;  -webkit-animation:ab_3 2s;  -o-animation:ab_3 2s;}
.about_4{right:6%; bottom:110px !important; animation:ab_4 2s; -moz-animation:ab_4 2s;  -webkit-animation:ab_4 2s;  -o-animation:ab_4 2s;}
.about_5{right:1%; animation:ab_5 2s; -moz-animation:ab_5 2s;  -webkit-animation:ab_5 2s;  -o-animation:ab_5 2s;}

.texing{width:80%; margin:0 auto; min-width:990px; max-width:1320px; padding-bottom:50px; border-bottom:1px #ccc solid}
.service{width:80%; min-width:990px; max-width:1320px; margin:0 auto; position:relative; border-bottom:1px #ccc solid}

.youdian_left,.updata_left{width:41%; margin-left:5%; float:left;}
.youdian_eng{font-size:36px; color:#5B93CD; margin-top:160px;}
.youdian_chn{font-size:18px; color:#5B93CD; margin-top:10px;}
.youdian_txt{margin-top:30px; line-height:200%;}
.youdian{ margin-top:50px;}
.youdian ul li{ float:left; width:110px; margin-right:10%; margin-bottom:50px; height:110px;  text-align:center; box-shadow:2px 2px 8px 2px rgba(40%,40%,40%,0.5); }
.youdian ul li p{ font-size:24px; margin-top:30px; color:#5B93CD;}
.youdian ul li span{ font-size:12px; margin-top:-10px; color:#5B93CD; display:inline-block}

.youdian_right{width:50%; float:left; margin-top:200px; text-align:center}
.youdian_right img{}

.serviceul{ width:1000px; margin:100px auto 0;}
.serviceul ul li{ float:left; width:20%; margin:0 2.3% 100px; border:2px #5B93CD solid; padding-top:65px; height:75px; text-align:center; line-height:28px; position:relative }
.serviceul ul li div{ position:absolute; left:0; top:-45px; width:100%; text-align:center}
.serviceul ul li div img{ width:90px;}

.updata{margin-top:30px;}
.updata ul li{ list-style:disc; line-height:24px; padding:5px 0; margin-left:15px;  width:80%; }
.updata_right{width:50%; float:left; padding-top:150px; min-height:650px; position:relative}

.picMarquee-left{ width:90%; margin:0 auto 60px;  overflow:hidden; position:relative;  }
.picMarquee-left .hd{position:relative; height:80px; width:90% ; margin:0 auto}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ position:absolute; top:100px; display:block;  width:28px; height:28px;  overflow:hidden; cursor:pointer; background:url(../images/arrow.png) no-repeat;}
.picMarquee-left .hd .prev{background-position:left top; left:0px;}
.picMarquee-left .hd .prev:hover{ background-position:left bottom;}
.picMarquee-left .hd .next{ background-position:right top; right:0px;}
.picMarquee-left .hd .next:hover{ background-position:right bottom;}
.picMarquee-left .hd span{ float:left; font-size:16px;}
.picMarquee-left .bd{ width:80%; padding:10px 0; margin:0 auto 50px;   }
.picMarquee-left .bd div{ width:100% !important}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; height:100px; }
.picMarquee-left .bd ul li{ padding:0 25px; float:left; overflow:hidden; display:block; text-align:center; width:auto !important}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ height:50px; display:block; width:auto}
.picMarquee-left .bd ul li .title{ text-align:center; width:100%; line-height:50px;}

.timeline{width:800px; margin:80px auto 0; background: url(../images/timeline.png) repeat-y center top; padding-bottom:40px;}
.timeline ul li{ float:left; width:50%; margin-top:-20px; position:relative}
.timeline ul li span{ position:absolute; display: block; width:40px; height:13px; top:15px;}
.timeline ul li span.timeleft{ background:url(../images/timeline_left_arrow.png); right:-5px;}
.timeline ul li span.timeright{ background:url(../images/timeline_right_arrow.png); left:-5px;}
.timeline ul li div{ margin-right:35px; background:#F1F1F1; padding:20px 20px 10px;}
.timeline ul li div font{ color:#5B93CD; font-weight:bold}
.timeline ul li.right{ margin-top:60px;}
.timeline ul li.right div{ margin-left:35px; margin-right:0}
.timemore{text-align:center; margin-bottom:80px;}
.timemore span a{color:#5B93CD; display:inline-block; width:120px; height:44px; line-height:44px; text-align:center; border:2px #5B93CD solid; font-size:16px; position:relative}
.timemore span a:hover{ background:#ccc}
.more_erweima{width:220px; height:130px; position:absolute; top:40px; left:100px; display:; }
.more_erweima img{ width:80px; margin:10px;}
.more_erweima span{ margin:0 30px;}

.bottom{ width:100%; padding:30px 0;  border-top:1px #ccc solid}
.bottom_main{width:80%; min-width:800px; max-width:1320px; margin:0 auto}
.bottom_erweima img{ width:80px;}
.bottom_left{ float:left; margin-right:20px;}
.bottom_left span{ line-height:24px; text-align:center}
.tel_word{ color:#999}
.bottom_tel{ color:#666; font-size:24px; line-height:48px; margin-top:10px;}
.bottomlink{ margin-top:10px;}
.bottomlink a{ margin:0 10px; color:#999}
.bottomlink a:hover{ color:#333}
.bottom_right{ float:right; text-align:right;}
.copyright{ color:#999}


.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:55px; z-index:999; }
.izl-rmenu div{
	background-image: url(../images/totop_bg.png);
  background-image: -webkit-image-set(url(../images/totop_bg.png) 1x,url(../images/totop_bgX2.png) 2x);
  background-repeat:no-repeat;
	}
.izl-rmenu .btn{width:40px; height:40px;cursor:pointer; margin-bottom:3px; position:relative;}
.izl-rmenu .btn-wb{background-position:0px 0px}
.izl-rmenu .btn-wb:hover{ background-position:-40px 0px;}
.izl-rmenu .btn-wb .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-wx{background-position:0px -40px}
.izl-rmenu .btn-wx:hover{background-position:-40px -40px;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background-position:0px -80px;}
.izl-rmenu .btn-phone:hover{background-position:-40px -80px;}
.izl-rmenu .btn-phone .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-top{background-position:0px -120px; display:none;}
.izl-rmenu .btn-top:hover{background-position:-40px -120px;}

@keyframes opacity{from {opacity:0}to {opacity:1}}
@-moz-keyframes opacity{from {opacity:0}to {opacity:1}}
@-webkit-keyframes opacity{from {opacity:0}to {opacity:1}}
@-o-keyframes opacity{from {opacity:0}to {opacity:1}}

@keyframes ab_1{from {left:-10%; opacity:0}to {left:2%; opacity:1}}
@-moz-keyframes ab_1{from {left:-10%;}to {left:2%;}}
@-webkit-keyframes ab_1 {from {left:-10%;}to {left:2%;}}
@-o-keyframes ab_1{from {left:-10%;}to {left:2%;}}

@keyframes ab_2{from {left:-10%;opacity:0}to {left:33%;opacity:1}}
@-moz-keyframes ab_2{from {left:-10%;}to {left:33%;}}
@-webkit-keyframes ab_2 {from {left:-10%;}to {left:33%;}}
@-o-keyframes ab_2{from {left:-10%;}to {left:33%;}}

@keyframes ab_3{from {right:-10%;opacity:0}to {right:28%;opacity:1}}
@-moz-keyframes ab_3{from {right:-10%;}to {right:28%;}}
@-webkit-keyframes ab_3 {from {right:-10%;}to {right:28%;}}
@-o-keyframes ab_3{from {right:-10%;}to {right:28%;}}

@keyframes ab_4{from {right:-10%;opacity:0}to {right:6%;opacity:1}}
@-moz-keyframes ab_4{from {right:-10%;}to {right:6%;}}
@-webkit-keyframes ab_4{from {right:-10%;}to {right:6%;}}
@-o-keyframes ab_4{from {right:-10%;}to {right:6%;}}

@keyframes ab_5{from {right:-10%;opacity:0}to {right:1%;opacity:1}}
@-moz-keyframes ab_5{from {right:-10%;}to {right:1%;}}
@-webkit-keyframes ab_5{from {right:-10%;}to {right:1%;}}
@-o-keyframes ab_5{from {right:-10%;}to {right:1%;}}

@keyframes updataimg{from {left:80px}to {left:0}}
@-moz-keyframes updataimg{from {left:80px}to {left:0}}
@-webkit-keyframes updataimg{from {left:80px}to {left:0}}
@-o-keyframes updataimg{from {left:80px}to {left:0}}

@keyframes timelinechange{from {height:0}to {height:1000px}}
@-moz-keyframes timelinechange{from {height:0}to {height:1000px}}
@-webkit-keyframes timelinechange{from {height:0}to {height:1000px}}
@-o-keyframes timelinechange{from {height:0}to {height:1000px}}





.comp {display:block;width:210px;height:210px;text-align:center;line-height:170px;position:relative;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto; margin-top:150px;}
.comp h1 img{ width:210px;}
#main_ring{ background:#fff}

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

ul.reset li {width:200px; height:200px; position:absolute;text-align:center;cursor:pointer; opacity:1 !important}
ul.reset li div.sub_ring{width:100px;height:100px; margin:50px;line-height:100px;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:100px; 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.yewu .ywwu_more{ display:none; width:113px; height:266px; position:absolute; bottom:120px; left:-35px;}
ul.reset li div.yewu:hover .ywwu_more{ display: block}

ul.reset li div.shuju .shuju_more{ display:none; width:280px; height:135px; position:absolute; bottom:100px; right:130px;}
ul.reset li div.shuju:hover .shuju_more{ display: block}

ul.reset li div.quanwei .quanwei_more{ display:none; width:241px; height:99px; position:absolute; bottom:0px; right:150px;}
ul.reset li div.quanwei:hover .quanwei_more{ display: block}

ul.reset li div.renshi .renshi_more{ display:none; width:214px; height:236px; position:absolute; top:114px; right:140px;}
ul.reset li div.renshi:hover .renshi_more{ display: block}

ul.reset li div.changyong .changyong_more{ display:none; width:140px; height:279px; position:absolute; top:145px; right:110px;}
ul.reset li div.changyong:hover .changyong_more{ display: block}

ul.reset li div.gongzuo .gongzuo_more{ display:none; width:136px; height:267px; position:absolute; top:135px; left:120px;}
ul.reset li div.gongzuo:hover .gongzuo_more{ display: block}

ul.reset li div.kehu .kehu_more{ display:none; width:274px; height:232px; position:absolute; top:130px; left:130px;}
ul.reset li div.kehu:hover .kehu_more{ display: block}

ul.reset li div.shejiao .shejiao_more{ display:none; width:283px; height:134px; position:absolute; bottom:-33px; left:130px;}
ul.reset li div.shejiao:hover .shejiao_more{ display: block}

ul.reset li div.xingzheng .xingzheng_more{ display:none; width:294px; height:168px; position:absolute; bottom:80px; left:120px;}
ul.reset li div.xingzheng:hover .xingzheng_more{ display: block}

ul.reset li div.wendang .wendang_more{ display:none; width:161px; height:282px; position:absolute; bottom:130px; left:140px;}
ul.reset li div.wendang:hover .wendang_more{ display: block}

@-moz-keyframes ab_11{
	0% {left:0%; opacity:0}
	100% {left:20%; opacity:1}
	}
@-webkit-keyframes ab_11 {
	0% {left:0%; opacity:0}
	100% {left:20%; opacity:1}
	}
	
@keyframes ab_12{
	0% {left:0%; opacity:0}
	100% {left:20%; opacity:1}
	}
@-moz-keyframes ab_12{
	0% {left:0%;opacity:0}
	100% {left:40%;opacity:1}
	}
@-webkit-keyframes ab_12 {
	0% {left:0%;opacity:0}
	100% {left:40%;opacity:1}
	}

@keyframes ab_13{
	0% {left:60%;opacity:0}
	100% {left:3%;opacity:1}
	}
@-moz-keyframes ab_13{
	0% {left:60%;opacity:0}
	100% {left:3%;opacity:1}
	}
@-webkit-keyframes ab_13{
	0% {left:60%;opacity:0}
	100% {left:3%;opacity:1}
	}

@keyframes ab_15{
	0% {left:0%;opacity:0}
	100% {left:72%;opacity:1}
	}
@-moz-keyframes ab_15{
	0% {left:0%;opacity:0}
	100% {left:72%;opacity:1}
	}
@-webkit-keyframes ab_15{
	0% {left:0%;opacity:0}
	100% {left:72%;opacity:1}
	}


@media screen and (max-width: 800px){
body{ overflow-x:hidden}
.top_nav,.about,.texing,.service{ min-width:inherit; width:100%;}
.bottom_main,.timeline{ min-width:inherit;  width:90%;}
.logo{ padding-left:20px;}
.about_4,.updata_right { display:none}
.about_1{left:20%; animation:ab_11 6s; -moz-animation:ab_11 6s;  -webkit-animation:ab_11 6s; }
.about_2{left:40%; animation:ab_12 6s; -moz-animation:ab_12 6s;  -webkit-animation:ab_12 6s;}
.about_3{left:3%; animation:ab_13 6s; -moz-animation:ab_13 6s;  -webkit-animation:ab_13 6s;}
.about_5{left:72%; animation:ab_15 6s; -moz-animation:ab_15 6s;  -webkit-animation:ab_15 6s;}
.youdian_left,.updata_left,.youdian_right,.serviceul{ width:100%}
.youdian_left,.updata_left{ margin-left:0}
.youdian ul{ margin-left:8%}
.updata ul li{ margin-left:5%}
.youdian_left{ text-align:center}
.youdian ul li{ width:25%; margin-right:8% }
.youdian ul li:nth-child(3n){ margin-right:0}
.youdian_right{ margin-top:30px; padding-bottom:200px;}
.serviceul ul li{ width:37%; margin:0 6% 100px}
.youdian_eng,.youdian_chn{ text-align:center}
.youdian_eng{ margin-top:80px}
.site_big_title{ padding-top:80px}
.about div.main_txt span a.ios div.ioser{ right:120px !important}
.about div.main_txt span a.android div.ard{ left:120px !important;}
}