@charset "utf-8";
/* CSS Document */

/***************************{CSS Reset}*****************************/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font: inherit; -webkit-text-size-adjust: none;font-family:Helvetica,'微软雅黑','宋体';}
body { line-height: 1; }
ul li,ol li{list-style:none;}
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section /* HTML 5 */ { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none; }
input,button,textarea,select,optgroup,option{ font-size: 100%; font: inherit; }

/***************************{Common CSS Class}*****************************/
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.lc { margin: 0 auto; }
.fl, .il .fl { float: left; }
.fr, .il .fr { float: right; }
.fc, .il .fc { float: none; clear: both; }

.rel { position: relative; }
.abs { position: absolute; }

.ul { list-style: none; }
.ul li { float: left;padding:0 10px;font-size:14px;color:#adbdcc; }
.ul li a{ float: left;padding:0 10px;font-size:14px;color:#adbdcc;}

#bodywrap{background-color:#FFF;height:100%;min-width:1024px;}
#header{background-color:#e9f2f7;width:100%;}
#header .header-wrapper{height:120px;width:1024px;margin:0 auto;}
#logo{width:160px;height:65px;float:left;margin-top:30px;}
#logo a{background:url(logo.png) 0 0 no-repeat #e9f2f7;display:block;width:100%;height:100%;}

#nav{float:right;margin:50px 15px 0 0;}
#nav ul{list-style: none; }
#nav ul li{ float: left;padding:0 10px;font-size:14px;}
#nav ul li a{ color:#adbdcc;text-decoration:none;padding:3px 10px 4px 3px;line-height:23px;width:53px;height:23px;font-family:Arial, '黑体', sans-serif ;}
#nav ul li a.current{background:url(icon-col.png) 0 -26px no-repeat;color:#FFF;}
#nav ul li a:hover{background:url(icon-col.png) 0 -52px no-repeat;color:#FFF;}
#nav ul li a:active{background:url(icon-col.png) 0 -26px no-repeat;color:#FFF;}

#main-content{background:url(content-bg.gif) 0 0 repeat-x #FFF;height:530px;width:100%;overflow:hidden;margin:0 auto;position:relative;}
#main-content .section-mask{width:100%;height:100%;margin:0 auto;max-width:1920px;position:relative;}
#main-content .section-mask .section-picbox-content{width:1048px;margin:0 auto;height:100%;}
#main-content .section-mask .section-picbox-content .section-left-list{width:200px;height:100%;position:absolute;z-index:9999;top:33px;}
#main-content .section-mask .section-picbox-content .section-left-list li{top:auto;left:auto;display:block;width:235px;height:148px;background:url(section-slidershow-glass.png) -14px -16px no-repeat transparent;z-index:9999;}
#main-content .section-mask .section-picbox-content .section-left-list li.current{background-position:-291px -16px;}
#main-content .section-mask .section-picbox-content .section-right-pic{width:700px;height:450px;position: absolute;z-index: 9999;margin-left: 350px;top: 33px;overflow: hidden;}
#main-content .section-mask .section-picbox-content .section-right-pic div{overflow:auto;position:absolute;}
#main-content .section-control{top:0;margin:0 auto;width:100%;height:300px;position:absolute;z-index: 999;}
#main-content .section-control #section-left-control{display:block;background:url(content-bt-col.png) 0 -67px no-repeat;height:70px;width:70px;opacity: 0.3;margin-top:200px;margin-left:40px;top:0px;float:left;cursor: pointer;}
#main-content .section-control #section-right-control{display:block;background:url(content-bt-col.png) 0 0 no-repeat;height:70px;width:70px;opacity: 0.3;margin-top:200px;margin-right:40px;top:0px;float:right;cursor: pointer;}

#main-detail-01{width:100%;background-color:#e9f2f7;position:relative;overflow:auto;padding:45px 0;}
#main-detail-01 .detail-content-01{width:1024px;height:212px;margin:0 auto;background:url(main_detail_ad_01.png) 0 0 no-repeat;position:relative;}
#main-detail-02{width:100%;background-color:#e9f2f7;position:relative;overflow:auto;padding-bottom:45px;}
#main-detail-02 .detail-content-01{width:1024px;height:212px;margin:0 auto;background:url(main_detail_ad_02.png) 0 0 no-repeat;position:relative;}
#main-detail-03{width:100%;background-color:#e9f2f7;height:680px;position:relative;}
#main-detail-03 .detail-content-01{width:1024px;height:100%;margin:0 auto;background:url(detail-label-col-02.png) 0 40px scroll no-repeat;position:relative;}
#main-map{height:240px;width:100%;background:url(detail-map-bg.png) 0 0 scroll repeat-x #e9f2f7;}
#main-map .map-content-div{background:url(detail-map-bg.png) 0 0 scroll repeat-x #e9f2f7;height:240px;width:1024px;margin:0 auto;}
#main-map .map-content-div .map-content-circle{background:url(detail-map-bright.png) 0 0 scroll no-repeat transparent;height:240px;width:550px;float:left;}
#main-map .map-content-div .map-content-list{position:relative;float:right;margin-top:18px;}
#main-map .map-content-div .map-content-list ul{width:135px;position:relative;float:left;}
#main-map .map-content-div .map-content-list li{padding:30px 0 0 8px;}
#main-map .map-content-div .map-content-list li a{font-family:'宋体';font-size:12px;color:#b9d0db;cursor:pointer;}
#main-map .map-content-div .map-content-list li a:hover{text-decoration:underline;color:#FFF;}

.function-content{width:100%;overflow:hidden;position:relative;background-color:#e9f2f7;}
.function-content-top{background:url(function_detail_bg_top_sp.png) 0 -28px scroll #e9f2f7;height:22px;width:1024px;margin:0 auto;}
.function-content-bottom{background:url(function_detail_bg_bottom_sp.png) 0 -3px scroll #e9f2f7;height:40px;width:1024px;margin:0 auto;}
.function-content .function-content-detail{background:url(function_detail_bg_sp.png) 0 0 scroll repeat-y #e9f2f7;width:1024px;overflow:auto;margin:0 auto;} 
.function-content .function-content-detail .detail_content{width:938px;margin:0 auto;background-color:transparent;overflow:auto;} 
.function-content .function-content-nav{width:110px;float:left;}
.function-content .function-content-nav li{width:110px;height:90px;display:block;}
.function-content .function-content-nav li a{display:block;width:85px;height:75px;background:url(function_nav_bg.png) -42px -4px no-repeat transparent;padding:15px 0 0 25px;cursor:pointer;}
.function-content .function-content-nav li a.current{background-position:-164px -4px;}
.function-content .function-content-nav li a i{display:block;width:60px;height:60px;background:url(function_nav_bg.png) 100px 100px no-repeat transparent;}
.function-content .function-content-nav li a i.employee{background-position:-41px -106px;}
.function-content .function-content-nav li a i.customer{background-position:-101px -106px;}
.function-content .function-content-nav li a i.email{background-position:-161px -106px;}
.function-content .function-content-nav li a i.track{background-position:-221px -106px;}
.function-content .function-content-nav li a i.sale{background-position:-281px -106px;}
.function-content .function-content-nav li a i.contract{background-position:-341px -106px;}
.function-content .function-content-nav li a i.dashboard{background-position:-401px -106px;}
.function-content .function-content-nav li a i.security{background-position:-41px -166px;}
.function-content .function-content-nav li a i.personality{background-position:-101px -166px;}
.function-content .function-content-intro{width:825px;float:right;}
.function-content .function-content-intro .function-content-picbox{width:720px;height:290px;border-bottom:1px #e4e5e8 solid;margin:0 auto;padding:40px 0 0 4px;}
.function-content .function-content-intro .function-content-picbox img{width:712px;height:238px;}
.function-content .function-content-intro .function-content-picbox span{display:block;position:absolute;background: url(function_ad_cover.png) 0 0 no-repeat;height:238px;width:712px;top:62px;}
.function-content .function-content-intro .function-content-text{float:left;margin-bottom:40px;overflow:auto;}
.function-content .function-content-intro .function-content-text li{padding:20px 53px 0 53px;font-family:'微软雅黑','宋体';}
.function-content .function-content-intro .function-content-text li h1{font-size:22px;color:#398fe5;font-weight:bold;line-height:45px;}
.function-content .function-content-intro .function-content-text li span{font-size:14px;color:#737980;line-height:30px;}

.contact-content{width:100%;overflow:hidden;position:relative;background-color:#e9f2f7;}
.contact-content .contact-content-detail{width:1024px;overflow:auto;margin:0 auto;}
.contact-content .contact-content-detail .div_banner{background:url(contact_top_banner.png) 0 0 scroll #e9f2f7;height:117px;width:1024px;}
.contact-content .contact-content-detail .div_detail{height:343px;width:1024px;}
.contact-content .contact-content-detail .div_detail .div_detail_cover{float:left;width:512px;height:100%;} 
.contact-content .contact-content-detail .div_detail .div_detail_cover p{font-size:14px;font-family:Helvetica,'宋体';line-height:38px;color:#505459;}
.contact-messagebox{width:100%;overflow:hidden;position:relative;background-color:#e9f2f7;}
.contact-messagebox .contact-messagebox-content{width:1024px;overflow:auto;border:1px #ced3d9 solid;height:358px;margin:40px auto;background-color:#FFF;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);box-shadow: 0 2px 4px rgba(0,0,0,0.2);-webkit-transition: opacity .218s;-moz-transition: opacity .218s;-o-transition: opacity .218s;transition: opacity .218s;}
.contact-messagebox .contact-messagebox-content .div_messagebox{height:320px;width:100%;margin-top:18px;border-top:1px #ccc dashed;border-bottom:1px #CCC dashed;}
.contact-messagebox-content .div_messagebox .div_messagebox_content{margin:0 auto;width:600px;height:100%;} 
.contact-messagebox-content .div_messagebox .div_messagebox_content li{width:100%;height:40px;font-size:18px;}
.contact-messagebox-content .div_messagebox .div_messagebox_content li span{display:inline-block;width:170px;font-family:Helvetica,'黑体','宋体';}
.contact-messagebox-content .div_messagebox .div_messagebox_content li input{display:inline-block;color:#8a9199;border:0;line-height:26px;background-color:transparent;width:336px;height:28px;background:
url(icon-col.png) 0 -135px;padding:0 15px;}
.contact-messagebox-content .div_messagebox .div_messagebox_content li a{margin: 10px 0 0 200px;width:160px;height:44px;line-height:44px;display:inline-block;background:url(icon-col.png) 0 -81px;padding-left:15px;text-align:left;cursor:pointer;}

.plugin-content{width:100%;overflow:hidden;position:relative;background-color:#e9f2f7;}
.plugin-content .plugin-content-detail{width:1024px;overflow:auto;margin:0 auto;}
.plugin-content .plugin-content-detail .plugin-content-detail-top{background:url(function_detail_bg_top.png) 0 0 scroll #e9f2f7;height:40px;width:1024px;margin:0 auto;}
.plugin-content .plugin-content-detail .plugin-content-detail-center{background:url(function_detail_bg.png) 0 0 scroll repeat-y #e9f2f7;width:1024px;overflow:auto;margin:0 auto;}
.plugin-content .plugin-content-detail .plugin-content-detail-center .div_download{margin:0 auto;width:938px;height:620px;background:url(plugin_ad_big.jpg) 0 0 scroll no-repeat transparent;}
.plugin-content .plugin-content-detail .plugin-content-detail-center .div_download a.download{margin-left:80px;top:220px;cursor:pointer;height:48px;width:174px;background:url(icon-col.png) 0 -212px;display:block;position:relative;}
.plugin-content .plugin-content-detail .plugin-content-detail-center .div_download a.download_chrome{margin-left:250px;top:357px;cursor:pointer;height:17px;width:31px;display:block;position:relative;}
.plugin-content .plugin-content-detail .plugin-content-detail-bottom{background:url(function_detail_bg_bottom.png) 0 0 scroll #e9f2f7;height:40px;width:1024px;margin:0 auto;}

.service-content{width:100%;overflow:hidden;position:relative;background-color:#e9f2f7;}
.service-content .service-content-detail{width:1024px;overflow:auto;margin:0 auto;}
.service-content .service-content-detail .service-content-detail-top{background:url(function_detail_bg_top.png) 0 0 scroll #e9f2f7;height:20px;width:1024px;margin:0 auto;}
.service-content .service-content-detail .service-content-detail-center{background:url(function_detail_bg.png) 0 0 scroll repeat-y #e9f2f7;width:1024px;overflow:auto;margin:0 auto;}
.service-content-detail-center .div_download_tag{float:left;width:240px;height:60px;margin-left:75px;}
.service-content-detail-center .div_download_tag div{background:url(icon-col.png) -104px 0;width:240px;height:60px;}
.service-content-detail-center .div_download_btn{float:right;width:200px;height:60px;}
.service-content-detail-center .div_download_btn a{cursor:pointer;height:30px;width:100px;background:url(icon-col.png) 0px -171px;display:block;position:relative;margin-top: 12px;}
.service-content .service-content-detail .service-content-detail-bottom{background:url(function_detail_bg_bottom.png) 0 0 scroll #e9f2f7;height:40px;width:1024px;margin:0 auto;}


#footer{margin:0 auto;height:90px;width:1024px;background-color:#FFF;font-family:Helvetica,'宋体', sans-serif;font-size:11px;color:#8f959b;}
#footer span.copyright{position:relative;float:left;padding:40px 0 0 20px;}
#footer a.icp{position:relative;float:left;padding:40px 0 0 20px;cursor:pointer;color:#8f959b;text-decoration:none;}
#footer .footer-link-right{float:right;position:relative;padding:40px 20px 0 0 ;}