body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family: "Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:link{color:#707070;}
a:visited{color:#707070;}
a:hover{text-decoration:underline;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
body{font-size:14px; color:#454545; background:#fff; position:relative; min-width:1200px;}
.w1100{ width:1100px; margin:0 auto; clear:both}
.w1200{ width:1200px; margin:0 auto; clear:both;}
/* head star*/
.top_bar{background: #333 none repeat scroll 0 0; height: 36px; line-height: 36px; color:#ddd;}
.heard_top{ position:relative;}
.heard_top .tel{ float:left; width:600px; background:url(../image/ico_tel.png) 0 5px  no-repeat; padding-left:33px;}
.heard_top .tel span{ padding-right:15px;}
.heard_top .login{ float:right; width:180px; background:url(../image/login.png) 0 5px  no-repeat; padding-left:30px;}
.heard_top .login a:link{color:#fff;}
.heard_top .login a:visited{color:#fff;}
.bg_color{ background-color:#F4F6F8}

.index_nav{ position:absolute; top:auto; left: auto; z-index:99; width:100%}
.index_nav ,.top_box{ height:100px; background:url(../image/bg_menu.png) 0 0 repeat-x}
.index_nav .logo ,.top_box .logo{ float:left; padding:20px 0 0 0; width:300px;}
.reg{ position:absolute; top:0px; right:0px; background:url(../image/ico_reg.svg) 0 0  no-repeat; padding-left:30px;width:60px;}

#nav_box{ float:right; position:relative; /* width:680px;*/ padding:30px 0 0 0; }  
#nav_box #nav_menu{ height:45px; } 
#nav_box #nav_menu li{float: left; margin-right:20px;text-align:center; }
#nav_box #nav_menu li a{color: #2d2d2d;font-size: 16px; text-align: center;}
#nav_box #nav_menu li a:hover {color:#1D449A;}
#nav_box #nav_menu a{ display:block; height:45px;width:70px; line-height:45px; color:#666; text-decoration:none;}  
#nav_box #nav_animate_block{ position:absolute; bottom:5px; height:2px; overflow:hidden; background:#1D449A;}  


/* banner star*/


.slideBox{ width:100%; height:568px;overflow:hidden; position:relative;min-width: 1100px; margin:0 auto}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:80%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.6;filter:alpha(opacity=60); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#1D449A !important;}
.slideBox .bd{ height:568px; width: 100%; z-index:0; }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 568px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 400px; margin:0 auto; position: relative;}
.banner_city_box{ position: relative; width:1200px; margin:0 auto; padding-top:150px;}
.b_city_tit{ font-size:42px; color:#488BFF;}
.b_city_info{ color:#000; padding:20px 0; line-height:30px;}
.b_city_youshi{ color:#000; font-size:20px;}
.b_btn{margin-top:50px;}
.b_btn a{font-size: 14px; }
.btn_big a{width: 200px; height: 50px;display: inline-block; font-size: 22px; line-height: 48px; background:#488BFF;color:#fff;text-align: center;  border-radius: 35px; cursor: pointer; box-sizing: border-box;}
.btn_big a:hover{ border: 1px solid #488BFF;color: #488BFF;text-decoration:none; background-color:#fff;}
/*pro star*/
.index_pro{ }
.index_pro h3{ font-size:16px; line-height:40px; padding-top:8px;}

.youshi {background-color: #f2f2f2 none no-repeat  0 0; height:680px;}
.youshi h2 ,.index_Customer h2,.index_liucheng h2 ,.index_api h2 ,.download_api h2 ,.sdk h2 ,.index_pro h2,.index_news h2 ,.index_prices h2{ font-size:32px;font-weight:300; padding:70px 0 5px 0;text-align: center;}
.index_t_dec{ line-height: 32px; font-size: 14px; color: #9b9ba3;text-align:center; padding-bottom:60px;}
.youshi dl {
    float: left;
    height: 84px;
    margin: 20px 26px 30px 0;
    width:340px;
}
.youshi dl dd strong {
    color: #4b4b4b;
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.youshi dl dt {
    float: left;
    margin-right: 15px;
}
.youshi dl dd p {
    color: #4b4b4b;
    font-size: 12px;
    margin-top: 5px;
    text-align: left;
}


.ico_cus,.ico_lch,.ico_api{ padding-bottom:100px;}

.index_api{ height:480px;}
.N_Menu {}
.N_Menu h2 {}
.N_Menu ul { height:65px;}
.N_Menu ul li {
    float: left; width:218px;color: #5C605F;
    border: 1px solid #E4E4E4;margin-left: -1px;
}
.N_Menu ul li a {
    height: 63px;
    margin-left: -1px;
    line-height: 63px;
    display: block;
    text-align: center;
	font-size:18px;
	text-decoration:none;
}
.N_Menu ul li a:hover, .N_Menu ul li a.on {
    border: 1px solid #488BFF;
    background: #488BFF;
    color: #fff;
}
.N_content {
    display: none;
    height: 600px;
    overflow: hidden;
    width: 1100px;
}
.N_content_l {
    float: left;
    height: 560px; padding-top:40px;
    overflow: hidden;
    width: 500px;
}
.N_content_l dl dd p {
    color: #666666;
    height: 105px;
    overflow: hidden;
    width: 300px;
}
.N_content_r {
    float: left;
    height: 600px;
    overflow: hidden;
    width: 600px;
}
.N_content_r ul {
}
.index_tx h4{ padding:20px 0 10px 0;}
.index_yycj{ padding-top:40px;}
.index_yycj h5{ clear:both;}
.N_content_r ul li { height:48px;}



.N_content_r ul li h2 {
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    width: 460px;
}
.N_content_r ul li p {color: #666666;float: left;font-size: 12px;}
.N_content_r ul li:hover {}
.N_content_r ul li:hover h2 {float: left;font-size: 16px;line-height: 30px;width: 460px;}
.N_content_r ul li:hover h2 a {color: #fff;}
.N_content_r ul li:hover p {color: #fff;font-size: 12px;background: #3366cc none repeat scroll 0 0;}


.index_prices{ height:900px;}
.index_prices ul{    width: 100%; position: relative; padding-top: 30px;}
.index_prices li{ float: left; position: relative; box-sizing: border-box; margin-left: 20px; border: 1px solid #f2f3f6; background-color: #fff; border-radius: 6px; vertical-align: top;
 cursor: text;padding-bottom: 50px; width:250px; list-style:none;}
.p_type{position: relative; height: 90px;line-height: 90px; font-size: 24px; color: #fff; text-align: center; border-radius: 4px 4px 0 0;}
.b_blue{background: url(../image/bg_blue.png) no-repeat top left;}
.b_qing{background: url(../image/bg_qing.png) no-repeat top left;}
.b_yellow{background: url(../image/bg_yellow.png) no-repeat top left;}
.b_zhi{background: url(../image/b_zhi.png) no-repeat top left;}
.price{ padding-top:30px;}
.price p{position: relative;color: #383838;line-height: 1.2; text-align:center; padding-bottom:30px;}
.price p em ,.price p span{ font-size: 28px; padding:0 5px 15px 0;}
.price p span{}
.amount{ font-size:18px;}
.summary{ padding-top:10px; text-align:center;}
.data em{ font-size:30px; color:#03F}
.allnum i{ color: #C33; padding: 0 7px; font-style:normal; font-weight:bold;}
.index_prices .hr{ margin: 0 auto;width: 100%;height: 1px;background: #f0f1f2;}

.fnList p{border:none;
    font-size: 14px;
    color: #383838;
    line-height: 2.0;
    padding: 0 30px;
    text-align: left; position:relative}
.fnList p:before { content: "";position: absolute; top: 10px;left: 20px;width: 4px;height: 4px; border-radius: 50%; background-color: #9b9ba3;}
.item_qq{ padding-top:50px; text-align:center}
.item_qq .u_btn{padding: 12px 33px;font-size: 16px;color: #383838;background-color: #fff;border: 1px solid #383838; text-decoration:none; border-radius: 4px;color: #fff;}
.item_qq .blue{background: #499ffe;border-color: #499ffe;}
.item_qq .qing{background: #09cba4 ;border-color: #09cba4}
.item_qq .yellow{background: #e9932b ;border-color: #e9932b}
.item_qq .zhi{background: #4748b6 ;border-color: #4748b6}

.main,.index_c{ clear:both; padding-top:10px;width:960px; margin:0 auto;height: 1%; overflow: hidden !important; overflow /**/: visible;overflow:hidden;}
.xm{background: url(/templets/default/images2015/bg_xm.png) no-repeat top center; height:142px;}
.xm ul{ padding-top:25px;}

/** end app*/
.index_download{clear:both; margin-top:10px;background: url(/templets/default/images2015/bg_index_download.png) no-repeat top left; height:184px; width:960px;font-family: "Microsoft YaHei"; padding-top:55px;}
.index_download li{ float:left;  overflow:hidden;}
.dl_sms{width:320px;}
.dl_mms{ padding-left:10px; width:310px;}
.dl_app{ padding-left:10px; width:310px;}
.dl_pic{ float:left; padding-top:15px; width:80px;}
.dl_text{ float:left;}
.dl_text a{color: #595959;font-weight: bold; font-size:14px;line-height: 30px;text-decoration: none;}
.index_download .btn_dl{ text-align:right; padding-top:5px;}
/** end index_download*/
.head2{ height:255px; width:1276px; position: relative; text-align:left; }
.about{background: url(../image/bg_about.jpg) no-repeat top left;}
.topnews{background: url(/templets/default/images2015/bg_topnews.jpg) no-repeat top left;}
.topproduct{background: url(../image/bg_topproduct.jpg) no-repeat top left;}
.topcase{background: url(/templets/default/images2015/bg_topcase.jpg) no-repeat top left;}
.topdownload{background: url(/templets/default/images2015/bg_topdownload.jpg) no-repeat top left;}
/*licheng star*/
.index_liucheng{ height:600px}
.index_liucheng_list{background: url(../image/bg_liucheng.png) no-repeat top left; height:86px; padding-top:120px; margin-top:60px;}
.index_liucheng_list li{ float:left; color:#fff; width:166px; text-align:center; padding-right:67px;}
.index_liucheng_list .last{ padding:0; width:167px}
.index_liucheng_list li p{ padding:8px 15px 0 15px; font-size:12px;}
/* index_news star*/
.index_news{background: url(../image/bg_news.jpg) 0 0 no-repeat; height:750px; overflow:hidden;background-size: cover;}
.index_news h2{ color:#fff;}
.box_app{ float:left;width:520px; height:470px;  background:url(../image/bg_news_list.png) 0 0 repeat; }
.clearfix::after {clear: both;content: "."; display: block; height: 0; overflow: hidden;visibility: hidden;}
.list-tweet{}
.list-tweet li,.list-tweet i{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.list-tweet li{overflow:hidden;padding:0 9px 0 14px;border-bottom:1px solid #E3E6EB;}
.list-tweet i{float:right;width:17px;height:17px;overflow:hidden;margin-top:13px;*display:inline;}
.list-tweet h3{line-height:46px;height:46px;font-size:16px;}
.list-tweet img{float:left;margin-right:15px; width:217px; height:122px;}
.list-tweet p{height:140px;line-height:21px;color:#666;}
.drink-me{height:46px;background:#fff;}


.eat-me{height:186px;}
/*.eat-me:hover{background:#F7F7F7;}*/
.eat-me i{*display:none;opacity:0;}
.eat-me h3{font-weight:bold; colo}
.eat-me h3 a{ color:#fff;}
.eat-me p{ color:#fff;}


.box_news { float:right; width:520px;}
#menuq{overflow:hidden;width:520px;height:100%;overflow:hidden}
#menuq ul{margin:0;padding:0}
#menuq li{list-style-type:none;display:block; position:relative;width:520px; margin-top:10px; line-height:20px; background:url(../image/bg_news_list.png) 0 0 repeat; }
#menuq li .news_type{ color:#fff; position:absolute; top:10px; right:15px;}
#menuq li .news_type a{ color:#fff;}
#menuq li a{text-decoration:none;width:100%;line-height:20px}
#menuq li a span{display:none;color:#fff; background:url(../image/bg_news_list.png) 0 0 repeat; overflow: hidden;
 padding:20px 28px; border-top: 1px solid #fff;}

#menuq li a:hover{}
#menuq li:hover span, #menu li a:hover span{display:block;cursor:pointer; background:url(../image/bg_news_list.png) 0 0 repeat;}
#menuq h2{color:#fff;font-size:16px;padding:0;line-height: 40px;text-indent: 50px; background:url(../image/ico_index_news_jia.jpg) 0 0 no-repeat; text-align:left; font-weight: bold}



.box_case{margin-left:15px; display:inline; width:341px;float: left;}
.box_case li{ border-bottom: 1px dashed #EFEFEF;height:27px;margin-left: 35px;line-height:27px; padding-left:9px;background: url(/templets/default/images/bg_dian.gif) 0 3px no-repeat;width: 250px;}
.box_case a{color: #595959;}



.app_pic img{ width:70px; height:50px; padding:1px; border:1px solid #ccc;}
.app_title{ float:left; width:185px; overflow:hidden;color: #7B7B7B;}
.box_app h1{ margin-left:9px;}
/** end right*/



/* footer star*/


/* footer star*/


.footer { clear:both;background: #2e3033 none repeat  0 0;}

.footer_service {
   
}
.footer_service .footer_service {
    border-bottom: 1px solid #45484c;
    font-size: 0;
    margin: 0 auto;
    max-width: 1200px;
    padding: 25px 0;
    text-align: center;
}
.footer_service .fs_list {
    font-size: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.footer_service .fs_ct {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 23.5%; position:relative;
}
.footer_service .fs_ct.item-last {
    width: 14%;
}
.footer_service .fs_ct .item {
    color: #fff;
    font-size: 14px;
}
.footer_service .fs_ct .item .icon {
    display: inline-block;
    height: 32px;
    margin-right: 10px; margin-top:15px;
    vertical-align: middle;
    width: 32px;
}
.footer_service .fs_ct .item .icon-1 {
    background: url(../image/24h.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item .icon-2 {
background: url(../image/1v1.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item .icon-3 {
background: url(../image/zixian.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item .icon-4 {
background: url(../image/cuzhu.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item .icon-5 {
background: url(/templets/default/images2018/zixianr.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item:hover {
    color: #2277da;
}
.footer_service .fs_ct .item:hover .icon-1 {
    background: url(../image/24h_hover.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item:hover .icon-2 {
background: url(../image/1v1_hover.svg) 0 0 no-repeat;
}

.footer_service .fs_ct .item:hover .icon-3 {
background: url(../image/zixian_hover.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item:hover .icon-4 {
background: url(../image/cuzhu_hover.svg) 0 0 no-repeat;
}
.footer_service .fs_ct .item:hover .icon-5 {
background: url(../image/zixian_hover.svg) 0 0 no-repeat;
}
.term_dec{ color:#ccc; font-size:12px; font-style:normal; position:absolute; top:35px; left:45px;}
.footer_nav {

    padding: 30px 0 0;
}
.footer_nav .website-columns {
    border-bottom: 1px solid #45484c;
    font-size: 0;
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.footer_nav .columns {
    display: inline-block;
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top;
    width: 18%;
}
.footer_nav .columns.column-follow {
    width: 28%; 
}
.footer_nav .columns h3 {
    margin-bottom: 15px;
}
.footer_nav .columns .fn_title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.footer_nav .columns ul li, .footer_nav .columns ul li a {
    color: #ccc;
    font-size: 12px;
}
.footer_nav .columns ul li {
    line-height: 26px; 
}
.footer_nav .columns.column-follow ul li {
   line-height:35px;font-size:14px;
}

.footer_nav .columns ul li a:hover {
    color: #2277da;
}


.footer_copyright { padding:15px 0 15px 180px ;text-align: left;position: relative; background: url(../image/footer_logo.png) 0px 20px no-repeat;width:1020px;height: 70px;}

.links{ height:24px;}
.links li{ list-style:none; float:left; padding-right:15px; font-size:12px;}
.copyright{ color:#ccc; font-size:12px; height:30px; line-height:30px; width:600px;}
.f_links{padding-top:20px; padding-bottom: 40px;color:#666}
.f_links a{ padding-right:8px;}
.f_links a:link{color:#707070}
.beian{ background: url(../image/ico_beian.png) 0 0 no-repeat; padding-left:20px; margin-left:180px;}
.beian a:link{ color:#ccc;}
.beian a:visited{ color:#ccc;}
.foot_gzh{ position:absolute; top:10px; right:0px;}
.shaoyishao{color:#ccc; padding-right:15px;}
.footer_weixin { height: 70px;width: 70px; vertical-align:middle;}
.foot_yw{ font-size:12px;}
.foot_about{ color:#666; padding-top: 25px;padding-bottom: 25px;line-height:200%}
.foot_about p{ color:#a5a4a4;text-indent:24px;}
/*浮动QQ css*/



/*服务流程 css*/
.service_info{ padding-top:100px;}
/*#jg{ height:250px;}*/
.red{background-color: #f4814b;
    color: #a85027;
    }
.bule {
    background-color: #47b3f1;
    color: #226e9a;

}
.kuan {
    margin-right: 60px;
    width: 305px;
	float: left;
    height: 235px;
    padding:20px 50px 0 50px;
    text-align: center;
	line-height:30px;
	font-size: 20px;
}


.big {
    color: #ffffff;

}

.bs {
    color: #ffffff;
    font-size: 40px;
    line-height:90px;
}
.bt1{ background:url(../image/bg_line.png) no-repeat left center; color:#5378c6; padding-left:30px; font-size:36px ;}
.bt1 span{ font-size:22px; color:#000; margin-left:20px;}
.bt2{ font-size:18px ; color:#000; padding-bottom:10px;font-weight:bold;}
.bt3{font-size:23px; color:#707070; margin-bottom:30px;}
.bt4{font-size:14px; color:#3c3c3c; line-height:27px; padding-left:25px;}
.bt5{font-size:14px; color:#999999; line-height:30px; padding-left:25px;}
.bt6{ background:url(../image/bg_line.png) no-repeat left center; color:#5378c6; padding-left:30px; font-size:36px ; margin-top:45px;}
.bt6 span{ font-size:22px; color:#000; margin-left:20px;}
.bt7{ font-size:23px; text-align:center; margin:15px 0px 5px;}
.bt7 a{color:#f6621a;}
.gd{ height:2px; width:100%; border-bottom:1px solid #e5e1db; margin:0px 0px 30px; }
.gd1{ height:2px; width:100%; border-bottom:1px solid #e5e1db; margin:0px 0px 15px; }

.help_box{ clear:both;}
.help_box .help_left { float:left; width:25%;padding-left: 0;padding-right: 0;border-top: 1px solid #ececec;position: relative;border-right: 1px solid #ececec;}
.help_box .help_left  h3 {margin-bottom: 0;padding-left: 20px;line-height: 40px;font-size: 20px;color: #FFF;background-color: #4E8EF8;}
.help_box .help_left  li {padding-left: 30px;line-height: 50px;border-bottom: 1px solid #ededed; background:url(/templets/default/images2015/right.svg)  #F9F9F9 no-repeat  10px center;}
.pages .slider .block li .fa {
	margin-left: 5px;
	margin-right: 5px;}
	
.help_box .help_main{ float:left; width:74%; border-top: 1px solid #ececec;}




/*试用*/
.trial{ background:url(../image/bg_trial.png) #5138d2 no-repeat left center; width: 100%;
    min-width: 1200px;
    overflow: auto;
    height: 320px; }
.trial p{ font-size: 35px; color: #fff; padding:100px 0 50px 0; text-align:center}
.city_trial_btn{ text-align:center;}
.listnav{  padding: 0 10px 0 9px;
    border-top: 1px #D2D2D2 solid;
    background: #F7F8FA;}
.listnav h4{padding-left: 20px;line-height: 40px;}
.hide {
	display: none;
}
#leftsead{width:161px;height:200px;position:fixed;top:430px;right:20px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:50px;}
#leftsead li img{float:right;}
#leftsead li a{height:40px;float:right;display:block;min-width:40px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:121px;background-color:#2277da;height:37px;margin-left:36px;text-align:center;line-height:37px;}
#p3{width:121px;background-color:#2277da;height:40px;margin-left:36px;text-align:center;line-height:40px;}
#p1{width:40px;height:40px;z-index:5; position:absolute; top:0; left:5px;}
#p0{width:40px;height:40px;z-index:5; position:absolute; top:-1px; left:5px;}
.color_w{ color:#fff;}