body { text-align: center; font-family: PingFangSC-Regular,微软雅黑,Arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#505050;}
input,div,form,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
input{vertical-align:center; margin-right:5px; outline:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover {color: #333; text-decoration:none;}
a:active {color: #333;}
body{background:#fff;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
html{-webkit-tap-highlight-color:transparent;}


/*以上通用样式*/
.box_w{background:url("../img/bg_01.png") no-repeat top center; width:100%;height:500px;}
.box_w_1{background:url("../img/ad_design.png") no-repeat top center; width:100%;height:500px;}
.box_w_2{background:url("../img/case_bj.png") no-repeat top center; width:100%;height:500px;}
.nav_bj{ height:94px; width:100%;  position:absolute; z-index:999;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .the_top{background-color:#051d26;filter:Alpha(opacity=70);position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
  .the_top nav{position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */ }  
}
.the_top{ position: fixed; width: 100%; height:94px;background-color: rgba(5,29,38,0.7);z-index:999;}
.the_top .hd{ display: none; }
.nav{ width:1170px; margin:0 auto;}
.logo{ float:left; margin-top:20px;}
.menu{ float:right; margin-left:57px; margin-top:30px;}
.menu ul{ float:left;}
.menu ul li{ display:inline; width:108px; height:37px; line-height:37px; text-align:center; float:left; margin-right:10px;}
.menu ul li.hover{ background-color:#00ADE7;}
.menu ul li:hover{ background-color:#00ADE7;}
.menu ul li a{color:#fff;width:108px; height:37px; line-height:37px; display:block;}
.login{ float:right; margin-top:25px;}
.login a{ cursor:pointer;}
.login ul{border:1px solid #bfbfbf;border-radius:100px; width:132px; height:37px; line-height:37px; position:relative;}
.login ul li{ display:inline; text-align:center;width:66px; color:#fff;float:left;}
.login a{ color:#fff;width:66px; height:37px; display:block;}
.login p{ color:#fff; background:url(../img/san.png) right center no-repeat; padding-right:10px;}
.line{border-left: 1px solid #bfbfbf; height:37px; position:absolute; left:66px;}
.ad{ width:100%; text-align:center; color:#fff; float:left; margin-top:150px;}
.ad h1 p{font-size:45px;color:#FFF;text-align:center; line-height:60px;}
.ad h1{ margin-bottom:45px; float:left;width:100%;}
.ad p{font-size: 20px;color: #FFF;text-align:center; float:left;width:100%;}
.ad_erweima{ margin-left:430px;float:left; margin-top:30px;}
.ad_erweima dl{ float:left; margin-right:100px;}
.ad_erweima dl dt{ width:100px; height:82px;}
.ad_erweima dl dt img{width:82px; height:82px;}
.ad_erweima dl dd{font-size:14px;color:#FFF;text-align:center; line-height:25px;}
.loginbar{ height:82px; line-height:82px; width:100%; float:left; text-align:center;font-size:14px;color:#8e8e8e;text-align: center; }
.loginbar a{ color:#00ADE7; cursor:pointer;}

.example_case{width:1170px; margin:0 auto; }
.example_center_case{  width:100%; float:left; margin:0px 30px 40px 40px;}
.example_center_ico_case{ float:left; margin-right:20px;width:257px;}
.example_center_ico img{ width:257px;height:450px}
.example_center_instruction_case { float:left; width:100%;}
.example_center_instruction_case dl{float:left; text-align:left; margin-left:50px;}
.example_center_instruction_case dl dt{ width:116px; height:116px;float:left;margin-right:20px;}
.example_center_instruction_case dl dt img{ width:116px; height:116px;}
.example_center_instruction_case dl dd{ line-height:22px;float:left; text-align:left; color:#999; width:980px; margin-top:5px;}
.example_center_instruction_case dl dd .logo_title{ font-size:18px; color:#333; line-height:24px; height:24px; float:left;}
.example_center_instruction_case dl dd.duanluo{ line-height:22px; font-size:14px; text-align:left; color:#999;text-align:justify;text-justify:inter-ideograph; margin-top:10px;}
.ip_case{width:20px;height: 20px;background: url(../img/iOS.png) no-repeat center; float:left; margin-left:20px; margin-top:3px;}
.an_case{width:20px;height:20px;background: url(../img/android.png) no-repeat center;float:left;margin-left:20px;margin-top:3px;}

.main{ width:100%; float:left; }
.main_center{ width:1170px; margin:0 auto; padding-bottom:30px;}
.example{width:1170px; margin:0 auto; }
.example_center{ background-color: rgb(255, 255, 255);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); width:100%; float:left; padding:20px; margin-bottom:20px;}
.example_center_ico{ float:left; margin-right:20px;width:257px; height:450px}
.add_center_bj{ width:100%; background-color:#f0f1f3; float:left;}
.add_center{width:1170px; margin:0 auto;}
.add_center h4{font-size:28px;color:#282828;text-align:center; margin-top:50px; margin-bottom:20px;}
.add_center p{ opacity: 0.5;font-size: 16px;color: #282828;text-align: center;line-height: 25px;text-align:center;margin-bottom:40px;}
.example_center_instruction { float:left; margin-left:30px;width:250px;}
.example_center_instruction dl{ margin:80px 0 20px 0;float:left; width:250px;}
.example_center_instruction dl dt{ width:50px; height:50px;float:left;}
.example_center_instruction dl dt img{ width:50px; height:50px;}
.example_center_instruction dl dd{ width:170px; line-height:22px; margin-left:20px;float:left; text-align:left; color:#999;}
.example_center_instruction dl dd.logo_title{ font-size:14px; color:#333;}
.example_center_instruction p{ line-height:22px; font-size:14px; text-align:left; color:#999;text-align:justify;text-justify:inter-ideograph; margin-bottom:30px;}
.link{ width:100%; float:left;}
.link a{ border:1px solid #bdbdbd;border-radius:28px; background-color:#fff; font-size:14px; color:#333; width:98px; padding-left:20px; float:left; height:40px; line-height:40px; margin-right:10px;}
.link a:last-child{ margin-right:0;}
.more{width:100%; text-align:center; float:left; margin:30px auto;}
.more a{ width:280px; height:56px; text-align:center;border-radius:28px; display:block; font-size:28px; line-height:55px; color:#999; border: 1px solid #424242;
 margin:0 auto;}
.more a:hover{ background-color:#71dbff; border:1px solid #00ade7; color:#fff;}
.more a:active{ background-color:#00ade7; border:1px solid #00ade7;color:#fff; }
.hone{ color:#FD3737;}
.lan{color: #10BE84;}
.column{ width:1170px; margin:0 auto;}
.column_top{width:1170px; margin:0 auto; padding-bottom:30px; padding-top:80px;}
.column_top h3{ width:100%; float:left;font-size: 28px;color: #333;text-align: center; margin-bottom:30px;}
.column_top p{width:500px; margin:0 auto;font-size: 16px;color: #A4A4A4;text-align: center;line-height: 25px;}
.column_bot { margin-top:30px; float:left; width:100%;padding-bottom:30px;}
.column_bot dl{ float:left; width:330px; text-align:center; margin-right:90px;}
.column_bot dl.none{ margin-right:0;}
.column_bot dl dd{font-size: 18px;color: #8e8e8e;text-align: center; margin-top:20px;}
.footer{ background:url("../img/bg_04.png") no-repeat top center; height:600px; width:100%; float:left;}
.footer_center{ width:1170px; margin:0 auto;}
.footer_center h4{font-size:28px;color:#fff;text-align:center; margin-top:50px; margin-bottom:30px;}
.footer_center p{ opacity: 0.5;font-size: 16px;color: #FFF;text-align: center;line-height: 25px;text-align:center;}
.foot{ width:100%; text-align:center; height:94px; float:left;}
.foot ul{ margin-top:20px; float:left; width:100%;}
.foot ul li{ line-height:30px;font-size: 16px;color: #333;text-align: center;}
.foot ul li.cop{color: #8e8e8e;}
/*以上index样式*/

.list_box{ width:1170px; margin:0 auto;}
.nav_list{ width:100%; float:left;}
.menu_list{ float:left; margin-left:57px; margin-top:30px;}
.menu_list ul{ float:left;}
.menu_list ul li{ display:inline; width:108px; height:37px; line-height:37px; text-align:center; float:left; margin-right:10px;}
.menu_list ul li.hover{ background-color:#00ADE7;}
.menu_list ul li:hover{ background-color:#00ADE7;}
.menu_list ul li a{ color:#333;width:108px; height:37px; line-height:37px; display:block;}
.menu_list ul li:hover a,.menu_list ul li.hover a,.menu_list ul li a:hover{ color:#fff;}
.menu_login{ float:right; margin-top:25px;}
.menu_login ul{border:1px solid #bfbfbf;border-radius:100px; width:132px; height:37px; line-height:37px; position:relative;}
.menu_login ul li{ display:inline; text-align:center;width:66px; color:#333;float:left;}
.menu_login a{ color:#333; cursor:pointer;}
.menu_login p{ color:#fff; background:url("../img/san.png") right center no-repeat; padding-right:10px;}
.line_list{  border-bottom:2px solid #ececec; width:100%; float:left; margin:30px 0;}
.wrapp_right{ width:386px; float:right;margin-top:20px;}
.wrapp_right_1{border:1px solid #D8D8D8; width:384px; height:409px; margin-bottom:20px; float:left;background-color:#FBFAF8;}
.scr_con {position:relative;height:328px;width:384px; top:36px; }
#dv_scroll{position:absolute;height:328px;overflow:hidden;width:384px;}
#dv_scroll .Scroller-Container{width:100%;}
#dv_scroll_bar {position:absolute;right:0;top:10px;height:310px;border-left:8px solid #efefef;opacity: 0.8;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:15px;height:270px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;right:15px;top:0;width:8px;height:29px;overflow:hidden; background-color:#969696;cursor:pointer; z-index:999;}
#dv_scroll_text {position:absolute;}
.newslist ul {text-align:left;float:left; width:100%; background-color:#009933;}
.newslist ul li{height:33px; line-height:33px; padding-left:20px; padding-right:20px; width:344px; background-color:#fff;}
.newslist ul li .shu_1{ width:88px;float:left;}
.newslist ul li .shu_2{ width:86px;float:left;}
.newslist ul li .shu_3{ width:86px;float:left;}
.newslist ul li .shu_4{ width:80px;float:left; text-align:right;}
.newslist ul li.geihang{ background-color:#F5F4F3;}

.m_r15{ margin-left:10px;}
.foot_list{ width:100%; text-align:center; height::;; float:left; background-color:#F0F1F3;}
.foot_list ul{ margin-top:20px; float:left; width:100%;}
.foot_list ul li{ line-height:20px;font-size: 14px;color: #333;text-align: center;}
.foot_list ul li.cop{ color:#8e8e8e;font-size: 10px;}
.scale{background: #EFEFEF; width:204px; height:9px; border-radius: 3px;position: relative; top:12px;}
.scale span{background: #E3E3E3;border: 1px solid #D5D5D5;border-radius: 9px;width:16px;height:16px;position:absolute;left:-2px;top:-6px;cursor:pointer; }
.scale div{background: #FD3737; position: absolute; height: 9px; width: 0; border-radius:3px;left: 0; bottom: 0; }
.bilie{ float:left;}
.bilie_sc{ float:left;}
#title1,#title{ float:left; color:#999; margin-left:10px; }
/*以上list样式*/
.aboat{ background-image:url("../img/bg_02.png");}
.ad_aboat{ width:100%;opacity: 0.5;background: #000; float:left; height:226px; position:absolute;bottom:0px; left:0;}
.ad_aboat_center{ width:1000px; margin:0 auto;}
.ad_aboat_center dl{ float:left; margin-top:300px; }
.ad_aboat_center dl dt{ width:128px; height:147px;margin-left:40px; float:left; margin-right:90px;}
.ad_aboat_center dl dt img{width:128px; height:147px;}
.ad_aboat_center dl dd{font-size:18px;color: #FFF;text-align: justify; text-justify:inter-ideograph;line-height: 29px; width:700px; float:left; padding-top:20px;}
.aboat_box{ width:1170px; margin:0 auto; }

.qiye{ float:left; width:100%; padding-top:80px;}
.qiye h4{font-size: 28px;color: #333; width:100%; float:left; margin-bottom:20px;}
.qiye .line_list{ margin:40px 0;}
.qiye p{font-size:16px;color:#8e8e8e;text-align: center;line-height: 25px;float:left; width:100%;}
.aboat_center{ float:left; width:100%;}
.aboat_center dl{ width:180px; text-align:center; float:left; margin:30px 100px 0 35px;}
.aboat_center dl dt{ width:180px; float:left;text-align:center;}
.aboat_center dl dd{ width:180px; float:left; text-align:center;}
.aboat_center dl.wu{ margin-right:0;}
.aboat_center dd strong{font-size: 20px;color: #333; margin-top:10px; margin-bottom:10px; float:left;width:180px; font-weight:normal;}
.aboat_center dd{font-size: 14px;color: #8e8e8e;}
.contactus_center{ float:left; width:100%; padding-bottom:100px;}
.contactus_center dl{ width:180px; text-align:center; float:left; margin:30px 100px 0 35px;}
.contactus_center dl dt{ width:180px;}
.contactus_center dl.wu{ margin-right:0;}
.contactus_center dd strong{font-size: 20px;color: #333; margin-top:10px; margin-bottom:10px; float:left;width:180px; font-weight:normal;}
.contactus_center dd{font-size: 14px;color: #8e8e8e;}
.yezi{ width:100%; float:left; padding-bottom:40px;}
.yezi img{ float:left;}
.m_r10{ margin-right:7px;}
.m_d10{ margin-bottom:10px;}
.contactus{ background-image:url("../img/bg_03.png");}
.cont_center{width:1170px; float:left;}
.cont_center_left{ width:770px; float:left; margin-top:120px;}
.cont_center_left h4{font-size: 45px;color: #FFF; text-align:left; margin-bottom:30px;}
.cont_center_left p{font-size: 28px;color: #FFF;line-height: 37px; text-align:left;}
.cont_center_right{ float:left; width:400px;position:absolute;top:75px; right:365px;}
.cont_center_right ul{ float:left; text-align:left;font-size:16px;color:#FFF; width:100%; }
.cont_center_right ul li{ margin-top:15px; width:100%; float:left;}
.cont_center_right ul li input.xing_03{background: #FFF;border: 1px solid #bfbfbf; ; padding-left:5px; width:370px; height:36px; line-height:36px;}
.cont_center_right ul li input.xing_01{ width:176px; margin-right:10px;height:36px; line-height:36px;background: #FFF;border: 1px solid #bfbfbf;  padding-left:5px;}
.cont_center_right ul li input.xing_02{width:174px;height:36px; line-height:36px;background: #FFF;border: 1px solid #bfbfbf; padding-left:5px;}
.cont_center_right ul li dl{ margin-left:10px;}
.cont_center_right ul li dl dd{ float:left; width:220px;height:36px; line-height:36px; font-size:14px;} 
.cont_center_right ul li dl dd.w190{ width:170px;}
.tijiao{background: #00ADE7; width:378px; height:44px; line-height:44px;font-size: 14px;color: #FFF; border:0; text-align:center; cursor:pointer;}
.bg_cont{width:400px;opacity: 0.5;background: #000; float:left; height:412px; position:absolute;top:80px; right:375px;}
.have1{ margin-right:30px; margin-left:14px;}
.tishi{  text-align:center; color:#ff3236; margin:0 auto; display:block; padding-left:20px; text-align:center;position:absolute; left:0px; right:0px; bottom:-20px;}
.tishi img{ margin-right:5px; margin-top:2px;}
.k_hone{ border-bottom:1px solid #ff3236;}
.nav_contactus{ width:1170px; margin:0 auto; }
.design_ad{ width:1170px; margin:0 auto; color:#fff;text-align:left;}
.design_ad h1{ margin-bottom:25px;font-size:45px; float:left;width:100%;margin-top:136px;}
.design_ad p{font-size: 20px;color: #FFF; float:left;width:100%;}
.design_ad p img{ margin-top:35px;}
.ip{width:16px;height: 18px;background: url("../img/iOS.png") no-repeat center;float: left;height:40px;}
.an{width:17px;height:20px;background: url("../img/android.png") no-repeat center;float: left;height:40px;}
.case_ad{ width:1170px; margin:0 auto;  text-align:center;}
.case_ad dl{  margin:0 50px; width:75px; font-size:18px; color:#fff; float:left;}
.padd{ padding-left:230px;}
.case_ad dl dd{ margin-top:10px;}
.case_ad_1{ text-align:center; width:100%; float:left; margin-top:40px;}
.design_box{width:1170px; margin:0 auto;}
.design_conter{ width:100%; float:left;}
.design_conter_01{ width:500px;  float:left; margin-top:90px;}
.design_conter_01 ul{ margin-bottom:80px; float:left; text-align:left;}
.design_conter_01 ul li{  float:left;width:100%;}
.design_conter_01 ul li.title{font-size:36px;}
.design_conter_01 ul li.pro{font-size:12px; color:#999;}
.design_conter_01 ul li.jing{font-size:15px; line-height:24px; margin-top:10px;text-align:justify;color: ##2d2d2d78;
            text-justify:inter-ideograph;}
.design_conter_02{ width:530px;float:right; height:419px;margin-top:90px;}
.zuo{ float:left;}
.you{ float:right;}
.gray{ background-color:#f0f1f3;}