﻿@charset "utf-8";
/* CSS Document */

.banner_img_index{ width:100%; height:527px; background-color:#12a2ff; background-image:url(../img/star.png);  background-attachment: fixed; z-index:5;}
.banner_img_zifei{ width:100%; height:900px; background-color:#12a2ff; background-image:url(../img/star.png);  background-attachment: fixed; z-index:5; position: relative;}
.banner_img{ width:100%; height:620px; background-color:#12a2ff; background-image:url(../img/star.png);  background-attachment: fixed; z-index:5;}
.nav_box{ margin:0 auto; width:1200px; height:75px;  background-color:#12a2ff; }
.logo{ margin:15px;}
.nav ul li a{ float:left; width:130px; height:75px; font-size:16px; color:#FFF; line-height:75px; text-align:center; text-decoration:none; }
.nav ul li:first-child a{ margin-left:25px;}
.nav_current span { border-bottom: 3px solid white;padding-bottom: 0px; padding-left:5px; padding-right:5px; text-decoration:none; color:white; font-size:16px;}
.login_box ,.login_box a{  line-height:75px; color:#FFF; font-size:16px; text-decoration:none; padding:0px 8px;}

.banner{ width:1200px; height:auto;margin:0 auto;}
.banner_box{width:100%; height:440px; background-color:#12a2ff; margin:0 auto;}
.banner_box_about{width:100%; height:550px; background-color:#12a2ff; margin:0 auto;}
.banner_zifei{width:100%; height:550px; background-color:#12a2ff; margin:0 auto;}
.banner_reg{height:637px; width:100%; background-color:#12a2ff;}


.empty{ width:100px; height:90px;}
.empty50{width:100px; height:50px;}
.empty130{width:100px; height:130px;}
.donwloadIcons{ width:440px; height:150px; margin:0 auto; text-align:center;}
.donwloadIcons iconsBox{ width:500px; height:150px;}
.iconsBox{ width:470px; height:166px; margin-top: 10px;}
.donwloadIcons div{ float:right; padding-right:23px;}
.QR_Code{ width:128px; height:128px; margin-left:3px;  margin-right: 3px;}
.downLoadIcons div{ width:182px; clear:both; height:58px; }
.pcDownload{ width:128px; height:128px; margin-left:3px;}
.cloud_img{ width:100%; height:90px; position:relative; bottom:90px; left:0px; float:left;/*background-image:url(../img/new_assets/sky.png); opacity:1; filter:alpha(opacity=70);*/ z-index:3;}
.cloud2{width:100%; height:50px; position:relative; bottom:128px;  z-index:5; }
.product_infoA{ margin:0 auto; width:1200px; height:550px; margin-top:50px; position:relative; }
.footer{ width:100%; height:140px; margin:0 auto; background-color:#f9f9fb; text-align: center;  padding-top:20px; font-size:14px; color:#b5b5b5;}
.footer a{ font-size:16px; color:#b5b5b5; text-align:center; line-height:45px; text-decoration:none; font-family:"微软雅黑";}
.infoType{ width:1200px; height:500px; overflow:hidden; }
.infoText{ width:475px; height:500px;  text-align:center;     position: relative;}
.infoImg{width:720px; height:500px; text-align:center;    margin-top: 22px;}
.dirTitle{ font-size:20px; color:#12a2ff; font-family:"微软雅黑"; }
.dirTxt{font-size:13px; color:#888888; font-family:"微软雅黑"; text-indent:2px; line-height:28px; word-spacing:2px;}
.nav_bg { width:100%; height:75px;  background-color:#12a2ff;}
.black_bg{ width:100%; height:100%;background-color:black; filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:fixed; z-index:6; }

.current_title{ padding: 9px; border-bottom: 1px solid white;}
.login_div{  width:0px; height:0px; position:absolute;left:50%;rigth:50%;top:50%;bottom:50%; z-index: 7;}
.login_div2{ width:600px; height:480px; border-radius:10px; background-color:#fff; position:absolute; left:-300px; top:-225px;}
.xx{ margin-top:20px; margin-right:20px; cursor:pointer;}
.login_title{ font-size:20px; text-align: center; font-weight:blod; margin-top: 70px;}
.input_loginBg{ background-color:#fff; width:350px; height:40px; border-radius:5px; margin:20px auto; cursor:pointer;border: 1px solid #f2f2f2;     position: relative;}
.input_loginBg span{ line-height:40px;}
.country_combox_login{background-color: #fff; width: 348px;  height: 242px;  z-index: 2; position: absolute; border: 1px solid #ddd; border-radius: 5px; overflow:hidden; overflow-y:scroll; display:none; z-index:5;}
.countries_login li{ line-height: 40px; color: #666; font-size: 17px; padding-left: 10px;}
.countries_login li:hover{ background-color:#eee; color: #000;}
.country_txt{ margin-left:10px;}
.input_loginBg span{ line-height:40px;}
.input_loginBg input{ width: 230px; height: 40px; font-size: 20px; background-color:#fff; border-style:none; color:#000; opacity:0.5;  padding-left: 10px;     border-radius: 5px;}
.icons_phone_login{ background-image:url(../img/icon_phone.png); background-repeat : no-repeat;  width:12px; height:20px; margin-left: 10px; margin-right: 10px;background-position:-109px 0px; }
.icons_pass_login{background-image:url(../img/icon_phone.png); background-repeat : no-repeat;  width:12px; height:20px; margin-left: 10px; margin-right: 10px; background-position:-131px 0px;}
.login_btn{ text-align:center; width:350px; height:40px; background-color:#12a2ff; border-radius:5px; line-height:40px; margin:20px auto; color:#fff; cursor:pointer;}
.somediv{ width:350px; height:30px; margin:0 auto; padding-top:10px; }
.somediv span a{ color:#12a2ff; font-size:17px; margin-right:10px;  }
.margin_left20{ margin-left:20px;}
.find_pwd{ width:600px; height:600px; background-color:#fff; z-index:8; border-radius:5px;     position: absolute; left: -300px; top: -300px;}
.code_bigBox{ margin: 20px auto; width: 350px; height: 40px;}
.code_box{width: 200px; height: 40px; border-radius: 5px; border:1px solid #f2f2f2;}
.isokcode{width: 180px; height: 33px; font-size: 20px; background-color: #fff; margin: 0px 10px; border:none;}
.isokcode2{width: 180px; height: 33px; font-size: 20px; background-color: #fff; margin: 0px 10px; border:none;}
.sendcode{  width: 140px; height: 40px;border: 1px solid #ccc; text-align: center; line-height: 40px; border-radius: 5px;  cursor: pointer;}
.yanzhengma{ margin-left:5px; border:1px solid #ccc;}
.opa05{ opacity:0.5;}
.xx2{    margin-top: 20px; margin-right: 20px; cursor: pointer;}

.box_title1{ width:500px; height:290px;margin-top: -20px; }
.box_title2{ width:700px; height:390px; margin-top:-30px; overflow:hidden; }
.product_box{width:340px; height:420px; border-radius:10px;  position:relative; margin-left:50px; }
.pic_box{ text-align:center; padding-top:40px; height:182px; width:100%;    border-top-left-radius: 10px;     border-top-right-radius: 10px;}
.txt_box{  border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px; height:208px; }
.pic_yellow{ background-color:#f8f6e8;}
.pic_blue{ background-color:#e3f4ff;}
.pic_pink{ background-color:#ffebef;}
.txt_info1{     padding: 25px; /*white-space:nowrap;*/ }
.banner1{ width:1200px; height:359px;margin:0 auto; position:relative; z-index:4;}
body{ overflow-x:hidden;}
.marquee{width:20000px;}
.marq_ul{float:left;height:32px;list-style:none;}
.marq_ul li{float:left;line-height:32px;height:32px;padding:0 0px;}
.product_small_box{ position:absolute; width:34px; height:42px; bottom:0px; left:155px; opacity:0; overflow:hidden;  box-shadow:0px 2px 8px 1px #ccc;  border-radius: 10px;}

.password_login{top:0px ; left:0px; z-index:3;}
.password_login2{top:0px ; left:0px; z-index:4;  position:absolute;}

.okcode_update{
width: 180px;
height: 33px;
font-size: 20px;
background-color: #fff;
margin: 0px 10px;
border: none;
color: #888;
}
