/*基础样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe {display: block;}
ul,li,dl,dt,dd,ol{list-style:none; margin:0;}
input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0}
body,button,input,select,textarea{outline-style: none;font:400 14px/1.5 "Microsoft YaHei",hei,Arial,"Lucida Grande",Verdana;}
img{max-width:100%; vertical-align:middle;}
a,a:visited{text-decoration:none;outline:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
html,body{font-family:"Microsoft YaHei",hei,Arial,"Lucida Grande",Verdana; color:#222; background:#fff; min-height:100%;}
*{box-sizing:border-box;/*transition: all 0.2s;*/}
/*通用样式*/
.conWidth{width:1200px; margin:0 auto;}
.module{padding:80px 0;}
body{font-size:16px;word-wrap: break-word;color:#5c5c5c;}
.bg_hui{background-color:#F8F9FA;}
.textCenter{text-align:center;}
.color_hui{color:#505050;}
.mainTitle{font-size:40px;font-weight:500;text-align: center;text-transform:uppercase;padding:0 0 10px 0}
.white{color:#fff!important;}
.clear{overflow:hidden; zoom:1;}
.textLeft{text-align:left!important;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
body{font-size:12px; line-height:18px;}
.conWidth{width:92%;}
.mainTitle{font-size:30px; line-height:30px;}
.module{padding:20px 0;}
}
.hea_logo{
display: block;
top: 19px;
position: relative;
width: 183px;
}
/*顶部*/
/* .topNavBox{position:relative;} */
.topNavBox .loginBtn{position:relative; top:19px;color:#fff; text-align:center; padding:0 30px; font-size:16px; display:block;background: #EE761E;border-radius: 21px;line-height: 42px;transition:all 0.4s ease-in-out;margin-left: 10px;}
.topNavBox .loginBtn:hover{opacity: 0.8;}
.topNav{position:fixed; width:100%; left:0; top:0; z-index:99;height: 80px;background: none;}
.topNavbg{background: #142043;transition:all 0.4s ease-in-out;}
.topNav.innerNav{/* background:#00d1dd; */ background:#141621; position:relative; top:0; padding:15px 0;}
.topNav img{height: 44px;}
.topNav .rightNav{float:right;}
.topNav .rightNav li{float:left; line-height:80px;text-align: center;padding: 0 24px;}
.topNav .rightNav li>a{color:#fff; font-size:16px;display: block;transition: all 0.3s ease-in-out;position: relative;}
.h80{
height: 80px;
}
/* .topNav .rightNav li:hover .subNav{display:block;} */
/* 二级菜单 */
/* .topNav .rightNav li .subNav{position:absolute; left:0px; top:80px; display:none;width: 100%;box-shadow: 0 4px 12px rgba(0,0,0,0.1);z-index: 20;text-align: center;} */
/* .topNav .rightNav li .subNav dd{white-space:nowrap; margin:0 10px; float:left;} */
/* .topNav .rightNav li .subNav dd h4{border-bottom:1px dotted #fff; font-size:16px; font-weight:bold; color:#fff; margin:0 0 5px 0;} */
/* .topNav .rightNav li .subNav dd a{display:block;background-color: #fff;line-height: 40px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;text-align: center;font-size: 14px;color: #333;}
.topNav .rightNav li .subNav dd a:hover{
background-color: #26B1FF;
color: #fff;
} */
/* 二级菜单(内页形式) */
.topNav.innerNav .rightNav li .subNav{box-shadow: 0 0 10px rgba(194,194,194,.6); background:#fff; color:#5c5c5c;}
.topNav.innerNav .rightNav li .subNav dd h4{color:#5c5c5c;}
.topNav.innerNav .rightNav li .subNav dd a{color:#5c5c5c;}
/*顶部导航-移动端*/
.topNavMobile{position:fixed; width:100%; left:0; top:0; height:50px; line-height:50px;background:#374e99; color:#fff; z-index:99; display:none;}
.topNavMobile img{width:8%; margin:0 0 0 10px;}
.topNavMobile img:first-child{
width: 67px;
}
.topNavMobile .more{float:right; margin:0 10px 0 0;}
/* .topNavMobile .moreNav ,.topNavMobile .secondMenu .secondMenu_ul ,.topNavMobile .thirdMenu .thirdMenu_ul{background:#00adef; position:absolute; right:-10px; top:50px; padding:0 10px; width:100px;}
.topNavMobile .moreNav a{display:block; color:#fff; line-height:34px; text-align:center; border-bottom:1px dashed #82dbfd;}
.topNavMobile .secondMenu{position:relative;}
.topNavMobile .secondMenu .secondMenu_ul{position:absolute; right:100px; top:0;}
.topNavMobile .secondMenu .secondMenu_ul:after{position:absolute; right:-10px; top:9px; content:""; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #00adef;}
.topNavMobile .thirdMenu{position:relative;}
.topNavMobile .thirdMenu .thirdMenu_ul{position:absolute; right:100px; top:0;}
.topNavMobile .thirdMenu .thirdMenu_ul:after{position:absolute; right:-10px; top:9px; content:""; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #00adef;} */
/* .topNavMobile .moreNav a:last-child{border:none;} */
.topNavMobile .moreNav{width:100%; background:#374e99; padding:10px 0; top:50px; left:0; box-shadow:0 3px 3px #3a3a3a; overflow:hidden; font-size:14px; position:absolute;}
.topNavMobile .moreNav a{color:#fff;}
/* .topNavMobile .moreNav dl{overflow:hidden;color:#fff; line-height:26px;}
.topNavMobile .moreNav dl dt{width:24%; text-align:right; float:left;}
.topNavMobile .moreNav dl dd{margin-left:24%;}
.topNavMobile .moreNav dl dd a{margin:0 10px;} */
.topNavMobile .moreNav .leftTab{width:30%; float:left;}
.topNavMobile .moreNav .leftTab a{display:block; padding:0 15px; line-height:22px;}
.topNavMobile .moreNav .leftTab a span{position: relative; display: inline-block; padding: 13px 0;}
.topNavMobile .moreNav .leftTab a span:after{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #f66f6a;
transform-origin: left;
transform: scaleX(0);
transition: 0.2s;
}
.topNavMobile .moreNav .leftTab a.active span:after{transform: scaleX(1);}
.topNavMobile .moreNav .rigthTabCon{margin-left:30%;}
.topNavMobile .moreNav .rigthTabCon a{display:block;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
/*头部*/
.topNav{display:none;}
.topNavMobile{display:block;}
}
/* 顶部banner区 */
.pc_banner{height:600px; color:#fff;}
/*.pc_banner .color01{background:#5f2fe1;}*/
/*.pc_banner .color02{background:#00d1dd;}*/
/*.pc_banner .color03{background:#08f;}*/
.pc_banner li{background-repeat: no-repeat !important;background-position: center !important;}
.pc_banner .color01{background:#5f2fe1;}
.pc_banner .color02{background:#00d1dd;}
.pc_banner .color03{background:#08f;}
.pc_banner .color04{background:#1746d2;}
.pc_banner .color05{background:#d7c4ac;}
.pc_banner .color06{background:#061367;}
.pc_banner .color07{background:#1f2736;}
.pc_banner .color08{background:#3e74cd;}
.pc_banner .w1200{width:1200px; height:100%; margin:0 auto; position:relative;}
.pc_banner .ban-pos{position: absolute; top: 112px; left:10px;z-index: 1;}
.pc_banner .ban-pos h2{font-size:52px;}
.pc_banner .ban-pos p{margin-top:8px; font-size:20px;}
.pc_banner .m-ban-lnks{position:absolute; bottom:60px; left:10px;}
.pc_banner .m-ban-lnks a{display:inline-block; border:1px solid #fff; border-radius:4px; padding:8px 45px 10px; margin-top:100px; color:#fff; font-size:22px; margin-right:20px; transition:background .15s linear,color .15s linear;}
.pc_banner .m-ban-lnks a:hover{background:#fff; color:#26B1FF}
.pc_banner .m-ban1-img{position:absolute; right:0; bottom:0; width:600px;}
.bannerBox{display:none;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
/* .pc_banner{display:none;} */
.bannerBox{display:none;}
.pc_banner{height:280px;}
.pc_banner .ban-pos{position:relative; padding:10% 0 15px 0; top:0; left:0;}
.pc_banner .ban-pos h2{font-size:24px;letter-spacing:0.06rem; margin-bottom:10px;}
.pc_banner .ban-pos p{font-size:12px;}
.pc_banner .w1200{width:100%; padding-top:50px; text-align:center;}
.pc_banner .m-ban-lnks{position:relative; left:0; top:0;}
.pc_banner .m-ban-lnks a{font-size:14px; padding:6px 15px; margin-top:0; margin-right:0;}
.pc_banner .m-ban1-img{display:none;}
.swiper-pagination-bullet{height:3px!important;}
}
/*适用场景*/
/* .scenesWrap{margin-top:100px;} */
.subTit{font-size:20px; color:#505050;text-align:center;}
.subTit2{font-size:24px; color:#5c5c5c;text-align:center;}
.scenesWrap ul{margin-top:30px; overflow:hidden; zoom:1;}
.scenesWrap ul li{float:left; border:1px solid #ebebeb; border-radius:15px; width:31.33%; margin:15px 1%; padding:3%; text-align:center; min-height:320px; background:#fff;}
.scenesWrap ul li img{width:64px; height:64px;}
.scenesWrap ul li b{font-size:22px; display:block; margin:8% 0;}
.scenesWrap ul li p{}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.scenesWrap{margin-top:40px;}
.subTit{font-size:16px;}
.subTit2{font-size:16px;}
.scenesWrap ul{margin-top:15px;}
.scenesWrap ul li{width:48%;min-height:230px;margin:5px 1%;}
.scenesWrap ul li b{font-size:16px;}
}
/*tab切换*/
.tabsWrap{border-top:1px solid #e7e7e7; /* margin-top:100px; */}
.tabsWrap .tabs{display:-webkit-flex; display:flex;}
.tabsWrap .tabs li{cursor:pointer; flex:1; text-align:center; border-bottom:2px solid #fff; font-size:20px; padding:20px 0;}
.tabsWrap .tabs li.cur{border-color:#3aa6fe}
.tabConWrap{background:url(../../pc/images/tabsConBg.png) left top repeat-x; padding:50px 0 0 0;}
.tabConWrap .tabCon{overflow:hidden; zoom:1;}
.tabConWrap .tabCon .leftImg{float:left; width:40%;}
.tabConWrap .tabCon .leftImg img{width:100%;}
.tabConWrap .tabCon .rightText{margin-left:42%;}
.tabConWrap .tabCon .rightText li{line-height:28px;}
.tabConWrap .tabCon .rightText .title{font-size:40px; padding:20px 0; color:#222; line-height:normal;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.tabsWrap{margin-top:30px;}
.tabsWrap .tabs li{font-size:14px;}
.tabConWrap{padding:20px 0;}
.tabConWrap .tabCon .rightText li{line-height:22px;}
.tabConWrap .tabCon .rightText .title{font-size:14px; padding:5px 0;}
}
/*数据总结复盘+权限管理*/
.dateModule{padding:80px 0; overflow:hidden; zoom:1;}
.dateModule .leftText{width:42%; float:left;}
.dateModule .leftText h3{font-size:35px; padding:40px 0;color: #333333;}
.dateModule .leftText h3+p{padding-left: 0;margin-bottom: 30px;color: #999;}
.dateModule .leftText h3+p::after{display: none;}
.dateModule .leftText p{
line-height:22px;font-size: 16px;padding-left: 10px;position: relative;margin-bottom: 15px;
}
.dateModule .leftText ul{margin-top:15px;}
.dateModule .leftText ul li{/* background:url(../../pc/images/gou.png) left 8px no-repeat; padding-left:30px; */line-height:22px;font-size: 16px;padding-left: 10px;position: relative;margin-bottom: 15px;}
.dateModule .leftText ul li::after,.dateModule .leftText p::after{
content: '';
width: 4px;
height: 4px;
background: #666666;position: absolute;left: 0;top: 9px;border-radius: 50%;
}
.dateModule .rightPic ,.dateModule .leftText.quanxianText{margin-left:50%;}
.dateModule .leftText.quanxianText{float:none; width:auto;margin-left:55%;}
.dateModule .rightPic.quanxianPic{float:left; margin:0; width:50%;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.dateModule{padding:20px 0;}
.dateModule .leftText{float:none; width:100%;}
.dateModule .leftText h3{font-size:14px; padding:10px 0;}
.dateModule .leftText ul li{line-height:22px;}
.dateModule .rightPic{margin:0; width:100%;}
.dateModule .rightPic.quanxianPic{width:100%; float:none;}
.dateModule .leftText.quanxianText{margin:0;}
}
/*社交裂变传播*/
.propagationModule{/* background:#f0f4f6; */ padding:80px 0; overflow:hidden; zoom:1;}
.propagationModule .leftBox{width:50%; float:left;}
.propagationModule .leftBox h3{font-size:40px; padding:40px 0;}
.propagationModule .leftBox p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px;}
.propagationModule .leftBox .tabsBox{margin-top:30px; overflow:hidden; zoom:1;}
.propagationModule .leftBox .tabsBox li{background:#fff; border-radius:5px; float:left; width:48%; margin:5px 2% 5px 0; padding:15px; cursor:pointer; box-shadow:0 0 10px #ddd;}
.propagationModule .leftBox .tabsBox li .icon{display:inline-block; width:31px; height:31px; background-repeat:no-repeat;}
.propagationModule .leftBox .tabsBox li .icon01{background-image:url(../../pc/images/tabsIcon01.png);}
.propagationModule .leftBox .tabsBox li .icon02{background-image:url(../../pc/images/tabsIcon02.png);}
.propagationModule .leftBox .tabsBox li .icon03{background-image:url(../../pc/images/tabsIcon03.png);}
.propagationModule .leftBox .tabsBox li .icon04{background-image:url(../../pc/images/tabsIcon04.png);}
.propagationModule .leftBox .tabsBox li h4{font-size:24px;}
.propagationModule .leftBox .tabsBox li:hover ,.propagationModule .leftBox .tabsBox li.cur{
color:#fff;
background: -webkit-linear-gradient(left, #3aa7fe , #49ddff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #3aa7fe, #49ddff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #3aa7fe, #49ddff); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #3aa7fe , #49ddff); /* 标准的语法（必须放在最后） */}
.propagationModule .leftBox .tabsBox li:hover p,.propagationModule .leftBox .tabsBox li.cur p{color:#fff;}
.propagationModule .leftBox .tabsBox li:hover .icon01,.propagationModule .leftBox .tabsBox li.cur .icon01{background-image:url(../../pc/images/tabsIcon01_cur.png);}
.propagationModule .leftBox .tabsBox li:hover .icon02,.propagationModule .leftBox .tabsBox li.cur .icon02{background-image:url(../../pc/images/tabsIcon02_cur.png);}
.propagationModule .leftBox .tabsBox li:hover .icon03,.propagationModule .leftBox .tabsBox li.cur .icon03{background-image:url(../../pc/images/tabsIcon03_cur.png);}
.propagationModule .leftBox .tabsBox li:hover .icon04,.propagationModule .leftBox .tabsBox li.cur .icon04{background-image:url(../../pc/images/tabsIcon04_cur.png);}
.propagationModule .rightPic{margin-left:52%;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.propagationModule{padding:20px 0;}
.propagationModule .leftBox{width:100%; float:none;}
.propagationModule .leftBox h3{font-size:14px; padding:10px 0;}
.propagationModule .leftBox p{height:35px;}
.propagationModule .leftBox .tabsBox{margin-top:0;}
.propagationModule .leftBox .tabsBox li{padding:8px;}
.propagationModule .leftBox .tabsBox li .icon{width:20px; height:20px; background-size:100% 100%;}
.propagationModule .leftBox .tabsBox li h4{font-size:14px;}
.propagationModule .rightPic{margin:0;}
}
/*Advance Features*/
.advanceFeatures{/* background:#f0f4f6; */ padding:80px 0;}
.featuresList{overflow:hidden; zoom:1; margin-top:40px;}
.featuresList li{float:left; width:29.33%; margin:0 2%; text-align:center;}
.featuresList li img{width:84px; height:84px;}
.featuresList li b{font-size:20px; display:inline-block; margin:20px 0;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.advanceFeatures{padding:40px 0;}
.featuresList li img{width:50%; height:auto;}
.featuresList li b{font-size:14px;}
}
/*Number*/
.numberModule{padding:80px 0;}
.numberList{width:80%; overflow:hidden; zoom:1; margin:40px auto;}
.numberList li{margin:0 2%; width:29.33%; float:left; text-align:center;}
.numberList li .number{color:#EE761E; font-size:42px;}
.logoList{width:80%; overflow:hidden; zoom:1; margin:0 auto; text-align:center;}
.logoList img{width:20%; margin:15px 2%;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.numberModule{padding:40px 0;}
.numberList{width:100%; margin:20px 0;}
.numberList li .number{font-size:24px;}
.logoList{width:100%;}
}
/* 合作伙伴 */
.aboutWrap{box-shadow: 0 0 6px rgba(0,0,0,0.2); width:99%; margin:40px auto;}
.aboutWrap .aboutImg{float:left; width:47%;}
.aboutWrap .aboutText{margin-left:47%; padding:20px 20px 0 20px; font-size:14px;}
.aboutWrap .aboutText p{line-height:28px; text-indent:2em;}
.fz0 {
font-size: 0;
}
/* 合作伙伴——扶持计划 */
.help-plans-items{margin:20px auto 40px auto;}
.help-plans-items li{
display:inline-block;
margin-right:1%;
margin-bottom:10px;
width:24%;
height:179px;
vertical-align:top;
color:#fff;
}
.help-plans-items li:nth-child(4n){
/* margin-right:0; */
}
.help-plans-items li:nth-child(1){}
.help-plans-items li:nth-child(2){}
.help-plans-items li:nth-child(3){}
.help-plans-items li:nth-child(4){}
.help-plans-items li:nth-child(5){}
.help-plans-items li:nth-child(6){}
.help-plans-items li:nth-child(7){}
.help-plans-items li:nth-child(8){}
.help-plans-items li:hover .front{
display:none;
}
.help-plans-items li:hover .reverse{
display:inline-block;
}
.help-plans-items li .front{
width:100%;
height:100%;
background:#668cff;
text-align:center;
}
.help-plans-items li .front i{
display:inline-block;
margin-top:50px;
margin-bottom:20px;
font-size:40px;
color:#3aa6fe;
}
.help-plans-items li .front p{
font-size: 16px;
}
.help-plans-items li .reverse{
display:none;
padding:30px 20px 10px;
background:#fff;
border: 1px solid #3aa6fe;
height:100%;
box-sizing:border-box;
}
.help-plans-items li .reverse h4{
border-bottom:1px solid #EDEDED;
}
.help-plans-items li .reverse h4 i{
margin-right:6px;
font-size:22px;
color:#3aa6fe;
vertical-align:middle;
}
.help-plans-items li .reverse h4 span{
font-size: 16px;
color: #383D41;
vertical-align:middle;
}
.help-plans-items li .reverse p{
font-size: 14px;
color: #383D41;
line-height: 24px;
}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.help-plans-items{margin:10px auto;}
.help-plans-items li{width:49%; margin-right:2%; overflow:hidden;}
.help-plans-items li:nth-child(2n){margin-right:0;}
.help-plans-items li .reverse{padding:10px;}
.help-plans-items li .reverse h4{padding-bottom:10px; margin-bottom:5px;}
.help-plans-items li .reverse p{font-size:12px; line-height:22px;}
}
/* 合作伙伴——六大产品体系 */
.six-systems-items{width:99%; margin:0 auto;}
.six-systems-items li{
display:inline-block;
margin:20px 1% 0 1%;
width:31.33%;
height:255px;
background:#fff;
vertical-align: top;
box-shadow:0 0 4px 1px rgba(0,0,0,.1);
}
.six-systems-items li:hover div{
border-color:#3aa6fe;
}
.six-systems-items li:hover h4{
background:#3aa6fe;
}
.six-systems-items li:hover h4 .iconfont,.six-systems-items li:hover h4 span{
color:#fff;
}
.six-systems-items li:nth-child(3n){
/* margin-right:0; */
}
.six-systems-items li h4{
height:70px;
line-height: 70px;
text-align:center;
background:#E5E9EA;
}
.six-systems-items li h4 i.iconfont{
font-size:20px;
color:#383D41;
vertical-align:middle;
}
.six-systems-items li h4 span{
margin-left:10px;
font-size:16px;
color: #383D41;
vertical-align:middle;
}
.six-systems-items li div{
padding:0 12px;
height:185px;
background:#fff;
border:1px solid transparent;
box-sizing:border-box;
}
.six-systems-items li div p{
position:relative;
padding-left:20px;
line-height:46px;
border-bottom:1px solid #e5e5e5;
font-size:14px;
display:block;
color:#5c5c5c;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.six-systems-items li div p:before{
content:"";
position:absolute;
left:6px;
top:20px;
width:5px;
height:5px;
background:#9b9b9b;
border-radius:100%;
}
.six-systems-items li div p:nth-child(4){
border-bottom:0;
}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.six-systems-items li{width:48%; height:235px; margin:10px 1% 0 1%;}
.six-systems-items li h4{height:50px; line-height:50px;}
.six-systems-items li div p{line-height:38px; font-size:12px;}
}
/*问答+联系*/
.questionWrap{/* background:url(../../pc/images/questionBG.png) center top repeat-y; */ padding:60px 0;}
/*问答*/
.questionList{width:43%;float:left;}
.questionList ul{margin-top:40px;}
.questionList ul li{border-bottom:1px solid #dbdbdb; padding:20px 0; cursor:pointer;}
.questionList ul li.cur{border-color:#f4faff;}
.questionList ul li.cur .answer{display:block;}
.questionList ul li .question{background:url(../../pc/images/icon_wenhao.png) left center no-repeat; padding-left:30px;}
.questionList ul li .answer{margin-top:20px; padding-top:20px; border-top:1px solid #3eb4fe; position:relative; display:none;}
.triangle_border_up{
width:0;
height:0;
border-width:0 10px 10px;
border-style:solid;
border-color:transparent transparent #3eb4fe;/*透明 透明 蓝*/
position:absolute;
left:5%;
top:-10px;
}
.triangle_border_up span{
display:block;
width:0;
height:0;
border-width:0 9px 9px;
border-style:solid;
border-color:transparent transparent #f4faff;/*透明 透明 底色*/
position:absolute;
top:1px;
left:-9px;
}
/*联系*/
.contact{margin-left:54%;}
.contactForm{margin:10px 0 40px 0;}
.contactForm .inputText ,.contactForm .textarea{border:1px solid #dbdbdb; width:100%; padding:10px; margin-bottom:15px;}
.contactForm .btn{border:none; cursor:pointer; padding:0 40px; height:45px; line-height:45px; border-radius:25px; color:#fff;
background: -webkit-linear-gradient(left, #3aa7fe , #49ddff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #3aa7fe, #49ddff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #3aa7fe, #49ddff); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #3aa7fe , #49ddff); /* 标准的语法（必须放在最后） */}
.address{}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.questionWrap{padding:40px 0; background:#f4faff;}
.questionList{width:100%; float:none; }
.questionList ul{margin-top:10px;}
.contact{width:100%; margin-left:0; padding-top:30px;}
}
/*底部*/
.footer{padding:15px 0; overflow:hidden; zoom:1;}
.footer img{width:127px; height:56px;}
.footer .rightNav{float:right;margin-top:18px;}
.footer .rightNav a{color:#505050; font-size:14px; display:inline-block; margin:0 20px;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.footer{display:none;}
.nm-foot{display:none;}
/*.footer img{width:20%; height:auto;}
.footer .rightNav a{font-size:12px; margin:0 5px 0 0;}*/
}
.nm-foot{background-color:#141621; padding-top:50px; overflow:hidden; color:#fff;}
.nm-foot img{width:auto;}
.g-box{width:1200px; height:100%;margin:0 auto;}
.clear{*zoom:1;}
.clear:before, .clear:after{display: table;line-height: 0; content: "";}
.clear:after{clear:both;}
.f-fl{float:left;}
.s-fc-gy2{color:#4f505e;}
.miitbeian{color:#595961;}
.s-fs12{font-size:12px;}
.s-fs24{font-size:24px;}
.g-mt14{margin-top:14px;}
.g-ml24{margin-left:24px;}
.g-mt30{margin-top: 30px;}
.g-tac{text-align:center;}
.m-ft-tt, .m-ft-mu>li.m-ft-tt{font-size:14px; color:#fff; margin-bottom:20px;line-height:24px;}
.m-ft-qq{border:1px solid #4c4e59; padding:4px 10px; font-size:12px; color:#fff;}
.m-ft-qq:hover{background:#fff; color:#000;}
.nm-ft-menu{overflow:hidden;}
.nm-ft-mu{display:inline-block; margin-left:40px; vertical-align:top;}
.nm-ft-mu>dd{float:left; overflow:hidden;}
.nm-ft-tt1{line-height:24px; padding-bottom:10px; width:270px; border-bottom:1px solid #252731;}
.nm-ft-tt2{line-height: 24px; padding-bottom: 10px; border-bottom: 1px solid #252731;}
.nm-ft-list{padding-top:12px; float:left; width:110px;}
.nm-ft-list-first{width:90px;}
.nm-ft-list>li{padding:5px 0;}
.nm-ft-list li a{display:block; font-size: 12px; color: #787b92; letter-spacing: 0; line-height: 20px;}
.nm-ft-list li a:hover{color:#fff;}
.m-ft-wf{display: inline-block;font-size: 12px; line-height: 1.6;}
.m-ft-wf p{line-height: 20px; margin-top: 15px;}
.m-ft-jinsai{display: block;margin-top: 10px; font-size: 12px; letter-spacing: 0; line-height: 20px; cursor: pointer;}
.nm-ft-nav-box{margin-top: 22px; height: 60px; border-top: 1px solid #252731; border-bottom: 1px solid #252731;}
.nvm-ft-nav{overflow: hidden;}
.nvm-ft-nav li{float: left;margin-right:70px;}
.nvm-ft-nav li a{font-size:12px; height:60px; line-height:60px; display:block; color:#4f505e;}
.nvm-ft-nav li a:hover{color:#fff;}
.nvm-ft-nav .nvm-ft-nav-solut{color:#cbcde0; font-weight:700;}
.nvm-ft-nav .nvm-ft-nav-last{margin-right: 0;}
/* 首页_一行三列模式 */
.picThree{overflow:hidden; zoom:1;}
.picThree li{width:31.33%; margin:10px 1%; float:left; background-color:#fff;}
.picThree li .img{width:100%; height:240px; overflow:hidden; text-align:center;}
.picThree li .img img{max-width:100%; max-height:100%;}
.picThree li .text{padding:15px;}
/* 内页——精选案例_筛选条件 */
.filter__nav{padding:25px 35px 8px; background:#fff; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);margin:20px 0 30px 0; }
.filter__nav-item{display: block; }
.filter__nav-tags{display: block; padding-left: 100px; }
.filter__nav-tags:before, .filter__nav-tags:after{content: " "; display: table; }
.filter__nav-tags:after{clear: both; }
.filter__nav-label{display: inline-block; float: left; width: 100px; }
.filter__nav-label:before, .filter__nav-label:after{ content: " "; display: table; }
.filter__nav-label:after{clear: both; }
.filter__nav-link{float: left; margin-right: 40px; position: relative; border-bottom: 2px solid transparent; padding: 5px 0; transition: all .1s; font-size: 14px; white-space: nowrap; margin-bottom: 17px; color: #000; }
.filter__nav-link.active, .filter__nav-link:hover{border-color: #CD2831; }
.filter__subblock{display: block; background: #f6f6f6; margin-left: 100px; }
.filter__subblock-item{overflow: hidden; display: none; padding: 10px; padding-bottom: 0; }
.filter__subblock-item.active{display: block; }
/* 内页——精选案例_列表 */
.caseList{ overflow:hidden; padding:10px 0;}
.caseList li{width:23%; margin:0 1% 25px 1%; height:288px; float:left; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.caseList li .caseImg{width:100%; height:156px; overflow:hidden; text-align:center;}
.caseList li .caseImg img{max-width:100%; max-height:100%;}
.caseList li .caseText{padding:15px;}
.caseList li .caseText .caseTitle{color:#000; line-height:23px; font-weight:400; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:44px; white-space:normal;}
.caseList li .caseText .caseTags{margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#9b9b9b; line-height:16px;}
.caseList li .caseText .caseTags span{display:inline-block; margin-right:10px;}
.caseList li .caseText .caseMore{color:#3aa6fe; display:inline-block; margin-top:12px; font-size:12px;}
.caseList li .caseText .caseMore i{ vertical-align: middle;
margin-left: 2px;
width: 14px;
height: 14px;
display: inline-block;
transition: all .5s;
background: url(../../pc/images/arrow.png) no-repeat 50%;
}
.caseList li .caseText .caseMore:hover i{background-image: url(../../pc/images/arrow_cur.png); }
/* 内页——知识库——搜索框 */
.searchWrap{width:100%; margin:20px auto; height:50px;}
.searchWrap .inputText{background:#fff; padding:0 15px; line-height:48px; float:left; width:85%; border:1px solid #ccc; border-right:none;}
.searchWrap .searchBtn{float:left; width:15%; height:50px; line-height:50px; color:#fff; background:#03a9f4; border:none; cursor:pointer;}
.knowledgeBaseCon{overflow:hidden; margin-top:40px;}
.knowledgeBaseCon .leftCon{float:left; width:65%;}
.knowledgeBaseCon .leftCon li{padding:15px 0; border-bottom:1px solid #dfe4e6; position:relative;}
.knowledgeBaseCon .leftCon li h5{display:inline-block; font-size:18px; line-height:20px; padding:0 90px 0 0;}
.knowledgeBaseCon .leftCon li h5 a{color: inherit;}
.knowledgeBaseCon .leftCon li .viewNumb{position:absolute; right:0; top:15px; background:#ededed; padding:3px 8px; border-radius:3px; display:inline-block; line-height:20px;}
.knowledgeBaseCon .rightCon{margin-left:69%;}
.knowledgeBaseCon .rightCon .list{background:#f5f8fa; margin-bottom:20px; padding:25px;}
.knowledgeBaseCon .rightCon .list h4{color:#1a1a1a; font-size:18px; margin-bottom:20px;}
.knowledgeBaseCon .rightCon .list ul li{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e5e7e9; background:url(../../pc/images/icon_wenjian.png) left center no-repeat; padding:5px 0 5px 20px; font-size:14px;}
.knowledgeBaseCon .rightCon .list ul li a{color: inherit;}
/* 详情页 */
.detailsPage{}
.to-breakcrumb{padding:30px 0; font-size:12px;}
.to-breakcrumb a{color:#337ab7}
.to-breakcrumb a:hover{color:#154772;}
.detailsPage .leftCon{float:left; width:65%; margin-bottom:40px;}
.detailsPage .leftCon h3{font-size: 30px;}
.detailsPage .leftCon .to-extra{font-size: 12px; color: #666;padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.detailsPage .leftCon .to-extra span{margin-right: 20px;}
.detailsPage .leftCon .textCon{font-size:14px;}
.detailsPage .leftCon .textCon p{padding-top:10px; line-height:26px;}
.detailsPage .rightCon{margin-left:70%; margin-bottom:40px;}
.detailsPage .rightCon .hotlists{margin-top:15px; margin-bottom:30px;}
.detailsPage .rightCon .hotlists .hotlists-header{position: relative;}
.detailsPage .rightCon .hotlists .hotlists-header span{font-size: 20px; color: #333; display: block;padding-bottom: 5px;border-bottom: 2px solid #d8d8d8;}
.detailsPage .rightCon .hotlists .hotlists-header span:after{content: ""; display: block; position: absolute; width: 82px; bottom:0; height:3px; background-color: #0aa1e5;}
.detailsPage .rightCon .hotlists .hotlists-title{margin-top:20px;}
.detailsPage .rightCon .hotlists .hot-article-tags{font-size:0;}
.detailsPage .rightCon .hotlists .hot-article-tag{display:inline-block; margin-right: 5px; height: 32px; padding: 5px 14px; border:1px solid #d8d8d8; vertical-align:middle; -webkit-transition: all .5s; transition: all .5s; font-size:14px; color:#000; margin-bottom:5px;}
.detailsPage .rightCon .hotlists .hot-article-tag:hover{border-color:#0aa1e5;color:#0aa1e5}
.detailsPage .rightCon .hotlists .hot-article-tag.active{background: #0aa1e5; border-color: #0aa1e5; color: #fff;}
.detailsPage .rightCon .hotlists .hotlists-title ul li{height:40px; font-size:12px;}
.hotlists-title ul li a {color:#337ab7; display:block; text-decoration:none; height:40px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotlists-title ul li span {
display: block;
width: 26px;
height: 26px;
float: left;
line-height: 26px;
margin-top: 7px;
margin-right: 10px;
color: #fff;
text-align: center;
border-radius: 50%;
background-color: #b4b4b4;
}
.hotlists-title ul li:first-child span{background-color: #fc3900;}
.hotlists-title ul li:nth-child(2) span{background-color: #ffa900;}
.hotlists-title ul li:nth-child(3) span{background-color: #00cbff;}
/* 图片展示 */
.showPic_four{overflow:hidden;}
.showPic_four li{width:25%; padding:10px 1%; float:left;}
/* 右侧浮动 */
.rightFixed{position:fixed; width:115px; height:auto; right:15px; top:250px; z-index:800;}
.rightFixed li{width:115px; height:auto; /* max-height:234px; */}
.rightFixed li .fixed-phone{width:100%; text-align:center; font-size:14px; font-weight:bold; color:#fff; position:absolute; top:150px; left:0;}
.rightFixed li .fixed-wx{width:100%; /* height:31px; position:absolute; top:183px; left:0; cursor:pointer; */background:#2083ff; padding:5px;}
/* .rightFixed li .fixed-wx-erweima{width:120px; height:120px; background:#fff; position:absolute; left:-120px; top:-73px; display:none;}
.rightFixed li .fixed-wx:hover .fixed-wx-erweima{display:block;} */
.rightFixed li .fixed-close{cursor:pointer; width:20px;height:20px; position:absolute; right:0; top:0;}
#icon_top{display: none;}
/*移动端样式*/
@media only screen and (max-width:768px ) {
.rightFixed{display:none;}
}
/* 页码 */
#pagelist{width:100%; text-align:right; font-size:12px;}
#pagelist a{border:1px solid #e3e2e5; display:inline-block; margin:0 5px; height:28px; line-height:28px; color:#7e7b84; padding:0 10px; text-align:center; background:#fff;}
#pagelist .active{color:#FFF; background:#2589ff; display:inline-block; margin:0 5px; height:28px; line-height:28px; padding:0 10px; text-align:center;}
/* 经典案例 */
.classicCaseWrap{background:#fff; padding:15px;}
.classicCaseTabs{border-bottom:1px solid #EFEFEF; overflow: hidden; position:relative; padding:0 50px 10px 20px;}
.classicCaseTabs a{color:#555; padding:20px 0 10px 0; margin:0 20px 0 0; float:left; font-size:14px;}
.classicCaseTabs a.active{color:#3aa6fe; border-bottom: 2px solid #3aa6fe;}
.classicCaseTabs a:hover{color:#3aa6fe}
.classicCaseTabs a.cur{color:#3aa6fe; border-bottom: 2px solid #3aa6fe;}
.classicCaseTabs .rtArrow{position:absolute; right:20px; top:18px; cursor:pointer;}
.classicCaseTabs .rtArrow .user-arrow {width:12px;}
.rotate{
transform-origin:center center;
/* 旋转中心要是正中间 才行 */
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transition: transform 0.2s;
/* 过度时间 可调 */
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
.rotate1{
transform-origin:center center;
transform: rotate(0deg);
/* 返回原点 */
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
/* 下拉展示 */
.zhedie{position:absolute; width:1170px; z-index: 10; background-color: #F7F8FA;}
.zhedie ul{overflow:hidden;}
.zhedie ul li{float:left; width:16%; margin:10px 2%; text-align:center;}
.zhedie ul li a{color:#555; font-size:12px;}
.zhedie ul li a:hover{color:#3aa6fe}
/* 云市场 */
.cloudMarket{padding:30px 0;}
.view-category-list {font-size: 14px; margin-bottom: 16px; padding: 20px 20px 1px; color: #7d7d7d; background: #f6f6f6}
.view-category-list > li {margin-bottom: 16px; padding-left: 50px; overflow:hidden;}
.view-category-list > li > div {float: left; margin-left: -50px; padding-top: 1px; color: #b1b0b0}
.view-category-list > li li {float: left; margin-right: 10px}
.view-category-list > li li a {
display: block;
padding: 1px 9px;
color: #5c5c5c;
border-radius: 2px
}
.event-vertical-list li .apply .name, .event-vertical-list-new li .apply .name {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
*zoom: 1
}
.view-category-list > li li a:active, .view-category-list > li li a:focus, .view-category-list > li li a:hover {
text-decoration: none;
color: #fff;
background: #3aa6fe
}
/**/
.view-category-list > li li a.active, .view-category-list > li li a:focus, .view-category-list > li li a:hover {
text-decoration: none;
color: #fff;
background: #3aa6fe
}
/**/
.view-category-list > li li.active .btn, .view-category-list > li li.active a {
cursor: default;
color: #fff;
background: #3aa6fe
}
.view-category-list > li li.active .btn, .view-category-picker .datepicker-days td {
cursor: pointer
}
.view-category-list .btn-link {
color: #5c5c5c
}
.view-category-list .btn-link:active, .view-category-list .btn-link:focus, .view-category-list .btn-link:hover {
text-decoration: none;
color: #fff;
background: #3aa6fe
}
/* 排序 */
.px_nav{font-size: 14px; margin: 0 0 30px 0; color: #b1b0b0}
.px_nav a{color:#b1b0b0; display:inline-block; border:1px solid transparent; padding:5px 10px;border-color:#dedede;}
.px_nav a.active{border-color:#3aa6fe; background:#3aa6fe; color:#fff;}
/* 列表区域 */
.word-limit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cloudMarketList{overflow:hidden;}
.cloudMarketList .leftBox{width:65%; float:left;}
.cloudMarketList .leftBox li{position:relative; margin-bottom:30px; padding-right:15px; border: 1px solid #dfdede; overflow:hidden;}
.cloudMarketList .leftBox li:hover{border-color:#3aa6fe;}
.cloudMarketList .leftBox li .imgBox{float:left; width:30%;}
.cloudMarketList .leftBox li .imgBox img{width:100%;}
.cloudMarketList .leftBox li .rtText{margin-left:34%;color:#b1b0b0;}
.cloudMarketList .leftBox li .rtText h5{font-size:16px; color:#383D41; padding:15px 0;}
.icon-place ,.icon-time{width:13px; background-image:url(../../pc/images/icons.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; margin-right:5px;}
.cloudMarketList .leftBox li .rtText p{padding:0 0 5px 0}
.bbx-raty{margin-left:15px; display:inline-block;}
.bbx-raty img{width:16px; vertical-align:middle;}
.cloudMarketList .leftBox li .rtText .icon-place{background-position:0 0; height:13px;}
.cloudMarketList .leftBox li .rtText .icon-time{background-position:0 -18px; height:16px;}
.cloudMarketList .leftBox li .rtText .lx_btn{background:#3aa6fe; color:#fff; padding:5px 10px; position:absolute; right:15px; bottom:10px;}
.cloudMarketList .leftBox li .rtText .lx_btn:hover{background:#57b4ff;}
.cloudMarketList .rightBox{margin-left:70%;}
.cloudMarketList .rightBox img{width:100%;}
/* 云市场——详情 */
.cloudMarketDetail{}
.jumbotron{padding:25px; box-shadow:0 0 12px 0 rgba(0,0,0,0.06); border:1px solid #eee; border-radius:8px; position:relative; margin:30px 0; min-height:277px;}
.jumbotron .imgBox{width:456px; height:270px; margin-top:-58px; margin-left:-58px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius:8px; overflow:hidden; float:left;}
.jumbotronRight{margin-left:430px;}
.jumbotronRight h6{font-size:24px; color:#000; line-height:1.3; overflow:hidden; max-height:62px; margin-bottom:10px;}
.jumbotronRight p{padding:5px 0;}
.jumbotron .shareBox{position:absolute; right:15px; bottom:20px;}
.cloudMarketDetailCon{overflow:hidden; padding-bottom:30px;}
.cloudMarketDetailCon .leftBox{width:65%; float:left; padding:25px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06); border:1px solid #eee; border-radius:8px;}
.cloudMarketDetailCon .rightBox{margin-left:70%;}