@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, dl, dt, dd, ul, ol, li, form, button, input, textarea, table, thead, tbody, tfoot, tr, th, td, div, p, span, label, em, strong, normal, big, small { margin:0; padding:0; }
body { font-family:"STHeiti", "Hiragino Sans GB", "Microsoft YaHei"; font-size: 16px; color: #666; }
a { color: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
ul { list-style: none; }
img { border:none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; }
.lt { float:left; }
.rt { float:right; }
.clear { clear: both; }
.mg60 { padding:60px 0; }
.mg28 { margin-top:28px;}
.mglt60{ margin-left:60px;}
.green30 { color:#09b151; font-size:30px; }
input, textarea { outline: none; }



/*顶部导航条*/
#main-navbar { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height:100px; background: #ffffff; }
.navbar-header { width:308px; overflow:hidden; }
.navbar-brand { height:72px; width:248px; display:block; padding:14px 0 14px 60px; }
.navbar-nav { max-width:1250px; height:39px; padding:30px 0; }
/*.navbar-nav li{ height:40px; line-height:40px; float:left; position:relative;margin-left:45px;}
.navbar-nav li a{text-decoration:none;}
.navbar-nav li a:hover{ color:#000;}
.navbar-nav li span{ display:block; position:absolute; width:0px; height:0px; background:#1FAEFF; top:40px; left:50%;}
li.active span{height:3px;background:#1FAEFF; display:block;}
*/

.navbar-nav li { float:left; line-height:39px; position:relative; margin-left:50px; }
.navbar-nav a { height:39px; display:block; float: left; padding:0 5px;text-decoration:none;}
.navbar-nav .active a { border-bottom:3px solid #1fabdf; line-height:39px;}
.navbar-nav li span { display:block; position:absolute; width:0px; height:0px; background:#1fabdf; top:40px; left:50%; }
li.active span { height:3px; background:#1FAEFF; display:block;}
.nav { max-width:360px; padding-right:60px; }
.nav li { float:right; }
.navbar-login, .navbar-register, .casebtn { width:143px; height:44px; display:block; line-height:44px; text-align:center; color:#fff; border-radius:5px; -moz-border-radius:5px; }
.icp_btn, .isp_btn { width:260px; height:72px; display:block; line-height:72px; text-align:center; color:#fff; border-radius:5px; -moz-border-radius:5px; margin-top:28px; font-size:30px; }
.navbar-login, .icp_btn { background:#1fabdf;}
.navbar-out{height:44px; display:block; padding:0 15px 0 22px;line-height:44px; text-align:center; background:url(../../img/index/ico_user02.jpg) no-repeat left center;}

.casebtn { background:#b5b5b5;}
.casebtn:hover { background:#a7a7a7; text-decoration:none; }
.navbar-register { background:#09b151; margin-left:15px; }
a.navbar-login:hover, .icp_btn:hover { background:#00a0dc; text-decoration:none; }
a.navbar-register:hover, .isp_btn:hover { background:#00a848;text-decoration:none; }
.isp_btn { background:#09b151; }
/*ICP解决方案*/
.page_container { padding-top:100px; width:100%; overflow:hidden; _padding-top:0; }
.icp_box { background-color:#f3f3f3; }
.page h2 { font-size:30px; text-align:center; height:60px; line-height:60px; border-bottom:1px solid #ddd; font-weight:normal; padding-top:7%; }
.page h2 span { border-bottom:1px solid #666; display:block; height:1px; width:164px; margin:-1px auto 0 auto; }
.icp_cont { width:910px; margin:3% auto; }
.icp_cont li { float: left; padding:0 60px; display:block; width:332px; text-align:center; }
.icp_cont li img { width:72%; }
.icp_cont li P { padding:5% 0 10% 0; line-height:24px; }
/*isp解决方案*/
.isp_cont, #case_cont { width:1000px; margin:3% auto; overflow: hidden; }
.isp_exp { float:right; padding-top:35px; }
.isp_exp p { font-size:24px; color:#0ab150; margin-bottom:30px; }
.page3 { background: #f3f3f3; }
.page4 { background:#fff; }
.page5 { background:#0ab150; }
/*列表*/
.live { overflow: hidden; }
.live > li { list-style: none; position: relative; padding: 0 0 0 2em; margin: 0 0 1em 10px; -webkit-transition: .12s;
 transition: .12s;
font-size:18px; }
.live > li::before {
 position: absolute;
 content: '\2022';
 color: #0ab150;
 top: 0;
 left: 0;
 text-align: center;
 font-size: 2em;
 opacity: .5;
 line-height: .75;
 -webkit-transition: .5s;
 transition: .5s;
}
.live > li:hover { color: #0ab150; }
.live > li:hover::before {
 -webkit-transform: scale(2);
 -ms-transform: scale(2);
 transform: scale(2);
 opacity: 1;
 -webkit-transition: .1s;
 transition: .1s;
}
.live.numbers { counter-reset: xxx 0; }
.live.numbers > li::before {
 content: counter(xxx, decimal) ".";
 counter-increment: xxx 1;
 font-family: 'Roboto Condensed';
 font-size: 1em;
 opacity: .5;
 line-height: 1.4;
 -webkit-transition: .5s;
 transition: .5s;
}
.live.numbers > li:hover:before { opacity: 1; left: -10px; -webkit-transform: none; -ms-transform: none; transform: none; text-shadow: none; -webkit-transition: .12s;
 transition: .12s;
}
.live ul { width: 28%; display: inline-block; text-align: left; vertical-align: top; border-radius: 5px; padding: 1.5em; margin: 2%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
/*案例展示*/
#case_cont ul li { float:left }
#case_cont ul li.brand_item { width:200px; height:100px }
.brand_item { width:1000px; }
.brand_item a { display:block; width:200px; height:100px }
.brand_item a:hover { text-decoration:none }
.case_btnbox { width:346px; margin:1% auto; overflow:hidden; }
#case_cont { margin-top:2% }
/*注册+底部*/
.page h2.register_title { font-size:36px; color:#fff; border:none; }
.page5 p { color:#fff; text-align:center; font-size:18px; }
.mail_tit a { text-decoration:underline; }
.register_cont { border:1px solid #fff; width:998px; height:248px; margin:2% auto; }
.register_btn { background:#FFF; display:block; margin:10px; height:228px; }
.register_btn li { float:left; width:325px; border-right:1px solid #B6E8CD; margin:16px 0; display:inline; height:196px; text-align: center; }
p.cont_title { font-size:24px; color:#666; width:220px; margin:15px auto 0 auto; line-height:30px; }
a.icp_btn, a.isp_btn { text-decoration:none; margin:20px auto 0 auto; }
p.cont_weixin { color:#0ab150; line-height:32px; }
footer { background:#3a3a3a; height:80%; margin-top:7%; width:100%; font-size:12px; color:#fff; text-align:left; }
.bottom { width:1000px; margin:0 auto; padding-top:3%; }
.bottom p { line-height:24px; font-size:12px; color:#fff; text-align:left; }
footer ul li { height:38px; line-height:18px; margin-bottom:15px; }
.phone { padding-left:42px; background:url(../../img/index/phone_img.jpg) no-repeat; }
.qq { padding-left:42px; background:url(../../img/index/qq_img.jpg) no-repeat; }
.msn { padding-left:42px; background:url(../../img/index/msn_img.jpg) no-repeat; }
/*支持*/
.Support_img { width:100%; height:317px; }
.Support_nav { width:100%; height:50px; line-height:50px; background:#ececec; margin-top:-4px; }
.menunav, .support_cont { width:1000px; margin:0 auto; overflow:hidden; }
.menunav li { width:333px; float:left; }
.menunav li a { display:block; text-align:center; }
.menunav li a:hover { background:#1fabdf; color:#fff; text-decoration:none; }
a.current { background:#1fabdf; color:#fff; }

.cdn_article li { padding:30px 0; border-bottom:1px solid #e3e4e8; font-size:14px; }
.cdn_article li a.title_cdn { width:860px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; float:left; padding-left:30px; background: url(../../img/index/line.jpg) no-repeat 0 3px; height:24px; font-size:18px; color:#09b151; }
.cdn_article li a:hover { text-decoration:underline; }
.cdn_article li span { float:right; }
.cdn_article li p { line-height:20px; padding-top:10px; }
.support_part{height:80px;display: -webkit-box;
text-overflow: ellipsis;
overflow : hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

.cdn_page { width:390px; margin:30px auto; height:40px; }
.paging { width:70px; height:40px; text-align:center; color:#fff; border-radius:5px; -moz-border-radius:5px; background:#09b151; }
.cdn_page a { display:block; float:left; line-height:40px; margin:0 10px; display:inline; }
.cdn_on { color:#09b151; }
.showtitle { text-align:center; line-height:30px; border-bottom:1px solid #e8e8e8; padding-bottom:25px; }
.showtitle h3 { font-size:24px; color:#0ab150; font-weight:normal; }
.showtitle p { font-size:14px; color:#adadad; }
.submaintext { padding-top:40px; line-height:30px; }
.bottom_box { background:#3a3a3a; padding:40px 0; width:100%; font-size:12px; color:#fff; text-align:left; overflow: hidden; }
.bottom_box>.bottom { width:1000px; margin:0 auto; padding:0; }
.bottom_box ul li { height:38px; line-height:18px; margin-bottom:15px; }
/*联系我们*/
.cdn_contact { width:400px; }
.cdn_maptitle { font-size:24px; padding-bottom:38px; }
.cdn_map { width:354px; height:301px; background:url(../../img/index/contact_map.jpg) no-repeat; padding:23px; }
.address { padding-left:22px; background:url(../../img/index/contact_img01.jpg) no-repeat 0 6px; line-height:30px; font-size:16px; margin-top:5px; }
.address span { color:#000; }
.address a { color:#0ab150; }
/*FAQ*/
.FAQ_title { padding-bottom:30px; }
.search_box { width:281px; height:45px; background:url(../../img/index/search_img.jpg) no-repeat; }
.search { border:none; height:25px; line-height:25px; background-color:transparent; padding:10px; color:#abadb3; vertical-align: middle; outline: 0; font-size:14px; width:215px; }
.search_btn { width:45px; height:45px; border:none; background-color:transparent; outline: 0; cursor: pointer; }
.accordion { width: 100%; margin: 30px auto 20px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.accordion .link { cursor: pointer; display: block; padding: 15px 15px 15px 20px; font-size: 14px; background:#f2f2f2; margin-bottom:2px; position: relative; border-radius:5px; -moz-border-radius:5px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i { position: absolute; top: 16px; left: 12px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li i.fa-chevron-down { right: 12px; left: auto; margin-top:3px; display:inline; height:8px; width:13px; background: url(../../img/index/down_img.gif) no-repeat; }
.accordion li.open .link { background:#0ab150; color: #fff; }
.accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
/**
 * Submenu
 -----------------------------*/
 .submenu { display: none; background: #fff; font-size:14px; line-height:24px; padding:20px 0; }
/*关于我们*/
.about_bule { color:#1fabdf; font-size:24px; padding-bottom:30px; }
.about_main { margin:50px 0 0 100px; }
/*history*/
.history { background:url(../../img/index/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative; }
.history-date { overflow:hidden; }
.history-date h2 { background:url(../../img/index/icon06.gif) #fff no-repeat 158px 0; height:40px; font-size:20px; font-weight:normal; padding-left:45px; margin-bottom:20px; }
.history-date h2.first { position:absolute; left:0; top:0; width:800px; z-index:97; height:59px; }
.history-date h2 a { color:#1fabdf; display:inline-block; *display:inline;
zoom:1; background:url(../../img/index/icon08.gif) no-repeat right 50%; padding-right:17px; margin:15px 0px 0 0; }
.history-date h2 a:hover { text-decoration:none; }
.history-date h2 img { vertical-align:-5px; }
.history-date h2.date02 { background:none; }
.history-date ul { }
.history-date ul li { background:url(../../img/index/icon07.gif) no-repeat 180px 0; padding-bottom:15px; zoom:1; }
.history-date ul li.last { padding-bottom:0; }
.history-date ul li:after { content:" "; display:block; height:0; clear:both; visibility:hidden; }
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px; color:#c3c3c3; font:normal 18px/16px Arial; }
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px; }
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:微软雅黑; }
.history-date ul li dl dt { font:16px/22px 微软雅黑; color:#737373; }
.history-date ul li.green h3 { color:#22c064; }
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px; }
.history-date ul li.green dl dt { font-size:30px; line-height:28px; }
.history-date ul li.green dl dt a { /*background:url(../../img/index/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline;
zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px; }
.history-date ul li.green dl dd { padding-top:20px; display:none; }
.history-date ul li.green dl dd img { float:left; }
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878; }
.history-date h2.first .more-history { font-size: 16px; background: transparent; margin-left: 30px; }
.history-date h2.first .more-history:hover { text-decoration: underline; }
*body .history-date ul li dl dt { _font-size:12px !important; _font-weight:bold; }
*body .history-date ul li dl dt span { _font-weight:normal !important; }
*body .history-date ul li.green dl dt a { _background:transparent !important; *background:transparent !important;*font-size:12px !important;_font-weight:normal !important; }





/*案例*/
#tabs{ margin:0 auto;width:346px;}
#tabs #current a, #tabs #current a::after {background: #1fabe0;z-index: 3;}




.about_banner{ height:317px; background:url(../../img/index/about_img.jpg) no-repeat center 100px;}
.FAQ_banner{height:317px; background: url(../../img/index/Support_img.jpg) no-repeat center 100px;}
.contact_banner{height:317px; background: url(../../img/index/contact_img.jpg) no-repeat center 100px;}
.case_banner{height:317px; background: url(../../img/index/case_img.jpg) no-repeat center 100px;}






/*icp表单*/

.icp_bg{ background:#ebebec; width:100%; overflow:hidden; padding-top:100px;}
.icp_table{ border-top: 3px solid #fa6f57; border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;padding:12px 12px 30px 12px; overflow:hidden; background:#fff;}
.table_title{ background:url(../../img/index/icp_tableimg.jpg) no-repeat; height:42px; padding-left:54px; line-height:42px; margin-bottom:26px;}
.table_title span{ background: url(../../img/index/smile.jpg) no-repeat; display:block; height:42px; width:42px;}
.table_input,.table_other{border-radius:2px; -moz-border-radius:2px;border:1px solid #e5e5e5;font-size:14px; font-family:"STHeiti", "Hiragino Sans GB", "Microsoft YaHei";-webkit-box-box-shadow:inset 0 1px 8px 1px #e7e7e7;-moz-box-box-shadow: inset 0 1px 8px 1px #e7e7e7;box-shadow: inset 0 1px 8px 1px #e7e7e7;}
.table_input{ height:44px;text-indent:15px;width:784px;background:#f2f2f3; margin-left:15px;}
.table_other{ height:225px; width:755px; padding:15px;background:#f2f2f3; line-height:20px;margin-left:15px;}
.table_text{margin:0 10px;border-left:none; border-right:none; border-top:none; text-align:center;vertical-align: middle; outline: 0; border-bottom:1px solid #e5e5e5;}
.ft24{font-size:24px;}
.table_submit{border-radius:2px; -moz-border-radius:2px;width:974px; background:#fa6f57; height:44px; line-height:44px; cursor:pointer; border:none; font-size:16px; color:#fff;font-family:"STHeiti", "Hiragino Sans GB", "Microsoft YaHei";}
.icp_tr tr{ margin-bottom:30px; display:block;}

.table_type{ height:44px; width:786px;margin-left:15px; text-indent:10px; border-radius:2px;background:#f2f2f3; -moz-border-radius:2px;border:1px solid #e5e5e5;font-size:14px; font-family:"STHeiti", "Hiragino Sans GB", "Microsoft YaHei";-webkit-box-box-shadow:inset 0 1px 8px 1px #e7e7e7;-moz-box-box-shadow: inset 0 1px 8px 1px #e7e7e7;box-shadow: inset 0 1px 8px 1px #e7e7e7;}
#register_box label span{ font-size:12px; color:red; padding-top:10px; display:block;margin-bottom:-10px;}

.table_formbox label{ margin-bottom:30px; display:block;font-size:14px; color:#000;}
.user_reg{ height:44px; padding-left:15px; margin:0 10px;background:#f2f2f3; width:300px;border-radius:2px; -moz-border-radius:2px;border:1px solid #e5e5e5;font-size:14px; font-family:"STHeiti", "Hiragino Sans GB", "Microsoft YaHei";-webkit-box-box-shadow:inset 0 1px 8px 1px #e7e7e7;-moz-box-box-shadow: inset 0 1px 8px 1px #e7e7e7;box-shadow: inset 0 1px 8px 1px #e7e7e7;}

.mg10{ margin-right:15px;}
.err-msg{ display:block; font-size:12px; color:red; margin:10px 0 0 135px;}





/**登陆**/
.pd20 { padding:20px;}
#loginalert { width:440px; background:#fff; position:fixed; top:-600px; left:50%; margin-left:-220px; z-index:99; display:none; }
.closealert { width:20px; height:20px; cursor:pointer; background:url('../../img/index/icons.png') no-repeat -220px -315px; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; }
.closealert:hover { transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); }
.loginwrap { width:340px; margin:0 auto; }
.loginh { height:40px; margin-top:20px; }
.loginh .lt { font-size:30px; line-height:40px; color:#292929; }
.loginh .rt { font-size:18px; line-height:50px; color:#707070; }
.loginh .rt a { font-size:18px; line-height:50px; color:#09b151; margin-left:5px; }
.loginwrap h3 { font-size:14px; font-weight:500; height:20px; margin-top:15px; color:#292929 }
.loginbtn { line-height:70px; color:#6B6A6A; font-size:14px;}
.logininput input { font-family:"STHeiti", "Hiragino Sans GB", "Microsoft YaHei";display:block; height:14px; line-height:14px; width:100%; border: #DAE2E5 1px solid; text-indent:10px; overflow:hidden; color:#979696; padding-top:13px; padding-bottom:13px; font-size:14px; }
.logininput .loginusername { margin-top:15px; margin-bottom:10px; }
.loginsubmit input { width:130px; height:40px; line-height:40px; color:#fff; background:#09b151;border-radius:5px; -moz-border-radius:5px; display:block; text-align:center; font-size:20px; border:none; font-family:'微软雅黑'; cursor:pointer; }
.loginsubmit { width:130px; height:40px; margin:15px 20px 0 0; position:relative; }
.loginsubmiting { height:40px; background:#fff; position:absolute; top:0; left:0; width:130px; opacity:0.8; filter:alpha(opacity=80); display:none; }
.loginsubmiting_inner { height:40px; background:url('../../img/index/loading.gif') no-repeat 50% 50%; width:130px; position:absolute; top:0; left:0; }
.loginpd { border-bottom:1px solid #ecf2f5; }
.loginmask { width:100%; height:100%; z-index:98; background:#000; position:fixed; top:0; left:0; display:none; }
.logininput input { -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }
.logininput input:focus { border-color:#09b151; }
.loginwrap h3 span { font-size: 14px; font-weight: 500; height: 26px; color: #292929; display:block; float:left; line-height:26px; }
.loginwrap .login_warning { display:block; height:20px; line-height:20px; background:#ff7200; color:#fff; padding:0 4px; float:left; text-align:center; font-size:12px; margin-left:14px; margin-top:3px; display:none; }


.user_into{ text-align:center; margin:80px 0; font-size:24px;color:#09b151;}