html{color:#535353;background:#fff;cursor:default;font-size:12px;}
body{font-size:1rem;word-wrap:break-word; word-wrap:break-word}
body, button, select, textarea, input{font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-size:1rem}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0}
section,abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video{display:block}
address, caption, cite, code, dfn, th, var, b, i, s ,em{font-style:normal;font-weight:normal}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
caption, th{text-align:left}
textarea{resize:none}
table{border-spacing:0}
img{border:0 none}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
li{list-style-type:none}
a{color:#333;text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:hover{color:#3091f2}
a:focus{-moz-outline:none;outline:none}
::selection{background:#36c; color:#fff}
::-moz-selection{background:#36c; color:#fff}
.clear{clear:both;}
.fix{*zoom:1}
.fix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.vline{margin:0 5px}
.center{text-align:center;}
.mt20{margin:20px 0 0}
.txt-indent{text-indent:2.33333333rem}
.txt-indent2{text-indent:4.66666667rem}
.body-mask{background:#000;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;transition:opacity 0.2s ease 0s;}
.body-mask.show{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;}
.pop-private{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10001;}
.pop-wrap{margin:-260px auto 0;position:relative;top:50%;width:740px;background:#fff;border-radius:5px;}
.pop-main{width:700px;padding:20px;overflow:hidden;}
.pop-main img{vertical-align:top;border:#ddd solid 1px;max-width:100%;}
.pop-close{position:absolute;right:-16px;top:-16px;}
/*页眉*/
.header{position:fixed;left:0;top:0;z-index:9999;width:100%;height:80px;background:rgba(255,255,255,0.9);box-shadow:0 0 1px rgba(0,0,0,0.1);background:#fff\9;border-bottom:#ccc solid 1px\9;}
.head{max-width:1120px;margin:0 auto;height:80px}
.head .icon-menu:before{display:none;}
.logo{float:left;height:32px;margin:24px 0;}
.logo a{display:inline-block;background:url(../image/logo.png) no-repeat 0 0;width:130px;height:32px;text-indent:-9999px;vertical-align:bottom;*float:left;}
.logo span{display:inline-block;color:#666;margin:0 0 0 10px;vertical-align:bottom;font-size:14px;*line-height:20px;*margin-top:12px;}
.menu{float:right;display:none;height:18px;margin:31px 0}
.menu-list {background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;bottom:0;box-shadow:0 0 1px rgba(0, 0, 0, 0.2);display:none;font-size:1.33333rem;overflow:auto;position:fixed;right:0;top:0;z-index:99;}
.menu-list a{display:block;padding:0 30px;color:#fff;white-space:nowrap;line-height:40px;}
.menu-list a:hover{background:#000;}
.menu-list .level{padding:0 30px 0 50px;}
.menu-list .level span{display:inline-block;margin:0 15px 0 0;width:4px;height:4px;border-radius:50%;background:#fff;vertical-align:middle;}
.nav{float:right;}
.nav a{display:block;font-size:18px;height:40px;line-height:40px;padding:20px 0;margin:0 0 0 50px;color:#666}
.nav a:hover,.nav .current a{color:#333;border-bottom:#3091f2 solid 3px;padding:20px 0 17px;}
.nav li{float:left}
/*焦点图*/
.grid-focus{height:520px;}
.ck-slide{position:relative;overflow:hidden;height:520px;margin-top:80px;}
.ck-slide ul{margin:0;padding:0;list-style-type:none;}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;margin:0;padding:0;}
.ck-slide ul.ck-slide-wrapper li{position:absolute;}
.ck-slide ul.ck-slide-wrapper img{max-width:100%}
.ck-slide .ck-prev,.ck-slide .ck-next{position:absolute;top:50%;z-index:2;margin-top:-35px;width:22px;height:40px;text-indent:-9999px;opacity:.15;transition:opacity .2s linear 0s;background:#000;padding:12px 15px;}
.ck-slide .ck-prev{left:0;}
.ck-slide .ck-next{right:0}
.ck-slide .ck-prev i,.ck-slide .ck-next i{width:22px;height:40px;display:block;}
.ck-slide .ck-prev i{background:url(../image/arrow-left.png) 0 0 no-repeat;}
.ck-slide .ck-next i{background:url(../image/arrow-right.png) 0 0 no-repeat;}
.ck-slide .ck-slidedetail{height:520px;left:0;margin:0 auto;position:absolute;top:0;width:1920px;z-index:99;cursor:pointer;}
.ck-slide .ck-slidedetail.cks1{background:url(../image/bannerv6.jpg) no-repeat center center;background-size:cover}
.ck-slide .ck-slidedetail.cks1 img{display:none;}
.ck-slide .ck-slidedetail.cks2{background:url(../image/banner2.jpg) no-repeat center center;background-size:cover}
.ck-slide .ck-slidedetail.cks3{background:url(../image/banner.jpg) no-repeat center center;background-size:cover}
.ck-slide .ck-slidedetail.cks4{background:url(../image/banner3.jpg) no-repeat center center;background-size:cover}
.ck-slide .ck-slide-pic1{background:url(../image/banner.jpg);}
.ck-slide .item-pic{float:right;text-align:right;}
.ck-slide .item-pic img{vertical-align:top}
.ck-slide .item a{position:relative;display:inline-block;color:#fff;line-height:42px;padding:0 20px;border:#fff solid 1px;font-size:17px;text-align:center;border-radius:42px;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;transition:all .2s linear 0s;}
.ck-slide .item h4{color:#fff;font-size:50px;margin-bottom:10px;}
.ck-slide .item h5{color:#fff;font-size:18px;margin-bottom:60px;}
.ck-slide .item3 a{display:inline;border:none 0;padding:0}
.ck-slide .item1 .item-content{position:absolute;top:50%;margin-top:-180px;}
.ck-slide .item1 .item-pic{position:absolute;right:0;top:50%;margin-top:-195px;}
.ck-slide .item2 h5{line-height:36px;margin-bottom:30px;}
.ck-slide .item2 .item-pic{position:absolute;right:0;top:50%;margin-top:-195px;}
.ck-slide .item2 .item-content{position:absolute;top:50%;margin-top:-140px;}
.ck-slide .item3{position:relative;text-align:center;height:520px;padding:0;}
.ck-slide .item3 h4{padding-top:30px;}
.ck-slide .item3 img{vertical-align:top;position:absolute;bottom:0;left:0;}
.ck-slidecolor{position:relative;margin:0 auto;max-width:1120px;height:520px;}
.ck-slidecolor dl{float:right;width:400px;background:rgba(0, 0, 0, 0.6);padding:30px;color:#fff}
.ck-slidecolor dt{font-size:36px;}
.ck-slidecolor dd{font-size:16px;}
.ck-slidebox{position:absolute;bottom:30px;left:50%;z-index:30;}
.ck-slidebox ul{padding:0 4px;height:20px;}
.ck-slidebox ul li{float:left;margin:4px 4px;height:14px;}
.ck-slidebox ul li em{display:block;width:10px;height:10px;border-radius:100%;text-indent:-9999px;cursor:pointer;border:#fff solid 2px;}
.ck-slidebox ul li em:hover,.ck-slidebox ul li.current em{border-color:#3091f2;background-color:#3091f2;}
.focus-product{position:relative;margin:0 auto;width:100%;max-width:1920px;height:640px;background:url(../image/banner-product.jpg) no-repeat center top;}
.ggLoading,.ggLoading2{background-image:url(../images/nav.png);}
.gg{position:relative;z-index:1;overflow:hidden;margin:0 auto;width:100%;height:640px;}
.ggLoading{position:absolute;top:200px;left:40%;width:325px;height:56px;background-position:0 -274px;background-repeat:no-repeat;color:#9c9c9c;text-align:center;line-height:56px;}
.ggLoading2{width:330px;height:56px;background-position:213px -330px;background-repeat:no-repeat;}
.ggLoading em{font-weight:bold;}
.ggs{position:absolute;top:0;left:-50%;width:200%;height:640px;}
.ggBox{margin:0 auto;width:1920px;height:640px;}
.ggBox .focus-box{position:absolute;z-index:1;display:block;width:1920px;height:640px;opacity:0;}
.ggBox .focus-item{max-width:1120px;margin:0 auto;padding:80px 0 0;overflow:hidden;position:relative;height:560px}
.ggBox .focus-item.item1 .focus-pic{padding:60px 0 0;float:left;}
.ggBox .focus-item.item1 .focus-txt{float:left;background:rgba(48,145,242,0.8);width:440px;padding:20px;color:#fff;position:absolute;right:0;bottom:200px;font-size:16px;}
.ggBox .focus-item.item1 .focus-txt h4{font-size:30px;padding:0 0 10px}
.ggBox .focus-item.item2 .focus-pic{padding:80px 0 0;float:left;}
.ggBox .focus-item.item2 .focus-txt{float:left;background:rgba(48,145,242,0.8);width:440px;padding:20px;color:#fff;position:absolute;right:0;bottom:200px;font-size:16px;}
.ggBox .focus-item.item2 .focus-txt h4{font-size:30px;padding:0 0 10px}
.ggBox .focus-item.item3 .focus-pic{padding:80px 0 0;float:left;}
.ggBox .focus-item.item3 .focus-txt{float:left;background:rgba(48,145,242,0.8);width:440px;padding:20px;color:#fff;position:absolute;right:0;bottom:200px;font-size:16px;}
.ggBox .focus-item.item3 .focus-txt h4{font-size:30px;padding:0 0 10px}
.ggBox .focus-item.item4 .focus-pic{padding:80px 0 0;float:left;}
.ggBox .focus-item.item4 .focus-txt{float:left;background:rgba(48,145,242,0.8);width:440px;padding:20px;color:#fff;position:absolute;right:0;bottom:200px;font-size:16px;}
.ggBox .focus-item.item4 .focus-txt h4{font-size:30px;padding:0 0 10px}
.ggBox .focus-item li{list-style-type:decimal;margin:0 0 0 20px}
.ggBox img{display:block;max-width:100%}
.ggb{position:absolute;bottom:0;left:0;z-index:4;width:100%;height:70px;background-color:rgba(0,0,0,0.5);background-position:50% -40px;background-repeat:repeat-x;}
.ggBtns{margin:0 auto;max-width:1120px;height:70px;}
.ggBtns a{position:relative;top:0;float:left;display:block;width:25%;height:70px;outline:0;background-position:0 10px;background-repeat:no-repeat;color:#fff;text-align:center;font-size:18px;line-height:70px;cursor:pointer;}
.ggBtns a em{display:block;overflow:hidden;margin:0 auto;height:70px;}
.ggBtns a:hover{color:#e7e7e7;}
.ggBtns a:focus{outline:0;}
.ggBtns a.ggOn{background:rgba(0,0,0,0.5);color:#fff}
/*广告图*/
.grid-banner{position:relative;margin-top:80px;min-height:158px;*padding-top:80px;}
.grid-banner img{max-width:100%;vertical-align:top;min-height:180px;}
/*应用场景*/
.grid-scence{background:url(../image/scence-bg.png) repeat 0 0;padding:0 0 40px;border-bottom:#ebebeb solid 1px}
.mod-scence{position:relative;max-width:1435px;margin:0 auto;}
.mod-scence h4{font-size:36px;text-align:center;color:#333;padding:50px 0 0}
.mod-scence h5{text-align:center;color:#333;font-size:24px;margin:0 0 10px}
.scence-list{background:url(../image/icon.png) no-repeat 0 -551px;height:366px;}
.scence-list ul{max-width:1170px;margin:0 auto;overflow:hidden;padding:95px 0 0}
.scence-list li{float:left;width:25%;min-height:200px;text-align:center;font-size:14px;}
.scence-list a{display:inline-block;padding:7px;border:#8c8c8c dotted 1px;width:144px;height:144px;background:#fff;border-radius:50%;cursor:default;}
.scence-list a:hover{border-color:#3091f2}
.scence-list a .icon{display:block;}
.scence-list a img{vertical-align:top;max-width:100%;border-radius:50%}
.scence-list .name{margin-top:15px;font-size:14px;}
.scence-list .icon-sun{position:absolute;left:150px;top:40px}
.scence-list .icon-clouds{position:absolute;right:150px;top:40px}
/*VIP服务*/
.price-tab{ margin: 0 auto; padding:0; width: 1000px; line-height: 1.8;}
.price-tab table{ width: 100%; table-layout:fixed; border-collapse: separate; border-spacing: 0; border-left: 1px solid #f0f0f0;}
.price-tab table th{ background: #29e; height: 52px; color: #fff; border-right: 1px solid #65b8f3;text-align:center;font-size:14px;font-weight: bold;}
.price-tab table td{ padding: 20px 15px; text-align: center; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;font-size:14px;}
.price-tab table td.textleft{ text-align: left;}
.appointbottom{ padding: 0 0 70px; text-align: center;}
/*解决方案*/
.grid-solutions{background:#f6f6f6;}
.mod-solutions{max-width:1120px;margin:0 auto;padding:80px 0 40px}
.solutions-tab{margin:0 auto;overflow:hidden;padding:30px 0 0}
.solutions-tab li{float:left;width:20%;min-height:200px;text-align:center;font-size:18px;}
.solutions-tab a{display:inline-block;padding:7px;border:#8c8c8c dotted 1px;width:144px;height:144px;background:#fff;border-radius:50%}
.solutions-tab a .icon{display:block;}
.solutions-tab a img{vertical-align:top;max-width:100%}
.solutions-tab .name{margin:0 0 10px;}
.solutions-tab .current .arrow{display:block;}
.solutions-tab .arrow{height:17px;display:none}
.solutions-tab .arrow .icon{vertical-align:top}
.solutions-tab .solutions-title{font-size:36px;text-align:center;padding:30px 0}
.solutions-tab .current{color:#3091f2;}
.solutions-tab .current a{border-color:#3091f2;border-width:2px;width:142px;height:142px;}
.box-solutions{padding:30px;background:#fff;border:#e3e3e3 solid 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1.16666667rem;line-height:27px;margin:-1px 0 0}
.box-solutions h4{font-size:2rem;margin-bottom:15px;}
.box-solutions img{max-width:100%}
.box-solutions ol{margin:20px 48px;}
.box-solutions li{list-style-type:decimal;}
/*客户案例*/
.grid-casebanner{padding:80px 0 0;background:url(../image/banner-case.jpg) repeat-x 0 80px;height:160px;border-bottom:#ddd solid 1px;}
.grid-cases{background:url(../image/case-bg.jpg);}
.grid-casedetail{padding:30px 0 0;margin:0 auto;max-width:1120px;}
.mod-cases{max-width:1120px;margin:0 auto}
.mod-cases h4{font-size:36px;text-align:center;color:#333;padding:30px 0}
.mod-caselogo{max-width:1120px;margin:0 auto;padding:50px 0}
.mod-caselogo h4{font-size:36px;text-align:center;color:#333;}
.mod-caselogo h5{font-size:14px;text-align:center;color:#666;}
.mod-caselogo ul{padding:40px 0 0}
.mod-caselogo li{float:left;width:25%;text-align:center;}
.mod-caselogo img{vertical-align:top}
.mod-casebanner{max-width:1120px;margin:0 auto}
.mod-casebanner a{display:inline-block;height:30px;line-height:30px;padding:0 20px;margin:50px 0 0;font-size:14px;border:#999 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.mod-casebanner h4{font-size:36px;color:#333;margin:60px 0 0}
.mod-casedetail{position:relative;margin:30px auto;font-size:1.16666667rem;line-height:27px;max-width:720px;background:#fff;padding:0 60px 60px;}
.mod-casedetail.full{max-width:inherit;margin:0;padding:0;margin-top:0}
.mod-casedetail.full .item-hd{padding:0 0 20px 0;font-size:24px;}
.mod-casedetail h4{font-size:1.6666rem;margin-bottom:10px}
.mod-casedetail img{vertical-align:top;border:#d8d8d8 solid 1px;max-width:100%;margin:10px 0}
.mod-casedetail .action-prve,.mod-casedetail .action-next{position:fixed;top:50%;margin:-8px 0 0;display:block;border-radius:50%;border:#666 solid 1px;text-align:center;width:50px;height:50px;background:#fff}
.mod-casedetail .action-prve:hover,.mod-casedetail .action-next:hover{border-color:#3091f2;border-width:2px;width:48px;height:48px;}
.mod-casedetail .action-prve .icon,.mod-casedetail .action-next .icon{margin:17px 0}
.mod-casedetail .action-prve:hover .icon,.mod-casedetail .action-next:hover .icon{margin:16px 0}
.mod-casedetail .action-prve{left:20px;}
.mod-casedetail .action-next{right:20px}
.mod-casedetail .item-hd{font-size:30px;padding:40px 0;border-bottom:#ddd solid 1px;margin-bottom:30px;display:none;}
.mod-casedetail .item-line{display:inline-block;width:4px;height:18px;background:#288ff5;vertical-align:baseline;margin-right:10px;}
.side-casedetail{float:left;width:260px;}
.side-casedetail a{display:block;height:20px;line-height:20px;font-size:16px;padding:12px 15px;border:#e5e5e5 solid 1px;margin:0 0 -1px;color:#666}
.side-casedetail a:hover,.side-casedetail .current a{background:#f5f5f5;color:#333;font-weight:700}
.side-casedetail li:first-child a{border-radius:5px 5px 0px 0px}
.side-casedetail li:last-child a{border-radius:0px 0px 5px 5px}
.main-casedetail{margin:0 0 0 290px;}
.mod-caselist{padding:0 0 40px;max-width:1152px;margin:0 auto}
.mod-caselist .item{float:left;width:33.3333%;}
.mod-caselist .name{font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;}
.mod-caselist .txt{font-size:14px;color:#666;line-height:23px;height:138px;overflow:hidden;}
.mod-caselist .pic{position:relative;margin:0 0 15px}
.mod-caselist .pic a{display:block;max-height:200px;overflow:hidden;}
.mod-caselist .pic img{vertical-align:top;width:100%;}
.mod-caselist .pic .mask{position:absolute;left:0;top:0;background:rgba(48,145,242,0.9);width:100%;height:100%;border:none 0;opacity:0;transition:opacity 0.2s ease 0s;}
.mod-caselist .pic .icon{position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px;display:block;width:48px;transform:scale(0);transition:-webkit-transform 300ms ease 0s, -moz-transform 300ms ease 0s, -o-transform 300ms ease 0s, transform 300ms ease 0s;}
.mod-caselist .pic:hover .mask{opacity:1}
.mod-caselist .pic:hover .icon{transform:scale(1);}
.mod-caselist .info{white-space:nowrap;line-height:20px;overflow:hidden;text-overflow:ellipsis;color:#999}
.mod-caselist .info a{color:#999}
.mod-caselist dl{padding:40px 16px 0;}
.cases-wrap{margin:0 auto;position:relative;width:1120px;}
.cases-wrap .prve,.cases-wrap .next{display:block;width:24px;height:24px;position:absolute;top:50%;margin:-12px 0 0}
.cases-wrap .prve{left:0;}
.cases-wrap .next{right:0;}
.cases-slide{position:relative;overflow:hidden;width:1040px;margin:0 40px;padding:0 0 30px}
.cases-slide-list ul{margin:0 auto;overflow:hidden;float:left}
.cases-slide-list li{float:left;list-style-type:none;margin:10px 0;}
.cases-slide-list li a{vertical-align:top;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;text-align:center;margin:0 20px}
.cases-slide-list .current .case-ab{background-position:0 -60px;}
.cases-slide-list .current .case-sohu{background-position:0 -60px;}
.cases-slide-list .current .case-cofco{background-position:0 -60px;}
.cases-slide-list .current .case-state{background-position:0 -60px;}
.cases-slide-list .current .case-lenovo{background-position:0 -60px;}
.cases-slide-list .current .case-huawei{background-position:0 -60px;}
.cases-slide-list .current .case-inspur{background-position:0 -60px;}
.cases-slide-list .current .case-sapcis{background-position:0 -60px;}
.cases-slide-list .current .case-citrix{background-position:0 -60px;}
.cases-slide-list .current .case-tdtech{background-position:0 -60px;}
.cases-slide-list .current .case-shenhua{background-position:0 -60px;}
.cases-slide-list .current .case-siemens{background-position:0 -60px;}
.cases-box{padding:30px 50px}
.cases-box-pic{float:left;width:500px}
.cases-box-txt{float:right;background:#4097ef;color:#fff;width:400px;margin:50px 0 0}
.cases-box-txt a{display:inline-block;height:24px;line-height:24px;border:#a0cdfb solid 1px;color:#a0cdfb;padding:0 10px;font-size:12px;border-radius:3px;margin:10px 0 0}
.cases-box-txt dl{padding:20px}
.cases-box-txt dt{font-size:24px;margin:0 0 8px}
.cases-box-txt dd{font-size:14px;}
.client-list ul{margin:0 auto;width:1120px;}
.client-list li{float:left;margin:10px 0;list-style-type:none;}
.client-list li a{-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;text-align:center;cursor:default;}
.client-list .core-boxin{padding:60px 0 0;}
/*人员*/
.grid-member{background:#f6f6f6}
.mod-member{max-width:1120px;margin:0 auto}
.mod-member h4{font-size:36px;text-align:center;color:#333;padding:30px 0}
.member-list{text-align:center;padding:0 0 30px}
.member-list a{position:absolute;left:0;top:0;display:none;width:160px;height:160px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(48,145,242,0.7);font-size:24px;color:#fff;line-height:160px;text-align:center;}
.member-list li{position:relative;display:inline-block;width:160px;height:160px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:15px}
.member-list img{width:160px;height:160px;vertical-align:top;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
/*关于我们*/
.grid-contact{background:#f6f6f6}
.panel-banner{position:absolute;top:0;left:0;right:0;bottom:0;
display:box;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
/* 12版 */
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
top:200px\9;
*top:200px;
}
.panel-banner .item-inner{color:#fff;text-align:center;width:100%;}
.panel-banner .item-inner h4{font-size:48px;padding:0 20px;}
.panel-banner .item-inner h5{margin-top:20px;font-size:18px;padding:0 20px;}
.panel-banner .item-inner h5 span{color:#ffb400;font-size:24px;margin:0 10px;}
.mod-about{max-width:1120px;margin:0 auto;padding:50px 0}
.mod-about h4{font-size:2rem;margin:0 0 15px;}
.mod-about .about-logo{float:right;width:480px}
.mod-about .about-logo img{vertical-align:top;max-width:100%}
.mod-about .about-txt{margin:0 520px 0 0;font-size:1.16666667rem;line-height:27px;}
.mod-about .about-txt dl{margin:15px 0 0;}
.mod-about .about-txt dt{float:left;width:80px;}
.mod-about .about-txt dd{margin:0 0 0 80px;color:#666}
.banner-case{height:158px;background:url(../image/banner-case-01.jpg) no-repeat center top;background-size:cover;}
.banner-case h4{color:#fff;font-size:36px;text-align:center;line-height:30px;padding:64px 20px 0;}
/*页脚*/
.footer{background:#272727}
.footer .copyright{max-width:1120px;margin:0 auto;text-align:center;line-height:30px;color:#666;font-size:15px;border-top:#212121 solid 1px;padding:15px 0}
.footer .copyright p{border-top:#292929 solid 1px;}
.footer-nav{overflow:hidden;}
.footer-nav{max-width:1120px;margin:0 auto;padding:60px 0;}
.footer-nav a{display:block;color:#666;font-size:14px;}
.footer-nav a:hover{color:#fff;}
.footer-nav .item-nav,.footer-nav .item-code,.footer-nav .item-contact{float:left;}
.footer-nav .item-nav{width:300px;}
.footer-nav .item-nav{overflow:hidden;zoom:1;}
.footer-nav .item-title{float:left;font-size:20px;color:#fff;width:20px;}
.footer-nav .item-link{margin-left:40px;}
.footer-nav .item-link a{margin-bottom:15px;}
.footer-nav .item-code{text-align:center;width:150px;}
.footer-nav .item-code img{vertical-align:top;width:128px;border-radius:5px;}
.footer-nav .item-code span{display:block;color:#fff;margin-top:10px;}
.footer-nav .item-contact{font-size:14px;color:#666;width:280px;}
.footer-nav .item-contact p{margin-bottom:15px;padding-left:30px;}
.footer-nav .item-contact strong{padding-left:30px;display:block;}
.footer-nav .item-contact strong a{display:block;font-size:24px;color:#fff;margin:0 0 20px;font-weight:300}
.footer-nav .active{color:#fff!important}
/*图标*/
.icon{background:url(../image/icon.png) no-repeat 0 0;display:inline-block;}
.icon-ask,.icon-doc,.icon-wiki,.icon-blog,.icon-weibo,.icon-bbs,.icon-team,.icon-task,.icon-portal,.icon-news,.icon-wish,.icon-cards,.icon-cal,.icon-webim,.icon-contact,.icon-booking,.icon-external,.icon-mobile,.icon-deploy,.icon-bilingual,.icon-vote,.icon-activity,.icon-interview,.icon-survey{width:100px;height:100px;}
.icon-scence1,.icon-scence2,.icon-scence3,.icon-scence4,.icon-scence5{width:144px;height:144px;}
.icon-scence1{background-position:0 -334px;}
.icon-scence2{background-position:-164px -334px;}
.icon-scence3{background-position:-328px -334px;}
.icon-scence4{background-position:-492px -334px;}
.icon-scence5{background-position:-656px -334px;}
.icon-shadow{background-position:-553px -498px;width:100px;height:10px;}
.icon-sun{background-position:-358px -498px;width:48px;height:48px;}
.icon-clouds{background-position:-426px -498px;width:112px;height:53px;}
.icon-ask{background-position:12px -96px}
.icon-doc{background-position:-90px -93px}
.icon-wiki{background-position:-200px -93px}
.icon-blog{background-position:-306px -93px}
.icon-weibo{background-position:-420px -95px}
.icon-bbs{background-position:-524px -93px}
.icon-team{background-position:-643px -89px}
.icon-task{background-position:-738px -90px}
.icon-portal{background-position:-846px -92px}
.icon-news{background-position:-954px -93px}
.icon-wish{background-position:-1062px -96px}
.icon-cards{background-position:-1170px -91px}
.icon-cal{background-position:-1278px -93px}
.icon-webim{background-position:-1388px -93px}
.icon-contact{background-position:-1497px -93px}
.icon-booking{background-position:-1606px -93px}
.icon-external{background-position:-1720px -98px}
.icon-mobile{background-position:-1824px -93px}
.icon-deploy{background-position:-1933px -93px}
.icon-bilingual{background-position:-2034px -93px}
.icon-vote{background-position:-2129px -93px}
.icon-activity{background-position:-2220px -93px}
.icon-interview{background-position:-2302px -93px}
.icon-survey{background-position:-2388px -93px}
.icon-tel{background-position:-290px -498px;width:48px;height:48px;}
.icon-prve{background-position:-176px -498px;width:10px;height:16px;}
.icon-next{background-position:-205px -498px;width:10px;height:16px;}
.icon-left{background-position:0px -498px;width:24px;height:24px;}
.icon-left:hover{background-position:-88px -498px;}
.icon-right{background-position:-44px -498px;width:24px;height:24px;}
.icon-right:hover{background-position:-132px -498px;}
.icon-detail{background-position:-664px -498px;width:48px;height:48px;}
.icon-close{background-position:-236px -500px;width:32px;height:32px;}
.icon-menu{background-position:-732px -498px;width:18px;height:18px;}
.icon-arrow{background-position:-770px -498px;width:30px;height:17px;}
.icon-msg{background-position:-820px -498px;width:24px;height:24px;}
.icon-msg-blue{background-position:-871px -498px;width:22px;height:24px;}
.icon-mail{background-position:-936px -495px;width:24px;height:24px;}
.ico-weibo{background:url(../image/icon-weibo.png) 0 0;display:inline-block;width:40px;height:40px;}
.ico-weixin{background:url(../image/icon-weixin.png) 0 0;display:inline-block;width:40px;height:40px;}
/*logo*/
.case-logo{display:inline-block;width:220px;height:60px;}
.case-ab{background:url(../image/case-ab.png);}
.case-sohu{background:url(../image/case-sohu.png);}
.case-cofco{background:url(../image/case-cofco.png);}
.case-state{background:url(../image/case-state.png);}
.case-lenovo{background:url(../image/case-lenovo.png);}
.case-huawei{background:url(../image/case-huawei.png);}
.case-inspur{background:url(../image/case-inspur.png);}
.case-sapcis{background:url(../image/case-sapcis.png);}
.case-citrix{background:url(../image/case-citrix.png);}
.case-tdtech{background:url(../image/case-tdtech.png);}
.case-shenhua{background:url(../image/case-shenhua.png);}
.case-siemens{background:url(../image/case-siemens.png);}
.case-ab:hover{background-position:0 -60px;}
.case-sohu:hover{background-position:0 -60px;}
.case-cofco:hover{background-position:0 -60px;}
.case-state:hover{background-position:0 -60px;}
.case-lenovo:hover{background-position:0 -60px;}
.case-huawei:hover{background-position:0 -60px;}
.case-inspur:hover{background-position:0 -60px;}
.case-sapcis:hover{background-position:0 -60px;}
.case-citrix:hover{background-position:0 -60px;}
.case-tdtech:hover{background-position:0 -60px;}
.case-shenhua:hover{background-position:0 -60px;}
.case-siemens:hover{background-position:0 -60px;}
.online{position:fixed;top:50%;margin:-36px 0 0;right:0;z-index:9999}
.online .online-btn{background:rgba(0,0,0,0.8);color:#fff;display:block;height:64px;text-align:center;text-decoration:none;width:72px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.online .online-btn span{display:block;text-align:center;font-size:1rem}
.online .online-btn:hover{background:#3091f2;}
.online .online-icon{padding:10px 0 5px;height:24px;}
.online .popup{position:absolute;top:-40px;right:0;z-index:999;overflow:hidden;margin:0 -320px 0 0;width:190px;}
.online .popup.open{margin:0}
.online .popup .popup-content{background:rgba(0,0,0,0.8);position:relative;padding:18px 16px;border-radius:4px 0 0 4px;text-align:center;font-size:12px;line-height:17px;border-left:#3091f2 solid 6px;}
.online .popup .popup-content .hidden-chat-button{display:none;}
.online .contact-title{margin:0 0 24px;color:#fff;font-size:1rem;line-height:24px;}
.online .contact-title a{color:#fff;text-decoration:none;}
.online .contact-set:after{clear:both;display:block;content:"";}
.online .contact-set a{display:block;width:76px;float:left;color:#fff}
.online .contact-set a:hover{text-decoration:underline;color:#fff}
.online .contact-set .popup-name{font-size:1rem;display:block;margin:10px 0 0}
.mb-page{padding:0 0 15px;overflow:hidden;display:none}
.mb-page a{float:left;display:inline-block;height:30px;line-height:30px;padding:0 20px;margin:0 15px 0 0;font-size:14px;border:#999 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
/*神华培训中心教学教务管理系统*/
.grid-edu .mod-edu{width:1120px;margin:0 auto;}
.edu-header{height:600px;background:url(../image/edu-bg-1.png) no-repeat 0 0;text-align:center;background-size:100% 600px}
.edu-header h2{color:#fff;font-size:70px;margin:0 0 10px}
.edu-header h4{color:#fff;font-size:36px;margin:0 0 50px;}
.edu-header .tel{color:#fff;font-size:36px;}
.edu-header .tel .icon{vertical-align:top;margin-right:10px;}
.edu-header .sponsor{padding:110px 0 30px}
.edu-function{height:740px;background:#f4f4f4}
.edu-function h4{font-size:36px;color:#333;padding:50px 0;text-align:center;}
.edu-function .function-wrap{overflow:hidden;zoom:1;}
.edu-function .item-side{float:left;width:200px;}
.edu-function .item-side a{display:block;height:40px;line-height:40px;border:#9cbdf5 solid 1px;border-radius:3px;color:#4285f4;font-size:18px;text-align:center;margin:0 0 15px;}
.edu-function .item-side a:hover,.edu-function .item-side .current{background:#4285f4;color:#fff;border-color:#4285f4}
.edu-function .item-content{margin:0 0 0 240px;}
.edu-function .item-text{font-size:14px;line-height:24px;}
.edu-function .item-text img{vertical-align:middle;max-width:100%;margin:0 0 20px;}
.edu-features{height:520px;background:url(../image/edu-bg-2.jpg) no-repeat 0 0;}
.edu-features h4{font-size:36px;color:#fff;padding:50px 0;text-align:center;}
.edu-features .features-wrap{overflow:hidden;zoom:1;}
.edu-features .features-wrap .item{float:left;width:33.3333%;text-align:center;color:#fff;}
.edu-features .features-wrap .item-icon img{vertical-align:top;}
.edu-features .features-wrap .item-title{font-size:24px;width:280px;margin:20px auto}
.edu-features .features-wrap .item-text{font-size:14px;width:280px;margin:0 auto;line-height:24px;}
.edu-cases{height:680px;}
.edu-cases h4{font-size:36px;color:#333;padding:50px 0;text-align:center;}
.edu-cases .cases-wrap{overflow:hidden;zoom:1;}
.edu-cases .item-url{font-size:18px;}
.edu-cases .item-url a{color:#4285f4}
.edu-cases .item-side{float:left;width:400px;}
.edu-cases .item-text{font-size:14px;}
.edu-cases .item-text p{margin:0 0 10px;color:#666}
.edu-cases .item-text ul{padding-left:20px;}
.edu-cases .item-text li{list-style-type:decimal;margin-bottom:10px}
.edu-cases .item-title{font-size:24px;margin:0 0 20px;}
.edu-cases .item-content{margin:0 0 0 440px;}
.ck-slide.slide-case{height:440px}
.ck-slide.slide-case .ck-slidebox{left:0;right:0;bottom:0;margin:0!important;background:rgba(0,0,0,0.3);text-align:left;height:40px;}
.ck-slide.slide-case .ck-slidebox ul{padding:0;width:144px;margin:13px auto;}
.ck-slide.slide-case .ck-slidebox ul li{margin:0 5px;height:14px;}
.ck-slide.slide-case .ck-slidebox ul li.current em,.ck-slide.slide-case .ck-slidebox ul li em:hover{background:#fff;}
/*大模块*/
.section-focus{height:500px;background:url(../image/focus-bg.jpg) 0 0 no-repeat;margin-top:80px;background-size:cover;}
.section-focus.area{height:640px;background:url(../image/banner-kwarea.jpg) 0 0 no-repeat;background-size:cover;}
.section-focus.blog{background:url(../image/banner-blog.jpg) 0 0 no-repeat;background-size:cover;}
.section-focus.survey{height:640px;background:url(../image/banner-survery.jpg) 0 0 no-repeat;background-size:cover;}
.section-focus.leaning{height:620px;background:url(../image/banner-leaning.jpg) 0 0 no-repeat;background-size:cover;}
.section-focus.mooc{height:620px;background:url(../image/banner-mooc.jpg) 0 0 no-repeat;background-size:cover;}
.section-focus.topic{height:620px;background:url(../image/top-bg-v9.jpg) 0 0 no-repeat;background-size:cover;margin:0;}
.section-tab{border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.section-class,.section-find{background-color:#f5f7fa;}
.section-class.business{padding-bottom:60px;}
.section-purview,.section-mobile,.section-operate{border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.section-share{background:url(../image/share-bg.jpg) no-repeat 0 0;background-size:cover;}
.section-score{background:url(../image/section-bg7.jpg) no-repeat 0 0;background-size:cover;}
.section-apply{background:url(../image/apply-bg.jpg) no-repeat 0 0;background-size:cover;height:180px;}
.section-online{background:url(../image/apply-bg.jpg) no-repeat 0 0;background-size:cover;height:240px;}
.section-client{background:url(../image/client-bg.jpg) no-repeat 0 0;background-size:cover;}
.section-private{background:url(../image/private-banner.jpg) no-repeat 0 0;height:480px;background-size:100% 100%;margin-top:80px;}
.section-aio{background-color:#f5f7fa;border-top:#ebebeb solid 1px;}
.section-skin,.section-use,.section-service{background:url(../image/section-bg8.jpg) no-repeat 0 0;background-size:100% 100%}
.section-app{background-color:#f5f7fa;border-bottom:#ebebeb solid 1px;}
.section-app.white{background-color:#fff}
.section-service{color:#fff}
/*面板*/
.panel-about,.panel-belief,.panel-use,.panel-focus,.panel-tab,.panel-class,.panel-purview,.panel-share,.panel-mobile,.panel-find,.panel-operate,.panel-apply,.panel-client,.panel-deploy,.panel-app{max-width:1120px;margin:0 auto}
.panel-class,.panel-operate,.panel-app{text-align:center;}
.panel-tab h4,.panel-class h4,.panel-purview h4,.panel-share h4,.panel-mobile h4,.panel-find h4,.panel-operate h4,.panel-deploy h4,.panel-app h4,.panel-service h4{font-size:36px;color:#000}
.panel-purview h4,.panel-share h4,.panel-mobile h4,.panel-find h4{margin-bottom:20px;}
.panel-class h4,.panel-operate h4,.panel-client h4,.panel-use h4,.panel-belief h4{font-size:36px;text-align:center;padding-top:58px;}
.panel-tab h5,.panel-class h5,.panel-operate h5,.panel-deploy h5,.panel-app h5{font-size:17px;text-align:center;padding:30px 0 40px;color:#666}
.panel-class img,.panel-operate img{vertical-align:top;}
.panel-purview,.panel-share,.panel-mobile,.panel-find{padding:60px 0;overflow:hidden;zoom:1;}
.panel-operate{padding-bottom:58px;}
/*分类区*/
.panel-tab{max-width:1224px;padding:54px 0;overflow:hidden;zoom:1;}
.panel-tab h4{text-align:center;padding-bottom:30px;}
.panel-tab h5{padding:0 0 40px}
.panel-tab .item{float:left;display:block;width:16.6666%;text-align:center;}
.panel-tab .item:hover .item-icon{background-color:#288ff5}
.panel-tab .item:hover .item-title{color:#288ff5}
.panel-tab .item:hover .item-icon i{color:#fff}
.panel-tab .item-icon{display:block;width:98px;height:98px;border:#288ff5 solid 2px;margin:0 auto;border-radius:50%;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;transition:all .2s linear 0s;}
.panel-tab .item-icon i{font-size:48px;line-height:98px;color:#288ff5}
.panel-tab .item-icon .icon-mobilenet{font-size:58px;}
.panel-tab .item-title{display:block;font-size:17px;color:#666;margin-top:10px;}
.section-tab.area .panel-tab .item{width:25%}
/*广告焦点区*/
.panel-focus{position:relative;}
.panel-focus img{max-width:100%}
.panel-focus .count{color:#f60;font-size:20px;margin:0 5px;}
.panel-focus .item-pic{position:absolute;right:0;bottom:0;}
.panel-focus .item-pic img{vertical-align:top;max-width:100%}
.panel-focus .item-content{height:500px;vertical-align:middle;display:table-cell;color:#fff}
.panel-focus .item-content a{display:inline-block;width:168px;font-size:17px;line-height:42px;color:#288ff5;text-align:center;border:#288ff5 solid 1px;border-radius:42px;margin-top:20px;margin-bottom:20px;}
.panel-focus .item-content a:hover,.panel-focus .item-content .current{background:#288ff5;color:#fff;}
.panel-focus .item-content a i{vertical-align:middle;font-size:30px;line-height:42px;margin-right:-20px}
.panel-focus .item-content .current{margin-right:20px}
.panel-focus .item-content p{font-size:16px;line-height:36px;}
.panel-focus .item-content h4{font-size:48px;margin-bottom:10px;}
.panel-focus .item-content .item-tel{font-size:17px;margin:10px 0 20px;color:#fff;line-height:24px;color:#3091f2}
.panel-focus .item-icon{margin-bottom:10px;}
.panel-focus .item-icon i{line-height:48px;color:#fff;font-size:24px;}
.panel-focus .item-icon span{display:none;width:48px;height:48px;border-radius:50%;background-color:#3091f2;text-align:center;}
.panel-focus .item-tel{font-size:17px;margin:20px 0;color:#50c7b1;line-height:24px;}
.panel-focus .item-tel .icon-tel{font-size:24px;margin-right:5px;vertical-align:top;display:inline-block;line-height:24px;width:24px;height:24px;}
.panel-focus .item-content .item-tel .icon-tel{font-size:24px;margin-right:10px;vertical-align:top;display:inline-block;line-height:24px;width:24px;height:24px;}
.panel-focus .item-button .link{display:inline-block;position: relative}
.panel-focus .item-button .link:hover .layer-code{display:block;top:64px;}
.section-focus.mooc .panel-focus,.section-focus.area .panel-focus,.section-focus.leaning .panel-focus,.section-focus.survey .panel-focus{padding-top:50px;text-align:center;}
.section-focus.mooc .panel-focus h4,.section-focus.area .panel-focus h4,.section-focus.leaning .panel-focus h4,.section-focus.survey .panel-focus h4{color:#fff;font-size:50px;}
.section-focus.mooc .panel-focus h5,.section-focus.area .panel-focus h5,.section-focus.leaning .panel-focus h5,.section-focus.survey .panel-focus h5{color:#fff;font-size:17px;margin:10px 0}
.section-focus.mooc .panel-focus,.section-focus.leaning .panel-focus{position:relative;height:570px;}
.section-focus.mooc img,.section-focus.leaning img{position:absolute;bottom:0;left:0;right:0;}
.section-focus.area .panel-focus .item-tel{color:#3091f2}
.section-focus.survey .panel-focus .item-tel{color:#fff}
.section-focus.blog .panel-focus .item-pic{bottom:50%;margin-bottom:-180px;}
/*共用面板*/
.section-cmn{border-bottom:#ebebeb solid 1px;}
.section-cmn.skin1{background-color:#f6f7fb}
.section-cmn.skin2{background:url(../image/skin2-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin3{background:url(../image/skin3-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin4{background:url(../image/skin4-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin5{background:url(../image/skin5-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin6{background:url(../image/skin6-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin7{background:url(../image/skin7-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin8{background:url(../image/skin8-bg.jpg) no-repeat 0 0;background-size:cover}
.section-cmn.skin9{background:url(../image/skin9-bg.jpg) no-repeat 0 0;background-size:cover}
.panel-cmn{position:relative;max-width:1120px;margin:0 auto;padding:60px 0;overflow:hidden;zoom:1;}
.panel-cmn h4{font-size:36px;color:#333;margin-bottom:20px;white-space:nowrap;}
.panel-cmn h4 b{font-size:56px;color:#0080fd;font-family:'lantinghei';font-weight:bold;font-style:italic;vertical-align:bottom;display:inline-block;width:60px;}
.panel-cmn p,.panel-cmn h5{color:#666}
.panel-cmn .white,.panel-cmn .white b{color:#fff!important;}
.panel-cmn .indent{margin-left:60px;}
.panel-cmn .item-pic{float:left;margin:0 50px 0 0;}
.panel-cmn .item-pic img{max-width:100%;vertical-align:top}
.panel-cmn .item-content{color:#000;font-size:17px;height:164px;line-height:36px;margin-top:-82px;position:absolute;right:0;top:50%;vertical-align:middle;width:400px;}
.panel-cmn.full{display:block;text-align:center;}
.panel-cmn.full h4{font-size:36px;text-align:center;margin:0;}
.panel-cmn.full h5{font-size:17px;text-align:center;padding:30px 0 40px;color:#666}
.panel-cmn.full img{vertical-align:top;max-width:100%}
.panel-cmn.pb0{padding-bottom:0;}
.panel-cmn.opo .item-pic{float:right;margin:0 0 0 50px;}
.panel-cmn.opo .item-pic img{vertical-align:top;max-width:100%;}
.panel-cmn.opo .item-content{left:0;right:auto;vertical-align:middle;font-size:17px;color:#666;line-height:36px;zoom:1;}
/*组合权限*/
.panel-purview .item-pic{float:right;}
.panel-purview .item-pic img{vertical-align:top;max-width:100%;}
.panel-purview .item-content{display:table-cell;vertical-align:middle;font-size:17px;color:#666;line-height:36px;overflow:hidden;zoom:1;height:350px;}
/*移动互联*/
.panel-mobile .item-pic{float:right;}
.panel-mobile .item-pic img{vertical-align:top;}
.panel-mobile .item-content{display:table-cell;width:400px;vertical-align:middle;font-size:17px;color:#666;line-height:36px;overflow:hidden;zoom:1;height:420px;}
.panel-mobile .white{color:#fff}
/*开放分享*/
.panel-share .white{color:#fff}
.panel-share .item-pic{float:left;margin-right:50px;}
.panel-share .item-pic img{vertical-align:top;}
.panel-share .item-content{display:table-cell;width:400px;vertical-align:middle;font-size:17px;color:#000;line-height:36px;overflow:hidden;zoom:1;height:420px;}
/*客户*/
.panel-client{max-width:1140px;padding-bottom:40px;}
.panel-client a{display:block;height:70px;border-radius:5px;margin:0 10px 20px;text-align:center;cursor:default;background:#fff;}
.panel-client h4{padding-bottom:40px}
.panel-client ul{overflow:hidden;zoom:1;}
.panel-client li{float:left;width:20%;}
.panel-client img{max-width:100%;max-height:100%}
/*部署*/
.panel-deploy{padding:50px 0;overflow:hidden;zoom:1;}
.panel-deploy h5{padding:20px 0 30px;color:#666}
.panel-deploy .item{float:left;width:50%;text-align:center;}
.panel-deploy .item img{max-width:100%;}
/*应用中心*/
.panel-app{padding:50px 0}
.panel-app h5{padding:20px 0 30px;}
.panel-app ul{overflow:hidden;zoom:1;}
.panel-app li{float:left;font-size:14px;width:25%;margin-bottom:30px;}
.panel-app .item-icon{height:80px;}
.panel-app .item-icon i{font-size:48px;color:#3091f2;line-height:80px;}
/*v9*/
.section-focus.topic .panel-focus{padding-top:30px;height:590px;}
.section-focus.topic .panel-focus a{display:inline-block;line-height:28px;color:#fff;font-size:14px;padding:0 15px;border:#fff solid 1px;border-radius:4px;}
.section-focus.topic .panel-focus a:hover{border-color:#ffff00;color:#ff0}
.section-focus.topic .panel-focus .item-text{width:500px;position:absolute;left:0;bottom:60px;}
.section-focus.topic .panel-focus .item-text p{font-size:15px;color:rgba(255,255,255,.8);line-height:30px;margin:0 0 20px;}
/*即刻申请体验*/
.panel-apply{padding:66px 0}
.panel-apply a{display:block;margin:0 auto;color:#fff;line-height:46px;width:198px;border:#fff solid 1px;font-size:17px;text-align:center;border-radius:46px;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;transition:all .2s linear 0s;}
.panel-apply a:hover{background-color:#fff;color:#328ce5}
.panel-online{max-width:1120px;margin:0 auto;text-align:center;display:table}
.panel-online .item-inner{display:table-cell;height:240px;vertical-align:middle;text-align:center;}
.panel-online .item-tel{margin-bottom:36px;}
.panel-online .item-tel a{color:#fff;font-size:36px;line-height:40px;display:block;}
.panel-online .item-tel i{font-size:46px;line-height:40px;margin-right:10px;vertical-align:middle;display:inline-block;}
.panel-online .item-btn{width:168px;display:inline-block;margin:0 auto;position:relative;}
.panel-online .item-btn:hover .layer-code{display:block;}
.panel-online .item-btn a{display:block;font-size:17px;line-height:42px;color:#fff;text-align:center;border:#fff solid 1px;border-radius:42px;}
.panel-online .item-btn a:hover,.panel-online .item-btn .current{background:#fff;color:#288ff5;}
.panel-online .item-btn i{vertical-align:middle;font-size:30px;line-height:42px;margin-right:-20px}
.layer-code{position:absolute;top:52px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding-bottom:20px;border:#eee solid 1px;left:0;right:0;display:none;text-align:center;}
.layer-code img{max-width:100%}
.layer-code span{display:block;color:#333!important}
/*All in one*/
.panel-aio{max-width:1120px;margin:0 auto;padding:40px 0;}
.panel-aio a{color:#328ce5;margin:0 5px;}
.panel-aio h1{font-size:36px;text-align:center;}
.panel-aio h4{font-size:17px;text-align:center;margin-top:10px;}
.aio-list{overflow:hidden;zoom:1;margin-left:40px;}
.aio-item{float:left;width:130px;margin:30px 20px ;}
.aio-icon{margin:0 auto;width:98px;height:98px;border:#b8d8f4 solid 1px;border-radius:50%;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;text-align:center;}
.aio-icon i{font-size:48px;color:#3091f2;line-height:98px;}
.aio-icon:hover{background:#328ce5;border-color:#328ce5}
.aio-icon:hover i{color:#fff}
.aio-title{text-align:center;font-size:15px;margin-top:10px;color:#666;line-height:20px;}
/*私有化*/
.panel-private{max-width:1120px;margin:0 auto;padding:30px 0 0}
.panel-private h1{text-align:center;padding:40px 0 0;font-size:70px;color:#fff}
.panel-private h1 a{background:url(../image/logo-private.png) no-repeat 0 0;display:inline-block;width:472px;height:73px;}
.panel-private h1 img{max-width:100%}
.panel-private h4{font-size:36px;text-align:center;color:#fff;padding:40px 0 0}
.panel-private .step{text-align:center;color:#fff;font-size:18px;line-height:32px;margin-top:40px;}
.panel-private .step span{display:inline-block;line-height:36px;border-radius:5px;padding:0 15px;background:rgba(0,0,0,0.3);}
.panel-private .step img{vertical-align:middle;margin:0 30px;}
.panel-private .text{display:block;text-align:center;color:#fff;font-size:18px;line-height:32px;margin-top:40px;padding:0 20px;}
/*购买授权*/
.section-buy{background:#fff;border-top:#ebebeb solid 1px;}
.panel-buy{max-width:1200px;margin:0 auto;padding:60px 0 80px;zoom:1;overflow:hidden;}
.panel-buy .buy-title{font-size:34px;padding-bottom:40px;text-align:center;}
.panel-buy .buy-item{width:33%;float:left;}
.panel-buy .buy-inner{position:relative;height:458px;background:#f8fcff;border:#b4d7f5 solid 1px;border-radius:3px;overflow:hidden;box-sizing:border-box;margin:0 40px;}
.panel-buy .buy-body{padding:0 30px;}
.panel-buy .buy-body ul{height:280px;vertical-align:middle;display:table-cell;padding-left:20px;}
.panel-buy .buy-body li{line-height:30px;white-space:nowrap;list-style-type:disc;color:#328ce5;}
.panel-buy .buy-body li p{color:#333;font-size:16px;}
.panel-buy .buy-body h4{padding:40px 0 0;text-align:center;font-size:18px;color:#ff7700;line-height:60px;}
.panel-buy .buy-body h5{text-align:center;font-size:14px;color:#333;line-height:20px;text-decoration:line-through}
.panel-buy .buy-body span{font-size:48px;vertical-align:sub}
.panel-buy .buy-button{padding:0 30px 24px;}
.panel-buy .buy-button a{display:block;height:44px;border-radius:44px;background:#328ce5;color:#fff;text-align:center;font-size:18px;line-height:44px;-webkit-transition:all 200ms ease-in-out 0s;-moz-transition:all 200ms ease-in-out 0s;transition:all 200ms ease-in-out 0s;}
.panel-buy .buy-button a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.panel-buy .buy-header{position:absolute;top:15px;left:-35px;width:65px;height:0;border-right:30px solid transparent;border-bottom:26px solid #fff;border-left:30px solid transparent;color:#fff;text-align:center;font-size:18px;line-height:26px;-webkit-transform:rotateZ(-49deg);-moz-transform:rotateZ(-49deg);transform:rotateZ(-49deg);-ms-transform:rotateZ(-49deg);}
.panel-buy .buy-item.basis .buy-header{border-bottom-color:#5db034}
.panel-buy .buy-item.high .buy-header{border-bottom-color:#328ce5}
.panel-buy .buy-item.flagship .buy-header{border-bottom-color:#ff7700}
.panel-buy .buy-item.flagship .buy-body ul{height:260px;}
/*他们在使用*/
.panel-use h4{padding-bottom:40px;color:#fff}
.poster-main{width:1120px;height:359px;position:relative;margin:0 auto;}
.poster-main a,.poster-main img{ display:block; }
.poster-main .poster-list{width:1120px;height:359px;}
.poster-main .poster-list .poster-item{width:200px;height:359px;position:absolute;left:0;top:0;}
.poster-main .poster-btn{position:absolute;top:0;z-index:10;cursor:pointer;}
.poster-main .poster-prev-btn{left:0;}
.poster-main .poster-next-btn{right:0;}
/*信仰*/
.section-belief{border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.panel-belief h4{padding:58px 0 40px;}
.panel-belief .item-inner{position:relative;padding:110px 0 40px}
.panel-belief .item{position:absolute;border:#288ff5 solid 1px;border-radius:66px 18px 18px 66px;padding-left:20px;margin-bottom:30px;overflow:hidden;zoom:1;}
.panel-belief .item1,.panel-belief .item4{width:500px;}
.panel-belief .item2,.panel-belief .item5{width:400px;}
.panel-belief .item3,.panel-belief .item6{width:300px;}
.panel-belief .item1{border-color:#5db034}
.panel-belief .item1 .item-title{background:#5db034}
.panel-belief .item2,.panel-belief .item3{border-color:#ff7700}
.panel-belief .item2 .item-title,.panel-belief .item3 .item-title{background:#ff7700}
.panel-belief .item1{top:0;left:0}
.panel-belief .item2{top:108px;left:0}
.panel-belief .item3{top:216px;left:0}
.panel-belief .item4{top:0;right:0}
.panel-belief .item5{top:108px;right:0}
.panel-belief .item6{top:216px;right:0}
.panel-belief .item4,.panel-belief .item5,.panel-belief .item6{border-radius:18px 66px 66px 18px;padding:0 20px 0 0;}
.panel-belief .item4 .item-title,.panel-belief .item5 .item-title,.panel-belief .item6 .item-title{float:left}
.panel-belief .item4 .item-txt,.panel-belief .item5 .item-txt,.panel-belief .item6 .item-txt{padding:10px 0 10px 36px}
.panel-belief .item-title{float:right;width:26px;font-size:14px;line-height:16px;border-radius:10px;background:#288ff5;text-align:center;padding:5px 0;color:#fff;}
.panel-belief .item-title span{display:table-cell;vertical-align:middle;height:76px;}
.panel-belief .item-txt{line-height:22px;padding:10px 36px 10px 0;}
.panel-belief .item-pic{text-align:center;}
.panel-belief .item-pic img{vertical-align:top}
/*关于我们*/
.panel-about{background:url(../image/about-bg.png) center center no-repeat;text-align:center;}
.panel-about .item-inner{position:relative;height:580px;}
.panel-about .item-pic{padding-top:80px;}
.panel-about .item-pic img{vertical-align:top;max-width:100%}
.panel-about .item-txt{position:absolute;font-size:16px;line-height:160%;text-align:left}
.panel-about .item-txt.txt1{right:40px;top:118px;width:600px;}
.panel-about .item-txt.txt2{right:0;top:320px;width:344px}
.panel-about .item-txt.txt3{left:14px;top:448px;width:370px}
.panel-about .item-content{margin-bottom:50px;background:#f7f7f7;border-radius:80px;padding:20px;}
.panel-about .item-content h4{font-size:24px;margin-bottom:10px;}
.panel-about .item-content p{font-size:16px;color:#666;line-height:30px;}
.panel-about .item-content .cb{color:#288ff5}
.panel-about .item-content .cy{color:#ff7700}
.panel-about .item-content .cg{color:#5db034}
/*业务平台*/
.panel-service{max-width:1120px;margin:0 auto;padding:60px 0;}
.panel-service [class*="icon-"]{font-size:48px;line-height:115px;}
.panel-service ul{overflow:hidden;zoom:1;}
.panel-service h4{color:#fff;text-align:center}
.panel-service h5{font-size:17px;padding:20px 0 0;text-align:center;}
.panel-service li{float:left;width:25%;text-align:center;margin-top:40px;font-size:18px;color:#fff;}
.panel-service .item-icon{margin:0 auto 10px;width:115px;height:115px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20115%20115'%3E%0A%3Cpath%20d%3D%22M61.203%2C112.841l38.046-18.829l13.591-40.215L94.012%2C15.75L53.798%2C2.16L15.751%2C20.987L2.161%2C61.201L20.986%2C99.25%20%20L61.203%2C112.841%20M61.348%2C115l-41.785-14.122L0%2C61.346l14.12-41.784L53.653%2C0l41.784%2C14.121L115%2C53.653l-14.121%2C41.785L61.348%2C115%20%20L61.348%2C115L61.348%2C115z%22%20fill%3D'%23fff'%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center}
/*客户端下载*/
.section-device{min-height:720px;background-color:#f5f7fa}
.panel-device{min-height:580px;max-width:1120px;margin:0 auto}
.panel-device h1{padding:50px 0 0;color:#333;text-align:center;font-size:34px;}
.panel-device h4{padding:26px 0 46px;color:#666;text-align:center;font-size:18px;}
.panel-device .animate{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:480px;text-align:center;-ms-box-sizing:border-box;}
.panel-device .animate img{position:absolute;bottom:0;left:0;vertical-align:top;max-width:100%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-transition:all 600ms ease-in-out 0s;-moz-transition:all 600ms ease-in-out 0s;transition:all 600ms ease-in-out 0s;}
.panel-device .animate .pic-mac{top:0;bottom:auto;left:285px;transform:scale(0.9);}
.panel-device .animate .pic-mac-retina{right:0;bottom:0;left:auto;}
.panel-device .animate .pic-iphone5{left:0;z-index:3;}
.panel-device .animate .pic-ipad{bottom:0;left:52px;z-index:2;}
.panel-device .animate .pic-android{right:30px;left:auto;z-index:2;}
.panel-device .animate .pic-mobile{display:none;}
.panel-device .animate.ing img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;max-width:100%;}
.panel-device .animate.ing .pic-mac{top:0;bottom:auto;left:285px;transform:scale(1);}
.panel-device .animate.ing .pic-mac-retina{right:10px;bottom:5px;left:auto;}
.panel-device .animate.ing .pic-iphone5{left:30px;z-index:3;}
.panel-device .animate.ing .pic-ipad{bottom:5px;left:72px;z-index:2;}
.panel-device .animate.ing .pic-android{right:50px;left:auto;z-index:2;}
.section-apps{background:#fff;border-bottom:#ebebeb solid 1px}
.section-apps.wiki{background:#f5f7fa;}
.panel-apps{margin:0 auto;max-width:1120px;min-height:580px;}
.panel-apps h1{padding:50px 0 0;color:#333;text-align:center;font-size:34px;}
.panel-apps h4{padding:26px 0 0;color:#666;text-align:center;font-size:18px;}
.panel-apps .animate{margin:50px 0 0;text-align:center;position:relative;min-height:452px;overflow:hidden;}
.panel-apps .animate img{vertical-align:top;max-width:100%}
.panel-apps .animate .pics{-webkit-transition:all 600ms ease-in-out 0s;-moz-transition:all 600ms ease-in-out 0s;transition:all 600ms ease-in-out 0s;}
.panel-apps .animate-arrow{position:absolute;}
.panel-apps .animate-layer{position:absolute;width:50%;height:50%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-webkit-transition:all 600ms ease-in-out 0s;-moz-transition:all 600ms ease-in-out 0s;transition:all 600ms ease-in-out 0s;}
.panel-apps .ing .animate-layer{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.panel-apps .animate-layer.lb{left;top:0;text-align:left;}
.panel-apps .animate-layer.lt{left;bottom:0}
.panel-apps .animate-layer.rb{right:0;top:0;}
.panel-apps .animate-layer.rt{right:0;bottom:0;}
.panel-apps .animate-txt{color:#999;font-size:18px;position:absolute;line-height:130%}
.panel-apps .animate-layer.lb .animate-txt,
.panel-apps .animate-layer.lt .animate-txt{left:0;text-align:left}
.panel-apps .animate-layer.rb .animate-txt,
.panel-apps .animate-layer.rt .animate-txt{right:0;text-align:right;}
.panel-apps .animate-layer.lb .animate-txt{top:20px;}
.panel-apps .animate-layer.lt .animate-txt{bottom:100px;}
.panel-apps .animate-layer.rb .animate-txt{top:50px;right:50px;}
.panel-apps .animate-layer.rt .animate-txt{bottom:75px;right:20px;}
.panel-apps .animate-indent{text-indent:60px}
.panel-apps .animate-layer.rb .animate-indent,
.panel-apps .animate-layer.rt .animate-indent{padding-right:60px;}
.panel-apps.task .animate .pics{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.panel-apps.task .arrow-lb{left:83px;top:77px;}
.panel-apps.task .arrow-lt{left:113px;bottom:88px;-webkit-transform:rotateZ(40deg);-moz-transform:rotateZ(40deg);transform:rotateZ(40deg);}
.panel-apps.task .arrow-rt{right:146px;bottom:12px;-webkit-transform:rotateZ(-10deg);-moz-transform:rotateZ(-10deg);transform:rotateZ(-10deg);}
.panel-apps.task .arrow-rb{right:146px;top:88px;}
.panel-apps.task .animate .pics{position:absolute;top:0;left:200px;}
.panel-apps.task .animate-layer.lb,.panel-apps.task .animate-layer.rb{top:-20px;}
.panel-apps.task .animate-layer.lt,.panel-apps.task .animate-layer.rt{bottom:-20px;}
.panel-apps .ing .animate-layer.lb,.panel-apps .ing .animate-layer.rb{top:0;}
.panel-apps .ing .animate-layer.lt,.panel-apps .ing .animate-layer.rt{bottom:0;}
.panel-apps.wiki .arrow-lb{left:83px;top:77px;}
.panel-apps.wiki .arrow-lt{left:83px;bottom:145px;}
.panel-apps.wiki .arrow-rt{right:122px;bottom:-10px;}
.panel-apps.wiki .arrow-rb{right:146px;top:88px;}
.panel-apps.wiki .animate-layer.lt .arrow-lt{left:120px;bottom:140px;-webkit-transform:rotateZ(32deg);-moz-transform:rotateZ(32deg);transform:rotateZ(32deg);}
.panel-apps.wiki .animate-layer.lb .animate-txt{top:134px}
.panel-apps.wiki .animate-layer.lt .animate-txt{text-align:center;bottom:86px;}
.panel-apps.wiki .animate-layer.rt .animate-txt{right:0;bottom:10px;}
.panel-apps.wiki .animate-layer.lb .arrow-lt{bottom:auto;left:80px;top:84px;}
.panel-apps.wiki .animate-layer.lb .animate-indent{text-indent:40px;}
.panel-apps.wiki .animate-layer.rt{bottom:auto;top:0}
.panel-apps.wiki .animate .pics{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.panel-apps.wiki .animate.ing .pics{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.panel-apps.wiki .animate-layer.lb,.panel-apps.wiki .animate-layer.rb{top:-20px;}
.panel-apps.wiki .animate-layer.lt,.panel-apps.wiki .animate-layer.rt{bottom:-20px;}
.panel-apps .ing .animate-layer.lb,.panel-apps .ing .animate-layer.rb{top:0;}
.panel-apps .ing .animate-layer.lt,.panel-apps .ing .animate-layer.rt{bottom:0;}
.panel-apps.ioffice .arrow-lb{left:106px;top:96px;-webkit-transform:rotateZ(-32deg);-moz-transform:rotateZ(-32deg);transform:rotateZ(-32deg);}
.panel-apps.ioffice .arrow-lt{left:100px;bottom:70px;}
.panel-apps.ioffice .arrow-rt{right:102px;bottom:100px;}
.panel-apps.ioffice .arrow-rb{right:125px;top:86px;}
.panel-apps.ioffice .animate-layer.lb .animate-txt{top:82px;}
.panel-apps.ioffice .animate-layer.rb .animate-txt{top:58px;right:0}
.panel-apps.ioffice .animate-layer.rt .animate-txt{right:0;bottom:94px;text-align:center;}
.panel-apps.ioffice .animate .pics{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
.panel-apps.ioffice .animate.ing .pics{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.panel-apps.ioffice .animate-layer.lb,.panel-apps.ioffice .animate-layer.rb{top:-20px;}
.panel-apps.ioffice .animate-layer.lt,.panel-apps.ioffice .animate-layer.rt{bottom:-20px;}
.panel-apps .ing .animate-layer.lb,.panel-apps .ing .animate-layer.rb{top:0;}
.panel-apps .ing .animate-layer.lt,.panel-apps .ing .animate-layer.rt{bottom:0;}
/*箭头*/
.animate-arrow{background:url(../image/animate-arrow.png) no-repeat 0 0;width:190px;height:65px;display:inline-block;}
.arrow-lb{background-position:0 0}
.arrow-lt{background-position:0 -65px}
.arrow-rb{background-position:0 -130px}
.arrow-rt{background-position:0 -195px}
/*下拉菜单*/
.dropmenu{position:absolute;left:0;right:0;top:80px;border-top:#e1e1e1 solid 1px;height:159px;background-color:#fafafa;box-shadow:0 2px 1px rgba(0,0,0,0.1)}
.dropmenu span{display:block;}
.dropmenu ul{max-width:1120px;margin:0 auto;overflow:hidden;zoom:1;}
.dropmenu li{float:left;width:14.2857%;height:100px;margin:30px 0 29px;*width:16.5%;}
.dropmenu li:last-child a{border:none 0}
.dropmenu a{display:block;text-align:center;font-size:14px;border-right:#eee solid 1px;height:100px;}
.dropmenu .item-icon{height:80px;text-align:center;}
.dropmenu .item-icon i{font-size:48px;color:#3091f2;line-height:80px;}
.dropmenu .item-name{line-height:20px;}
/*弹层的样式*/
.layer-window{position:fixed;top:0;left:0;z-index:99999;overflow:auto;width:100%;height:100%;background:rgba(229,229,229,.95);}
.layer-window .wiki-detail-outer{margin:0 auto;}
.layer-window .layer-close{position:fixed;top:10px;right:24px;z-index:99;color:#444;font-size:40px;background:url(../image/icon-close.png) no-repeat -205px 0;}
.layer-window .layer-close:hover{background-position:-255px 0;}
.layer-window .layer-view a{position:fixed;top:50%;z-index:9;display:block;background:url(../image/icon-close.png) no-repeat 0 0;margin:-75px 0 0;width:60px;height:150px;color:#a6a6a6;text-align:center;font-size:60px;line-height:150px;}
.layer-window .layer-view a:hover{background-color:#b7b7b7;color:#fff;}
.layer-window .layer-view .prev{left:0;border-radius:0 2px 2px 0;background-position:12px 44px;}
.layer-window .layer-view .prev:hover{background-position:-92px 44px;}
.layer-window .layer-view .next:hover{background-position:-137px 44px;}
.layer-window .layer-view .next{right:60px;border-radius:2px 0 0 2px;background-position:-36px 44px}
.layer-window .layer-view .disable{display:none;}
.layer-window .mod-casedetail .item-hd{display:block}
/*分享区*/
.share-bar{position:relative;text-align:center;padding-top:50px}
.share-bar a{display:inline-block;vertical-align:middle;margin:0 5px;}
.share-bar a{vertical-align:middle;}
/*微信分享*/
.share-bar .panel-weixin{position:absolute;left:50%;top:-80px;margin:0 0 -80px -125px;padding:15px;width:250px;height:80px;border:1px solid #e9eaec;border-radius:2px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);opacity:0;-webkit-transform:translate(0,10px);-moz-transform:translate(0,10px);transform:translate(0,10px);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s;text-align:left;}
.share-bar .panel-weixin.open{opacity:1;z-index:999991}
.share-bar .panel-weixin h3{font-size:14px;line-height:150%}
.share-bar .panel-weixin .weixin-section{float:left;height:80px;margin-right:10px;white-space:normal;width:80px;}
.share-bar .panel-weixin .weixin-section img{max-width:100%;margin:0;}
/*响应式*/
@media screen and (max-width:1120px){
.ck-slidecolor{height:480px}
.ck-slidecolor dl{position:absolute;right:30px;margin:0 20px 0 0;}
.ck-slide .ck-slidedetail{width:1120px;}
.ck-slide ul.ck-slide-wrapper li{width:1120px;height:480px;}
.ck-slide{height:480px;}
.ck-slide .item h4{font-size:36px;}
.ck-slide .item1 .item-pic{right:60px;margin-top:-130px;width:500px;}
.ck-slide .item1 .item-pic img{max-width:100%}
.ck-slide .item1 .item-content{left:60px;margin-top:-130px;width:500px;}
.ck-slide .item2 .item-pic{right:60px;margin-top:-162px;width:500px;}
.ck-slide .item2 .item-pic img{max-width:100%}
.ck-slide .item2 .item-content{left:60px;margin-top:-130px;width:500px;}
.mod-private{max-width:inherit;}
.mod-caselist{padding:0 10px 20px;}
.mod-caselist dl{padding:20px 10px 0;}
.panel-belief h4{padding:20px 0 0;}
.panel-belief .item-inner{padding:20px 20px 0;}
.panel-belief .item-pic{display:none;}
.panel-belief .item{position:relative;margin-bottom:20px;padding:0;border-radius:3px;}
.panel-belief .item1,.panel-belief .item2,.panel-belief .item3,.panel-belief .item4,.panel-belief .item5,.panel-belief .item6{top:auto;left:auto;width:auto;}
.panel-belief .item-title{position:absolute;top:0;bottom:0;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;border-radius:0;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
.panel-cmn{padding:60px 20px;}
}
@media screen and (max-width:1024px){
.logo span{display:none;}
.aio-item{margin:30px 0 0;width:12.5%;}
.foot,.head{padding:0 10px;}
.foot,.head,.mod-cases{max-width:inherit;}
.ck-slidecolor,.ck-slide,.ck-slide .item3{height:360px}
.ck-slide .item1 .item-content,.ck-slide .item2 .item-content{left:120px;width:auto}
.ck-slide .item1 .item-content{margin-top:-100px;}
.ck-slide .item3{padding:0 120px;}
.ck-slide .item3 h4{padding-top:100px}
.ck-slide .item .item-pic,.ck-slide .item3 img{display:none;}
.mod-about{padding:20px;}
.mod-casedetail{padding:15px;}
.mod-casedetail img{border:none 0;}
.mod-caselist .item{width:33.3333%;}
.mod-casebanner{padding:0 15px;max-width:inherit;}
.panel-cmn .item-pic{max-width:500px;}
.panel-cmn .item-content{right:20px;}
.panel-cmn.opo .item-content{right:auto;left:auto;}
.panel-focus .item-pic{right:20px;}
.panel-focus .item-content{padding-left:20px;}
.cases-slide,.cases-slide ul,.cases-wrap{width:auto;}
.cases-slide-list ul{float:none;}
.cases-slide-list li a{margin:0;}
.scence-list ul{padding:20px 0 30px;}
.scence-list li{min-height:inherit;}
}
@media screen and (max-width:768px){
.header{position:static;height:auto;}
.nav{display:none;}
.nav a{margin:0 0 0 30px;}
.logo span{display:none;}
.menu{display:block;}
.footer-nav{display:none;}
.footer .tel{height:100px;line-height:100px;}
.footer .copyright{padding:15px;line-height:24px;}
.footer .copy,.footer .icp{display:none;}
.aio-icon{width:48px;height:48px;}
.aio-icon i{font-size:24px;line-height:48px;}
.solutions-tab li{padding:0 0 15px;width:33.3333%;}
.solutions-tab .current .arrow{display:none;}
.box-solutions{padding:15px;border:none 0;border-top:1px solid #e3e3e3;border-radius:0;}
.grid-banner{margin:0;}
.grid-scence{padding:0;}
.grid-caselist{padding:0;}
.grid-casebanner{padding:0;height:auto;background-position:0 0;}
.grid-caselogo,
.grid-private.ledge,
.grid-private h1,
.mod-cases h4,
.mod-scence h4,
.mod-caselogo h4,
.mod-casedetail h4,
.mod-casebanner h4,
.solutions-list .solutions-title{font-size:24px;}
.grid-private li{margin:0 0 10px;width:50%;}
.grid-private .private-txt{height:92px;}
.main-casedetail{margin:0;}
.side-casedetail{float:none;overflow:hidden;margin:0 0 15px;padding:0 0 15px;width:auto;border-bottom:#ddd solid 1px;}
.side-casedetail a{padding:5px 0 5px 10px;border:none 0;font-size:16px;}
.side-casedetail li{margin:0 0 0 30px;list-style-type:decimal;}
.side-casedetail .current a{background:0 0;}
.ck-slide{margin:0}
.ck-slidecolor,.ck-slide,.ck-slide .item3{height:360px}
.ck-slide .item1 .item-content,.ck-slide .item2 .item-content{left:80px;right:80px;width:auto}
.ck-slide .item1 .item-content{margin-top:-100px;}
.ck-slide .item3{padding:0 80px;}
.ck-slide .item3 h4{padding-top:100px}
.ck-slide .item .item-pic,.ck-slide .item3 img{display:none;}
.mod-about{padding:15px;max-width:inherit;}
.mod-about .about-logo{float:none;margin:0 0 15px;width:auto;}
.mod-about .about-txt{margin:0;font-size:16px;}
.mod-about .about-txt h4{font-weight:700;font-size:20px;}
.mod-about .about-txt dt{width:auto;}
.mod-about .about-txt dd{margin:0;}
.mod-scence h4{padding:20px;}
.mod-scence h5{font-size:18px;}
.scence-list{height:auto;background:0;text-align:center;}
.scence-list a{width:80px;height:80px;}
.scence-list ul{padding:0 0 30px;}
.scence-list .icon-clouds,.scence-list .icon-sun{display:none;}
.mod-caselogo{padding:0;}
.mod-caselogo ul{padding:20px 0 0;}
.mod-caselogo li{width:33.3333%;}
.mod-solutions{padding:20px 0 0;}
.mod-casebanner a{margin:0;}
.mod-casebanner h4{margin:10px 0 0;}
.mod-casebanner{padding:30px 15px;max-width:100%;}
.mod-caselist .item{width:50%;}
.cases-box{display:none;}
.cases-slide{padding:0 0 15px;height:auto;text-align:center;}
.cases-slide li{float:none;display:block;margin:10px 0;}
.cases-slide .next,
.cases-slide .prve,
.mod-casedetail .action-next,
.mod-casedetail .action-prve{display:none;}
.panel-use h4,
.panel-class h4,
.panel-belief h4,
.panel-client h4,
.panel-operate h4{font-size:20px;padding:20px 0 0;}
.panel-about .item-pic{padding-top:30px;}
.panel-about .item-content h4{font-size:20px;}
.panel-tab h4,
.panel-class h4,
.panel-purview h4,
.panel-share h4,
.panel-mobile h4,
.panel-find h4,
.panel-operate h4,
.panel-deploy h4,
.panel-app h4,
.panel-service h4,
.panel-cmn h4,
.panel-cmn.full h4{font-size:24px;}
.panel-use{display:none;}
.panel-app{padding:30px 0;}
.panel-app li{width:20%;}
.panel-buy{padding:30px 10px;}
.panel-buy .buy-item{width:100%;margin-bottom:20px;}
.panel-buy .buy-item.flagship{margin:0}
.panel-buy .buy-inner{margin:0 10px;}
.panel-buy .buy-title{padding-bottom:30px;font-size:24px;}
.panel-buy .buy-body{padding-bottom:20px;}
.panel-buy .buy-inner,.panel-buy .buy-body ul{height:auto;}
.panel-aio h1{font-size:24px;}
.panel-tab{padding:30px 0 10px;}
.panel-tab .item{margin-bottom:20px;}
.panel-tab .item-icon{width:68px;height:68px;}
.panel-tab .item-icon i{font-size:36px;line-height:68px;}
.panel-cmn{padding:20px;}
.panel-cmn .item-pic,
.panel-cmn.opo .item-pic{float:none;margin:0;max-width:inherit;}
.panel-cmn .item-content{position:relative;top:auto;right:auto;left:auto;margin:20px 0 0;height:auto;}
.panel-focus{padding:0 20px;}
.panel-focus img,
.panel-focus .item-pic{display:none;}
.panel-focus .item-content{height:360px;}
.panel-about .item-txt{display:none;}
.panel-about .item-inner{padding:0 20px;height:auto;}
.panel-about .item-content{margin:20px;border-radius:3px;}
.panel-about .item-content p{font-size:14px;}
.panel-banner{right:0;left:0;margin:0;width:auto;text-align:center;}
.panel-banner .item-inner{width:100%;height:auto;}
.panel-banner .item-inner h4{font-size:24px;}
.panel-banner .item-inner h5{margin-top:10px;font-size:16px;}
.panel-client h4{padding-bottom:20px;font-size:24px;}
.panel-client li{width:33.3333%;}
.panel-belief .item-txt{padding:10px 10px 10px 36px!important;font-size:14px;}
.panel-belief .item-title span{display:inline-block;height:auto;}
.panel-private{padding:0;}
.panel-private h4{padding-top:20px;}
.panel-private h1{padding:0;}
.panel-private .step{margin-top:20px;}
.panel-private .text{display:none;}
.panel-service{padding:20px 0 30px;}
.panel-service [class*=icon-]{font-size:24px;line-height:60px;}
.panel-service .item-icon{width:60px;height:60px;}
.panel-service h4{font-size:24px;}
.panel-service li{margin-top:20px;font-size:16px;}
.section-focus,
.section-focus.area,
.section-focus.topic,
.section-focus.survey,
.section-focus.leaning,
.section-private{display:flex;margin:0;height:240px;align-items:center;}
.section-focus.leaning .panel-focus{height:auto;}
.section-focus img{max-width:100%;}
.section-focus .panel-focus,
.section-focus.survey .panel-focus,
.section-focus.leaning .panel-focus{padding:0 10px!important;}
.panel-private h1,
.section-focus .panel-focus h4,
.section-focus.area .panel-focus h4,
.section-focus.survey .panel-focus h4,
.section-focus.leaning .panel-focus h4{font-size:36px;}
.section-tab.area .panel-tab .item{width:25%;}
.section-client{display:none;}
.section-focus.topic .panel-focus .item-text{display:none;}
.section-focus.topic .panel-focus img{display:block;}
.section-focus.topic, .section-focus.topic .panel-focus{height:auto;}
.section-focus.topic{padding:10px 0}
.panel-cmn h4 b{font-size:28px;width:auto;margin:0 10px 0 0}
.panel-cmn .indent{margin:0;padding:10px 0 0}
.pop-main{width:100%;height:auto;}
.pop-main img{height:auto;border:none 0;}
.pop-wrap{width:100%;}
.pop-close{right:0;}
.mod-casedetail.full{padding:0 20px 20px;}
.share-bar{display:none;}
.banner-case{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;}
.banner-case h4{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:24px;line-height:36px;padding:0 20px;-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;}
.animate-layer{display:none;}
.panel-apps.task .animate .pics,.panel-device .animate.ing img{position:static;}
.panel-apps.task,.panel-apps.wiki,.panel-apps.ioffice,.panel-device{padding:0 20px;min-height:inherit;}
.panel-apps .animate,.panel-device .animate{min-height:inherit;margin:20px 0 0}
.section-device{min-height:inherit;}
.panel-apps h1,.panel-device h1{font-size:20px;padding:20px 0 0}
.panel-apps h4,.panel-device h4{font-size:14px;padding:20px 0 0;line-height:24px;}
.panel-device .animate.ing .pic-iphone5,.panel-device .animate.ing .pic-ipad,.panel-device .animate.ing .pic-android,.panel-device .animate.ing .pic-mac-retina{display:none;}
}
@media screen and (max-width:480px){
.footer .tel{font-size:18px;}
.footer .icon-tel{display:none;}
.ck-slide{margin:0}
.ck-slidecolor,.ck-slide,.ck-slide .item3{height:240px}
.ck-slide .item1 .item-content,.ck-slide .item2 .item-content{left:80px;right:80px;width:auto;text-align:center;}
.ck-slide .item1 .item-content{margin-top:-65px;}
.ck-slide .item2 .item-content{margin-top:-65px;}
.ck-slide .item h4{font-size:24px;}
.ck-slide .item h5{display:none;}
.ck-slide .item3{padding:0 40px;}
.ck-slide .item3 h4{padding-top:70px}
.ck-slide .item3 h5{display:block;}
.ck-slide .item3 h5 span{display:none;}
.ck-slide .item .item-pic,.ck-slide .item3 img{display:none;}
.section-apply{height:100px;}
.grid-private h4{padding:15px;font-size:16px;}
.grid-private .private-txt{height:auto;font-size:16px;}
.grid-private .private-title{font-size:18px;}
.grid-casebanner{border-top:1px solid #ddd;}
.grid-private h1,
.mod-casebanner h4,
.mod-casedetail h4,
.mod-caselogo h4,
.mod-cases h4,
.mod-scence h4,
.mod-caselist dl{padding:20px 20px 0;}
.mod-caselist{padding:0 0 20px}
.mod-caselist .txt{height:auto;}
.mod-caselist .pic a{height:auto;}
.mod-caselist .item{width:100%;}
.mod-caselogo li{width:100%;}
.mod-caselogo h5{padding:0 15px;}
.mod-casedetail{margin:0;font-size:14px;}
.mod-casedetail.full{margin:0;padding:0 20px;}
.mod-casedetail.full .item-hd{border:none 0;margin:0;padding:0;}
.mod-casedetail h4{padding:20px 0 0;font-size:20px;}
.mod-casedetail .item-hd{padding:20px 0;font-size:24px;}
.mod-about .about-txt dl{margin:0;}
.mod-scence h5{font-size:14px;}
.scence-list a{width:72px;height:72px;}
.scence-list li{padding:0 0 15px;width:80px;min-height:inherit;width:33.3333%;}
.scence-list .shadow{margin:0;}
.box-solutions h4{font-size:18px;}
.box-solutions ol{margin:20px 0 20px 48px;}
.solutions-tab{text-align:center;padding:0;}
.solutions-tab li{display:inline-block;padding:0 0 15px;min-height:inherit;font-size:16px;}
.solutions-tab .current a,.solutions-tab a{display:inline-block;width:72px;height:72px;border-width:1px;}
.solutions-list .solutions-title{color:#000;font-weight:700;font-size:20px;}
.panel-app h4,
.panel-tab h4,
.panel-find h4,
.panel-class h4,
.panel-share h4,
.panel-deploy h4,
.panel-mobile h4,
.panel-operate h4,
.panel-purview h4,
.panel-service h4{font-size:20px;}
.panel-private h1,
.section-focus .panel-focus h4,
.section-focus.area .panel-focus h4,
.section-focus.leaning .panel-focus h4,
.section-focus.survey .panel-focus h4{font-size:30px;}
.section-tab.area .panel-tab .item{margin-bottom:20px;width:25%;}
.section-focus.leaning,.section-focus.survey,.section-focus.area{height:240px;}
.section-focus.leaning .panel-focus h5,.section-focus.survey .panel-focus h5,.section-focus.area .panel-focus h5{margin-bottom:0;font-size:14px;line-height:24px;}
.section-focus.base .panel-focus a,.section-focus.blog .panel-focus a{margin-bottom:0}
.section-focus.base .panel-focus .item-button,.section-focus.blog .panel-focus .item-button{display:none;}
.section-focus .panel-focus .item-tel,.section-focus.blog .panel-focus .item-count{display:none;}
.panel-focus .item-content p{font-size:14px;line-height:24px;}
.panel-tab{padding:30px 0 10px;}
.panel-tab h4{padding-bottom:20px;}
.panel-tab .item{margin-bottom:20px;width:33.3333%;}
.panel-tab .item-icon{width:48px;height:48px;border-width:1px;}
.panel-tab .item-icon i{font-size:24px;line-height:48px;}
.panel-tab .item-icon .icon-mobilenet{font-size:24px;line-height:48px;}
.panel-tab .item-title{font-size:14px;}
.panel-app,.panel-cmn{padding:20px;}
.panel-cmn h4,
.panel-cmn.full h4{margin-bottom:10px;font-size:20px;}
.panel-cmn .item-content,
.panel-cmn.opo .item-content{height:auto;}
.panel-cmn.full h5{padding:0 0 20px;font-size:14px;line-height:24px;}
.panel-cmn .item-pic,
.panel-cmn.opo .item-pic{float:none;margin:0 0 20px;}
.panel-cmn .item-content,
.panel-cmn.opo .item-content{font-size:14px;line-height:24px;text-align:center;width:auto;}
.panel-app h5{padding:20px 0;font-size:14px;line-height:24px;}
.panel-app li{width:25%;}
.panel-deploy{padding:0;}
.panel-deploy h5{font-size:14px;line-height:24px;}
.panel-deploy .item{float:none;padding:20px;width:auto;}
.panel-client{padding:0 10px;}
.panel-client li{width:50%;}
.panel-private h4{padding-top:20px;font-size:24px;}
.panel-private{padding:0;}
.panel-private .step{margin-top:20px;font-size:16px;}
.panel-private .step img{margin:0 10px;}
.panel-focus .item-pic{position:static;display:none;}
.panel-focus .item-content{display:block;height:auto;padding:0;text-align:center;}
.panel-focus .item-icon span{display:inline-block;}
.panel-buy{padding:20px 0;}
.panel-buy .buy-body ul,
.panel-buy .buy-item.flagship .buy-body ul{display:block;padding:20px 0;height:auto;}
.panel-buy .buy-item{float:none;margin-bottom:20px;width:auto;}
.panel-buy .buy-title{padding-bottom:20px;font-size:20px;}
.panel-buy .buy-inner{margin:0 20px;height:auto;}
.panel-aio{padding:20px 0;}
.panel-aio h1{font-size:24px;}
.panel-aio h4{margin:10px 20px 0;}
.panel-apply{padding:26px 0;}
.panel-about .item-pic{padding-top:20px;}
.panel-online .item-inner,.section-online{height:180px;}
.panel-online .item-tel{margin-bottom:20px;}
.panel-online .item-tel a{font-size:24px;line-height:30px;}
.panel-online .item-tel i{font-size:30px;width:30px;height:30px;line-height:30px;}
.panel-client h4,.mod-scence h4{font-size:20px;padding:20px;}
.scence-list .name{font-size:16px;}
.aio-item{margin:20px 0 0;width:33.3333%;text-align:center;}
.aio-icon{margin:0 auto;width:68px;height:68px;}
.aio-icon i{font-size:32px;line-height:68px;}
.mb-page{display:block;}
.layer-window .layer-view{display:none;}
.layer-window .layer-close{right:10px;z-index:99;}
.ck-slide .ck-slidedetail{height:240px;}
.ck-slide ul.ck-slide-wrapper li{height:240px;}
.ck-slide .ck-slidedetail.cks1{background:url(../image/banner-v9-mb.jpg) no-repeat center center;display:flex;align-items:center;}
.ck-slide .ck-slidedetail.cks1 img{display:block;}
.ck-slide .ck-prev, .ck-slide .ck-next{display:none;}
.ck-slidebox{bottom:15px;}
}
/*-----------------------------------------------------------------------------------*/
/* Buttons
/*-----------------------------------------------------------------------------------*/
.button,
.button.simple,
input[type=submit]{
-webkit-appearance: none;
margin:0;
font-size:11px;
line-height:12px;
padding:13px 35px;
display: inline;
display: inline-block;
letter-spacing: 0px;
text-transform: uppercase;
border:none;
position: relative;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-bottom:3px;
white-space: nowrap;
}
.button,
input[type=submit] {
color: #ffffff;
background-color: #43b4f9;
}
.button i {
color: inherit !important;
font-size: 14px;
line-height: inherit;
margin: 0 6px 0 0;
}
.button i.fa-left {
margin-right: 7px;
}
.button i.fa-right {
margin-left: 8px;
}
a.button:hover, input[type=submit]:hover {
color: #fff !important;
background-color: #525252;
}
a.button {
color: #fff !important;
}
.button.mini{
font-size:10px;
line-height: 11px;
padding:8px 15px;
}
.button.three_d.mini {
border-bottom: 2px solid transparent;
}
.button.small{
font-size:10px;
line-height: 11px;
padding:12px 25px;
}
.button.medium{
font-size:11px;
line-height:12px;
padding:14px 35px;
}
.button.large{
font-size:12px;
line-height:12px;
padding:17px 37px;
}
.button, .button.default {
background-color: #43b4f9;
}
.button.rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.button.gradient.white {
background-color: #f7f7f7;
background-image: linear-gradient(bottom, rgb(247,247,247) 44%, rgb(255,255,255) 90%);
background-image: -o-linear-gradient(bottom, rgb(247,247,247) 44%, rgb(255,255,255) 90%);
background-image: -moz-linear-gradient(bottom, rgb(247,247,247) 44%, rgb(255,255,255) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(247,247,247) 44%, rgb(255,255,255) 90%);
background-image: -ms-linear-gradient(bottom, rgb(247,247,247) 44%, rgb(255,255,255) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(247,247,247)),
color-stop(0.9, rgb(255,255,255))
);
}
.button.gradient.lightgray {
background-color: #e1e3e5;
background-image: linear-gradient(bottom, rgb(225,227,229) 44%, rgb(236,239,241) 90%);
background-image: -o-linear-gradient(bottom, rgb(225,227,229) 44%, rgb(236,239,241) 90%);
background-image: -moz-linear-gradient(bottom, rgb(225,227,229) 44%, rgb(236,239,241) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(225,227,229) 44%, rgb(236,239,241) 90%);
background-image: -ms-linear-gradient(bottom, rgb(225,227,229) 44%, rgb(236,239,241) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(225,227,229)),
color-stop(0.9, rgb(236,239,241))
);
}
.button.gradient.blue {
background-color: #43b4f9;
background-image: linear-gradient(bottom, rgb(52,152,219) 44%, rgb(82,173,234) 90%);
background-image: -o-linear-gradient(bottom, rgb(52,152,219) 44%, rgb(82,173,234) 90%);
background-image: -moz-linear-gradient(bottom, rgb(52,152,219) 44%, rgb(82,173,234) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(52,152,219) 44%, rgb(82,173,234) 90%);
background-image: -ms-linear-gradient(bottom, rgb(52,152,219) 44%, rgb(82,173,234) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(52,152,219)),
color-stop(0.9, rgb(82,173,234))
);
}
.button.gradient.lightgreen {
background-color: #34db8e;
background-image: linear-gradient(bottom, rgb(52,219,141) 44%, rgb(77,235,161) 90%);
background-image: -o-linear-gradient(bottom, rgb(52,219,141) 44%, rgb(77,235,161) 90%);
background-image: -moz-linear-gradient(bottom, rgb(52,219,141) 44%, rgb(77,235,161) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(52,219,141) 44%, rgb(77,235,161) 90%);
background-image: -ms-linear-gradient(bottom, rgb(52,219,141) 44%, rgb(77,235,161) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(52,219,141)),
color-stop(0.9, rgb(77,235,161))
);
}
.button.gradient.green {
background-color: #35b844;
background-image: linear-gradient(bottom, rgb(53,184,68) 44%, rgb(79,216,95) 90%);
background-image: -o-linear-gradient(bottom, rgb(53,184,68) 44%, rgb(79,216,95) 90%);
background-image: -moz-linear-gradient(bottom, rgb(53,184,68) 44%, rgb(79,216,95) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(53,184,68) 44%, rgb(79,216,95) 90%);
background-image: -ms-linear-gradient(bottom, rgb(53,184,68) 44%, rgb(79,216,95) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(53,184,68)),
color-stop(0.9, rgb(79,216,95))
);
}
.button.gradient.pink {
background-color: #db3457;
background-image: linear-gradient(bottom, rgb(219,52,88) 44%, rgb(245,92,125) 90%);
background-image: -o-linear-gradient(bottom, rgb(219,52,88) 44%, rgb(245,92,125) 90%);
background-image: -moz-linear-gradient(bottom, rgb(219,52,88) 44%, rgb(245,92,125) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(219,52,88) 44%, rgb(245,92,125) 90%);
background-image: -ms-linear-gradient(bottom, rgb(219,52,88) 44%, rgb(245,92,125) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(219,52,88)),
color-stop(0.9, rgb(245,92,125))
);
}
.button.gradient.red {
background-color: #db3434;
background-image: linear-gradient(bottom, rgb(219,52,52) 44%, rgb(242,84,84) 90%);
background-image: -o-linear-gradient(bottom, rgb(219,52,52) 44%, rgb(242,84,84) 90%);
background-image: -moz-linear-gradient(bottom, rgb(219,52,52) 44%, rgb(242,84,84) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(219,52,52) 44%, rgb(242,84,84) 90%);
background-image: -ms-linear-gradient(bottom, rgb(219,52,52) 44%, rgb(242,84,84) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(219,52,52)),
color-stop(0.9, rgb(242,84,84))
);
}
.button.gradient.orange {
background-color: #fd7800;
background-image: linear-gradient(bottom, rgb(253,118,0) 44%, rgb(252,158,69) 90%);
background-image: -o-linear-gradient(bottom, rgb(253,118,0) 44%, rgb(252,158,69) 90%);
background-image: -moz-linear-gradient(bottom, rgb(253,118,0) 44%, rgb(252,158,69) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(253,118,0) 44%, rgb(252,158,69) 90%);
background-image: -ms-linear-gradient(bottom, rgb(253,118,0) 44%, rgb(252,158,69) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(253,118,0)),
color-stop(0.9, rgb(252,158,69))
);
}
.button.gradient.yellow {
background-color: #fdae31;
background-image: linear-gradient(bottom, rgb(253,175,49) 44%, rgb(254,195,101) 90%);
background-image: -o-linear-gradient(bottom, rgb(253,175,49) 44%, rgb(254,195,101) 90%);
background-image: -moz-linear-gradient(bottom, rgb(253,175,49) 44%, rgb(254,195,101) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(253,175,49) 44%, rgb(254,195,101) 90%);
background-image: -ms-linear-gradient(bottom, rgb(253,175,49) 44%, rgb(254,195,101) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(253,175,49)),
color-stop(0.9, rgb(254,195,101))
);
}
.button.gradient.ginger {
background-color: #db7f34;
background-image: linear-gradient(bottom, rgb(219,127,52) 44%, rgb(242,153,80) 90%);
background-image: -o-linear-gradient(bottom, rgb(219,127,52) 44%, rgb(242,153,80) 90%);
background-image: -moz-linear-gradient(bottom, rgb(219,127,52) 44%, rgb(242,153,80) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(219,127,52) 44%, rgb(242,153,80) 90%);
background-image: -ms-linear-gradient(bottom, rgb(219,127,52) 44%, rgb(242,153,80) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(219,127,52)),
color-stop(0.9, rgb(242,153,80))
);
}
.button.gradient.brown {
background-color: #914e22;
background-image: linear-gradient(bottom, rgb(145,78,34) 44%, rgb(184,108,58) 90%);
background-image: -o-linear-gradient(bottom, rgb(145,78,34) 44%, rgb(184,108,58) 90%);
background-image: -moz-linear-gradient(bottom, rgb(145,78,34) 44%, rgb(184,108,58) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(145,78,34) 44%, rgb(184,108,58) 90%);
background-image: -ms-linear-gradient(bottom, rgb(145,78,34) 44%, rgb(184,108,58) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(145,78,34)),
color-stop(0.9, rgb(184,108,58))
);
}
.button.gradient.turquoise {
background-color: #34d1db;
background-image: linear-gradient(bottom, rgb(52,208,219) 44%, rgb(95,231,241) 90%);
background-image: -o-linear-gradient(bottom, rgb(52,208,219) 44%, rgb(95,231,241) 90%);
background-image: -moz-linear-gradient(bottom, rgb(52,208,219) 44%, rgb(95,231,241) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(52,208,219) 44%, rgb(95,231,241) 90%);
background-image: -ms-linear-gradient(bottom, rgb(52,208,219) 44%, rgb(95,231,241) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(52,208,219)),
color-stop(0.9, rgb(95,231,241))
);
}
.button.gradient.gray {
background-color: #b9b9b9;
background-image: linear-gradient(bottom, rgb(185,185,185) 44%, rgb(214,214,214) 90%);
background-image: -o-linear-gradient(bottom, rgb(185,185,185) 44%, rgb(214,214,214) 90%);
background-image: -moz-linear-gradient(bottom, rgb(185,185,185) 44%, rgb(214,214,214) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(185,185,185) 44%, rgb(214,214,214) 90%);
background-image: -ms-linear-gradient(bottom, rgb(185,185,185) 44%, rgb(214,214,214) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(185,185,185)),
color-stop(0.9, rgb(214,214,214))
);
}
.button.gradient.black {
background-color: #383838;
background-image: linear-gradient(bottom, rgb(56,56,56) 44%, rgb(90,90,90) 90%);
background-image: -o-linear-gradient(bottom, rgb(56,56,56) 44%, rgb(90,90,90) 90%);
background-image: -moz-linear-gradient(bottom, rgb(56,56,56) 44%, rgb(90,90,90) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(56,56,56) 44%, rgb(90,90,90) 90%);
background-image: -ms-linear-gradient(bottom, rgb(56,56,56) 44%, rgb(90,90,90) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(56,56,56)),
color-stop(0.9, rgb(90,90,90))
);
}
.button.gradient:hover {
background-color: #545454;
background-image: linear-gradient(bottom, rgb(84,84,84) 44%, rgb(100,100,100) 90%);
background-image: -o-linear-gradient(bottom, rgb(84,84,84) 44%, rgb(100,100,100) 90%);
background-image: -moz-linear-gradient(bottom, rgb(84,84,84) 44%, rgb(100,100,100) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(84,84,84) 44%, rgb(100,100,100) 90%);
background-image: -ms-linear-gradient(bottom, rgb(84,84,84) 44%, rgb(100,100,100) 90%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.44, rgb(84,84,84)),
color-stop(0.9, rgb(100,100,100))
);
}
.button.white {
background-color: #ffffff;
color: #5f6265 !important;
}
.button.lightgray {
background-color: #eceff1;
color: #5c6063 !important;
}
.button.blue {
background-color: #43b4f9;
}
.button.lightgreen {
background-color: #34db8e;
}
.button.green {
background-color: #35b844;
}
.button.pink {
background-color: #db3457;
}
.button.red {
background-color: #db3434;
}
.button.orange {
background-color: #fd7800;
}
.button.yellow {
background-color: #fdae31;
}
.button.ginger {
background-color: #db7f34;
}
.button.brown {
background-color: #914e22;
}
.button.turquoise {
background-color: #34d1db;
}
.button.gray {
background-color: #b9b9b9;
}
.button.black {
background-color: #383838;
}
.button.transparent {
background-color: none !important;
background: none !important;
border: 2px solid !important;
}
.button.transparent.mini {
border: 1px solid !important;
}
.button.transparent:hover {background: none !important;}
.button.transparent.white {
color: #ffffff !important;
}
.button.transparent.lightgray {
color: #eceff1 !important;;
}
.button.transparent.blue {
color: #43b4f9 !important;;
}
.button.transparent.lightgreen {
color: #34db8e !important;;
}
.button.transparent.green {
color: #35b844 !important;;
}
.button.transparent.pink {
color: #db3457 !important;;
}
.button.transparent.red {
color: #db3434 !important;;
}
.button.transparent.orange {
color: #fd7800 !important;;
}
.button.transparent.yellow {
color: #fdae31 !important;;
}
.button.transparent.ginger {
color: #db7f34 !important;;
}
.button.transparent.brown {
color: #914e22 !important;;
}
.button.transparent.turquoise {
color: #34d1db !important;;
}
.button.transparent.gray {
color: #b9b9b9 !important;;
}
.button.transparent.black {
color: #383838 !important;;
}
.button.three_d {
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
font-weight: 900;
display: inline;
display: inline-block;
border-bottom:3px solid transparent;
}
.button.three_d.white {
border-color: #f7f7f7;
}
.button.three_d.lightgray {
border-color: #e1e3e5;
}
.button.three_d.blue {
border-color: #2e84be;
}
.button.three_d.lightgreen {
border-color: #2dbe7b;
}
.button.three_d.green {
border-color: #2ea03b;
}
.button.three_d.pink {
border-color: #c12e4d;
}
.button.three_d.red {
border-color: #b92b2b;
}
.button.three_d.orange {
border-color: #d96701;
}
.button.three_d.yellow {
border-color: #d79224;
}
.button.three_d.ginger {
border-color: #b4682a;
}
.button.three_d.brown {
border-color: #6f3b1a;
}
.button.three_d.turquoise {
border-color: #29abb3;
}
.button.three_d.gray {
border-color: #9c9c9c;
}
.button.three_d.black {
border-color: #040404;
}
.button.three_d:hover {
border-color: #434343;
}
.button i.right {
float: right;
margin-left: 5px;
}
.button i.left {
float: left;
margin-left: 5px;
}
/* ------------------------------------------------------------------------ */
/* 26. Back-To-Top Button
/* ------------------------------------------------------------------------ */
#back-to-top1 {
position: fixed;
z-index: 1000;
bottom: 66px;
right: 20px;
display: none;
}
#back-to-top1 a {
display: block;
width: 46px;
height: 46px;
background: #353535;
-webkit-transition:0.4s all ease;
-moz-transition:0.4s all ease;
-o-transition:0.4s all ease;
transition:0.4s all ease;
-webkit-border-radius: 5px;
text-align: center;
color: #fff;
line-height: 46px;
border-radius: 5px;
}
.back-to-top i{background:url(../image/back-icon.png) 0 0 no-repeat;}