@charset "utf-8";
/* CSS Document */

body{margin:0;font:12px "微软雅黑",tahoma,arial;color:#333333;text-align:center;background: #FFF}
img{border:0px}
form,input,select,div,ul,li,p,h,h1,h2,h3,h4{margin:0;padding:0; list-style-type:none; font-size:12px; font-weight:normal}
ul, dl ,dd ,li{list-style-type:none}
a:link,a:visited {text-decoration:none; color:#555; text-decoration:none}
a:hover {text-decoration:none; color:#FF6600; text-decoration:none}
a:active {text-decoration:none}
.clear_2,.clear_5,.clear_10,.clear_15,.clear_20,.clear_30 {overflow:hidden;clear:both}
.clear_2 {height:2px;}
.clear_5 {height:5px;}
.clear_10 {height:10px;}
.clear_15 {height:15px;}
.clear_20 {height:20px;}
.clear_30 {height:30px;}
.clear_fx {clear:both}

.header {width:990px;height:88px;margin:0 auto;line-height:88px;text-align:left;}
.header .logo {float:left;margin:15px 0px 0px 0px;width:215px;height:59px;overflow:hidden;}
.header .nav {float:right;}
.header .nav a:link,.header .nav a:visited {width:114px;height:88px;display:block;float:left;text-align:center;color:#666;font-size:20px;position:relative;}
.header .nav a:hover,.header .nav a.current {background:#F2F2F2;color:#F60;border-top:2px solid #F60;height:86px;line-height:84px;}
.header .nav span {float:left;width:64px;height:88px;overflow:hidden;display:block;text-align:center;color:#CFCFCF;font-size:14px;}
.header .nav a:link em,.header .nav a:visited em {width:13px;height:8px;overflow:hidden;background:url("jiantou_b.png") no-repeat;position:absolute;bottom:-7px;left:50px;display:none;}
.header .nav a:hover em,.header .nav a.current em {display:block;}

.banner {width:100%;height:626px;background:url("banner_bg.jpg") #3C81C4 top center no-repeat;}
.banner_box {width:990px;height:626px;margin:0 auto;}
.banner_left {width:417px;height:550px;background:url("slide_bg.png") no-repeat;margin:34px 0px 0px 0px;float:left;position:relative;}
.banner_left .js_photo {width:215px;height:490px;overflow:hidden;display:inline-block;margin:85px 0px 0px 167px;}

/*幻灯*/
.ali-photo-carousel {width:215px;height:490px;overflow:hidden;position:relative;}
.ali-photo-carousel-pic-num { overflow:hidden; height: 13px; position: absolute; bottom:12px; left:58px; zoom:1; z-index:3 }
.ali-photo-carousel-pic-num li { width:10px;height:10px;cursor:pointer; float: left;background:url("slide_d_bg.png") no-repeat;color:#666E73;margin:0px 5px;}
.ali-photo-carousel-pic-num li.on {background:url("slide_d_hover.png") no-repeat;color:#E85F5A;}
.ali-photo-carousel img {width:215px;height:382px;overflow:hidden;}
.ali-photo-carousel-pic li {position:relative;height:382px;overflow:hidden;padding:0px;margin:0px;}
.ali-photo-carousel-pic li span {width:100%;height:46px;overflow:hidden;position:absolute;left:0px;bottom:0px;background-color:transparent;background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);display:block;color:#FFF;text-align:center;line-height:30px;font-size:12px;}
.ali-photo-carousel-pic li span em {height:30px;overflow:hidden;line-height:30px;margin:0px 5px;text-align:center;display:block;}

.banner_right {width:486px;height:626px;float:right;}
.banner_right .logo_wz {width:486px;height:148px;overflow:hidden;margin:101px 0px 0px 0px;}

.banner_right .download {width:486px;height:188px;overflow:hidden;margin-top:84px;}
.banner_right .download .left {width:260px;height:188px;overflow:hidden;float:left;display:inline;margin-left:15px;}
.banner_right .download .left a:link,.banner_right .download .left a:visited {width:246px;height:71px;overflow:hidden;display:block;float:left;border:2px solid #FFF;line-height:71px;text-align:left;font-size:20px;color:#FFF;border-radius:71px;position:relative;text-indent:80px;}
.banner_right .download .left a:hover {background:#F60;}
.banner_right .download .left a i {width:38px;height:38px;overflow:hidden;display:block;background:url("android_new.png") no-repeat;position:absolute;left:25px;top:18px;}
.banner_right .download .left a.iphone {margin-bottom:38px;}
.banner_right .download .left a.iphone i {background:url("apple_new.png") no-repeat;}
.banner_right .download .right {width:153px;float:right;margin-right:10px;}


.gongneng {width:990px;height:auto;overflow:hidden;margin:60px auto 0px auto;}
.gongneng_list {width:330px;height:auto;overflow:hidden;float:left;margin-bottom:65px;}
.gongneng_box {width:260px;height:auto;overflow:hidden;margin:0 auto;}
.gongneng_box .ico {text-align:center;height:67px;overflow:hidden;}
.gongneng_box .name {font-size:20px;color:#000;padding:15px 0px 10px 0px;text-align:center;}
.gongneng_box .info {text-align:left;font-size:16px;color:#666;line-height:28px;}
.gongneng_list.g_left .gongneng_box {margin:0px 60px 0px 10px;}
.gongneng_list.g_right .gongneng_box {margin:0px 10px 0px 60px;}

.footer {width:100%;height:80px;overflow:hidden;background:#F2F2F2;}
.footer_box {width:990px;height:80px;overflow:hidden;margin:0 auto;text-align:center;}
.footer_box .menu,.footer_box .copy {line-height:30px;height:30px;font-size:14px;}
.footer_box .menu {margin-top:12px;color:#979797;}
.footer_box .menu a:link,.footer_box .menu a:visited {padding:0px 1px;color:#666;}
.footer_box .menu a:hover {color:#F60;}
.footer_box .copy {color:#888;font-size:12px;}