@charset "utf-8";
/* CSS 定制的公共样式 */
html,body{font-family:"Lantinghei SC", "Microsoft yahei";font-size:14px; line-height:24px;color:#666;background:url(../images/back.gif); overflow-x:hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,input{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
a{color:#666; text-decoration:none;outline:none} /* for firefox */
a:hover{color:#00b7fd;}
ul,dl,li{list-style-type:none;}li{vertical-align:top;}
.clear{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px; overflow:hidden;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}
img{ border:none; vertical-align:top;}
input,textarea{font-family:"Microsoft yahei"; font-size:12px;color:#888; border:none; outline: medium none;}
input:focus{ }
/* CSS 活动的公共样式 */
.left{ float:left;}.right{ float:right;}.display_bk{ display:block;}.display_in_bk{ display:inline-block;}.display_no{ display:none;}.overflow{ overflow:hidden;}.text_center{ text-align:center;}.text_right{ text-align:right;}.text_left{ text-align:left;}
.web_widht{ width:1200px; margin:0 auto;}/* 网页的内容宽 */
.relative{ position:relative;}.absolute{ position:absolute;}.fixed{ position:fixed;}.pointer{cursor: pointer}

/* CSS 边距 */
.mt_10{ margin-top:10px;}.mt_15{ margin-top:15px;}.mt_20{ margin-top:20px;}.mt_25{ margin-top:25px;}.mt_30{ margin-top:30px;}.mt_35{ margin-top:35px;}.mt_40{ margin-top:40px;}.mt_50{ margin-top:50px;}
.ml_10{ margin-left:10px;}.ml_15{ margin-left:15px;}.ml_20{ margin-left:20px;}.ml_25{ margin-left:25px;}.ml_30{ margin-left:30px;}.ml_35{ margin-left:35px;}.ml_40{ margin-left:40px;}.ml_50{ margin-left:50px;}
.mr_10{ margin-right:10px;}.mr_15{ margin-right:15px;}.mr_20{ margin-right:20px;}.mr_25{ margin-right:25px;}.mr_30{ margin-right:30px;}.mr_35{ margin-right:35px;}.mr_40{ margin-right:40px;}.mr_50{ margin-right:50px;}
.mb_10{ margin-bottom:10px;}.mb_15{ margin-bottom:15px;}.mb_20{ margin-bottom:20px;}.mb_25{ margin-bottom:25px;}.mb_30{ margin-bottom:30px;}.mb_35{ margin-bottom:35px;}.mb_40{ margin-bottom:40px;}.mb_50{ margin-bottom:50px;}
.m_auto{ margin:0 auto;}
.pt_10{ padding-top:10px;}.pt_15{ padding-top:15px;}.pt_20{ padding-top:20px;}.pt_25{ padding-top:25px;}.pt_30{ padding-top:30px;}.pt_35{ padding-top:35px;}.pt_40{ padding-top:40px;}.pt_45{ padding-top:45px;}.pt_50{ padding-top:50px;}
.pb_10{ padding-bottom:10px;}.pb_15{ padding-bottom:15px;}.pb_20{ padding-bottom:20px;}.pb_25{ padding-bottom:25px;}.pb_30{ padding-bottom:30px;}.pb_35{ padding-bottom:35px;}.pb_40{ padding-bottom:40px;}.pb_45{ padding-bottom:45px;}.pb_50{ padding-bottom:50px;}
.pl_10{ padding-left:10px;}.pl_15{ padding-left:15px;}.pl_20{ padding-left:20px;}.pl_25{ padding-left:25px;}.pl_30{ padding-left:30px;}.pl_35{ padding-left:35px;}.pl_40{ padding-left:40px;}.pl_45{ padding-left:45px;}.pl_50{ padding-left:50px;}
.pr_10{ padding-right:10px;}.pr_15{ padding-right:15px;}.pr_20{ padding-right:20px;}.pr_25{ padding-right:25px;}.pr_30{ padding-right:30px;}.pr_35{ padding-right:35px;}.pr_40{ padding-right:40px;}.pr_45{ padding-right:45px;}.pr_50{ padding-right:50px;}
.p_10{ padding:10px;}.p_20{ padding:20px;}.p_30{ padding:30px;}.p_40{ padding:40px;}.p_50{ padding:50px;}.p_60{ padding:60px;}.p_70{ padding:70px;}.p_80{ padding:80px;}
/* 字体 */
.tahoma{font-family:"Tahoma"; }
.arial{font-family:"Arial, Helvetica, sans-serif";}
.verdana{font-family:Verdana, Geneva, sans-serif;}
.yahei{font-family:"Microsoft yahei";}
.fzlth{font-family:"Lantinghei SC";}
.bold{font-weight:bold;}
.upper{text-transform:uppercase;}
/* 字体大小 */
.font10{ font-size:10px;}.font11{ font-size:11px;}.font12{ font-size:12px;}.font13{ font-size:13px;}.font14{ font-size:14px;}.font15{ font-size:15px;}.font16{ font-size:16px;}.font18{ font-size:18px;}.font20{ font-size:20px;}.font21{ font-size:21px;}.font22{ font-size:22px;}.font24{ font-size:24px;}.font26{ font-size:26px; line-height:26px;}.font28{ font-size:28px; line-height:26px;}.font30{ font-size:30px; line-height:30px;}.font32{ font-size:32px; line-height:32px;}.font34{ font-size:34px; line-height:34px;}.font36{ font-size:36px; line-height:36px;}

/* 字体颜色 */
.color_0{ color:#000;}.color_3{ color:#333;}.color_6{ color:#666;}.color_9{ color:#999;}.color_c{ color:#CCC;}
.color_f,.color_f a,.color_f:hover{ color:#fff;}
.red{color:#F00;}
.blue,.blue a{ color:#00b7fd;}
.blue a:hover{color:#000;}
.orange,.orange a{ color:#f1503f;}
/* 行高 */
.lh_16{ line-height:16px;}.lh_18{ line-height:18px;}.lh_20{ line-height:20px;}.lh_21{ line-height:21px;}.lh_24{ line-height:24px;}.lh_25{ line-height:25px;}.lh_30{ line-height:30px;}.lh_40{ line-height:40px;}.lh_50{ line-height:50px;}
/* 边框线 */
.bord_top{border-top:1px solid #eff0ef;}
.bord_bot{border-bottom:1px solid #eff0ef;}
.bord_no{ border-bottom:none;}
/* 页面背景图片与颜色 */
.i{display:block; overflow:hidden; position:absolute; left:0; top:50%;}
.back_white{ background:#fff;}
.back_hui{ background:#fafafa;}
.back_blue{background:#57bbe4;}
/*效果 */
a:hover img{filter: Alpha(Opacity=70);opacity: 0.7;}
.alpha1{filter: Alpha(Opacity=10);opacity: 0.1;}
.alpha2{filter: Alpha(Opacity=20);opacity: 0.2;}
.alpha3{filter: Alpha(Opacity=30);opacity: 0.3;}
.alpha4{filter: Alpha(Opacity=40);opacity: 0.4;}
.alpha5{filter: Alpha(Opacity=50);opacity: 0.5;}
.alpha6{filter: Alpha(Opacity=60);opacity: 0.6;}
.radius_3{border-radius:3px;}
.radius_5{border-radius:50%;}
{box-shadow: 0px 0px 2px 2px #f9f9f9;}
.i,a,img,input,textarea
,.ico,.service_i li .info,.info h1,.file_nav li h2,.file_nav{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }
/* 共用 */
.head{ height:80px; line-height:80px;}
.logo img{ margin-top:12px;}
.nav{ padding-left:190px;}
.nav li{ float:left;}
.nav a{ color:#333; display:block; padding:0 33px;}
.nav a:hover,.nav .on a,.con_nav .on a{ color:#00b7fd;}
.but_1{ background:#00b7fd; padding:0 26px;}
.but_1:hover{ background:#333;}
.back_to_top {bottom: 130px;height: 40px;left: 50%;margin-left:610px;position: fixed;width: 40px;z-index: 9;background:url(../images/ico_top.png) no-repeat left top;}
.back_to_top:hover {background-position: left bottom;}
.main{ min-height:108px; background:url(../images/back2.png) no-repeat center top; background-attachment:fixed;}
.slog{ height:220px;}
.main_con{ min-height:600px; margin-bottom:40px;}
.con_nav{ border-bottom:1px solid #e9ebea; line-height:70px;height:70px;}
.con_nav li{ float:left; position:relative;}
.con_nav li a{ display:block; padding:0 50px;}
.con_nav li .i{ width:8px; height:8px; border-radius:50%; background:#fff;border:1px solid #e9ebea; left:50%; margin-left:-5px; top:auto; bottom:-5px;}
.con_nav .on .i{ background:#00b7fd; border-color:#00b7fd;}
.faq_search{ right:20px; height:38px; line-height:38px; width:248px; background:#f2f2f2; top:50%; margin-top:-19px;}
.faq_search .input{ width:90%; padding:0 5%; height:100%; background:none;}
.faq_search .but{ position:absolute; right:0; top:0; width:38px; height:38px; background:#00b7fd url(../images/ico_sev.png) no-repeat center center; cursor:pointer; border-radius:0 3px 3px 0;}
.faq_search .but:hover{ background-color:#333;}

.more{ width:16px; height:16px; border:1px solid #e0e0e0; right:0; top:50%; margin-top:-9px; left:auto; background:url(../images/ico_more.gif) no-repeat right center;}
.more:hover{ background-color:#00b7fd; background-position:left center; border-color:#00b7fd;}
.but_a{ background:#00b7fd; color:#fff; line-height:18px;}
.but_a:hover{ background:#0096d0; color:#fff;}

/* 首页 */
/* bannercss */
.slideBox{ width:100%; height:470px; overflow:hidden; position:relative;}
.slideBox .hd{ height:8px; overflow:hidden; position:absolute; left:50%; margin-left:-40px; bottom:10px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:8px;}
.slideBox .hd ul li{ float:left; margin:0 4px;  width:8px; height:8px;filter: Alpha(Opacity=50);opacity: 0.5; background:#fff; border-radius:50%; font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#fff;filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;   }
.slideBox .banner li{ zoom:1; vertical-align:middle; height:470px;}
.slideBox .banner li a{ display:block; width:100%; height:470px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

.service_i ul{ position:relative; margin-right:-75px;}
.service_i li{ float:left; width:248px; text-align:center; margin-right:70px;}
.service_i li:hover .info{ color:#333;}
.service_i li:hover h1{ color:#00b7fd;}
.service_i .ico{ width:198px; height:198px; border:1px solid #e4e4e4;}
.service_i li:hover .ico{background-position:left top;background-color:#00b7fd; border-color:#00b7fd;}
.service_i .ser_ico1{ background:url(../images/ser_ico1.png) no-repeat left bottom;}
.service_i .ser_ico2{ background:url(../images/ser_ico2.png) no-repeat left bottom;}
.service_i .ser_ico3{ background:url(../images/ser_ico3.png) no-repeat left bottom;}
.service_i .ser_ico4{ background:url(../images/ser_ico4.png) no-repeat left bottom;}

.case_tab{ line-height:52px;height:52px;}
.case_tab li{ float:left; padding:0 30px; border-right:1px solid #f6f7f6; cursor:pointer;}
.case_tab li.hover{ color:#fff; background:#00b7fd;}
.case_i{ padding-top:3px; height:216px;}
.case_i ul{ position:relative; margin-right:-7px; width:811px;}
.case_i li{ float:left; width:194px; height:100px; background:#000;margin:8px 7px 0 0; width:192px; height:98px; border: 1px solid #ccc; text-align: center; background-size: contain}
.case_i li img,.case_i li a { display: block; width:192px; height:98px; margin: 0 auto}
.case_i .big_img,.case_i .big_img img,.case_i .big_img a { display: block;width:395px; height:208px;}
.case_i .big_img2{ position:absolute; right:-395px; top:0;}
.info_list1{ width:580px;}
.info_list1 li{ line-height:36px;height:36px; position:relative;}
.info_list1 li b{ display:block; width:4px; position:absolute; left:0; top:50%; margin-top:-2px; height:4px; background:#ccc; border-radius:50%;}
.info_list1 li a{ display:block;padding-left:10px;}


.case_list ul{ position:relative; margin-right:-7px;}
.case_list li{ float:left; width:194px; height:100px; margin:8px 7px 0 0;}
.case_list li img,.case_list li a{display: block;width:194px; height:100px;}
/* 帮助 */
.info_list li{ min-height:70px; padding-left:76px;border-bottom:1px solid #f6f6f6; width:504px; float:left; padding-bottom:20px; margin-bottom:20px; position:relative;}
.info_list .date{ left:0; top:0; width:58px; height:70px; background:#f5f5f5; line-height:35px;}
.info_list .date b{ background:#00b7fd; display:block;}
.info_list p{ padding-right:20px;}
.title_news{ border-bottom:1px solid #eff0ef;}
/* 开发文档 */
.file_left{width:300px;}
.file_nav{ width:300px; position:fixed; left:50%; margin-left:-600px; top:100px;}
.file_nav ul{}
.file_nav h1{ line-height:50px; background:#666; border-radius:3px 3px 0 0; padding-left:20px;}
.file_nav li{ border-top:1px solid #eee;}
.file_nav li h2{padding-left:20px; cursor:pointer; line-height:40px;}
.file_nav li h2:hover,.file_nav .on,.file_nav .on a{ color:#00b7fd;}
.file_nav li ul{ font-size:12px; padding-bottom:10px; display:none; margin-top:-6px;}
.file_nav li ul li{ border:none;}
.file_nav li ul li a{ padding-left:20px; display:block;}

.file_con{ width:890px; }
/* 底部 */
.foot_a{ background:#333; line-height:60px;}
.foot_a a{ color:#999; padding-right:20px;}
.foot_a a:hover{ color:#ccc;}
.foot_nav{ margin-left:-10px;}
.foot_nav a{padding:0 10px;}

.page { text-align: center}
.page a { display: inline-block; margin: 0 2px; padding: 0 2px; line-height: 18px; height: 18px;}
.page a.current { color: #00b7fd}


.baojia-table { border-collapse:collapse}
.baojia-table,.baojia-table td{ text-align:center; color:#3d3d3d;}
.baojia-table thead td{ background-color:#F2F2F2; border:1px solid #DFDFDF;  font-size:14px; color:#333}
.baojia-table thead td div{  height:40px; line-height:40px}
.baojia-table tbody td{ height:34px; padding:5px;border:1px solid #ced6d9;}
.baojia-table tbody th{ background-color:#FCFCFC;border:1px solid #DFDFDF; height:30px; color:#333}