.container{ width:100%; overflow: hidden; padding-bottom: 418px; font-size: 14px;}
#container{ background: #f7f7f7;}
.inside-banner{ width:100%; overflow: hidden; background-repeat: no-repeat; background-position: center 0;}
.inside-banner h2{ font-size: 22px; font-weight: bold; padding: 80px 0 10px 10px;}
.inside-banner p{ padding-left: 10px;}
/*帮助中心*/
.help-title{ width:100%; height: 105px; background: url(../images/help_tit_bg.jpg) no-repeat center 0; padding-top: 45px;}
.help-search{ margin:0 auto; line-height: 50px; color: #fff; position: relative; width: 811px;}
.help-search .text{ width:458px; height: 48px; border:1px solid #d6d7dc; padding:0 20px; color: #999; vertical-align: middle; line-height: 48px; border-radius:5px 0 0 5px;}
.help-search .submit{ width:100px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; font-size: 18px; color: #403531; background: #d6d7dc; border:0 none; margin-left: -4px; border-radius:0 5px 5px 0;}
.help-search i{ display: inline-block; vertical-align: middle; width:18px; height: 20px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin-right: 5px;}
.help-search a{ margin-left: 20px; color: #fff;}
.help-search .dropdown{ position:absolute; left:0; top:52px; width:497px; border:1px solid #d6d7dc; background: #fff; z-index: 11; padding:10px 0; display: none;}
.help-search li{ line-height: 30px; margin-bottom: 9px; padding:0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.help-search li:hover{ background: #ebebeb;}
.help-search li a{ color: #666;}
.help-search li:hover a{ color: #fcc836;}
.help-search .ico-api{ background-position: -99px 0;}
.help-search .ico-order{ background-position: -136px 0;}
.help-searchHot{ margin:6px auto 0; width: 811px;}
.help-searchHot a{ color: #fff; margin-right: 18px;}
.help-main{ padding: 20px 0 90px; }
.help-side{ width: 180px; border:1px solid #b2acaa; border-radius:5px; text-align: center; padding-bottom: 40px;}
.help-side h2{ line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #b2acaa;}

.help-search dl{ text-align: center;}
.help-side dt{ padding-top: 20px; font-size: 16px; color: #323232; position: relative; cursor: pointer;}
.help-side dt span{ display: block; width:10px; height: 6px; background: url(../images/sprite.png) no-repeat -158px 0; transition: all 0.2s linear 0s; position:absolute; right:16px; top:27px;}
.help-side .current span{ transform: rotate(180deg);}
.help-side dd{ padding:10px 0 0px; display: none;}
.help-side a{ border-left: 5px solid #fff; line-height: 20px; margin-bottom: 10px;display: block;color: #808080;}
.help-side a:hover,.help-side a.current{ border-left-color: #f6cc58;color: #f6cc58;}
.help-side ul{ padding-top: 10px; font-size: 16px;}
.help-side li{ margin-bottom: 20px;}
.help-side li a{ margin:0;}
.help-content{ width:944px;border:1px solid #b2acaa; border-radius:5px; padding:30px; color: #323232;}
.help-content .tit{ border-bottom: 1px dashed #ccc; padding-bottom: 8px;}
.help-content .tit span{ margin-right: 28px; font-size: 12px;}
.help-content .label{ font-size: 12px; padding-top: 5px;}
.help-content .tit a{ color: #5f3d3c; margin-right: 10px;}
.help-content .share{ display: inline-block; vertical-align: middle;}
.help-content .cont{ padding:15px 0 47px;border-bottom: 1px dashed #ccc;}
.help-content h3{ font-size: 24px; padding-bottom: 24px;}
.help-content p{ line-height: 25px;}
.help-content .bottom{ padding-top: 40px;}
.help-content .bottom a{ display: inline-block; padding:0 10px; height: 26px; text-align: center; line-height: 26px; border:1px solid #403531; color: #403531; background: #fff; margin:0 30px 0 0;}
.help-content .bottom a:hover,.help-content .bottom a.current{ background: #403531; color: #fff;}
.help-content .bottom span{ font-size: 12px; padding-left: 2px;}
.help-content .sorry{ display: none;}
.help-content .sorry p{ padding-bottom: 12px;}
.help-content .sorry label{ padding:0 30px 0 5px;}
.help-content .textarea{ width: 796px; height: 80px; resize: none; border:1px solid #ccc; border-radius:5px; padding:5px; margin:5px 0;}
.help-content .submit{ width:180px; height: 30px; border-radius:5px; background: #493c34; border:0 none; text-align: center; line-height: 30px; color: #fff; cursor: pointer;}
.help-content ul{ overflow: hidden;}
.help-content li{ line-height: 39px; border-bottom: 1px dashed #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.help-content li a{ color: #808080;}
.help-content li a:hover{ color: #f6cc58;}
.help-content .reading h3{ font-size: 16px; color: #323232; padding:20px 0 10px 0;}
.help-content .reading p{ padding:0 0 5px 0;}
.help-content .reading a{ color: #542413;}
.help-content .null-box{ margin:100px auto 150px; width:310px;text-align: center;}
.help-content .null-box a{ display: block; width:150px; height: 30px; line-height: 28px; background: #f8bb46; color: #fff; border-radius:4px; -webkit-border-radius:4px; margin:10px auto 0;}
/*云解析*/
.cloud-banner{ height: 300px; background-image: url(../images/cloud_banner.jpg); color: #fff; font-size: 16px; line-height: 32px;}
.cloud-step{ padding-top: 55px; color: #4d4d4d;}
.cloud-step h2,.cloud-advantage h2{ font-size: 26px; color: #4d4d4d; text-align: center; padding-bottom: 80px;}
.cloud-step p{ line-height: 102px; overflow: hidden;}
.cloud-step strong{ font-weight: normal; vertical-align: middle;*float:left;}
.cloud-step span{ display: inline-block; width:102px; height: 102px; vertical-align: middle; background-image: url(../images/sprite.png); background-repeat: no-repeat; text-align: center; text-indent: -999em; margin-right:5px;*float:left;}
.cloud-step .first-setp{ background-position: 0px -60px;}
.cloud-step .second-setp{ background-position: -102px -60px;}
.cloud-step .third-setp{ background-position: -204px -60px;}
.cloud-step i{ display: inline-block; width:123px; height: 30px; vertical-align:middle; background: url(../images/sprite.png) no-repeat -41px -25px; margin:0 25px;*float:left;*margin-top:35px;}
.cloud-step .btn{ text-align: center; padding-top: 67px;} 
.cloud-step a{ display: inline-block; width:120px; height: 38px; border:1px solid #f4c329; font-size: 16px; color: #f4c329; text-align: center; line-height: 38px; border-radius:50px;}
.cloud-step .use{ margin-right:20px;}
.cloud-advantage{ padding-top: 150px; color: #9a9a9a;}
.cloud-advantage h2{ padding-bottom: 42px;}
.cloud-advantage ul{ overflow: hidden;margin-left: -48px;}
.cloud-advantage li{ width: 200px; height: 313px; float: left; margin-left: 48px; display: inline;}
.cloud-advantage h3{ font-size: 18px; color: #4d4d4d; position: relative; padding:12px 0 26px 70px; border-bottom: 1px solid #9a9a9a; margin-bottom: 18px;}
.cloud-advantage span{ display:block; width:58px; height: 62px; border-bottom: 1px solid #f4c22b; position: absolute; left:0; top:0; background-image: url(../images/sprite.png); background-repeat: no-repeat;*height:61px;}
.cloud-advantage .ico-node{ background-position: 5px -162px;}
.cloud-advantage .ico-line{ background-position: -57px -162px;}
.cloud-advantage .ico-stable{ background-position: -114px -164px;}
.cloud-advantage .ico-safe{ background-position: -172px -162px;}
.cloud-advantage .ico-fast{ background-position: -224px -162px;}
.cloud-advantage p{ line-height: 24px;}
.cloud-function{ width:100%;}
.cloud-function li{ height: 294px; background-position: center 0; background-repeat: no-repeat;}
.cloud-function .li1{ background-image: url(../images/cfunction_bg1.jpg);}
.cloud-function .li2{ background-image: url(../images/cfunction_bg2.jpg);}
.cloud-function .li3{ background-image: url(../images/cfunction_bg3.jpg);}
.cloud-function .li4{ background-image: url(../images/cfunction_bg4.jpg);}
.cloud-function h3{ font-size: 22px; color: #1c1c1c; padding:100px 0 14px; font-weight: bold;}
.cloud-function p{ font-size: 16px; color: #1c1c1c; line-height: 28px;}
.cloud-function .master{ width:525px; padding-left: 675px; margin:0 auto;}
.cloud-function .li2 .master,.cloud-function .li4 .master{ width:380px; padding:0 820px 0 0;}
.cloud-function .li4 h3,.cloud-function .li4 p{ color: #fff;}
/*51监控*/
.monitoring{ padding: 76px 0 100px 0; color: #4d4d4d; text-align: center;}
.monitoring h2{ font-size: 26px; color: #4d4d4d; text-align: center; padding-bottom: 50px;}
.monitoring h3{ font-size: 16px; color: #866458; font-weight: bold;}
.monitoring span{ display: block; width:70px; height: 68px; margin:0 auto; background-image: url(../images/sprite.png); background-repeat: no-repeat;}
.monitoring .span1{ background-position: 0px -224px;}
.monitoring .span2{ background-position: -70px -222px;}
.monitoring .span3{ background-position: -140px -224px;}
.monitoring .span4{ background-position: -210px -224px;}
.monitoring .span5{ background-position: 0px -288px;}
.monitoring .cycle{ position: relative; height: 730px;}
.monitoring dt{ position:absolute; left:50%; top:50%; font-size:16px; color: #866458; font-weight: bold; margin:-68px 0 0 -92px;}
.monitoring dt span{ width:137px; height: 108px; background-position: -70px -292px;}
.monitoring dd{ width:172px; height: 212px; position:absolute; left:50%; top:50%;}
.monitoring dd i{ display:block; position: absolute;}
.monitoring .dd1{ margin:-356px 0 0 -86px;}
.monitoring .dd1 i{ width:178px; height: 128px; background: url(../images/arrow_1.png); left: 165px; top:60px;}
.monitoring .dd2{ margin:-162px 0 0 206px;}
.monitoring .dd2 i{ width:72px; height: 198px; background: url(../images/arrow_2.png); left: 26px; top:170px;}
.monitoring .dd3{ margin:187px 0 0 84px;}
.monitoring .dd3 i{ width:213px; height: 40px; background: url(../images/arrow_3.png); left: -210px; top:100px;}
.monitoring .dd4{ margin:197px 0 0 -292px;}
.monitoring .dd4 i{ width:72px; height: 146px; background: url(../images/arrow_4.png); left: -28px; top:-150px;}
.monitoring .dd5{ margin:-138px 0 0 -394px;}
.monitoring .dd5 i{ width:187px; height: 159px; background: url(../images/arrow_5.png); left: 116px; top:-164px;}
.monitoring .icon{ width:122px; height: 110px; border-radius:50%; background: #fef8ec; margin:0 auto; padding-top: 12px;}
.monitoring p{ line-height: 18px; padding-top: 9px;}
.monitoring .btn{ display: block; width:120px; height: 38px; border:1px solid #f4c329; font-size: 16px; color: #f4c329; text-align: center; line-height: 38px; border-radius:50px; margin:80px auto 0;}
/*解决方案*/
.solution-banner{height: 300px; background-image: url(../images/solution_banner.jpg); color: #fff; font-size: 16px; line-height: 24px;}
.hybrid-banner{height: 300px; background-image: url(../images/hybrid_banner.jpg); color: #4c4c4c; font-size: 16px; line-height: 24px;}
.solution{ font-size: 16px; color: #9a9a9a;}
.solution h2{ font-size: 30px; color: #4c4c4c; padding:55px 0 45px; text-align: center;}
.solution h3{ padding-bottom: 20px; font-size: 22px; color: #4c4c4c;}
.solution-expedite{ overflow: hidden;}
.solution-expedite ul{ overflow: hidden; margin-left: -15px;}
.solution-expedite li{ margin-left:15px; float: left; width:388px; height: 432px; border:1px solid #e4e4e4; background: #fff; text-align: center; overflow: hidden;}
.solution-expedite .img{ padding-top: 42px; height: 108px;}
.solution-expedite p{ line-height: 36px;}
.solution-attack{ text-align: center; padding-bottom: 110px;}
.solution-attack img{ margin:0 auto; display: block; margin-top: 60px;}
.solution-hosting{ overflow: hidden;}
.solution-hosting ul{ overflow: hidden; margin-left: -55px;}
.solution-hosting li{ float: left; width:350px; height: 353px; margin-left:55px; overflow: hidden;}
.solution-hosting dl{ overflow: hidden; height: 124px; margin-bottom: 15px; background: #f8f9fb;}
.solution-hosting dt{ float: left; width: 186px; height: 124px;}
.solution-hosting dd{ height: 100%;}
.solution-hosting dd span{ display: table; height: 100%;}
.solution-hosting dd b{ display: table-cell; vertical-align: middle; font-size: 18px; color: #836155; line-height: 24px;}
.solution-hosting p{ font-size: 16px; color: #9a9a9a; line-height: 28px;}
.solution-data{ position: relative; margin-bottom: 170px; color: #4c4c4c;}
.solution-data img{ display: block; margin:6px 0 0 148px;}
.solution-data ul{ position: absolute; right:127px; bottom:0;}
.solution-data li{ position: relative; padding-left:17px; line-height: 30px;}
.solution-data li:before{ position: absolute; left:0; top:12px; content: ''; width:6px; height: 6px; border-radius:50%; background: #cdd5d8;}
.solution-deploy{ text-align: center; padding-bottom: 107px;}
.solution-maintain{ text-align: center; padding-bottom: 180px;}
.solution-maintain img{ display:inline-block; margin-top: 40px;}
.solution-user h2{ padding:55px 0 36px;}
.solution-user ul{ overflow: hidden; margin-left: -17px;}
.solution-user li{ float: left; width:133px; height: 71px; text-align:center; line-height: 71px; border:1px solid #e4e4e4; background: #fff; margin-left: 17px; display: inline;}
.solution-user .apply{ display: block; width:122px; height: 40px; text-align: center; line-height: 40px; border-radius:50px; background: #f4c329; color: #fff; margin:93px auto 95px;}
/*url转发*/
.url-banner{height: 300px; background-image: url(../images/url_banner.jpg); color: #fff; font-size: 16px; line-height: 24px; color: #836155;}
.ui-url li{ width:100%; height: 409px; background: #fff; color: #4c4c4c;}
.ui-url .li2,.ui-url .li4{ background: #f3f3f3;}
.ui-url .master{ width:618px; margin:0 auto; padding:0 0 0 582px; height: 100%;}
.ui-url h3{ font-weight: bold; padding:172px 0 10px; font-size: 22px;}
.ui-url .li2 .master,.ui-url .li4 .master{ padding:0 740px 0 0; width:460px; text-align: right;}
.ui-url .li1 .master{ background:url(../images/url_icon1.png) no-repeat 154px 55px;}
.ui-url .li2 .master{ background:url(../images/url_icon2.png) no-repeat 642px 65px;}
.ui-url .li3 .master{ background:url(../images/url_icon3.png) no-repeat 220px 75px;}
.ui-url .li4 .master{ background:url(../images/url_icon4.png) no-repeat 616px 65px;}
.ui-url .btn{ display: block; margin:34px auto 40px; width:122px; height: 40px; line-height: 40px; text-align: center; background: #f4c329; border-radius:50px; font-size: 16px; color: #fff;}
/*自定义ns*/
.ns-banner{height: 300px; background-image: url(../images/ns_banner.jpg); color: #fff; font-size: 16px; line-height: 24px; color: #fff;}
.ui-ns{ color: #4c4c4c; font-size: 16px; text-align: center; width:1200px; margin:0 auto;}
.necessary{ height:245px; padding:100px 0 162px 620px; background: url(../images/ns_icon1.png) no-repeat 216px 100px; text-align: left;}
.necessary h3{ font-size: 18px; font-weight: bold; padding:68px 0 14px;}
.necessary p{ line-height: 25px;}
.ui-ns dl{ padding-top:194px;width:530px; margin:0 auto;}
.ui-ns dt{ font-size: 30px; padding-bottom: 78px;}
.ui-ns dd{ position: relative; margin:0 0 108px 33px; border-left:60px solid #efefef; background: #f7f7f7; height: 178px;}
.ui-ns dd span{ position:absolute; display: block; width:66px; height: 66px; left:-96px; top:56px;}
.ui-ns dd .icon{ text-align: center; padding:24px 0 16px;}
.ui-ns dd h3{ font-weight: bold; font-size: 18px;}
.ui-ns dd b{ position: absolute; left:203px; top:198px; display: block; width:30px; height: 67px; background: url(../images/ns_jt.png) no-repeat;}
.ui-ns .btn{ display: block; margin:0 auto; width:122px; height: 40px; line-height: 40px; text-align: center; background: #f4c329; border-radius:50px; font-size: 16px; color: #fff;}



/*下载中心*/
.ui-download{ overflow: hidden; color: #fff; font-size: 18px;}
.ui-download h2{ font-size: 50px; font-weight: bold; padding-bottom: 30px;}
.ui-download h3{ font-size: 30px; padding-bottom: 20px;}
.ui-download p{ line-height: 32px;}
.ui-download .downloadBtn{ display: block; width:240px; height: 60px; line-height: 60px; background:rgba(255,255,255,0.65); font-size: 20px; color: #4b3c34; border-radius:5px; margin-bottom: 10px;}
.ui-download span{ float:left;width:30px; height: 60px; vertical-align: middle; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin-left: 24px;}
.ui-download .ico-local{ background-position: -168px 13px; margin-right: 23px;} 
.ui-download .ico-ios{ background-position:-199px 10px; margin-right: 33px;}
.ui-download .ico-android{ background-position: -229px 10px; margin-right: 16px;}
.ui-download .downloadBtn:hover{ background:rgba(75,60,52,0.35); color: #fff;}
.ui-download .downloadBtn:hover .ico-ios{ background-position:-289px 10px; margin-right: 33px;}
.ui-download .downloadBtn:hover .ico-android{ background-position: -319px 10px; margin-right: 16px;}
.ui-download .downloadBtn:hover .ico-local{ background-position: -259px 13px; margin-right: 23px;} 
.ui-download .disabled,.ui-download .disabled:hover{background: #ababab; cursor: default; color: #e5e5e5;}
.ui-download .disabled span,.ui-download .disabled:hover span{ opacity:0.8; filter:alpha(opacity=80);}
.ui-download .disabled .ico-ios,.ui-download .disabled:hover .ico-ios{ background-position:-289px 10px; margin-right: 25px;}
.ui-download .disabled .ico-android,.ui-download .disabled:hover .ico-android{ background-position: -319px 10px; margin-right: 25px;}
.ui-download .disabled .ico-local,.ui-download .disabled:hover .ico-local{ background-position: -259px 13px; margin-right: 23px;} 
.downloadBg1{ background: url(../images/download_bg1.jpg) no-repeat center 0;}
.downloadBg2{ background: url(../images/download_bg2.jpg) no-repeat center 300px;}
.downloadBg3{ background: url(../images/download_bg3.jpg) no-repeat center 600px;}
.downloadBg4{ background: url(../images/download_bg4.jpg) no-repeat center 900px;}
.downloadBg5{ background: url(../images/download_bg5.jpg) no-repeat center 1200px;}
.download-app{ padding:154px 0 0 714px; background: url(../images/app_bg.png) no-repeat 85px 214px; width:486px; height: 640px;}
.download-app dl{ overflow: hidden; padding-top: 50px;}
.download-app dt{ float: left; padding:5px 10px 0 0;}
.download-app dd{ float: left;}
.download-pc{ padding:160px 0 0 714px; background: url(../images/pc_bg.png) no-repeat 72px 165px; width: 486px; height: 390px;}
.ui-download .download-pc .downloadBtn{ margin-top: 35px;}
/*新闻公告*/
.news-content{ width:944px;border:1px solid #b2acaa; border-radius:5px; padding:30px; color: #323232; color: #323232;}
.news-list li{ border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: right; overflow: hidden; position: relative;}
.news-list a{ color: #000; width:815px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; float: left;}
.news-list a:hover{ color: #f6cc58;}
.news-list span{ position: relative; right:0; top:0; color: #8c8c8c;}

/*申请合作*/
.cooperation{ margin:50px auto 85px; width:1198px; border:1px solid #b2acaa; border-radius:4px; color: #323232; font-size: 16px; padding-bottom: 80px;}
.cooperation h2{ padding:40px 0 94px; text-align: center; font-size: 30px; color: #323232;}
.cooperation li{ overflow: hidden; padding-bottom: 25px;}
.cooperation .li1{ padding-top: 25px;}
.cooperation .label{ float: left; width:230px; text-align: right; padding-right: 5px;}
.cooperation .text{ float: left; width:308px; height: 26px; line-height: 26px; border:1px solid #d6d7dc; border-radius:4px; padding:0 10px;}
.cooperation .textarea{ float: left;border:1px solid #d6d7dc; border-radius:4px; padding:5px; width: 794px; height: 145px; resize: none;}
.cooperation .submit{ width: 180px; height: 30px; text-align: center; line-height: 30px; border:0 none; border-radius:4px; background: #493c34; color: #fff; cursor: pointer; margin-left:237px;}

/*404*/
.error404{ width:600px; margin:0 auto; padding:154px 0 154px 600px; background: url(../images/404.png) no-repeat 140px 105px;color: #9a9a9a;}
.error404 h2{ font-size: 26px; color: #4c4c4c; padding-bottom: 20px;}
.error404 p{ line-height: 26px;}
.error404 .btn{ padding-top: 18px; line-height: 40px;}
.error404 a{ color: #9a9a9a; font-size: 16px; text-decoration: underline;}
.error404 .prev{ text-decoration: none; display: inline-block; margin-right: 22px; vertical-align: middle; width:113px; height: 38px; text-align: center; line-height: 38px;border:1px solid #f4c329; border-radius:50px; color: #f4c329;}
.error500{background: url(../images/500.png) no-repeat 140px 105px;padding:186px 0 154px 600px;}
.error500 h2{ padding-bottom: 4px;}
/*分页*/
.paging{padding:17px 0 50px; height: 28px;}
.paging ul{ float: right; overflow: hidden; border:1px solid #ededed; border-radius:4px; margin-right: 20px; display: inline;}
.paging li{ float: left; line-height: 26px; border-left: 1px solid #ededed; margin-left: -1px;}
.paging li a{ display: block; padding:0 10px; color: #666;}
.paging li a.current{ color: #f6cc58;}
.paging li a.prev,.paging li a.next{ letter-spacing:-4px}
.paging dl{ float: right; position: relative; font-size: 12px; color: #4c4c4c;}
.paging dt{ width:72px; line-height: 26px;border:1px solid #ededed; border-radius:4px; padding-right: 22px; text-align: center; position: relative;}
.paging dt span{ position: absolute; right:0; top:0; width:21px; border-left: 1px solid #ededed; height: 26px;}
.paging dt b{ font-weight:normal;}
.paging dd{ position:absolute; left:0; bottom:28px;border:1px solid #ededed; border-radius:4px; padding:5px 0; width:93px; background: #fff; z-index: 111; display: none;}
.paging dd a{ display: block; padding-left: 14px; color: #4c4c4c; line-height: 26px;}
.paging dd a:hover{ color: #fff; background: #505050;}
.paging dl:hover dd{ display: block;}
/*关于我们*/
.aboutus-banner{height: 300px; background-image: url(../images/aboutus_banner.jpg); color: #836155; font-size: 16px; line-height: 32px;}
.aboutus-banner ul{ width:1200px; margin:0 auto;}
.aboutus-banner li{ display: none;}
.aboutus-banner .on{ display: block;}
.ui-about{ padding:45px 0 40px 40px;}
.ui-about p{ padding-bottom:32px; font-size:14px;line-height:22px; text-indent:2em;}
.ui-about .p1{ text-align:center; text-indent:0;}
.ui-about .p1 img{ max-width:902px;}
.about-box{ width:902px; font-size:14px; color:#666; margin-right:62px; display:inline;}
.about-box h2{ font-weight:bold; font-size:22px; color:#83675a; padding-bottom:28px;}
.about-nav{ width:175px; margin:0 0 40px 20px;}
.about-nav dd{ border-left:2px solid #fff; height:35px; line-height:35px; padding-left:15px; color:#83675a; cursor:pointer; position:relative; font-weight:normal; margin:0px 0 8px; font-size:14px;}
.about-nav dd a{ color:#83675a;}
.about-nav .current{ border-left-color:#e9c46d; font-weight:bold;}
.about-content{ display:none;}
.about-box .on{ display:block;}
.about-info{ color:#666;}
.about-info h3{ font-size:16px; color:#666; font-weight:bold;}
.about-info p{ text-indent:0;line-height:30px; font-size:16px; font-family:'宋体'; padding-bottom:22px;}
.about-contact{ color:#666; font-size:14px; font-family:'宋体';}
.about-contact li{ background-image:url(../images/contact_bg.png); background-repeat:no-repeat; line-height:30px; margin-bottom:2px; padding-left:33px;}
.about-contact .li1{ background-position:0px 8px;}
.about-contact .li2{ background-position:0px -22px;}
.about-contact .li3{ background-position:0px -51px;}
.about-contact .li4{ background-position:0px -82px; position:relative;}
.about-contact .li4 iframe{ position:absolute; left:95px; top:0; width:92px; opacity:0; filter:alpha(opacity=0);}
.about-contact .li5{ background-position:0px -151px;}
.ui-course{ position:relative; padding:27px 0;}
.ui-course .vertical{ position:absolute; left:45%; top:0; width:2px; height:100%; background:#d1d1d1; z-index:1;}
.ui-course ul{ position:relative; z-index:11;}
.ui-course li{overflow:hidden; margin-bottom:65px; font-size:14px; height:27px;}
.ui-course li span{ vertical-align:middle;}
.ui-course li .time{ display:inline-block; width:118px; height:25px; text-align:center; line-height:25px; background:#e9c46d; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#fff; vertical-align:middle; border-radius:46px; font-weight:bold;}
.ui-course li i{ position:absolute; display:block; border-bottom:1px dashed #d1d1d1; width:87px; height:0; top:12px;*top:20px;}
.ui-course li b{ color:#e9c46d; font-size:27px; vertical-align:middle; display: inline-block; height:20px; line-height: 15px;}
.ui-course .li1{ padding-left:345px; text-align:left;}
.ui-course .li1 i{ left:122px;}
.ui-course .li1 b{  padding:0 8px 0 96px;}
.ui-course .li2{ padding-right:440px; text-align:right;}
.ui-course .li2 i{ right:122px;}
.ui-course .li2 b{  padding:0 96px 0 8px;}
.ui-course .li3{ margin-bottom:28px;}
.ui-course li a{ display:block; position:relative; color:#666; height:25px; line-height:25px; transition:all 0.2s linear 0s;}
.ui-course li a:hover .time,.ui-course li a.current .time{ background:#e9c46d;}
.ui-course li a:hover b,.ui-course li a.current b{ color:#e9c46d;}
.customer-case{ overflow: hidden;}
.customer-case h2{ padding-bottom: 0;}
.customer-case ul{ overflow: hidden;}
.customer-case li{ width:100%; padding:45px 0; border-top: 1px solid #e1e1e1; margin-top: -1px;}
.customer-case .li1 dl{ overflow: hidden; padding:0; margin-left: -35px;}
.customer-case .li1 dd{ float: left; width:150px; height: 71px; text-align:center; line-height: 71px; border:1px solid #e4e4e4; background: #fff; margin:0 0 17px 35px; display: inline;}
.customer-case dl{ position: relative; padding-left: 208px;} 
.customer-case dt{ position: absolute; left:0; top:0; height: 100%; line-height: 100%; background: #f9f9f9; width:176px; text-align: center;} 
.customer-case dt span{ display: table; width: 100%; height: 100%;}
.customer-case dt b{ display: table-cell; vertical-align: middle;}
.customer-case dt img{ vertical-align: middle;}
.customer-case dd{ font-size: 14px; color: #9a9a9a;} 
.customer-case dd h3{ font-size: 16px; color: #4c4c4c; padding-bottom: 5px; font-weight: bold;}
.customer-case dd p{ line-height: 20px; text-indent: 0; padding-bottom: 0;} 
/*加入我们*/
.recruitment-banner { width: 100%; height: 377px; text-align: center; background:#f6f6f6 ; }
.recruitment-banner img { width: 1212px; height: 377px; }
.list-pic { width: 947px; margin: 55px auto 0px; height: 165px; overflow: hidden; position: relative; }
.list-pic ul { overflow: hidden; margin-left: -21px; position: absolute; left: 0px; top: 0px; }
.list-pic li { float: left; width: 220px; margin-left: 21px; }
.list-pic .yxmt { float: left; }
.list-pic .yxmt img { width: 220px; height: 165px; }

.recruitment { width: 947px; margin: 0px auto; padding: 156px 0px 70px; overflow: hidden; font-size: 14px; color: rgb(102, 102, 102); position: relative; }
.recruitment-nav { overflow: hidden; position: absolute; left: 0px; top: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 55px 0px; border-bottom: 1px solid rgb(245, 245, 245); width: 947px; z-index: 99; }
.recruitment-nav ul { overflow: hidden; margin-left: -11px; }
.recruitment-nav li { float: left; margin-left: 11px; }
.recruitment-nav a { float: left; width: 106px; height: 43px; border: 1px solid rgb(245, 245, 245); text-align: center; line-height: 43px; color: rgb(102, 102, 102); font-size: 14px; display: inline; }
.recruitment-nav a:hover, .recruitment-nav li.current a { background: rgb(155, 118, 102) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.recruitment-box { margin-bottom: 53px; border-top: 1px solid rgb(245, 245, 245); line-height: 33px; position: relative; }
.recruitment-box h2 { font-size: 28px; padding: 56px 0px 22px; }
.recruitment-box h3 { font-weight: bold; font-size: 14px; }
.recruitment-box i { position: absolute; left: 0px; top: -140px; display: block; width: 10px; height: 10px; }
.recruitment-box a { position: absolute; right: 0px; bottom: 0px; padding: 0px 10px; border: 1px solid rgb(154, 118, 102); color: rgb(154, 118, 102); font-size: 12px; }
.recruitment-box a:hover { background: rgb(245, 201, 80) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-color: rgb(245, 201, 80); }
.recruitment-tip { background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(154, 118, 102); margin-top: 125px; padding: 30px 64px; }
.recruitment-fixed{ position: fixed; left:50%; top:0; margin-left: -474px;}

/*购买页*/
.ui-buy{ padding:62px 0 100px; color: #474747;}
.ui-buy h2{ overflow: hidden; line-height: 38px;}
.buy-config{ width:842px;}
.buy-version{ border:1px solid #e0e1e5; margin-bottom: 20px; overflow: hidden; padding:20px 0 10px 20px;}
.buy-version ul{ overflow: hidden; margin-bottom: 5px;}
.buy-version li{ width:159px; height: 40px; text-align: center; line-height: 40px; margin-right: 1px; background: #e6e6e6; float: left; cursor: pointer;}
.buy-version li.current{ background: #fbd35c;}
.buy-version p{ line-height: 22px;} 
.buy-domain{ padding:22px 0; position: relative;border:1px solid #e0e1e5; z-index: 22; margin-bottom: 20px;}
.buy-domain label{ padding:0 20px;}
.buy-domain .text{ width:280px; height: 25px; line-height: 25px; border:1px solid #d1d1d1; background: #fff; padding:0 5px;}
.buy-domain dl{ position: absolute; left:72px; top:55px; border:1px solid #d1d1d1; border-top: 0 none; width:290px; z-index: 11; background: #fff; padding:5px 0;*top:56px;}
.buy-domain dd{ line-height: 28px; padding:0 5px;}
.buy-domain dd:hover{ background: #ebebeb;}
.config-block{float: left;border:1px solid #e0e1e5; margin-bottom: 20px;}
.config-block dl{ float: left; padding-bottom: 15px;}
.config-block .line{ padding-bottom: 0;}
.config-block dt{ line-height: 37px; background: #f8f8f8; padding-left: 20px; margin-bottom: 20px; position: relative; z-index: 1; display: block;}
.config-block dd{ float: left; padding:5px 0 10px 20px;}
.config-block .label{ float: left; width:90px; line-height: 30px; position: relative;}
.config-block .slider-block,.config-block .checkbox-group{ float: left; width:730px;}
.config-block .slider{ width:534px; float: left;}
.config-block .amount{ float: left; width:120px; height: 28px; background: #fff; position: relative; color: #999; border:1px solid #ccc; margin-left:15px; display: inline;}
.config-block .text{ width:47px; height: 28px; line-height: 28px; border:0 none; background:none; text-align: center; color: #3c3c3c; vertical-align: middle;}
.config-block .amount span{ vertical-align: middle;}
.config-block .btn{ display: block; width:24px; height: 15px; background-image: url(../images/slider_add_bg.jpg); background-repeat: no-repeat; text-indent: -999em; cursor: pointer; position:absolute;right:0;}
.config-block-new {padding-top: 20px;}
.config-block .add{ background-position: 0 0; top:0;}
.config-block .minus{ background-position: 0 -15px; bottom:0;}
.config-block-new { height: 70px;padding-top: 25px;}
#qps{ background:url(../images/10-2000.png) no-repeat 0 0;}
#qps .ui-slider-range{ background:url(../images/10-2000.png) no-repeat 0 -30px;}
#ddos{ background:url(../images/1-200.png) no-repeat 0 0;}
#ddos .ui-slider-range{ background:url(../images/1-200.png) no-repeat 0 -30px;}
#balancing{ background: url(../images/1-50.png) no-repeat 0 0;}
#balancing .ui-slider-range{ background:url(../images/1-50.png) no-repeat 0 -30px;}
#monitoring,#url{ background:url(../images/monitoring.png) no-repeat 0 0;}
#monitoring .ui-slider-range,#url .ui-slider-range{ background:url(../images/monitoring.png) no-repeat 0 -30px;}



.ui-slider .ui-slider-handle{ width: 10px; height: 35px;top:-6px; position: absolute; background:url(../images/handle_bg.jpg) no-repeat;display: block; border:0 none; border-radius:0;}
.ui-slider-horizontal{ height: 9px; border-radius: 0; background: #e2eff4; border:0 none;}
.slider{ height: 29px;  width:551px;position: relative;}
#duration{background: url(../images/duration_bg.png) no-repeat 0 0;}
.years{background: url(../images/years_bg.png) no-repeat 0 0;}
#duration .ui-slider-range{background: url(../images/duration_bg.png) no-repeat 0 -30px;}
.years .ui-slider-range{background-image: url(../images/years_on.png); background-repeat: no-repeat;}
.slider .ui-slider-handle{ height: 40px; top:-4px;}
.slider .ui-slider-handle:before{ top:14px;}

.checkbox-group label{ float: left; position: relative; cursor: pointer; margin:0 15px 12px 0; font-size: 12px;}
.checkbox-group span{ float: left; line-height: 28px; border:1px solid #e0e0e0; padding:0 14px 0 30px;user-select:none; white-space: nowrap;}
.checkbox-group i{ float: left; display: none; width:24px; height: 25px; background: url(../images/lock.png) no-repeat; position: absolute; right:0; top:0;}
.checkbox-group .checkbox{ position: absolute; left:0; top:0; z-index: 11; width:100%; height: 100%; opacity:0; filter:alpha(opacity=0);cursor: pointer;}
.checkbox-group b{ display: block; position: absolute; left:9px; top:9px; width:14px; height: 14px; background-image: url(../images/checkbox_bg.jpg); background-repeat: no-repeat; background-position: 0 -14px;}
.checkbox-group .current b{ background-position: 0 0;}
.checkbox-group .current span{ border-color: #fbd35c; background: #fbd35c;}
.checkbox-group .disabled,.checkbox-group .disabled .checkbox{ cursor: not-allowed;}
.checkbox-group .disabled i{ display: block;}
.config-block .line dt{ margin-bottom: 0;}
.config-block .line dd{ padding:20px 0 10px 20px; border-top: 1px solid #e0e1e5; margin-top: -1px;}

.selected-config{ width:340px; color: #474747; background: #fff; z-index: 111;}
.selected-config table{ width:100%; border:1px solid #e2e3e7; border-collapse: collapse;}
.selected-config th,.selected-config td{ padding:10px 10px 10px 20px; line-height: 17px; text-align: left;}
.selected-config .border{border-top:1px solid #e2e3e7; padding-bottom: 0;}
.selected-config td{ position: relative; font-size: 12px;}
.selected-config th{ padding:10px 0 10px 20px; background: #f8f8f8;}
.selected-config .tit{padding-left: 0; padding-right:0; text-align: center;}

.selected-config .blank{ padding:5px 0; width:45%}
.selected-config .label{ color: #838383;}

.selected-config span{ position: absolute; left:20px; top:23px; font-size: 14px;}
.selected-config strong{ font-size:30px; font-weight: normal; color: #ff6102; padding:7px 0 0; display: block; line-height: 30px;}
.selected-config .btn{ display: block; width:294px; height: 32px; text-align: center; line-height: 32px; background: #fbd35c; color: #483c35; margin: 0 0 7px;}



.null-block{ padding-top: 442px; border:1px solid #e2e3e7; text-align: center; line-height: 35px; background: url(../images/null_bg.png) no-repeat center 212px; font-size: 20px; min-height: 440px;}
.agreement h2{ font-size: 20px; color: #83675a; font-weight: bold; height:40px; line-height: 40px; padding:25px 0 30px;}
.agreement p{ padding-bottom: 34px; font-size: 14px; line-height: 25px; color: #333;}
.buy-success{ width:556px;min-height: 350px; padding:146px 0 70px 644px; margin:0 auto; background: url(../images/buy_success.png) no-repeat 152px 170px; line-height: 20px;}
.buy-success h2{ font-size: 30px; line-height: 30px; padding:30px 0 20px;}
.buy-success p{ font-size: 14px; color: #808080;}
.buy-success .ns{ width:330px; padding:10px 20px; background: #f2f2f2; color: #474747; margin-top: 20px;}
.buy-success a{ color: #ffa500; margin-right: 20px;}
.buy-success .btn{ display:inline-block; width:112px; height: 38px; line-height: 38px; text-align: center; border:1px solid #f8bb46; color: #f4ad29; border-radius:50px; margin-top: 28px;}
.buy-success .continue{ background: #f4c329; color: #fff;}
/*弹窗*/
.mask{ width:100%; height:100%; position: fixed; left: 0; top:0; bottom:0; right:0; background: #fff; opacity:0.5; filter:alpha(opacity=50); z-index: 55; display: none;}
.popup{ position: fixed; left:50%; top:114px; z-index: 999; border:1px solid #878787; background: #fff; font-size: 14px; color: #474747; display: none;}
.popup .close{ position: absolute; right:12px; top: 3px; font-size: 24px; font-weight: bold; color: #d6d6d6; z-index: 11;}
.popup .label{ text-align: right; float: left; padding-right: 5px;}
.popup .text{ float: left; padding:0 5px; border:1px solid #d1d1d1; background: #fff;}
.popup ul{ padding:30px 0 20px;}
.popup li{line-height: 27px; margin-bottom: 14px; position: relative;}
.popup .Validform_checktip{ position: absolute; top:3px; right:92px; height:28px; line-height: 28px; padding:0 5px 0 26px; font-size: 12px; border-radius:2px; z-index: 11;}
.popup .Validform_wrong{ background: url(../images/error.png) no-repeat 5px 6px #f8dcdc; color: #d95453;}
.popup .passwordStrength{ position:absolute; left:0; top:34px; font-size: 12px; text-align: right; width:383px;}
.popup .passwordStrength span{ display: inline-block; width:32px; height: 15px; text-align: center; line-height: 15px; border-radius:2px; background: #c1c1c1; margin-left: 8px; color: #fff;}
.popup .passwordStrength .bgStrength{ background: #ff8a00;}
.popup .newPwd{ margin-bottom: 35px;}
.popup .bgStrength{background: #ff8a00;}

.popup h3{ line-height: 20px; padding:14px 0 14px 22px; font-weight: bold; border-bottom: 1px solid #e1e1e1; position: relative; background: #f7f7f7;}
.popup h4{ line-height: 37px; background: #f7f7f7; padding-left: 24px; font-weight: bold;border-bottom: 1px solid #e1e1e1;}
.popup .operation{padding:18px 24px; overflow: hidden; background: #f7f7f7; text-align: center;}
.popup .btn,.popup .confirm-btn{ display:inline-block;width:78px; height: 30px; text-align: center; line-height: 29px; border:1px solid #fbd35c; color: #483c35; background: #fbd35c; cursor: pointer;}
.popup .back{ border-color: #e0e1e5;background: #fff; margin-left: 10px;}
.popup-mask{ width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 11; background: #fff; opacity:0.5; filter:alpha(opacity=50); display: none;}
.popup-loading{ width:32px; height: 32px; position: fixed; left:50%; top:50%; margin:-16px 0 0 -16px; z-index: 22; display: none;}

.global-popup{ width:600px; margin-left: -200px;}
.global-popup ul{ padding:45px 0 40px;}
.global-popup li{ text-align: center;}
.global-popup span{ display: inline-block; width: 25px; height: 25px; vertical-align:middle; padding-right: 10px;}
.global-popup .success span{ background: url(../images/right_icon.png) no-repeat 0 3px;}
.global-popup .error span{ background: url(../images/error_icon.png) no-repeat 0 0;}
.global-popup .tip span{ background: url(../images/tip_icon.png) no-repeat 0 0;}

.link-banner{ height:300px; background-image: url(../images/link_banner.jpg); font-size:14px; color: #fff;}
.link-banner h2{ font-size: 36px; font-weight: bold; padding:130px 0 25px 558px;}
.link-banner p{ line-height: 26px; padding-left: 558px;}
.ui-link{ margin:16px auto 0; width:1200px;font-size:16px;}
.ui-link a{ color:#006AC0;}
.ui-link p{ color:#666; font-size:14px; line-height:24px;}
.ui-link h2,.ui-link h3{font-family:"微软雅黑","黑体","宋体";}
.ui-link h2{font-size:18px; color:#f4ad29; margin-top: 85px; font-weight: bold;}
.ui-link h3{font-size:22px;*margin-top:40px;}
.ui-link h4{color:#333; font-size:14px; margin-bottom:8px;}
.ui-link ul{padding:15px 0 27px 0; overflow:hidden;}
.ui-link .friendlink{padding:15px 0 27px 0; overflow:hidden; margin-left: -17px;}
.friendlink li{ float:left; width:180px; height:70px; border:1px solid #e4e4e4; background: #fff; text-align: center; line-height: 70px; margin:0 0 17px 17px;}
.friendlink li a{ display: block; width:100%; height: 100%;}
.wordlink li{ float:left; width:132px; height:28px;line-height:28px; overflow:hidden; position: relative; padding:0 0 5px 15px;*margin-bottom:-20px;}
.wordlink li:before{ position: absolute; left:0; top:13px; width:6px; height: 6px; background: #d6d6d6; border-radius:50%; content: '';}
.wordlink li a{ color:#564338; font-size: 14px;}
.wordlink li a:hover{ color:#564338;}
.textarea{ font-size:14px; color:#333; width:522px; height:78px; margin-bottom:5px; padding:5px; resize:none;}
.button1{ background:#f4ad29; border:0 none; color:#fff; font-size:14px; width:80px; height:36px; text-align:center; line-height:36px; border-radius:4px; margin-top:8px;}
.word1{ width:712px; margin-top:23px;}
/*数据展示*/
.dataShow{color: #474747; font-size: 14px;}
.dataShow h2{ font-size: 30px; line-height: 55px; padding-top: 87px; text-align: center;}
.dataMap{ background: #F7F7F7;}
.dataMap ul{ overflow: hidden; padding:50px 0 0 240px;}
.dataMap li{ float: left; width:278px; color: #666; font-size: 16px; line-height: 26px;}
.dataMap span{ font-size: 24px; color: #906f63;}
.dataMap .map{height: 603px;}
.dataDomain{ overflow: hidden; padding-bottom: 110px;background: #fff;}
.dataDomain .bar{width:720px; height: 534px; float: left;}
.dataDomain .info{float: left; padding:190px 0 0 26px;}
.dataDomain p{ padding-left: 18px; background: url(../images/circle.png) no-repeat 0 10px; line-height: 25px;}
.dataDomain .btn{ padding:52px 0 0 16px;}
.dataDomain .btn a{ display: inline-block; width:100px; height: 40px; text-align: center; line-height: 40px; border:1px solid #f4c329; color: #f4c329; font-size: 16px; margin-right: 20px; border-radius:50px;-webkit-border-radius:50px;}
.dataDomain .btn a.on{ background: #f4c329; color: #fff;}
.domain-box{ overflow: hidden; padding-top: 105px;}

.dataRegional{ color: #4d4d4d; overflow: hidden;position: relative;background: #f7f7f7;}
.dataRegional .info{ float: left; width:460px; padding:83px 0 0 50px;}
.dataRegional dt{ width:303px; height: 40px; line-height: 40px; text-align: center; background: #fff;margin-bottom: 22px; color: #906f63;}
.dataRegional dd{ margin-bottom: 9px; line-height: 34px;}
.dataRegional dd span{ display: inline-block; margin-left: 20px; height:6px; background: #f4b91c;}
.dataRegional p{ padding-top: 27px; line-height: 28px;}
.dataRegional .map{ float:right; width:688px;height:535px;}

.Regional-box{ overflow: hidden; padding-top: 52px; position: relative; z-index: 2;}
.dataRegional .userNum{ position: absolute; right:802px; bottom:27px; z-index: 1;}
.dataRegional .userNum span{ padding-left: 66px;}


.dataType p{ padding-top: 28px; line-height: 25px; color: #666; text-align: center;}
.dataType .pie{ height:614px; padding-top: 65px;}

.program {
    position: relative;
}

.program .pro-jk{
    cursor: pointer;
    width: 14px;
    height: 14px;
    background:url(../images/wenhao.png) no-repeat;
    display: inline-block;
    margin-left:3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.pro-blc-pdc {
    position: absolute;
    display: none;
    left: 70px;
    top: 32px;
    width: 460px;
    height: 60px;
    padding:4px 8px;
    background-color: #fff;
    z-index: 10;
    border: 1px solid #FBD35C;
    font: 400 14px/20px "microsoft yahei";
}
.pro-jk:hover +.pro-blc-pdc{ display: block;} 
.slider-block-ps {
    position: relative;
}
.slider-block-ps span {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 8px;
    background-image: url(../images/date.gif);;
    z-index: 10000;
}
.slider-block-ps span:nth-of-type(1){

    left: 386px;
}
.slider-block-ps span:nth-of-type(2){

    left: 427px;
}
.slider-block-ps span:nth-of-type(3){

    left: 472px;
}
.slider-block-ps span:nth-of-type(4){

    left: 513px;
}
.hybrid-cloud{ color: #4c4c4c;}
.hybrid-cloud h2{ font-size: 30px; line-height: 38px; padding:67px 0 10px; text-align: center;}
.hybrid-cloud .word{ text-align: center; line-height: 24px; font-size:16px;}
.hybrid-cloud .line{ padding:76px 0 0px; border-bottom: 1px solid #e4e4e4; width:187px; margin:0 auto 5px;}
.cloud-apply{ overflow: hidden;}
.cloud-apply ul{ padding-top: 54px; margin-left: -46px; overflow:hidden;}
.cloud-apply li{ float: left; width:142px; height: 115px; border:1px solid #f6f6f5; margin-left: 46px; display: inline; padding-left: 102px; position: relative;}
.cloud-apply .icon{ position: absolute; left:44px; top:40px;}
.cloud-apply .info{ display: table; height: 100%;}
.cloud-apply .info > div{ display: table-cell; vertical-align: middle;}
.cloud-apply h3{ font-size: 16px; color: #98776b; font-weight: bold; padding-bottom: 3px;}
.cloud-apply p{ line-height: 18px;}
.cloud-backup{ padding: 86px 0 167px;}
.cloud-backup ul{ padding-top: 44px; position: relative; height: 466px; background: url(../images/backup.png) no-repeat center bottom;}
.cloud-backup li{ position: absolute; left:50%; top:50%; width:130px; height: 100px; padding-top: 30px; text-align: center; line-height: 28px; font-size: 16px; color: #404040;}
.cloud-backup .li1{ margin:-218px 0 0 -398px;}
.cloud-backup .li2{ margin:-195px 0 0 268px;}
.cloud-backup .li3{ margin:125px 0 0 -300px;}
.cloud-backup .li4{ margin:90px 0 0 185px;}

.cloud-architecture{ font-size: 16px; padding-bottom: 90px;}
.cloud-architecture h2{padding-bottom: 54px;}
.cloud-architecture .box{ width:1075px; border:1px dashed #d6d6d6; padding:42px 0 20px; overflow: hidden; margin:0 auto;}
.cloud-architecture h3{ font-weight: bold;}
.cloud-architecture dl{ float: left; width:150px; margin:0 20px 0 84px; display: inline; text-align: center;}
.cloud-architecture dt{ line-height: 30px; padding-bottom: 20px;}
.cloud-architecture dd span{ display: block; width:147px; height: 40px; line-height: 40px; border:1px dashed #d6d6d6; background: #efefef; margin-bottom: 14px;}
.cloud-architecture ul{ margin:65px auto;width:1075px; border:1px dashed #fcf1cc; background: #fdf8e5; overflow: hidden; padding:20px 0;}
.cloud-architecture li{ float: left; width:330px; height: 78px; background: #fff; line-height: 78px; margin:0 0 0 20px; font-size: 20px; text-align: center;}
.cloud-architecture li img{ padding-right: 10px;}
.cloud-up,.cloud-down{ border:1px dashed #d6d6d6;width:1075px; margin:0 auto; text-align: center; height: 67px;line-height: 67px; position:relative;}
.cloud-up{ border-top: 0 none;}
.cloud-down{ border-bottom: 0 none;}
.cloud-up .icon,.cloud-down .icon{position: absolute; width:71px; height: 60px; display: block;}
.cloud-up .up,.cloud-down .up{ background: url(../images/cloud_up.png) no-repeat;}
.cloud-up .down,.cloud-down .down{ background: url(../images/cloud_down.png) no-repeat;}
.cloud-up .up{ left:123px; top:37px;}
.cloud-down .up{ left:123px; top:-30px;}
.cloud-up .down{ right:123px; top:37px;}
.cloud-down .down{ right:123px; top:-30px;}
.data-analysis ul{ padding-top: 60px; overflow: hidden;}
.data-analysis li{ float: left; width:413px; height: 186px; position:relative; padding-left: 77px; font-size: 16px; margin-left: 86px; display: inline;}
.data-analysis img{ position: absolute; left:0; top:6px;}
.data-analysis h3{ color: #98776b; padding-bottom: 8px;}
.data-analysis p{ line-height: 30px;}









