@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,p,ul,ol,dl,dd,form,legend,button,input,textarea,th,td,figure{margin: 0;padding: 0; font-family:"微软雅黑";}
body {font: 14px/1.5 "微软雅黑";color: #666;background-color: #f5f5f5;font: 14px;}
input,textarea,select {font-family:"微软雅黑";font-size: inherit;font-weight: inherit;color: #555;}
input,textarea,select {*font-size: 100%;}
li {list-style: none;}
a {cursor: pointer;color: #666;text-decoration: none;outline: none;}
a:hover { text-decoration:none; color: #2383c0;outline: none;}
a:focus {outline: none;}
a img {border: 0;}
em,i {font-style: normal;}

/*登录*/
.fl{ float:left;}
.fr{ float:right;}
.pst{ position:relative;}
.clear{ clear:both;}
.mlr_10{ margin:0 10px;}

.login_box{ position:absolute; top:50%; left:50%; margin-top:-280px; margin-left:-300px; background:#fff; text-align:center; width:600px; height:560px; }
.logo_box{ margin:40px 0;}
.logo_box h1{ font-weight:normal; font-size:24px;}
.jy_logo{ background:url(../images/logo.png) no-repeat center; width:207px; height:75px; margin:10px auto;}
.login_info{ width:450px; margin:0 auto;  }
.login_item{ width:420px; height:40px; border:1px #ddd solid; margin:20px auto; background:#fff; border-radius:3px;}
.login_item .ipt_txt{ height:36px; line-height:36px; margin:1px; border:none; float:right; width:380px;}
.login_item_code{ width:300px; height:40px; border:1px #ddd solid; margin:20px 14px; background:#fff; border-radius:3px;}
.login_item_code .ipt_txt{ height:38px; line-height:38px; margin:1px; border:none; float:right; width:260px;}
.code_img_box{ position:absolute; left:320px; top:0; width:100px; background:#f1f1f1; height:40px; text-align:center;}
.icon_account{ margin-top:14px; margin-left:10px; background:url(../images/icon_login.png) no-repeat 0 0; width:16px; height:16px; float:left; display:block;}
.icon_psw{ margin-top:12px; margin-left:10px; background:url(../images/icon_login.png) no-repeat -16px 0; width:16px; height:16px; float:left; display:block;}
.login_btn{ width:420px; height:40px; margin:20px auto; }
.btn_info{ background:#4490ba; color:#fff; display:block; width:100%; border-radius:3px; border:none; height:40px; line-height:40px; font-size:16px;}
.btn_info:hover{ background:#3480aa;  }
.btn_line{ border:none; background:#e1b751; color:#fff; display:block; width:100%; border-radius:3px; height:40px; line-height:40px; font-size:16px;}
.btn_line:hover{  background:#cdad60;  }
.login_extra{ width:420px; height:40px; margin:10px auto;  }
.get_psw{ width: 180px; float:left; text-align:left;}
.new_account{ width:180px; float:right; text-align:right;}
.new_account a{ color:#2383c0;}
.relate_box{ float:left; width:60px; height:40px; line-height:40px; color:#999; font-size:16px; text-align:center;}

/*我的*/
.header_bg{ background:#4490ba; height:60px; line-height:60px; width:100%;}
.header_box{ width:1170px; margin:0 auto; height:60px;}
.slogo_box{ float:left; width:250px; height:60px; background: url(../images/logo_small.png) no-repeat left center;}
.logout_box{ float:right; width:300px; text-align:right;}
.logout_box li{ float:right; }
.logout_box a{ color:#fff; margin-left:20px; padding:0 10px;}
.arrow_down{ position:absolute; right:-4px; top:12px; background:url(../images/arrow_down.png) no-repeat; width:8px; height:5px; display:inline-block; margin-top:-4px;}
.my_box{ background:#fff; border:1px #ddd solid; width:120px; text-align:center;}
.my_box a{ height:30px; line-height:30px; color:#666; margin-left:0;  display:block;}
.my_box a:hover{ background:#f1f1f1; color:#333;}
.main_box{ width:1170px; margin:20px auto;}
.fun_box{  }
.fun_box h2{ height:40px; line-height:40px; margin-bottom:10px; font-size:18px; font-weight:normal;}
.fun_common{float:left;width: 1100px;height:200px !important;border:1px #eee solid;}
.fun_common li{ float:left; height:200px; border-right:1px #eee dashed;}
.fun_common .bd_none{ border-right:none; }
.fun_common li a{ display:block; text-align:center;}
.fun_common li h3{ font-size:18px; font-weight:normal;  height:60px; line-height:60px; }
.fun_stat{ float:left; width:218px; height:220px; background:#f9fafb; text-align:center;}
.fun_stat li a{ display:block; text-align:center; height:220px;}
.fun_stat .stat_box{ width:218px; height:220px;   }
.fun_stat li h3{ font-size:18px; font-weight:normal; height:60px; line-height:60px; }

.sms_box,.voice_box,.csms_box,.app_box,.video_box{ width:218px;}
.sms_box:hover{ background:#e8fafd;}
.voice_box:hover{ background:#f4f5ff; }
.csms_box:hover{ background:#f4fbf8; }
.app_box:hover{ background:#f9fafb; }
.fun_stat:hover{  background:#ffedce; }
.globe_sms{ width:223px;}
.globe_sms:hover{ background:#ffecee; }

.icon_sms,.icon_csms,.icon_voice,.icon_globe,.icon_state,.icon_app_add,.icon_app,.icon_video{ background-image:url(../images/icon_app.png); background-repeat:no-repeat; width:94px; height:94px; margin-top:40px; margin-left:60px;} 
.icon_sms{ background-position: 0 0;}
.icon_voice{ background-position: -94px 0; }
.icon_csms{ background-position: -188px 0; }
.icon_globe{ background-position: -282px 0; }
.icon_state{ background-position: -376px 0; margin-left:60px; }
.icon_app_add{ background-position: -470px 0;}
.icon_app{ background-position: -470px -94px; }
.icon_video{ background-position: -564px 0;}

.sms_box:hover .icon_sms{ background-position: 0 -94px;}
.voice_box:hover .icon_voice{ background-position: -94px -94px; }
.csms_box:hover .icon_csms{ background-position: -188px -94px; }
.globe_sms:hover .icon_globe{ background-position: -282px -94px; }
.stat_box:hover .icon_state{ background-position: -376px -94px; }
.video_box:hover .icon_video{ background-position: -564px -94px; }

.popbox{width:700px;background-color:#fff; border-radius:4px;position:absolute;top:0;left:0;display:none;z-index:120;}
.popbox h2{height:40px;font-size:16px;background-color:#4490ba; border-radius:4px 4px 0 0;position:relative;padding-left:10px;line-height:40px;color:#fff;}
.popbox h2 a{position:absolute;right:10px;font-size:12px;color:#fff;}
.popbox .mainlist{padding:10px;}
.mainlist table{ border-collapse: collapse; border-spacing: 0; border:1px #ebebeb solid; border-right:none; border-bottom:none;}
.mainlist td{ height:40px; line-height:40px; padding:0 10px; border-bottom:1px #ebebeb solid; border-right:1px #ebebeb solid;}
.mainlist td .ipt_table{ height:38px; width:420px; border:none;}
.footer_layer{ background:#f1f1f1; border-top:1px #ddd solid; height:40px; border-radius: 0 0 4px 4px; padding:0 10px;}
.footer_layer a{ color:#fff; margin-top:5px;}
.btn_success{ background:#4490ba; padding:4px 16px; border-radius:4px; }
#screen{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:100;background-color:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}

/*api*/
.web_header_bg{ background:#fff; border-bottom:3px #0095ea solid; height:80px; line-height:80px; width:100%; }
.web_header_bb{  border-bottom:none;}
.web_header_box{ width:1170px; margin:0 auto; height:80px;}
.web_logo_box{ float:left; width:300px; height:80px; background: url(../images/logo_website.png) no-repeat left center;}
.nav_box{ float:left; width:540px; margin-left:230px;  }
.nav_box li{ float:left; margin:0 10px;}
.nav_box li a{ font-size:20px; padding:0 20px; color:#333; display:block; }
.nav_box li a:hover{ /*background:#0095ea;*/ color:#0095ea;}
.nav_box li .selected{ /*background:#0095ea;*/ color:#0095ea;}
.nav_box li .box{width:160px;height:autox; padding:10px 0; position:absolute;top:77px;left:0; text-align:center; z-index:999;background: rgba(255,255,255,.95);display:none;}
.nav_box li .box a{ font-size:16px; display:block;height:50px;color:#666;line-height:50px;border:none;background:none;}
.nav_box li .box a:hover{ color:#0095ea;}
.login_web{ float:right; width:90px; text-align:right;}
.login_web input{ margin-left:10px; }
.btn_login{ background:#0095ea; font-size:16px; border:1px #0095ea solid; color:#fff; border-radius:4px; margin-top:22px; padding:0 20px; height:36px; line-height:36px;}
.btn_reg{ background:#fff; font-size:16px; border:1px #e3e3e3 solid; border-radius:4px; padding:0 20px; height:36px; line-height:36px;}
.api_nav{ width:160px; float:left; background:#fff; border:1px #e3e3e3 solid; border-bottom:none;}
.api_nav li{ height:50px; line-height:50px; border-bottom:1px #e3e3e3 solid;}
.api_nav li a{ display:block; text-align:center;}
.api_nav li a:hover{ background:#0095ea; color:#fff; }
.api_nav .active a{ background:#0095ea; color:#fff; }
.api_content{ float:left; width:988px; margin-left:20px;}
.api_name{ background:#fff; height:120px;}
.api_name dt,.api_name dd{ float:left;}
.api_name dt{ width:120px; height:120px;}
.api_name dd{ float:left; width:848px; margin-left:20px;}
.api_name dd h3{ height:50px; line-height:50px;}
.api_name dd p{ line-height:30px;}
.api_info{ background:#fff; margin-top:20px; min-height:400px;}
.api_info ul{ height:50px; line-height:50px; border-bottom:1px #e3e3e3 solid;}
.api_info ul li{ float:left; padding:0 16px;}
.api_info ul li a{ display:block; font-size:16px; height:49px; line-height:49px; }
.api_info ul li a:hover{ border-bottom:3px #0095ea solid; color:#0095ea;}
.api_info ul .active a{ border-bottom:3px #0095ea solid; color:#0095ea;}
.api_info_inner{ padding:10px 20px 40px 20px;}
.api_info_inner h4{ height:40px; line-height:40px; font-size:18px; color:#333; }
.api_info_inner h4 span{ font-size:12px; color:#4490ba; cursor:pointer; margin-left:20px; }
.api_txt p{ line-height:28px; text-indent:2em;}

.interface_panel{ margin:20px;}
.interface_detail dl{ width:900px; display:block; line-height:40px; margin-bottom:16px;}
.interface_detail dt,.interface_panel dd{ float:left;}
.interface_detail dt{ width:160px;}
.interface_detail dd a{ background-color: #eef9fe; padding:4px 10px; color:#0095ea;}
.interface_detail dd a:hover{ background-color: #dfeef5;}
.interface_detail dd{ width:740px;/* background:#9CF;*/}
.interface_item{ float:left; width:400px; border-right:1px #ebebeb solid; padding:10px 10px 0 0;}
.interface_item dt{ height:30px; line-height:30px;}
.interface_item dd{ padding:4px 0;}
.interface_item dd select{ width:380px;}
.interface_item dd .ipt_txt{ width:180px;}
.interface_item dd i{ height:36px; line-height:36px; color:#999; font-style:normal;}
.btn_group { background:#f1f1f1; height:46px; line-height:46px; width:400px;}
.btn_group a{ margin-right:16px; margin-top:6px;}
.interface_case{ float:left; margin:16px 0 0 16px;}
.interface_case label{ font-weight:normal;}
.interface_case textarea{ width:520px; min-height:200px;}
.return_btn{ margin-bottom:10px;}
/*个人信息*/
.my_info{ min-height:500px;}
.my_info h2{  color:#222; border-bottom:1px #e3e3e3 solid; height:40px; line-height:40px; padding-bottom:10px; font-size:18px; font-weight:normal;}
.photo_box{ height:60px; margin:20px 0;}
.photo_box dt{ float: left; width:60px; height:60px; }
.photo_box dt img{ border-radius:10px; } 
.photo_box dd{ float:left; width:1000px; margin-left:20px; height:60px;}
.photo_box dd h3{ font-size:16px; font-weight:normal; height:30px; line-height:30px; }
.photo_box dd p{ color:#999;}
.info_inner{ margin:20px 0; width:500px; margin-right:30px; }
.info_inner h3{ font-size:16px; font-weight:normal; height:40px; padding-bottom:6px; line-height:40px; color:#222;  border-bottom:1px #eee solid;}
.info_inner dl{ border-bottom:1px #eee dashed; padding:12px 0;}
.info_inner dt,.info_inner dd{ float:left;}
.info_inner dt{ width:100px; color:#999; }
.info_inner dd{ width:400px;}
.psw_box{ width:450px; margin:40px auto; }
.case_tab{ margin-top:-10px; background:#e8eff4; height:40px; line-height:40px;}
.case_tab p{ float:left; font-size:12px; solid; padding:0 16px; cursor:pointer; margin:0; height:40px; line-height:40px; text-indent:0;}
.case_tab .selected{ color:#0095ea;}
.case_info{ background:#f2f6f8; height:300px; overflow:auto; margin-bottom:16px;}

/*统计*/
.stat_box{ min-height:500px;}
.stat_box h2{  color:#222; height:40px; line-height:40px; padding-bottom:10px; font-size:18px; font-weight:normal;}
.stat_box h2 span{ color:#999; font-size:12px;}
.stat_tab{ margin:10px 0; height:40px; line-height:40px; border-bottom:1px #ebebeb solid;}
.stat_tab li{ float: left; margin-right:40px;}
.stat_tab li a{ display:block; padding:0 4px; height:39px; line-height:39px;}
.stat_tab li a:hover{ border-bottom:3px #4490ba solid; color:#4490ba;}
.stat_tab .active a{ border-bottom:3px #4490ba solid; color:#4490ba;}
.stat_query{  }
.stat_date{ margin-right:10px; float:left;}
.date_box{ margin:0 10px; position: relative; display: inline-block;zoom:1; *display:inline;}
.date_box .date_trigger{   box-sizing: border-box; border-radius:3px; width: 100px; height: 34px;line-height: 34px;text-align: center;font-size: 12px;color: #666;border: 1px solid #ccc;cursor: pointer;}
.stat_ipt{ margin-right:10px; float:left; }
.stat_ipt .ipt_tel{ margin-left: 10px; margin-right: 30px; width: 130px; height: 34px; color: #666; -moz-box-sizing: border-box; box-sizing: border-box;line-height: 22px;font-size: 14px; padding: 5px 10px; border: 1px solid #ccc;border-radius: 3px; }
.btn_query { display: inline-block; position: relative; -moz-box-sizing: border-box; box-sizing: border-box;height: 34px;padding: 0 20px;font-size: 14px;border-radius: 2px;cursor: pointer; text-align: center; vertical-align: middle;line-height: 34px; border: 0; color: white; background-color: #4490ba;}
.stat_count{   margin: 10px 0; color: #666;}
.stat_count span{ margin-right:16px;}
.stat_count span i{ color: #F30;}
/*新增*/
.date_box .ymd_trigger{   box-sizing: border-box; border-radius:3px; width: 100px; height: 34px;line-height: 34px;text-align: center;font-size: 12px;color: #666;border: 1px solid #ccc;cursor: pointer;}
.date_box .ymd_trigger a{ display:block;}
.date_box .ymd_trigger a:hover{ text-decoration:none;}
.overflow_scroll{ height:240px; overflow:auto;}
.date_box .date_trigger .ipt_date{ border:none; height:32px; line-height:32px; width:98px; border-radius:4px; padding-left:4px;}

.icon_edit{ background: url(../images/icon_edit.png) no-repeat 0 0; width:16px; height:16px; display:inline-block; margin-left:10px; }
.icon_edit:hover{ background: url(../images/icon_edit.png) no-repeat 0 -16px; }

/* jqGrid */
.ui-jqgrid {
  -moz-box-sizing: content-box;
}
.ui-jqgrid-btable {
  border-collapse: separate;
}
.ui-jqgrid-htable {
  border-collapse: separate;
}
.ui-jqgrid-titlebar {
  height: 40px;
  line-height: 15px;
  color: #676a6c;
  background-color: #F9F9F9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-jqgrid .ui-jqgrid-title {
  float: left;
  margin: 1.1em 1em 0.2em;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  position: relative;
  border-left: 0px solid;
  border-right: 0px solid;
  border-top: 0px solid;
}
.ui-widget-header {
  background: none;
  background-image: none;
  background-color: #f5f5f6;
  text-transform: uppercase;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-jqgrid tr.ui-row-ltr td {
  border-right-color: inherit;
  border-right-style: solid;
  border-right-width: 1px;
  text-align: left;
  border-color: #DDDDDD;
  background-color: inherit;
}
.ui-search-toolbar input[type="text"] {
  font-size: 12px;
  height: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  line-height: 15px;
  /*font-weight: bold;*/
  color: #676a6c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-widget-content {
  box-sizing: content-box;
}
.ui-icon-triangle-1-n {
  background-position: 1px -16px;
}
.ui-jqgrid tr.ui-search-toolbar th {
  border-top-width: 0px !important;
  border-top-color: inherit !important;
  border-top-style: ridge !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #f5f5f5;
  border-collapse: separate;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #f2fbff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #dddddd;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}
.ui-jqgrid .ui-pg-input {
  font-size: inherit;
  width: 50px;
  border: 1px solid #CCCCCC;
  height: 15px;
}
.ui-jqgrid .ui-pg-selbox {
  display: block;
  font-size: 1em;
  height: 25px;
  line-height: 18px;
  margin: 0;
  width: auto;
}
.ui-jqgrid .ui-pager-control {
  position: relative;
}
.ui-jqgrid .ui-jqgrid-pager {
  height: 32px;
  position: relative;
}
.ui-pg-table .navtable .ui-corner-all {
  border-radius: 0px;
}
.ui-jqgrid .ui-pg-button:hover {
  padding: 1px;
  border: 0px;
}
.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  height: auto;
  z-index: 101;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: bold;
  display: none;
  border-width: 2px !important;
  font-size: 11px;
}
.ui-jqgrid .form-control {
  height: 10px;
  width: auto;
  display: inline;
  padding: 10px 12px;
}
.ui-jqgrid-pager {
  height: 32px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}
.ui-widget-content {
  border: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  padding: 0;
}
.ui-jqgrid .ui-jqgrid-titlebar {
  border-bottom: 1px solid #ddd;
}
.ui-jqgrid tr.jqgrow td {
  padding: 6px;
}
.ui-jqdialog .ui-jqdialog-titlebar {
  padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
  float: none !important;
}
.ui-jqdialog > .ui-resizable-se {
  position: absolute;
}
.page_bg_white{ background:#fff; }
.page_bg_dgrey{ background:#e0e3e8; }
.page_bg_grey{ background:#f5f5f5; }
.page_bg_green{ background:#8cbeb2;}
.page_bg_blue{ background:#2a3d4b;}
.page_bg_footer{ background:#1e2b35; }
.page_bg_map{ background:url(../images/bg_map.png) no-repeat center; height:400px;}
.page_bg_black{ background: url(../images/bg_black.png) repeat-x; height:400px; }
.page_inner{ width:1170px; margin:0 auto; padding:40px 0;}
.page_inner h1{ text-align:center; font-size:32px; color:#666; font-weight:normal; }
.page_inner h2{ text-align:center; font-size:32px; color:#fff; font-weight:normal; }
.page_inner h6{ text-align:center; font-size:20px; color:#999; padding:16px 0; font-weight:normal;}
.product_box{ margin:16px 0;}
.product_box ul li { float: left; display: inline; margin-right: 103px; width: 215px; text-align: center; overflow: hidden;}
.product_box ul li.last { margin-right: 0px;}
.product_box ul li dt { background: #ececec; border-radius: 90px; width: 180px; height: 180px; text-align: center; cursor: pointer; margin-bottom: 20px; margin-left: 18px; font-size: 14px; position: relative;}
.product_box ul li dt a { display: inline-block; color: #333; width: 180px; height: 180px; top: 0px; left: 0px; position: absolute; border-radius: 90px; overflow: hidden; }
.product_box ul li dt i { display: inline-block; text-align: center; vertical-align: middle; background: url(../images/icon.png) 0 0 no-repeat; position: relative;}
.product_box ul li.li1 dt i { background-position: 0 0; width: 64px; height: 85px; margin: 40px 58px 15px 58px;}
.product_box ul li.li2 dt i { background-position: 0 -101px; width: 94px; height: 94px; margin: 33px 43px 13px 54px; }
.product_box ul li.li3 dt i { background-position: 0 -203px; width: 54px; height: 98px; margin: 42px 53px 0px 63px; }
.product_box ul li.li4 dt i { background-position: 0 -325px; width: 76px; height: 76px; margin: 41px 52px 23px 52px; }
.product_box ul li dt a.hover { top: 0px; left: 0px;}
.product_box ul li.li1 dt a.hover i { background-position: -76px 0; top: -125px;}
.product_box ul li.li2 dt a.hover i { background-position: -108px  -101px; top: -125px;}
.product_box ul li.li3 dt a.hover i { background-position: -67px -203px; top: -125px;}
.product_box ul li.li4 dt a.hover i { background-position: -83px -325px; top: -125px;}
.product_box ul li dt a .txt { position: relative;}
.product_box ul li dt a.hover .txt { right: -110px;}
.product_box ul li dt a.hover .txt { color: #fff;}
.product_box ul li dd { color: #666; font-size: 14px; margin-bottom: 20px; line-height: 22px;}
.product_box ul li dd.tit { font-size: 18px; color: #78b500; font-weight: normal; margin-bottom: 5px; display: inline-block;}
.product_box ul li dd a { display: inline-block; color: #78b500; width: 92px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; border:1px #78b500 solid;}
.product_box ul li:hover dd a { background: #78b500; color: #fff; }
.product_box ul li dt {transition: background 0.5s;-moz-transition: background 0.5s; /* Firefox 4 */-webkit-transition: background 0.5s; /* Safari and Chrome */
-o-transition: background 0.5s; /* Opera */}
.product_box ul li:hover dt {background: #8ed541;}

.product_sum{ width:800px; margin:16px auto; height:190px;}
.product_sum li{ float:left; width:400px; text-align:center; }
.reg_step{ margin:70px 0 0 0;}
.reg_step li{ float:left; width:270px; height:180px; border-radius:10px; margin-right:30px; border:1px #ebebeb solid; }
.reg_step li.last{ margin-right:0;}
.icon_one,.icon_two,.icon_three,.icon_four{ margin-top:40px; margin-left:100px; background-image:url(../images/icon_step.png); background-repeat:no-repeat; width:66px; height:66px; display:inline-block;  }
.icon_one{ background-position:0 0;}
.icon_two{ background-position:-66px 0;}
.icon_three{ background-position:-132px 0;}
.icon_four{ background-position:-198px 0;}
.reg_step li dd{ height:50px; line-height:50px; font-size:18px; text-align:center;}
.reg_step li.one:hover{ background:#50ace9; border:1px #50ace9 solid;}
.reg_step li.two:hover{ background:#92ace3; border:1px #92ace3 solid;}
.reg_step li.three:hover{ background:#74cda1; border:1px #74cda1 solid;}
.reg_step li.four:hover{ background:#f6838d; border:1px #f6838d solid;}
.reg_step li:hover dd{ color:#fff;}
.reg_step li:hover .icon_one{ background-position:0 -66px;}
.reg_step li:hover .icon_two{ background-position:-66px -66px;}
.reg_step li:hover .icon_three{ background-position:-132px -66px;}
.reg_step li:hover .icon_four{ background-position:-198px -66px;}
.partner{ margin: 30px 0;}
.partner li{ float:left; width:167px; text-align:center; margin-bottom:30px;}
.icon_p01,.icon_p02,.icon_p03,.icon_p04,.icon_p05,.icon_p06,.icon_p07,
.icon_p11,.icon_p12,.icon_p13,.icon_p14,.icon_p15,.icon_p16,.icon_p17,
.icon_p21,.icon_p22,.icon_p23,.icon_p24,.icon_p25,.icon_p26,.icon_p27{ background-image: url(../images/icon_partner.png); background-repeat:no-repeat; width:114px; height:114px; display:inline-block;}
.icon_p01{ background-position:0 0;}
.icon_p02{ background-position:-114px 0;}
.icon_p03{ background-position:-228px 0;}
.icon_p04{ background-position:-342px 0;}
.icon_p05{ background-position:-456px 0;}
.icon_p06{ background-position:-570px 0;}
.icon_p07{ background-position:-684px 0;}
.icon_p11{ background-position:0 -114px;}
.icon_p12{ background-position:-114px -114px;}
.icon_p13{ background-position:-228px -114px;}
.icon_p14{ background-position:-342px -114px;}
.icon_p15{ background-position:-456px -114px;}
.icon_p16{ background-position:-570px -114px;}
.icon_p17{ background-position:-684px -114px;}
.icon_p21{ background-position:0 -228px;}
.icon_p22{ background-position:-114px -228px;}
.icon_p23{ background-position:-228px -228px;}
.icon_p24{ background-position:-342px -228px;}
.icon_p25{ background-position:-456px -228px;}
.icon_p26{ background-position:-570px -228px;}
.icon_p27{ background-position:-684px -228px;}
.footer_box p{ color:#acb0b5; line-height:28px; text-align:center;}

/*短信产品*/
.banner_login{ position: absolute; top:326px; left:50px;}
.banner_login a{ float:left; margin-right:20px;}
.banner_reg{ background:#ffe208; border:2px #ffe208 solid;  font-size:20px; width:150px; height:60px; border-radius:30px; display:block; text-align:center; line-height:54px; }
.banner_ty{ border:2px #fff solid; font-size:20px; width:150px; height:60px; border-radius:30px; display:block; text-align:center; line-height:54px; }
.banner_reg span.yellow{ color:#00a388;}
.banner_ty span{ color:#fff;}
.bg_ptitle{ position:absolute; top:-50px; left:50%; width:420px; text-align:center; font-size:56px;  margin-left:-210px; background:url(../images/bg_ptitle.png) no-repeat; height:200px;}
.product_sub_box{ margin:60px 0;}
.color_sms{ color:#00a388; }
.color_csms{ color:#f06060;}
.color_voice{ color:#3498db;}
.color_global{ color:#7491cd;}
.product_sub_box dl{ float:left; width:323px; height:420px; background:#fff; margin-right:100px; text-align:center;   -webkit-box-shadow: 1px 1px 5px #ddd; -moz-box-shadow: 1px 1px 5px #ddd; box-shadow: 1px 1px 5px #ddd;}
.product_sub_box dl.last{ margin-right:0;}
.product_sub_box dt{ margin-top:30px;}
.product_sub_box dd{ margin-top:30px; padding:0 40px;}
.product_sub_box dd h3{ height:40px; line-height:40px; font-size:18px;}
.product_sub_box dd p{ line-height:30px; color:#727a7d;}
.product_sub_box li{ float:left; width:25%;}
.pro_inner{ width:200px; margin:0 auto; text-align:center;}
.pro_txt{ margin:20px 0;}
.pro_txt h4{ font-size:18px; color:#333; height:50px; line-height:50px;}
.pro_txt p{ line-height:30px; color:#727a7d;}
.pro_sub_box{ margin:30px 0; }
.pro_sub_box ul{ margin-top:40px;}
.pro_sub_box li{ float:left; width:50%; text-align:center;}
.pro_sub_box dl{ float:left; width:50%;}
.pro_sub_box dt,.pro_sub_box dd{ float:left;}
.pro_sub_box dt { width:235px;}
.pro_sub_box dd{ width:330px; margin-left:20px;}
.pro_sub_box dd h4{ font-size:30px; color:#ff6138; height:50px; line-height:50px;}
.pro_sub_box dd p{ line-height:30px; color:#7e8588;} 

.pro_intro{ width:400px; text-align:left;}
.pro_intro h4{ height:50px; line-height:50px; color:#ff6138; font-size:30px;}
.pro_intro h5{ height:30px; line-height:30px; color:#333; font-size:22px;}
.line{ margin:20px 0; height:2px; width:60px; background:#ff6138;}
.pro_intro p{ line-height:30px; font-size:16px;}
.pro_intro p span{ margin-right:30px;}
.color_7{ color:#727a7d}
.ty_box{ margin:40px 0;}
.ty_box li{ float:left;}
.ty_box li.li_4{ width:40%;}
.ty_box li.li_2{ width:20%;}
.ty_box .ipt_ty{ width:90%; margin:0 auto; height:80px; line-height:80px; font-size:20px; padding:10px; border:none;}
.yz_code{/*  background:#040004; */ height:80px; line-height:80px;  width:90%; margin:0 auto; text-align:center;  }
.btn_ty{ background:#f06060; height:80px; line-height:80px; color:#fff; display:block; width:90%; margin:0 auto; text-align:center; font-size:20px; border-radius:40px;}
.btn_ty_grey{ background:#ddd; height:80px; line-height:80px; color:#999; display:block; width:90%; margin:0 auto; text-align:center; font-size:20px; border-radius:40px;}
.btn_ty:hover{ color:#fff;}
.btn_ty_grey:hover{ color:#999;}
.footer_info{ color:#fff;}
.footer_menu{ float:left; width:210px; margin-right:100px;}
.footer_info dt{ height:50px; line-height:50px; border-bottom:1px #3c5160 solid; }
.footer_info dt span{ font-size:18px; border-bottom:1px #60cbd3 solid; height:50px; line-height:50px; display: inline-block;}
.footer_info dd{ margin-top:20px;}
.footer_info dd p{ height:30px; line-height:30px; color:#acb0b5;}
.footer_info dd p a{ display:block;  color:#acb0b5;}
.footer_info dd p a:hover{ color:#fff;}
.footer_contact{ float:left; width:470px; margin-right:100px;}
.footer_service{ float: right; width:280px; text-align:right;}
.footer_service h3{ height:50px; line-height:50px;}
.color_yellow{ color:#f6bb00;}
.color_blue{ color:#60cbd3;}
.corp_contact p{ text-indent:0; line-height:40px; }

/*新增20160901*/
.history_list dl{ border-left:3px #0095ea solid; padding-left:20px; margin:10px 0 50px 20px;}
.history_list dt{ font-size:16px; color:#0095ea;}
.history_list dd{ font-size:14px; padding-top:10px;}
.honor_list li{ margin:20px 0 0 0;}
.honor_list li dl{ float:left; width:300px; height:180px;}
.honor_list li dt{ height:128px; text-align:center;}
.honor_list li dd{ text-align:center; font-size:16px;}