font*/ @font-face{ font-family:"HanHeiSC"; font-style:normal; font-weight:normal; src:url("../fonts/HanHei-SC-thin.woff"); } @font-face{ font-family:"RamaGothicEW01-SemiBold"; font-style:normal; font-weight:normal; src:url("../fonts/Rama-Gothic-E-W01-SemiBold.ttf"); } html,body{width:100%;height:100%;*overflow:hidden;z-index:1;} html, body{font-family:"HanHeiSC","Microsoft YaHei","微软雅黑","Open Sans",sans-serif,"STXihei","华文细黑","Myriad Set Pro","Helvetica Neue","Helvetica","Arial","lato","PingFang SC","STHeitiSC-Light";} h1,h2,h3,h4,h5,h6{font-weight:normal;} ul{padding:0;margin:0;} a{outline:none;text-decoration:none;outline:none;} a:hover{text-decoration:none;} ul,ol,li{list-style: none;} img{max-width: 100%;} body .geetest_wind.geetest_panel{z-index:2147483649!important} #newBridge{z-index:99999!important;} /*Firefox table*/ @-moz-document url-prefix() { fieldset { display: table-cell; } } .float-left{ float: left; } .float-right{ float: right; } .position-r{position:relative;z-index:1;} .ml5{margin-left:5px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .mr5{margin-right:5px;} .mr15{margin-right:15px;} .mt15{margin-top:15px;} .mb5{margin-bottom:5px;} .mb10{margin-bottom:10px;} .mb15{margin-bottom:15px;} .pd10{padding:10px 0;} .pd20{padding:20px 0;} .pd30{padding:30px 0;} .pd50{padding:50px 0;} .pd80{padding:80px 0;} .pd100{padding:100px 0;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt50{padding-top:50px;} .pt80{padding-top:80px;} .pt100{padding-top:100px;} .color-0{color: #000;} .color-3{color: #333;} .color-6{color: #666;} .color-9{color: #999;} .color-a{color: #aaa;} .color-b{color: #bbb;} .color-c{color: #ccc;} .color-d{color: #ddd;} .color-e{color: #eee;} .color-f{color: #fff;} .gray{color:#999;} .red{color:#e00;} .bgff{background:#fff;} .bgfe{background:#fcfcfc;} .bgf9{background:#f9f9f9;} .bgf5{background:#f5f5f5;} .bgf0{background:#F0F0F0;} .bg-jyl{background:-moz-linear-gradient(top, #00BDBD, #00D9D9); background:-webkit-linear-gradient(top, #00BDBD, #00D9D9); background:-o-linear-gradient(top, #00BDBD, #00D9D9); } .border-color-f{border-color:#fff;color:#fff;transition:all 0.5s ease 0.1s;} .border-color-f:hover{background-color:#fff;color:#666;} .border-color-0{border-color:#000;color:#000;transition:all 0.5s ease 0.1s;} .border-color-0:hover{background-color:#000;color:#fff;} .border-color-3{border-color:#333;color:#333;transition:all 0.5s ease 0.1s;} .border-color-3:hover{background-color:#333;color:#fff;} .border-color-6{border-color:#666;color:#666;transition:all 0.5s ease 0.1s;} .border-color-6:hover{background-color:#666;color:#fff;} .border-color-9{border-color:#999;color:#999;transition:all 0.5s ease 0.1s;} .border-color-9:hover{background-color:#999;color:#fff;} .border-color-jkk{border-color:#54BF8B;color:#54BF8B;transition:all 0.5s ease 0.1s;} .border-color-jkk:hover{background-color:#54BF8B;color: #fff;} .border-color-pmk{border-color:#66AE3D;color:#66AE3D;transition:all 0.5s ease 0.1s;} .border-color-pmk:hover{background-color:#66AE3D;color: #fff;} .border-color-jdh{border-color:#F7B500;color:#F7B500;transition:all 0.5s ease 0.1s;} .border-color-jdh:hover{background-color:#F7B500;color: #fff;} .apply-btn-lg{padding: 10px 50px;font-size: 18px;margin-top:30px;} .btn-default{background-image:linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);background-repeat: repeat-x;border-color: #ccc;text-shadow: 0 1px 0 #fff;} /*判断浏览器版本过低代码*/ #browser_ie {background:#000;color:#fff;position:absolute;left:0;top:0;width:100%;z-index:10001;display:none;} #browser_ie .brower_info {text-align: center;} #browser_ie .brower_info .notice_info {margin-top:5px;text-align: center;} #browser_ie .brower_info .notice_info p{text-align:center;line-height:25px;display:inline-block;} #browser_ie .browser_list{text-align:center;} #browser_ie .browser_list img{width:40px;height:40px;} #browser_ie .browser_list span{text-align:center;width:80px;display:inline-block;color:#ccc;} #browser_ie .browser_list span a{color:#ccc;line-height:40px;} #ieTipsBox{position:fixed;bottom:0;left:0;width:100%;background-color:#333;font-size:18px;text-align:center;z-index:9999;line-height:1.2;} #ieTipsBox a{display:block;padding:15px;} #ieTipsBox span{color:#FFF;} #ieTipsBox i{font-style:normal;display:inline-block;} #ieTipsBox:hover i{text-decoration:underline;} /* font-color */ .font-color, .font-color-a a, .font-color-hover-a:hover a, .font-color-a-hover a:hover, .font-color-hover:hover, .font-color-before:before, .font-color-hover-before:hover:before, .font-color-after:after, .font-color-hover-after:hover:after{ color: #2A85FD !important;} /* border-color */ .border-color, .border-color-a a, .border-color-hover-a:hover a, .border-color-a-hover a:hover, .border-color-hover:hover, .border-color-before:before, .border-color-hover-before:hover:before, .border-color-after:after, .border-color-hover-after:hover:after{ border-color: #2A85FD !important;} /* bg-color */ .bg-color, .bg-color-a a, .bg-color-hover-a:hover a, .bg-color-a-hover a:hover, .bg-color-hover:hover, .bg-color-before:before, .bg-color-hover-before:hover:before, .bg-color-after:after, .bg-color-hover-after:hover:after{ background-color: #2A85FD !important;} /* 分页样式 */ .pagination>li>a, .pagination>li>span{margin:0 5px;border-radius:2px;border-color:#E3E3E3;color:#787C81;} .pagination>li.active>a{background-color:#3398FF;color:#fff;} @media (max-width:768px){ /*.pagination{margin:5px 0;}*/ } /* base */ .left{ float: left; } .right{ float: right; } .container{ width: 100%; padding:40px 50px; } .home_page .container{ width: auto; padding:0!important; } @media (max-width:768px){ .container{ padding:20px 15px; } .pd100{padding:50px 0;} } @media (min-width: 768px){ .home_page .container{ width: 750px;} } @media (min-width: 992px){ .home_page .container{ width: 970px;} } @media (min-width: 1200px){ .home_page .container{ width: 1170px;} } /*column2_4(栅格5列)*/ .col-lg-2_4{width:20%;float:left;} @media (max-width:950px){ /*.col-md-2_4{width:25%;float:left;}*/ } @media (max-width:768px){ /*.col-sm-2_4{width:33.333%;float:left;}*/ .home_page .case-wrap .title-header .container.text-left{text-align:center;} .home_page .container{padding-right:20px!important;padding-left:20px!important;} } @media (max-width:480px){ .col-xs-2_4{width:50%;float:left;} } @media (max-width:360px){ .col-xs-2_4{width:100%;float:left;} } .flexBoxWrap{display:flex;display:-webkit-flex;flex-wrap:wrap} .flexBoxWrap:after,.flexBoxWrap:before{position:absolute} @media(max-width:768px){ ::-webkit-full-page-media,:root .flexBoxWrap>.col-xs-6,_:future{width:49.932%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-xs-4,_:future{width:33.289%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-xs-3,_:future{width:24.959%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-xs-2,_:future{width:16.645%} } @media(min-width:768px){ ::-webkit-full-page-media,:root .flexBoxWrap>.col-sm-6,_:future{width:49.932%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-sm-4,_:future{width:33.289%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-sm-3,_:future{width:24.959%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-sm-2,_:future{width:16.645%} } @media(min-width:992px){ ::-webkit-full-page-media,:root .flexBoxWrap>.col-md-6,_:future{width:49.932%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-md-4,_:future{width:33.289%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-md-3,_:future{width:24.959%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-md-2,_:future{width:16.645%} } @media(min-width:1200px){ ::-webkit-full-page-media,:root .flexBoxWrap>.col-lg-6,_:future{width:49.932%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-lg-4,_:future{width:33.289%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-lg-3,_:future{width:24.959%} ::-webkit-full-page-media,:root .flexBoxWrap>.col-lg-2,_:future{width:16.645%} } /* 共用标题 */ .heading{position:relative;z-index:1;} .heading .title{ font-weight: normal; font-size: 34px; color: #333; line-height: 40px; margin: 0;font-family:"微软雅黑";} .title{font-family:"微软雅黑";} .description{font-family:"Microsoft YaHei";} .heading .subtitle{ font-size: 14px; color: #bbb; line-height: 20px; margin:10px 0 0; } .heading .subtext{ font-size: 16px; color: #666; line-height: 20px; margin:10px 0 0; } .heading .more{font-size:14px;color:#666;position:absolute;right:0;top:20px;} .heading .more a{color:#999;} .heading .more a span{color:#2A85FD;} .heading .description{ font-weight: normal; font-size: 15px; color: #888; line-height: 22px; margin:20px 0;font-family:"Microsoft YaHei";} @media (max-width:768px){ .heading .description{margin:20px 15px; } } /*活动详情*/ .side-tablecell{padding-top:40px;} .activity-item img{max-width:100%;} .activity-center .heading{color:#333;text-align:center;} .activity-center .up-time{color:#999;text-align:center;} .activity-center .act-time{font-size:14px;color:#2A85FD;margin:10px 0 20px 0;text-align:center;} .activity-center .activity-detail{padding:20px 0;} .activity-center .process{text-align:center;margin-bottom:30px;background:#f9f9f9;padding:15px;} .activity-center .process .stepbox{margin-bottom:20px;} .activity-center .process .step{background:#fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.04);border:1px solid #eee;display:inline-block;margin:10px 5px;border-radius:5px;padding:20px 30px;} .activity-center .process .arrow,.activity-center .process .arrow1{display:inline-block;margin:10px 0;padding:20px 10px;font-size:25px;} .activity-center .process .button{margin:10px 0;text-align:center;} .activity-center .process .arrow1{display:none;} @media(max-width:768px) { .activity-center .heading{font-size:18px;} .activity-center .process .arrow1{display:block;margin:0;padding:10px 0;font-size:25px;} .activity-center .process .arrow{display:none;} .activity-center .process .step{display:block;} } /* 头部 */ body,header,header *,header *:before,header *:after{ transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; } header{ width: 100%; height: 88px; position: fixed; font-family: "微软雅黑"; z-index: 999; } header:before{ content: ""; display: none; width: 100%; height: 2px; position: absolute; top: 0; left: 0; } header .container.text-center { padding:0!important; width: 100%!important;} header .menu .company_name{font-size: 14px;color: rgba(51, 51, 51, 0.45);transform: translateY(-40px);-moz-transform: translateY(-40px);-webkit-transform: translateY(-40px);} header .container, header .row, header .logo, header .logo a, header .logo img, header .menu, header .nav, header .user, header .menu ul, header .menu li, header .menu a{ height: 100%; display: inline-block; } header .logo{ padding: 22px 0;transition: 0s;} header .logo .logo_bg_yj{height:42px;width:134px;background-image:url(../images/logo_bg_yj.png);background-size:auto 300%;background-position:0 50%;transition:.6s;} header .logo.helps .logo_bg_yj{background-position:0 100%;} header.scroll .logo .logo_bg_yj{background-position:0 150%;} /*.showMenu header .logo{padding:20px 0 20px 50px;}*/ header .logo img{ margin: 0 auto;} .home_page header .logo img.s_logo{display: none;} .home_page header .logo img.n_logo{display: block;} .home_page header.scroll .logo img.s_logo{display:block;} .home_page header.scroll .logo img.n_logo{display:none;} header .logo img.s_logo{display: block;} header .logo img.n_logo{display: none;} .home_page header{background: none; box-shadow:none;border-bottom:1px solid rgba(255,255,255,.2);} .home_page header .pc-nav{background:none;box-shadow:none;} .home_page header .pc-nav li a{color:#fff;} header{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);} .home_page header .switch{color:#fff;} header .switch{color:#666;} header .menu{padding-right:50px;} header .menu ul{ padding: 0; margin: 0; } header li{ float: left; position: relative;} header li a{line-height: 80px; font-size: 14px; } header li ._ul{position: absolute;left: 0;top: 100%;background-color: #191919;width: 140px;display:none;height: auto;border-top-width: 2px;border-top-style: solid;} header li ._ul>li{float: none;text-align: left;padding:10px;color: #aaa;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;} header li ._ul>li>a{position: absolute;left: 0;top: 0;width: 100%;} header li ._span{color: #ddd;position: absolute;right: 14px;top: 50%;margin-top: -7px;} header li .arrow_right{display: none;} header li .return_li{display: none;} header li .kong-span{display: inline-block;width: 14px;height: 14px;} @media(min-width:990px){ header li ._ul{-webkit-animation: header_ul 1s;-moz-animation: header_ul 1s;animation: header_ul 1s;} @-webkit-keyframes header_ul{ 0% {opacity: 0;} 100%{opacity: 1;} } @-moz-keyframes header_ul{ 0% {opacity: 0;} 100%{opacity: 1;} } @keyframes header_ul{ 0% {opacity: 0;} 100%{opacity: 1;} } header li:hover ._ul{display: block;} header li ._ul>li:hover{background-color: rgba(255,255,255,.1);color: #2A85FD;} } header .nav{width: auto;height: 100%;} header .nav{ position: fixed;left: -100%;top: 0;z-index: 102;background: #fff;box-shadow: 10px 0 20px rgba(0,0,0,.2);transition: .5s ease-out;} header .nav a{text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 50px; } .home_page header .nav a{ padding: 0; color:#337ab7; } header.scroll .nav a{color:#aaa; } header .user{ padding: 24px 0; } header .user li{ padding: 0 0 0 10px; } header .user a{ border-radius: 6px; padding: 0 30px; line-height: 40px; color: #FFF;text-decoration:none;} header .user a.Login_button{background-color:rgba(88,88,88,.4);color:#f5f5f5;} header .user a.Registration_button{background-color:#ffcb24;color:#000;} header .user a.Login_button:hover{background-color:#ffcb24;color:#000;} header .user a.Registration_button:hover{opacity:.85} /*header.scroll .user a{line-height:32px;}*/ /*header .switch.hidden{ width: 100%; height: 100vh; color: #FFF; background-color: #000; z-index: -1; opacity: 0; position: absolute; top: 0; left: 0; } header .switch.hidden:before, header .switch.hidden:after{ display: none; }*/ header .switch{width: 88px;height: 88px;line-height: 50px;cursor: pointer;position: relative;text-align: left;font-size: 20px;border-right:1px solid rgba(255,255,255,0.2);margin-right:25px;} /*header .switch:before, header .switch:after{ content: ""; left: 0; width: 16px; height: 2px; position: absolute;background-color: #349cff;opacity: 0;} header .switch:before{ top: 19px; } header .switch:after{ bottom: 20px; } .showMenu header .switch:before, .showMenu header .switch:after{opacity: 1;} .showMenu header .switch:before{transform: rotate(45deg) translateX(6px);} .showMenu header .switch:after{transform: rotate(-45deg) translateX(6px);} .showMenu header .switch{position: fixed;z-index: 105;} header .switch span{display: none;} header .switch .border{position: relative;width: 4px;height: 4px;height: 4px;border-radius: 50%;margin:8px 0;transform: translate(15px, 5px);transition: .2s;} .home_page header .switch .border{border-color: #fff;background: #fff;} header .switch .border{border-color:#444;background: #444;} header .switch .border:before{position: absolute;content: "";width: 4px;height: 4px;border:2px solid;border-color:inherit;left:0;top:0;border-radius: 50%;left:-10px;transition: .5s ease-out;} header .switch .border:after{position: absolute;content: "";width: 4px;height: 4px;border:2px solid;border-color:inherit;right:0;top:0;border-radius: 50%;right:-10px;transition: .5s ease-out;} header .switch .border_o{transform:translate(15px, -5px);opacity: 0;} header .switch .border_h{transform:translate(15px, 20px);opacity: 0;} header .switch .border_t{transition: .6s ease 0s;} header .switch .border_o:before, header .switch .border_h:before{left:-20px;} header .switch .border_o:after, header .switch .border_h:after{right:-20px;} header .switch:hover .border{transform: translate(15px, 5px);opacity: 1;} header .switch:hover .border.border_o:before, header .switch:hover .border.border_h:before{left:-10px;} header .switch:hover .border.border_o:after, header .switch:hover .border.border_h:after{right:-10px;} .showMenu header .switch .border{opacity: 0;}*/ header .nav_button{outline:none;border:0;width:100%;height:100%;transition:all .45s;z-index:109;display:block;background:0;float:left;} header .nav_button .nav_button_icon{position:relative;width:30px;height:20px;margin:auto;} header .nav_button .nav_button_icon span{display:block;position:absolute;right:0;left:0;height:0px;transition:all .15s;border-bottom:2px solid;} header .nav_button .nav_button_icon span:nth-child(1){top:50%;transform:translate3d(0,-50%,0);} header .nav_button .nav_button_icon span:nth-child(2){top:0;transform:translateZ(0) rotate(0) scaleX(1);} header .nav_button .nav_button_icon span:nth-child(3){bottom:0;transform:translateZ(0) rotate(0) scaleX(1);} header .switch.ON .nav_button .nav_button_icon span:nth-child(1){opacity:0;} header .switch.ON .nav_button .nav_button_icon span:nth-child(2){transform:rotate(45deg) translate3d(7px,7px,0);} header .switch.ON .nav_button .nav_button_icon span:nth-child(3){transform:rotate(-45deg) translate3d(6px,-6px,0);} header.scroll{ height: 60px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);} header.scroll .logo{ padding: 8px 0; } header.scroll .nav a{ line-height: 60px; } header.scroll .user{ padding: 10px 0; } header .user-logined{position:relative;z-index:1;} header .user-logined .logined a{border-radius:6px; padding: 0 20px; line-height: 34px; color: #FFF;background:#2A85FD;cursor:pointer;} header .user-logined .logined span{font-size:12px;vertical-align:middle;} header .user-logined .manage-cont{position:absolute;right:0;top:auto;width:320px;background:#FFF;box-shadow:0 0 8px rgba(0,0,0,.1);display:none;border-radius:4px;transition:0s;} header .user-logined .manage-cont .name-user{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:90px;position:relative;height:90px;padding-right:10px;} header .user-logined .manage-cont .name-user .user_img{position:absolute;left:17px;top:17px;width:56px;height:56px;} header .user-logined .manage-cont .basic{padding-top:20px;} header .user-logined .manage-cont .basic p{margin:0;line-height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:12px;text-align:left;font-size:16px;} header .user-logined .manage-cont .basic p>span{color: rgba(67,74,96,0.65);} header .user-logined .manage-cont .basic i{font-style:normal;color: #434A60;} header .user-logined .manage-cont .btn-box{padding:12px 0;text-align:left;border-bottom:1px solid #D7DAE2;border-top:1px solid #D7DAE2;} header .user-logined .manage-cont .btn-box a{color:#434A60;padding:0 20px;line-height:28px;width:100%;display:block;} header .user-logined .manage-cont .btn-box a:hover{background: rgba(67,74,96,0.06);} header .user-logined .manage-cont .name-bottom{text-align:left;line-height:50px;} header .user-logined .manage-cont .name-bottom a{color:#434A60;display:block;line-height:50px;padding:0 20px;} header .nav li{display: block;width: 100%;height: auto;clear: both;padding: 0 80px 0 50px;} header .nav li a{color:#337ab7;line-height: 50px;text-align: left;display: block;padding: 0;} header .nav li.nav-login{margin:80px 0 10px;} header .nav li.nav-login a{display: inline-block;padding:0 40px;color:#fff;line-height: 40px;background: -webkit-linear-gradient(left, #359dff, #72bbff);background: linear-gradient(left, #359dff, #72bbff);border:none;position: relative;z-index: 1;overflow: hidden;} header .nav li.nav-login a:hover{color:#fff!important;} header .nav li.nav-login a::after{position: absolute;content: "";right:0;top:0;width: 0;height: 100%;background: -webkit-linear-gradient(left, #72bbff, #359dff);background: linear-gradient(left, #72bbff, #359dff);z-index: -1;transition:.3s ease-out;-o-transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;} header .nav li.nav-login a:hover::after{width: 100%;} header .nav li.nav-login img{margin-right: 10px;} @media(min-width:990px){ header.scroll .switch{height:60px;border-right-color:rgba(0,0,0,.2);} header.scroll .switch .nav_button .nav_button_icon span{color:#333;} header .nav{display:none!important;} } @media(max-width:990px){ header .logo .logo_bg_yj{background-position: 0 50%;width: 110px;height:34px;background-repeat:no-repeat;} header.scroll .logo .logo_bg_yj{background-position: 0 50%;} header .logo.helps .logo_bg_yj{background-position: 0 50%;} header.scroll .logo.helps .logo_bg_yj{background-position: 0 50%;} .home_page header.scroll .logo img.s_logo{display:none;} .home_page header.scroll .logo img.n_logo{display:block;} header .user a{ line-height: 32px; color: #FFF;padding:0 20px;} header{background: #fff!important;} header .container{ padding: 0;} header .menu a{width: 100%;} header .menu .company_name{transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);position: absolute;bottom: 20px;width: 100%;text-align: center;color:rgba(255,255,255,.2);} header .menu, header .nav, header .user, header .menu ul, header .menu li,header .menu .app-btn a{ height: auto; float: none; margin: 0; padding: 0; width: 100%;} header .logo{ padding: 8px 0 ; position: absolute; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);} header li{ float: none; } header .menu{ padding: 50px 0; overflow-y: auto; z-index: -1; background-color: #111; position: absolute; top: 0; left: -200px; width: 200px; height: 100vh;z-index: 99;} /*header .switch{ display: block; }*/ .home_page header{ height: 50px!important; background-color:rgba(0,0,0,.2)!important;border:none;} header{ height: 50px!important; background-color: #fff!important; } header .nav a{text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 1px solid #222; background-color: #191919; line-height: 50px!important; } header .nav ul{position: relative;} header .nav{ position: fixed;left: -100%;top: 0;z-index: 102;background: #fff;box-shadow: 10px 0 20px rgba(0,0,0,.2);transition: .5s ease-out;} header .nav .curr a{ color: #FFF!important; background-color: #2A85FD; } header .nav ul li:last-child a{ border-bottom: none; } header .user{margin-top: 20px;} header .user ul{ padding: 0 10px; } header .user li{ width: 50%; float: left; padding: 0 5px; } .showMenu{ overflow-x: hidden; } .showMenu .banner{ background-attachment: scroll; } .showMenu body{ margin-left: 200px; } /*.showMenu header .switch.hidden{ z-index: 1; opacity: .2; display: block !important; margin-top: 0;}*/ /*.showMenu header .switch:before{ top: 25px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }*/ /*.showMenu header .switch:after{ bottom: 24px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); }*/ header li .kong-span{display: block;color: #ddd;font-size: 12px;float: right;padding: 25px 0;height: 0;} header li .arrow_right{display: block;float: right;padding: 18px 0;margin: 0;position: initial;} header li .arrow_down{display: none;} header .menu ul{line-height: 0;display: block;} header ._li{text-align: left;position: initial;} .home_page header ._li>a{width: 150px;padding: 0 0 0 25px;} header .nav>ul{position: relative;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;left: 0;} header li ._ul{display: block;left: 100%;top: 0;border: 0;height: 100%;overflow-y:auto;overflow-x:hidden; } header li ._ul>li>a{opacity: 0;height: 100%;} header li .return_li{display: block;font-size: 20px;} header .container.text-center{padding:0!important;} header .switch{margin-top: 0;height:50px;width:50px;border:none;} header .nav{position: static;height: auto;background: none;} header .nav li{width: auto;} header .nav li a{padding: 0 25px!important;color:#fff!important;color:#fff;} header .nav li.nav-login{display: none;} /*header .nav-dark{display: none!important;}*/ /*.showMenu header .switch:after{bottom:23px;}*/ /*header .switch:before, header .switch:after{background-color:#fff;}*/ /*header.scroll .switch{margin-top: 0;}*/ header .pc-nav{display:none!important;} } header .pc-nav{position:absolute;left:-100%;top:100%;width:100%;padding:0 40px;border-bottom:1px solid rgba(255,255,255,.2);transition:.3s;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)} .showMenu header .pc-nav{left:0;} header .pc-nav li{padding:0 20px;} header .pc-nav li a{font-size:16px;line-height:60px;color:#666;} header .pc-nav li.curr a{color:#2A85FD!important;} header.scroll .pc-nav{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)} header.scroll .pc-nav li a{color:#666;} /* footer */ footer._column{background: #303136;} footer .group{background:#303136;color:#999;font-size:12px;font-family:"Microsoft YaHei";padding:60px 0 20px;} footer .group_info{line-height:26px;padding-left:0;} footer .group_info img{max-width:100%;opacity:0.6;margin-bottom:45px;} footer .group_list{} footer .group_item li{line-height:26px;overflow:hidden;} /*footer .group_item.col-lg-2_4{width:25%;padding:0 10px;}*/ footer h2{font-size:16px;color:#fafafa;margin-top:0;margin-bottom:20px;} footer .group_item a{color:#989898;} footer .group_item a:after{color:#2A85FD;} footer .ft_logo img{display: block;margin:0 auto 20px;max-width: 50%;} footer .group_gzh {color:#999;line-height:18px;} footer .group_gzh h2{font-size: 12px;color:#666;} footer .group_gzh p{margin:0;} footer .group_gzh img{max-width:100%;margin-bottom:5px;} footer .copyright{background:#303136;color:#999;border-top:1px solid #44454c;padding:12px 0px;} footer .copyright .a_blank{display:inline-block;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;background-color:rgba(255,255,255,.1);margin-left:8px;} footer .copyright .us span{padding-right:10px;} footer .shareto{text-align:right;} footer .copyright.visible-xs{line-height:30px;} footer .copyright.visible-xs .shareto{text-align:center;} footer .shareto .share-iaon{background:url(../images/share-icon.png) no-repeat;display:inline-block;height:20px;padding:0;width:24px;vertical-align:middle;filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: .3s ease;-moz-transition: .3s ease;-webkit-transition: .3s ease;} footer .shareto .share-iaon:hover{filter: grayscale(0);-webkit-filter: grayscale(0);} footer .shareto .bds_tsina{background-position:0 0;} footer .shareto .qzone{background-position:0 -20px;} footer .shareto .bds_tqq{background-position:0 -40px;} footer .footer_group_ul{font-size:20px;line-height:56px;background-color:#303136;color:#fafafa;padding-top:60px;} footer .footer_group_ul>ul{width:80%;margin:0 auto;max-width:400px;} footer .footer_group_ul>ul>li:last-child{border-bottom:1px solid #414141;} footer .footer_group_ul>ul>li:first-child{border-top:1px solid #414141;} footer .footer_group_ul li{border-bottom:1px solid;border-color:#414141;} footer .footer_group_ul li:last-child{border-bottom:none;} footer .footer_group_ul>ul li ul .text a{color:rgba(255,255,255,.65);font-size:16px;} footer .footer_group_ul .text{position:relative;cursor:pointer;} footer .footer_group_ul .text .footer_arrow{background-image:url(../images/footer_arrow.png);position:absolute;top:50%;right:0;width:18px;height:11px;margin-top:-6px;} footer .footer_group_ul>ul ul{display:none;line-height:48px;} @media (max-width:767px){ footer .ft_logo img{max-width: 100%;} footer .group{display:none;} footer .copyright{padding:12px 0;text-align:center;border:none;} footer .footer_group_ul>ul{width:100%;} } /*首页轮播*/ .banner{ width: 100%; height: 100%; background: #111 no-repeat top center fixed; background-size: 100% 100%; } .yjs-banner{text-align: center;} .yjs-banner .insets{width: 100px;height: 70px;position: absolute;left: 50px;bottom: 25px;border: 3px solid #fff;transition: 0.5s;display: none;} .yjs-banner .insets:after{content: "";display: block;width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #fff; position: absolute;top: 67px;left: 0;right: 0;margin: auto;} .yjs-banner .insets .ovhidd{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;} .yjs-banner .insets .insets_con{width: 9999px;position: absolute;left: 0;top: 0;transition: 0.5s;height: 100%;} .yjs-banner .insets img{width: 94px;height: 100%;display: block;float: left;} .yjs-banner .carousel-indicators li{border-radius: 0;width: 20px;height: 5px;margin: 1px 3px;} .yjs-banner .carousel-indicators .active{height: 7px;margin: 0px 3px;} .yjs-banner .glyphicon {font-size: 50px;margin-top: -25px;} .yjs-banner .carousel-control .icon-prev, .yjs-banner .carousel-control .icon-next, .yjs-banner .carousel-control .glyphicon-chevron-left, .yjs-banner .carousel-control .glyphicon-chevron-right{margin-top: -25px;} .yjs-banner .carousel-control .icon-prev,.yjs-banner .carousel-control .glyphicon-chevron-left{margin-left: -25px;} .yjs-banner .carousel-control{background-image: none;width:8%;} .yjs-banner .carousel-inner,.baner-ps{position:relative;height:100%;} .yjs-banner .carousel{display:block;height:100%;} .yjs-banner .carousel-inner .item{background:#111 no-repeat fixed center top / 100% 100%;height:100%;width: 100%;} .yjs-banner .carousel-inner .item img{opacity:1;height:100%;width:100%;} @media (min-width:768px){ .banner,.yjs-banner .carousel-inner .item{background-attachment:scroll;} } @media (min-width:768px){ .banner0{ background-image: url(../images/yjs-banner1.jpg);} } @media (max-width:768px){ .yjs-banner .carousel{display:none;} .banner0{ background-image: url(../images/yjs-banner-m1-750.jpg);background-attachment:scroll;} } /*建站*/ @media (min-width:768px){ .banner1{ background-image: url(../images/yjs-banner.jpg);} } @media (max-width:768px){ .banner1{ background-image: url(../images/yjs-banner-m-750.jpg);background-attachment: scroll;} } @media (max-width:640px){ .banner1{ background-image: url(../images/yjs-banner-m-640.jpg);} } @media (max-width:320px){ .banner1{ background-image: url(../images/yjs-banner-m-320.jpg);} } /*推广*/ @media (min-width:768px){ .banner2{ background-image: url(../images/yjs-banner2.jpg);} } @media (max-width:768px){ .banner2{ background-image: url(../images/yjs-banner2-m-750.jpg);background-attachment: scroll;} } @media (max-width:640px){ .banner2{ background-image: url(../images/yjs-banner2-m-640.jpg);} } @media (max-width:320px){ .banner2{ background-image: url(../images/yjs-banner2-m-320.jpg);} } /*直播*/ @media (min-width:768px){ .banner3{ background-image:url(../images/yjs-banner3.jpg);} .banner3 a{display:block;height:100%;} } @media (max-width:768px){ .banner3{ background-image: url(../images/yjs-banner3-m-750.jpg);background-attachment: scroll;} } /*关于我们*/ /*@media (min-width:768px){*/ .banner4{background:#000 url(../images/about_banner_bg.jpg) no-repeat scroll center top / 100% 100%;padding:180px 0 150px;position: relative;z-index: 1;} /*}*/ /*市场推广页*/ @media (min-width:768px){ .banner5{ background-image: url(../images/yjs-banner5.jpg);} .banner5 a{display: block;width:100%;height:100%;} } @media (max-width:768px){ .banner5{ background-image: url(../images/yjs-banner5-m-750.jpg);background-attachment: scroll;} } @media (max-width:640px){ .banner5{ background-image: url(../images/yjs-banner5-m-640.jpg);} } @media (max-width:320px){ .banner5{ background-image: url(../images/yjs-banner5-m-320.jpg);} } /*应用-(聚外通) */ @media (min-width:768px){ .banner6{ background-image: url(../images/yjs-banner6.jpg);} } @media (max-width:768px){ .banner6{ background-image: url(../images/yjs-banner6-m-750.jpg);background-attachment: scroll;} } /*应用-(聚客快) */ @media (min-width:768px){ .banner7{ background-image: url(../images/yjs-banner7.jpg);} .banner7 a{display: block;width:100%;height:100%;} } @media (max-width:768px){ .banner7{ background-image: url(../images/yjs-banner7-m-750.jpg);background-attachment: scroll;} } /*应用-(排名快) */ @media (min-width:768px){ .banner8{ background-image: url(../images/yjs-banner8.jpg);} } @media (max-width:768px){ .banner8{ background-image: url(../images/yjs-banner8-m-750.jpg);background-attachment: scroll;} } /*应用-(聚订货) */ @media (min-width:768px){ .banner9{ background-image: url(../images/yjs-banner9.jpg);} } @media (max-width:768px){ .banner9{ background-image: url(../images/yjs-banner9-m-750.jpg);background-attachment: scroll;} } /*应用-(聚云量) */ @media (min-width:768px){ .banner10{ background-image: url(../images/yjs-banner10.jpg);} } @media (max-width:768px){ .banner10{ background-image: url(../images/yjs-banner10-m-750.jpg);background-attachment: scroll;} } /* 云建站的独特优势 */ .advantage{ box-shadow:0 -50px 50px rgba(0,0,0,.05); } .advantage .item{ padding:20px 10px; } .advantage .icon{ width:90px; height:90px; line-height:90px; border-radius:5px; border:1px solid #DDD; margin:auto; color:#DDD; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .advantage .item:hover .icon,.advantage .icon:hover{ border-radius: 90px; } .advantage .icon span{ font-size:40px;vertical-align:middle; } .advantage .text{ color: #333; } .advantage .text .title{ font-size:18px; color:#333;margin-top:10px;} .advantage .text .description{ font-size:14px; color:#888;line-height:24px;margin:10px 0;} @media (max-width:640px){ .advantage .item{ width:100%; padding:10px; } } /* 产品 */ .product{ background-color:#FFF; } .product .nav{ width:1150px; margin:10px auto; font-family: "微软雅黑"; } .product .nav li{ width:100px; height:36px; line-height:36px; float:left; } .product .nav li a{ width:100%; height:100%;border:1px solid transparent;border-radius:5px; display:block; color:#666; transition: all .4s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .4s; } .product .nav li:hover a{ border-radius:18px; border:1px solid #DDD;color:#2A85FD; } .product .items{ padding-top: 10px; } .product .item{ padding:10px;} .product .item a{ width:100%; max-width:530px; padding:15px; display:block; margin:auto; background-color:#FFF;border:1px solid #f0f0f0; border-radius: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .product .item a:hover{ box-shadow:0 0 20px rgba(0,0,0,.1);background-color:#FFF;} .product .item img{ width:100%; } .product .more{ width:100%; } .product .more a{ width:100%; font-size:18px; line-height:100px; text-align:center; display:block; color:#FFF; } @media (max-width:768px){ .product .more a{ line-height:50px; } } @media (max-width:768px){ .product .item{padding:1px;} } @media (max-width:640px){ .product .more a{ line-height: 50px; } } /* 案例 */ .case{ background-color:#FFF;padding-top:40px;} .case .items{ padding-top: 20px;} .case .item{padding: 20px 0;border-bottom: 1px solid #eee;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;} .case .item:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1);background-color:#fff;} .case .item .images{} .case .item .images a{text-align:center;width: 100%; max-width: 530px; display: block; margin:auto; background-color:#FFF; border-radius: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .case .item .images a:hover{ transform:scale(1.03,1.03);background-color:#FFF;} .case .item .images img{max-width: 100%;} .case .text{padding-left: 40px;} .case .text .title{font-size:20px; color: #333; font-size: 18px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;-moz-transition: all 2.5s; -webkit-transition: all 2.5s; -o-transition: all 2.5s;} .case .text:hover .title,.case .text:hover .description{text-indent:10px;} .case .text .description {width: 100%;line-height: 24px;max-height:72px; overflow: hidden; margin:10px 0 15px 0; color: #888; font-size: 14px;-moz-transition: all 2.5s; -webkit-transition: all 2.5s; -o-transition: all 2.5s;} .case .more a{color: #888;padding:0 50px; height: 40px; line-height: 40px; display:inline-block; border-radius: 5px; border: 1px solid #CCC; font-size: 14px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .case .more a:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} .case .code{width:12%;padding-top:12%;position: relative; margin-top: 15px;} .case .code img{width:100%;height:100%;position: absolute;left: 0;top:0;} @media (max-width:768px){ .case .text{padding-left: 15px;text-align: center;} .case .text .title{margin-top: 15px;} .case .code{width:160px;height:160px;padding: 0;margin:15px auto 0;} } .case.case_yjs .heading .tabs{border-bottom:1px solid #D7DAE2} .case.case_yjs .yjs-characteristic .heading{padding:80px 0;} .case.case_yjs .heading .tabs a{color:#686D80;border-bottom:2px solid transparent;display:inline-block;font-size:24px;margin:0 50px;padding:0 4px 10px;} .case.case_yjs .heading .tabs a.active{border-color:#3398FF;color:#434A60;} .case.case_yjs .images_a{display:block;} .case.case_yjs .images_a .img_box{width:100%;padding-bottom:56.25%;position:relative;} .case.case_yjs .images_a .img_box img{display:block;width:100%;position:absolute;height:100%;left:0;top:0;} .case.case_yjs .images_a .text{padding:0;margin-bottom:40px;position:relative;overflow:hidden;} .case.case_yjs .images_a .text .title{font-size:24px;line-height:1;color:#22252E;padding-top:24px;padding-bottom:12px;margin-bottom:12px;position:relative;text-indent:0;} .case.case_yjs .images_a .text .title:after{content:"";display:block;position:absolute;left:0;bottom:0;width:24px;height:0;border-bottom:1px solid #979797;} .case.case_yjs .images_a .text .industry{font-size:18px;color:#22252E;line-height:20px;height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .case.case_yjs .images_a .text .Case_arrowhead{background-image:url(../images/Case_arrowhead.png);position:absolute;right:0;top:50%;width:48px;height:48px;margin-top:-24px;transition:.2s;opacity:0;} @media (min-width:768px){ .case.case_yjs .images_a .text{padding-right:60px;} .case.case_yjs .images_a:hover .text .Case_arrowhead{opacity:1;} .case.case_yjs .images_a .img_box:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);transition:.3s;} .case.case_yjs .images_a:hover .img_box:after{background-color:rgba(0,0,0,0);} } @media (max-width:768px){ .case{padding-top:10px;} .case.case_yjs .yjs-characteristic .heading{padding:30px 0;} .case.case_yjs .row{margin:0;} .case.case_yjs .items.row{margin:0 -10px;} .case.case_yjs .items.row .col-xs-6{padding:0 10px;} .case.case_yjs .images_a .text{margin-bottom:20px;} .case.case_yjs .images_a .text .title{font-size:16px;padding-top:10px;padding-bottom:0;margin-bottom:10px;} .case.case_yjs .images_a .text .title:after{display:none} .case.case_yjs .images_a .text .industry{font-size:14px;} .case.case_yjs .images_a .text .Case_arrowhead{display:none;} .case.case_yjs .heading .tabs a{margin:0 10px;font-size:16px;} } /* 推广 */ .spread{ background-color: #F9F9F9; } .spread .item{ width: 100%; position: relative; display: block; text-decoration: none; outline: none; } .spread .image{ width: 50%; } .spread .image img{ width: 100%; } .spread .text{ position: absolute; top: 0; width: 50%; height: 100%; } .spread .box{ width: 70%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .spread h1.title{ font-size: 34px; line-height: 150%; font-style: normal; line-height: 40px;} .spread div.title{ font-size: 24px; line-height: 150%; color: #555; } .spread .subtitle{ font-size: 14px; line-height: 150%; color: #bbb;margin:10px 0 30px;} .spread .description{ font-size: 16px; color: #888; line-height:170%;overflow-y: hidden;margin:10px 0 30px;} .spread .more a{color: #888;padding:0 50px; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #CCC; font-size: 16px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .spread .more a:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} .spread .item:nth-child(even) .text{ left: 0; } .spread .item:nth-child(even) .image{ float: right; } .spread .item:nth-child(odd) .image{ float: left; } .spread .item:nth-child(odd) .text{ right: 0; } @media (max-width:1200px){ .spread .box{ width: 90%; } .spread h1.title{ margin: 0; font-size: 30px; } .spread div.title{ margin: 10px 0 0; font-size: 20px; } .spread .subtitle{ margin: 0; } .spread .description{ margin: 0; } .spread .more{ margin: 15px 0 0; } } @media (max-width:1024px){ .spread .image{ width: 100%; } .spread .text{ float: left; width: 100%; text-align: center; } .spread .box{ padding: 20px 20px 30px; background-color: rgba(255,255,255,.9); } .spread div.title{ color: #333; } .spread .subtitle{ color: #999; } .spread .description{ color: #666; } .spread .more a{ border: 1px solid #999; } } @media (max-width:639px){ .spread .text{ position: relative; width: 100%; height: auto; } .spread .box{ width: 100%; background: none; position: relative; top: 0; left: 0; -webkit-transform: translate(0,0); transform: translate(0,0);} .spread .description{ font-size: 14px; } .spread .more a{ padding:0 30px; height: 40px; line-height: 40px; } } /* 推荐用户 */ .recommend{} .recommend .container{ max-width: 1200px!important; } .recommend .items{ padding:30px 0; } .recommend .item{ transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;} .recommend .item:hover{ box-shadow: 0 0 30px rgba(0,0,0,.1); } .recommend .item a{ width: 100%; height:170px; padding: 20px; display: block; position: relative; } .recommend .item img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .recommend .more{width: 50%; max-width: 300px; margin: 20px auto;} .recommend .more a{color: #888;width: 100%; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #CCC; font-size: 16px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .recommend .more a:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} @media (max-width:1200px){ .recommend .item a{ height: 100px; } } @media(max-width:768px){ .recommend .items{ padding: 10px; } } /* 联系我们 */ .contact{ background-color: #FFF;} .contact .col-sm-6{padding:0;} .contact .col-sm-4,.contact .col-sm-12{padding:0 5px;} .contact h3.title{ font-size:25px; font-style: normal; content: #333; line-height: 40px;margin:0;} .contact .subtitle{ font-size: 14px; color: #bbb;margin:0 0 20px;} .contact .description{ font-size: 16px; color: #888; line-height:195%;overflow-y: hidden;margin:10px 0 0;} .contact-form{padding:50px 0;} .contact-form .form-control{border:0;border-bottom:1px solid #ddd;border-radius:0;background:none;box-shadow:none;color:#CCC;} .contact-form .sumbit{font-size: 16px;background:none;width: 50%; max-width:300px;color: #888;width: 100%; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #CCC;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;} .contact-form .sumbit:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} @media(max-width:640px){ .contact-form{padding:15px 0;} .contact-form .sumbit{width:100%; max-width:768px;} } /* 推广详情页 */ .spread-details{ width:80%; padding-top: 50px; margin: -100px auto 50px; background-color: #FdFdFd; box-shadow: 0 0 10px rgba(0,0,0,.05); } .spread-details .items{ padding: 0 30px 20px; } .spread-details .item{ padding: 30px 30px 0; } .spread-details .image{ width: 100%; } .spread-details .text{ width: 100%; } .spread-details .title{ padding-top: 10px; } .spread-details h1.title{ font-size: 34px; line-height: 150%; font-style: normal; margin: 0; } .spread-details div.title{ font-size: 24px; line-height: 150%; color: #555; } .spread-details .subtitle{ font-size: 14px; line-height: 150%; color: #bbb; } .spread-details .description{ font-size: 16px; color: #888; line-height:170%; margin:10px 0 30px;} .spread-details img{ width: 100%; } .spread-details .icons{ padding-top: 20px; } .spread-details .icons ul{ padding: 0; } .spread-details .icons li{ position: relative; min-height: 90px; padding: 15px 0; border-bottom: 1px solid #F3F3F3; } .spread-details .icons li:hover, .spread-details .icons li:hover .icon{ border-color: #2A85FD; } .spread-details .icons li:hover .icon span{ color: #2A85FD; } .spread-details .icons li, .spread-details .icons li .icon, .spread-details .icons li .icon span{ transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .spread-details .icons li .icon:hover{ border-radius: 50%; } .spread-details .icons li:last-child{ border-bottom: none; } .spread-details .icons .icon{ width: 60px; height: 60px; line-height: 70px; position: absolute; top: 15px; left: 0; text-align: center; border: 1px solid #DDD; } .spread-details .icons .icon span{ font-size: 30px; color: #DDD; } .spread-details .icons .text{ padding: 0 10px 0 80px; } .spread-details .icons .text .title{ margin: 0; font-size: 18px; padding: 0;transition: all 2.5s; -moz-transition: all 2.5s; -webkit-transition: all 2.5s; -o-transition: all 2.5s;} .spread-details .icons .text .description{ font-size: 12px; color: #999; margin:5px 0 0;} .spread-details .icons .text:hover .title{text-indent:10px;} .spread-details .box{ width: 100%; padding: 40px 50px; color: #FFF; } .spread-details .box .title{ font-size: 40px; line-height: 40px; padding: 0; } .spread-details .box .links{ padding: 0; } .spread-details .box a{ width: 44%; margin-right: 3%; height: 45px; line-height: 45px;font-size:16px; border-radius:5px; border: 1px solid #FFF; float: left; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;} .spread-details .box a:first-child{ background-color: #FFF!important; } .spread-details .box a:last-child{ color: #FFF!important; } .spread-details .box a:hover{ background-color: #333!important; border-color: #333!important; color: #FFF!important; } @media(max-width:1200px){ .spread-details .box .title{ padding-bottom: 20px } .spread-details .box a{ width: 150px; margin-right: 20px; } } @media(max-width:992px){ .spread-details .description{ margin:10px 0;} .spread-details .icons{ padding-top: 0px; } } @media(max-width:768px){ .spread-details{ padding-top: 0;width:94%;margin:30px auto 50px;box-shadow:none;} .spread-details .items{ padding: 0 0 20px; } .spread-details .box .title{ font-size: 30px; line-height: 30px; } .spread-details .box a{ width: 100px; height: 34px; line-height: 34px;} } @media(max-width:400px){ .spread-details .box a{ margin-bottom: 10px; } } @media(max-width:320px){ .spread-details{ text-align: center; } .spread-details .icons .icon{position:inherit;top:0; margin: 10px auto;} .spread-details .icons .text{padding:0;} .spread-details .box .title{ font-size:25px;} .spread-details .item{ padding: 20px 20px 0; } } /*市场推广页*/ .spread-market{} .spread-market .application{color: #ddd;background: #1C232B;} .spread-market .application .items{} .spread-market .application .image{width: 100%;padding: 90px 50px 0 0;} .spread-market .application img{max-width: 100%;} .spread-market .application .text h1{font-size: 28px;color:#3CB5FC;} .spread-market .application .text .subtitle{font-size: 14px;margin:10px 0;} .spread-market .application .text .description{font-size: 16px;color:#FDA525;} .spread-market .application .icons{padding: 20px 0;} .spread-market .application .icons ul{display: table;} .spread-market .application .icons ul li{width: 33.3%;display: table-cell;*display:inline-block; padding: 20px 10px 0 10px;} .spread-market .application .icons ul li .icon{width:80px;height:80px;line-height:80px;text-align:center;border:1px solid #eee; border-radius: 50%;margin:10px auto;} .spread-market .application .icons ul li .icon span{font-size: 32px;line-height:80px;} .spread-market .application .icons ul li h1{font-size: 16px;text-align:center;color:#FDA525;} .spread-market .application .icons ul li .description{font-size: 12px;line-height: 20px;color: #999;} .spread-market .s-case{background: #fff;} .spread-market .s-case .items{} .spread-market .s-case .item{padding:10px;} .spread-market .s-case .images{padding:10px;border:1px solid #eee;text-align:center;transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;} .spread-market .s-case .images:hover{box-shadow:0 0 30px rgba(0,0,0,.1);} .spread-market .s-case .images img{max-width:100%;} .spread-market .s-case .heading .subtitle{color:#888;margin-bottom:20px;} .spread-market .s-case .text .title{height:25px;line-height:25px;overflow: hidden;font-size: 16px;text-align:center;color: #333;margin:5px 0;} .spread-market .snapped-up{color: #ddd;background: #1F2730;} .spread-market .snapped-up .image{width: 100%;padding:0;} .spread-market .snapped-up img{max-width: 100%;} .spread-market .snapped-up .text{padding: 110px 50px 0 50px;} .spread-market .snapped-up .text h1{font-size: 50px;color:#3CB5FC;} .spread-market .snapped-up .text .subtitle{font-size: 14px;margin:10px 0;} .spread-market .snapped-up .text .description{margin:30px 0 0 0;} .spread-market .snapped-up .text h3{font-size: 24px;margin:10px 0;} .spread-market .snapped-up .text h3 i{font-style: normal;color:#FDA525;} .spread-market .snapped-up .text h3 del{margin-right:15px;color:#FDA525;} .spread-market .snapped-up .text p{font-size: 16px;margin:10px 0;} .spread-market .snapped-up .text .btn{margin:30px 0 0 0;color: #fff;background:#FDA525;font-size: 20px;padding: 6px 50px;text-align:center;border:1px solid #FDA525; border-radius: 25px;} @media(max-width:1280px){ .spread-market .snapped-up .text {padding: 80px 20px 0 0;} } @media(max-width:1024px){ .spread-market .application .item{width: 100%;} .spread-market .application .image{width:60%; padding:50px 0;margin:0 auto;} .spread-market .application .text{text-align:center;} .spread-market .snapped-up .text {padding:30px 20px 0 20px;} .spread-market .snapped-up .text h1{font-size: 36px;} .spread-market .snapped-up .text h3{font-size: 22px;margin:10px 0;} } @media(max-width:768px){ .spread-market .application .image{padding:40px 0;} .spread-market .application .icons ul{display: inline-block;} .spread-market .application .icons ul li{width: 100%;padding: 30px 0 0 0;display: inline-block;} .spread-market .snapped-up .text .btn{font-size: 16px;} } @media(max-width:640px){ .spread-market .application .image{width: 90%;} .spread-market .application .text h1, .spread-market .s-case .heading h1{font-size: 24px;} .spread-market .snapped-up .text .btn, .spread-market .snapped-up .text .description{margin: 20px 0 0 0;} .spread-market .snapped-up .text h1{font-size: 26px;} .spread-market .snapped-up .text h3{font-size: 18px;} .spread-market .snapped-up .text p {font-size: 14px;} } /*立即免费体验*/ .experienceform{} .experienceform .form-list{margin-top:30px;} .experienceform .sumbit{font-size: 16px;background:none;width: 50%; max-width: 300px;color: #888;width: 100%; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #CCC;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;} .experienceform .sumbit:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} /* 建站详情页 */ .create{} .create .items{ width: 100%; } .create .item{ width: 100%; position: relative; } .create .image img{ width: 100%; } .create .description{ font-size: 16px; color: #999;line-height:195%;} .create .text-right .text, .create .text-left .text{ width: 50%; padding: 0 50px; text-align: left; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .create .text-right .text{ right: 0; } .create .text-left .text{ left: 0; } .create .text-right .image, .create .text-left .image{ width: 50%; } .create .text-right .image{ float: left; } .create .text-left .image{ float: right; } .create .text-center .text{ width: 100%; padding-top: 50px; text-align: center; } .create .text-center .image{ width: 60%; margin: auto; } .create .text a{ width: 100px; text-align: center; border:1px solid #DDD; color: #333; border-radius: 6px; line-height: 40px; margin: 20px 0; display: block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .create .text a:hover{ color: #FFF; } .create .special_1{ padding-bottom: 100px; } @media(max-width:768px){ .create .title{ font-size: 24px; } .create .description{ font-size: 14px; } .create .text a{ margin: 20px auto;} .create .text-right .text, .create .text-left .text{ width: 100%; padding: 20px 20px 0; text-align: center; position: relative; top: 0; -webkit-transform: translate(0,0); transform: translate(0,0); } .create .text-center .text{ padding: 20px 20px 0; } .create .text-right .image, .create .text-left .image{ width: 60%; margin: auto; float: none; } .create .special_1{ padding-bottom: 0; } .create .text-right.special_1 .image{ float: left; margin-right: 40%; } .create .text-left.special_1 .image{ float: right; margin-left: 40%; } } /*优势*/ .advantage-wrap {overflow: hidden;padding-top:60px;} .advantage-wrap .box{padding: 0 10%;} .advantage-wrap .item{align-items: center;margin-bottom:30px;padding-bottom:20px;position: relative;} .advantage-wrap .item::after{position: absolute;content: "";left:-50%;bottom:0;width: 400%;border-bottom: 1px solid #f5f5f5;} .advantage-wrap .item:last-child::after{opacity: 0;} .advantage-wrap .item:nth-of-type(even){flex-direction:row-reverse;} .advantage-wrap .item .text{position: relative;padding-left: 55px;} .advantage-wrap .item:nth-of-type(even) .text{transform: translateX(10%);-moz-transform: translateX(10%);-webkit-transform: translateX(10%);-ms-transform: translateX(10%);} .advantage-wrap .item .text::before{position: absolute;content: "";background-image: url(../images/advantage-icon_1.png);background-size: 100% auto;background-repeat: no-repeat;width: 20px;height: 30px;left:24px;top:6px;transition: .2s ease-in;} .advantage-wrap .item:hover .text::before{} .advantage-wrap .item:nth-of-type(2) .text::before{background-image: url(../images/advantage-icon_2.png);} .advantage-wrap .item:nth-of-type(3) .text::before{background-image: url(../images/advantage-icon_3.png);} .advantage-wrap .item:nth-of-type(4) .text::before{background-image: url(../images/advantage-icon_4.png);} .advantage-wrap .item:nth-of-type(5) .text::before{background-image: url(../images/advantage-icon_5.png);} .advantage-wrap .item:nth-of-type(6) .text::before{background-image: url(../images/advantage-icon_6.png);} .advantage-wrap .item .text .title{font-size: 22px;color:#333;font-weight: 600;} .advantage-wrap .item .text .description{font-size: 14px;color:#666;margin-top: 5px;line-height: 24px;} .advantage-wrap .item .image img{max-width: 80%;transition: .3s ease-out;display: block;} .advantage-wrap .item .image:hover img{transform: scale(1.05);} @media (max-width: 768px){ .advantage-wrap .item:nth-of-type(even) .text{transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);} } @media (max-width: 768px){ .advantage-wrap{padding-top:40px;} .advantage-wrap .box{padding: 0 15px;} .advantage-wrap .item{margin-bottom:10px;padding-bottom: 10px;} .advantage-wrap .item .text .title{font-size: 16px;} .advantage-wrap .item .text::before{width: 25px;height: 30px;left: 15px;top: 3px;} .advantage-wrap .item .image img{max-width: 100%;} } @media (max-width: 640px){ .advantage-wrap .item .col-xs-6{width: 100%;} .advantage-wrap .item .text{margin:20px 0 50px;} } /* new */ .advantage-wrap .row{margin:0 0 20px 0;} .advantage-wrap .advantage_box{width:80%;margin-bottom:20px;margin-top:20px;} .advantage-wrap .advantage_box .imgs{width:100px;height:100px;background-position:50%,50%;background-repeat:no-repeat;margin-bottom:20px;} .advantage-wrap .advantage_box .title{font-size:20px;color:#333a52;margin-bottom:20px;} .advantage-wrap .advantage_box .description{font-size:16px;color:#727688;line-height:25px;height:75px;overflow:hidden;} @media (min-width: 768px){ .advantage-wrap .advantage_box.center_mar{margin-left:auto;margin-right:auto;} .advantage-wrap .advantage_box.right_mar{margin-left:20%} } @media (max-width: 768px){ .advantage-wrap .row{margin:0 0 10px 0;} .advantage-wrap .advantage_box{width:100%;margin-bottom:20px;margin-top:10px} .advantage-wrap .advantage_box .imgs{margin:auto;margin-bottom:5px;} .advantage-wrap .advantage_box .title{margin-bottom:10px;font-size:16px;text-align:center;} .advantage-wrap .advantage_box .description{font-size:12px;line-height:22px;height:88px;text-align:center;} } /*侧边栏*/ .slide-wrap{position: fixed;left:0;width: auto;padding:0 3% 0 3%;top:100px;z-index: 99;display: none;} .slide-wrap ul li{padding-bottom:30px;position: relative;z-index: 1;border-color:#333;} .slide-wrap ul list-style:.active :before {position : absolute ;content : " " ;width : 12px ;height : 12px ;z-index:-2px ;left : -4px ;top :4px ;border :1px solid ;border color :inherit ;border radius : 50% ; };position: absolute;content: "";width: 12px;height: 12px;z-index: -2;left:-4px;top:4px;border:1px solid;border-color:inherit;border-radius: 50%; .slide-wrap ul li a{display: block;position: relative;color:#CCC;padding-left: 20px;} .slide-wrap ul li a::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;background: #333;left:0;top:8px;} .slide-wrap ul li a::after{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;background: #bababa;left:0;top:30px;} .slide-wrap ul li:last-child a::after{opacity: 0;} .slide-wrap ul li.active a{color:#333;} .slide-wrap._black ul li{border-color:#fff;} .slide-wrap._black ul li a{color:#aaa;} .slide-wrap._black ul li.active a{color:#fff;} .slide-wrap._black ul li a::before{background:#666;} .slide-wrap._black ul li a::before{background: #fff} .slide-wrap._black ul li a::after{background: #666;} @media (max-width: 1366px){ .slide-wrap{display: none!important;} } @media (max-width: 768px){ .slide-wrap{display: none!important;} } /*合作客户*/ .client-wrap{} .client-wrap .container{overflow: hidden;} .client-wrap .items{padding: 10px;} .client-wrap .items img{max-width: 100%;width:auto;margin:0 auto;transition:.2s ease-out;-moz-transition:.2s ease-out;-ms-transition:.2s ease-out;} .client-wrap .items:hover img{box-shadow: 0 0 20px rgba(0,0,0,.15);} .client-wrap .owl-theme .owl-controls{display: inline-block;width: 100%;height: 100%;} .client-wrap .owl-buttons [class*=owl-]{position: absolute;top:50%;transform:translateY(-50%);font-size: 30px;background: none;color:#000;margin:0;padding:0;} .client-wrap .owl-buttons .owl-prev{left:0;} .client-wrap .owl-buttons .owl-next{right:0;} /*标题*/ .title-header{text-align: center;padding:60px 0 40px;} .title-header .title{font-size: 30px;color:#434a60;} .title-header .short{font-size: 16px;color: #999;margin: 0 0 15px;} .title-header .color_bar{display:inline-block;height:2px;width:60px;background-color:#03acfe;background:none;background:-webkit-linear-gradient(left,#eb3ddb,#03acfe);background:-o-linear-gradient(right,#eb3ddb,#03acfe);background:-moz-linear-gradient(right,#eb3ddb,#03acfe);background:linear-gradient(to right,#eb3ddb,#03acfe);margin-bottom:16px;margin-top:12px;} .title-header .description{color:#686d80;font-size:16px;} @media (max-width: 768px){ .title-header{padding: 60px 0 20px;} .title-header .title{font-size: 24px;} .title-header .short{margin:0 0 5px;} .title-header .color_bar{margin-top:6px;margin-bottom:6px;} } /*案例展示*/ .case-wrap{overflow: hidden;} .case-wrap .box .row{margin:0 -8px;} .case-wrap .box .row.top:nth-of-type(1){margin-bottom: 15px;} .case-wrap .box .row.top:nth-of-type(1) .col-lg-4{padding-right: 15px;} .case-wrap .box .row.top:nth-of-type(2) .col-lg-4{padding-left: 15px;} .case-wrap .box .row.top .col-lg-4, .case-wrap .box .row.top .col-lg-8{padding: 0;} .case-wrap .box .col-xs-6{padding: 0 8px;height: 100%;} .case-wrap .image {position: relative;overflow: hidden;border:1px solid #ccc;height:100%;height: 250px;background-repeat: no-repeat;background-position: left top;background-size: 100% auto;} .case-wrap .image > img{width: 100%;height: 100%;visibility: hidden;} .case-wrap .image .text{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.8);color:#fff;padding: 20% 10%;transition: .3s ease-out;left:0;top:0;opacity: 0;transform: translateY(-20px);text-align: center;} .case-wrap .image:hover .text{opacity: 1;transform: translateY(0)} .case-wrap .image .text .description{font-size: 14px;} .case-wrap .image .text .description span{letter-spacing: 4px;display: block;width: 100%;} .case-wrap .image .text .title{font-size: 18px;font-weight:500;margin-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,.8);display: inline-block;} .case-wrap .image .text img{max-width: 100px;display: block;margin:0 auto 10px;width: auto;} .case-wrap .item.bottom{margin-bottom:15px;overflow:hidden;} .case-wrap .col-lg-3:last-child .item.bottom{margin:0 0 16px;} .case-wrap .more{margin: 20px 0 40px;} .case-wrap .more a{font-size: 16px;padding: 6px 20px;background: #349cff;border:none;} .case-wrap .first .image{height: 515px;} @media (max-width: 1024px){ .case-wrap .image{height: 200px;} .case-wrap .first .image{height: 415px;} } @media (max-width: 991px){ .case-wrap .image{height: 150px;} .case-wrap .first .image{height: 315px;} } @media (max-width: 768px){ .case-wrap .box .first{margin-bottom: 16px;} .case-wrap .box .col-lg-3:nth-of-type(3){padding: 0 7px;} .case-wrap .more{margin:15px 0 20px;} } @media (max-width: 480px){ .case-wrap .image, .case-wrap .first .image{height: auto;} .case-wrap .image{background-image: none;} .case-wrap .image > img{visibility: visible;} .case-wrap .box .col-lg-3{width: 100%;} .case-wrap .box .row.top .col-lg-4, .case-wrap .box .row.top .col-lg-8{padding: 0!important;width: 100%;margin:7px 0;} } .case-wrap .title-header{background-color:#fafafa;} .case-wrap .description .s_title{font-weight:bold;color:#434a60;} .case-wrap .description .description_nav_box{padding:5px 0 20px;overflow:hidden;} .case-wrap .description .description_nav_box .txt{float:left;width:60%;line-height:26px;} .case-wrap .description .description_nav_box .description_nav{float:right;} .case-wrap .description .description_nav_box .description_nav li{float:left;margin-left:40px;position:relative;cursor:pointer;} .case-wrap .description .description_nav_box .description_nav li.active{font-weight:bold;color:#434a60;} .case-wrap .description .description_nav_box .description_nav li.active:after{content:"";display:block;position:absolute;top:100%;left:0;width:34px;height:2px;background-color:#ffcb24;margin-top:2px;} .case-wrap .new_flexBoxWrap{position:relative;width:100%;overflow:hidden;display:none;} .case-wrap .new_flexBoxWrap .pos_box{position: relative;width:50%;float:left;} .case-wrap .new_flexBoxWrap .pos_box .img_box{width:100%;padding-bottom:75%;position: relative;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img{position: absolute;left:0;top:0;width:100%;height:100%;background-size:cover;overflow:hidden;display:block;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img{position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(51,153,255,.95);overflow:hidden;padding:8% 8% 16% ;color:#fff;opacity:0;transform: translateY(-20px);transition:.3s;display:block;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img:hover>.text_img{opacity:1;transform: translateY(-0);} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .con{width:100%;height:100%;position: relative;overflow:hidden;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .title{font-size:24px;padding-bottom:10px;position: relative;line-height:1;margin-bottom:20px;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .title:after{content:"";display:block;position:absolute;top:100%;left:0;height:0;width:30px;border-bottom:2px solid;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .description{font-size:18px;margin-bottom:15px;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .short{font-size:14px;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .a_right{position: absolute;left:8%;bottom:8%;width:8%;padding-bottom:8%;background-size:100%;} .case-wrap .new_flexBoxWrap .pos_box .img_box .heig50{width:100%;height:50%;position: relative;float:left;} .case-wrap .new_flexBoxWrap .pos_box .img_box .wid50{width:50%;height:100%;position: relative;float:left;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one{text-align:center;padding-top:8%;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .title{color:#434a60;font-size:24px;line-height:1;padding-bottom:14px;margin-bottom:14px;position:relative;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .title:after{content:"";display:block;position:absolute;width:36px;height:2px;left:50%;bottom:0;border-bottom:1px solid #686d80;margin-left:-18px;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .description{font-size:18px;color:#434a60;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .btn_box{color:#323433;padding-top:30px;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .btn_box .btn{background:none;border:1px solid;border-color:inherit;color:inherit;font-size:14px;transition:.3s;} .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .btn_box .btn:hover{background-color:#349cff;color:#fff;} @media (max-width: 768px){ .case-wrap .new_flexBoxWrap .pos_box .img_box .text_one .btn_box .btn{background-color:#349cff;color:#fff;border:none;} .case-wrap .new_flexBoxWrap .pos_box{width:100%;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img{opacity:1;transform:none;background-color: rgba(51,153,255,.6);} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .title{padding-bottom:10px;font-size:18px;margin-bottom:8px;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .title:after{border-bottom:1px solid;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .description{font-size:14px;margin-bottom:10px;line-height:1;} .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img .short{font-size:12px;} .case-wrap .description .description_nav_box .txt{width:100%;padding-bottom:30px;} .case-wrap .description .description_nav_box .description_nav{float:left;} .case-wrap .description .description_nav_box .description_nav li{margin:0;margin-right:20px;} } @media (max-width: 600px){ .case-wrap .new_flexBoxWrap .pos_box .img_box .img .text_img{opacity:0!important;} } .case-wrap .head_case{padding:20px 36px;font-size:20px;color:#434a60;font-weight:600;background-color:#fafafa;} .case-wrap .head_case .after{line-height:1;position:relative;} .case-wrap .head_case .after:after{content:"";position:absolute;bottom:-10px;left:0;width:58px;height:0;border-bottom:2px solid #ffcb24;} .case-wrap .con_case_swiper img{width:100%;} .case-wrap .con_case_swiper .swiper_text{position:absolute;bottom:8%;left:0;right:8%;background-color:rgba(255,255,255,.6);padding:15px 20px;} .case-wrap .con_case_swiper .swiper_text.top{bottom:auto;top:8%;} .case-wrap .con_case_swiper .swiper_text .title{font-size:20px;color:#000;line-height:1.2;margin-bottom:10px;} .case-wrap .con_case_swiper .swiper_text .description{font-size:16px;color:#434a60;line-height:1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .case-wrap .con_case_swiper .swiper_a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;} /*用户评价*/ .evaluate-wrap{position:relative;z-index:1;} .evaluate-wrap::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index: -2;background-color:#FAFAFA;} .evaluate-wrap .container{position: relative;} .evaluate-wrap .owl-carousel{position: static;} .evaluate-wrap .box{overflow: hidden;margin-top: -40px;} .evaluate-wrap .title-header .short{color:#999;} .evaluate-wrap .box .image{padding:0 20px;overflow: hidden;width: 100%;background: #fafafa;} .evaluate-wrap .box .image img{transition: .3s ease-out;-webkit-transition: .3s ease-out;width: 100%;} /*.evaluate-wrap .box:hover .image img{transform: translateX(20px);-webkit-transform: translateX(20px);}*/ .evaluate-wrap .item{padding:60px;position: relative;width: calc(100% - 140px);background: #fafafa;margin: auto;z-index: 1;margin-top: 40px;} .evaluate-wrap .item::after{position: absolute;content: "";left:0;top:0;border:7px solid #3399ff;width: 100%;height: 80%;z-index: -1;} .evaluate-wrap .item .text{font-size: 18px;color:#333;position: relative;padding: 40px;line-height: 170%;font-weight: 600;} .evaluate-wrap .item .text::before{position: absolute;content: "\f733";font-family: 'icomoon' !important;font-size: 34px;left:0;top:0;color:#ffca23;} .evaluate-wrap .item .text::after{position: absolute;content: "\f733";font-family: 'icomoon' !important;font-size: 34px;bottom:0;right:0;color:#ffca23;transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);} .evaluate-wrap .owl-controls{display: block!important;} .evaluate-wrap .box .container{overflow: hidden;} .evaluate-wrap .owl-controls .owl-buttons > div{position: absolute;top: 40%;color: #fff;display: block!important;background: none;padding: 0;background:rgba(0,0,0,.1);width: 40px;height: 40px;line-height: 40px;font-size: 30px;cursor: pointer;transition: .3s ease;-moz-transition: .3s ease;-webkit-transition: .3s ease;} .evaluate-wrap .owl-controls .owl-buttons > div.owl-prev{left:0;} .evaluate-wrap .owl-controls .owl-buttons > div.owl-next{right:0;} .evaluate-wrap .owl-controls .owl-buttons > div:hover{background: rgba(0,0,0,.5)} @media (max-width: 768px){ .evaluate-wrap .item{padding: 20px 0;width: calc(100% - 80px);} .evaluate-wrap .item .text{font-size: 20px;padding: 25px;margin-bottom: 15px;} .evaluate-wrap .box{padding-left: 0;} .evaluate-wrap .box{padding: 0 15px;} .evaluate-wrap .item .text::before, .evaluate-wrap .item .text::after{font-size: 24px;} .evaluate-wrap .owl-controls .owl-buttons > div{width: 30px;height: 30px;line-height: 30px;font-size: 20px;} .evaluate-wrap .item::after{border-width: 2px;} } @media (max-width: 360px){ .evaluate-wrap .item .col-xs-6{width: 100%;margin-bottom: 15px;} .evaluate-wrap .box::after{opacity: 0;} .evaluate-wrap .item .text::before, .evaluate-wrap .item .text::after{font-size: 16px;} .evaluate-wrap .item .text{padding: 15px;} } .evaluate-wrap .swiper-container{padding-top:50px;padding-bottom:100px;} .evaluate-wrap .cons{width:100%;background-color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);padding:30px 50px;transform:scale(.8);border-radius:4px;} .evaluate-wrap .swiper-slide-active .cons{transform:scale(1);} .evaluate-wrap .cons .imgs{width:110px;height:110px;background-size:cover;border-radius:50%;margin:auto;margin-bottom:30px;border:2px solid #45b9fe;} .evaluate-wrap .cons .title{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:18px;line-height:1;margin-bottom:24px;} .evaluate-wrap .cons .description{text-align:center;font-size:16px;color:#8c8c8e;line-height:30px;height:150px;overflow:hidden;} .evaluate-wrap .swiper-pagination-bullet{border:1px solid #007aff;opacity:1;background:0;} .evaluate-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#007aff;transform:scale(1.6);} .evaluate-wrap .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px;} @media (max-width: 768px){ /*.evaluate-wrap .cons{transform:scale(1);box-shadow:none;padding:30px 8%;}*/ .evaluate-wrap .cons{box-shadow:none;padding:30px 8%;} /*.evaluate-wrap .swiper-container{padding-bottom:10px;}*/ .evaluate-wrap .cons .title{margin-bottom:16px;} .evaluate-wrap .cons .description{height:auto;font-size:14px;line-height:22px;} /*.evaluate-wrap .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;}*/ .evaluate-wrap .swiper-slide-active .cons{box-shadow:0 0 24px rgba(0,0,0,0.16)} } /*建站流程*/ .process-wrap{padding-bottom: 60px;background-color:#f9f9f9;} .process-wrap .box{overflow: hidden;position: relative;counter-reset: div;} .process-wrap .box .col-xs-6{position: relative;} /*.process-wrap .box .col-xs-6::before{counter-increment: div;content:counter(div,decimal-leading-zero);left:50%;bottom:100px;font-size: 18px;color:#666;position: absolute;transform: translateX(-50%);transition: .3s ease;}*/ /*.process-wrap .box .col-xs-6::after{position: absolute;content: "";width: 1px;height: 10px;border-right: 1px solid #115ca6;left: 50%;bottom: 160px;opacity: 0;transition: .6s ease;}*/ .process-wrap .box .item{position:relative;} .process-wrap .box .item .img{max-width:330px;display: block;margin:0 auto;transition: .4s ease;width: 100%;transform: scale(.9);border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 0 16px rgba(0,0,0,.06)} .process-wrap .box .item .img img{width:100%;} .process-wrap .box .item .title{font-size: 16px;color:#090909;text-align: center;height:40px;transition: .3s ease-out;margin-bottom: 40px;} .process-wrap .col-50 .Process_arrow{width:48px;height:48px;background-image:url(../images/Process_arrow.png);background-repeat:no-repeat;} @media (min-width: 768px){ .process-wrap .box .item .img img{transition:.3s;} .process-wrap .box .item:hover .img img{transform:scale(1.2);} .process-wrap .box .item .Process_arrow{position:absolute;right:-39px;top:50%;margin-top:-44px;background-position:-48px 0;} /*.process-wrap .box .col-xs-6:hover::before{font-size: 18px;color:#115ca6;bottom:60px;}*/ /*.process-wrap .box .col-xs-6:hover::after{bottom:95px;opacity: 1;height:50px;}*/ .process-wrap .box .col-xs-6:hover .img{transform:scale(1);} .process-wrap .box .col-xs-6:hover .title{color:#115ca6;transform: translateY(10px);} /*.process-wrap .col-50{width:20%;float:left;}*/ } @media (max-width: 767px){ .process-wrap{padding-bottom: 20px;} .process-wrap .box .item .img{max-width:60%} .process-wrap .box .item .title{margin-bottom: 0;margin-top: 4px;height:auto;font-size:14px;line-height:22px;height:auto;padding-bottom:4px;} .process-wrap .box .col-xs-6::before{bottom:50px;} .process-wrap .box{margin:0;} .process-wrap .box .item .Process_arrow{margin:0 auto} } /* 热门营销工具 */ .Hot-selling-tools-wrap .box{} .Hot-selling-tools-wrap .con{width:100%;overflow:hidden;} .Hot-selling-tools-wrap .con .kuai{width:14.285%;position: relative;float:left;} .Hot-selling-tools-wrap .con .kuai .cons{width:100%;padding-bottom:100%;position:relative} .Hot-selling-tools-wrap .con .kuai .img{position:absolute;left:10%;top:10%;width:80%;height:80%;box-shadow:0 4px 16px rgba(0,0,0,.1);display:block;transition:.5s;} .Hot-selling-tools-wrap .con .kuai .img img{max-width:80%;position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;} .Hot-selling-tools-wrap .con .kuai .heig50{width:100%;padding-bottom:50%;position: relative;overflow:hidden;} .Hot-selling-tools-wrap .con .kuai .heig50 .img{height:100%;} @media (min-width: 768px){ .Hot-selling-tools-wrap .con .kuai .img:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);} } @media (max-width: 767px){ .Hot-selling-tools-wrap .con .kuai{width:25%;} .Hot-selling-tools-wrap .con .kuai .img{border-radius:8px;} /*.Hot-selling-tools-wrap .con .kuai .heig50{display:none;}*/ } /* 直播介绍页 */ .live{} .live .container{} /* 为什么选择聚云直播？ */ .live .whyus{ position: relative;z-index:1;} .live .whyus .text{ position: relative; width: 40%; } .live .whyus .text .heading{ position: absolute; top: 50px; left: 0; } .live .whyus .description{line-height:205%;margin:40px 0 20px;} .live .whyus .image{ width: 550px; padding-right: 100px; float: right; z-index: 1; } .live .whyus .image img{ width: 100%; } .live .whyus .icons{} .live .whyus .icons ul{padding:0;} .live .whyus .icons ul li .box{ width: 80px; height: 80px; position: absolute; z-index: 2; border-radius: 15px; color: #FFF; text-align: center; } .live .whyus .icons ul li .icon{ width: 100%; height: 50px; padding-top: 10px; } .live .whyus .icons ul li .icon span{ font-size: 30px; line-height: 40px; } .live .whyus .icons ul li em{ font-size: 16px; line-height: 20px; font-style: normal; } @media(max-width:1200px){ .live .whyus .image{ width: 450px; padding-right: 0; } } @media(max-width:1024px){ .live .whyus .text{ width: 100%; text-align: center; } .live .whyus .text .heading{ position: relative; top: 0; left: 0; } .live .whyus .icons ul li{ width:16.666%; float: left; } .live .whyus .icons ul li .box{ margin: auto; position: relative; transform:scale(1)!important; top: 0!important; right: 0!important; } .live .whyus .visible-md-block{display:none !important;} } /* 支持各种终端 */ .live .automated{ background-color: #f6f6f6; } .live .automated .images{ padding-top: 30px; } .live .automated ul{ transform: translateY(100%);} .live .automated ol{ transform: translateY(100%); } .live .automated img{ width: 100%; transform: translateY(-100%); } @media(max-width:991px){ .live .automated ul{ transform: translateY(100%);} } @media(max-width:768px){ .live .whyus .icons ul li{ width:33.3333%;margin-top:15px;} } /* 应用场景 */ .live .scenario{background-image:url(../images/live-banner.jpg);background-position:50% center;background-repeat:no-repeat;background-size:cover;height:100%;background-attachment:fixed;min-height:900px;} .live .scenario .heading .title{color:#fff;} .live .scenario .icons-list{padding:40px 0 25px;} .live .scenario .icons-list ul{padding:0;} .live .scenario .icons-list li{padding:0 15px 20px 0;text-align:center;} .live .scenario .icons-list li span{color:#fff;border:1px solid rgba(255,255,255,0.6);height:90px;line-height:90px;width:90px;margin:0 auto;display:block;border-radius:90px;font-size:42px;} .live .scenario .icons-list h4,.scenario .icons-list p{color:rgba(255,255,255,0.8);} .live .scenario .icons-list p{height:44px;overflow:hidden;line-height:22px;} @media(max-width:1200px){ .live .scenario .icons-list p{height:44px;overflow:hidden;line-height:22px;} } @media(max-width:768px){ .live .scenario{background-image:url(../images/live-banner-m.jpg);background-attachment:scroll;min-height:none;} .live .scenario .heading{text-align:center;} .live .scenario .icons-list{padding:30px 0 10px;} .live .scenario .icons-list p{height:auto;} } @media(max-width:320px){ .live .scenario .icons-list{padding:30px 0 10px;} .live .scenario .icons-list .col-xs-6{width:100%;} } /* 行业需求 */ .live .demand{ color: #878787; } .live .demand ul{ padding:20px 0 0 0; } .live .demand li{ padding: 40px 15px 20px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .live .demand span{ display: block; margin: auto; width: 100px; height: 100px; border-radius: 50%; border:1px solid #DDD; } .live .demand span i{ font-style: normal; font-size: 35px; line-height: 100px; } .live .demand h4{ font-size: 18px; padding: 20px 0; margin: 0; line-height: 20px; } @media(min-width:768px){ .live .demand li:hover{ color: #FFF; } .live .demand li:hover span{ border-color: #FFF; } } @media(max-width:768px){ .live .demand li:hover{ background-color: #FFF!important; } } @media(max-width:480px){ .live .demand li{ width: 100%; } } /* 客户案例 */ .live .cases{ background: #F7F7F7; } .live .cases ul{padding:20px 10px 15px; } .live .cases li{padding:10px;} .live .cases li .image{ position: relative;} .live .cases li .image img{ width: 100%; } .live .cases li *{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;} .live .cases li .hidden{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.66); opacity: 0; display: block!important; } .live .cases li .hidden img{ width: 100px; height: 100px; box-shadow: 0 0 10px rgba(0,0,0,.2); position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; } .live .cases li:hover .hidden{ opacity: 1; } .live .cases li .text{ height: 70px; padding: 10px; background-color: #FFF; } .live .cases li .text span{ display: block; color: #666; height: 30px; line-height: 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .live .cases li .text i{ display: block; color: #888; height: 20px; line-height: 20px; font-size: 12px; font-style: normal; } @media(max-width:768px){ .live .cases li{ width: 50%; } } @media(max-width:480px){ .live .cases li{ width: 100%; } } /*-- Counter --*/ .services-bottom{background:#F7F7F7;padding:30px 0;} .about_counter{text-align:center;border-right:1px solid rgba(0, 0, 0, 0.07);} .about_counter:nth-of-type(4){border:none;} .about_counter p.number{margin:0;} .about_counter p.number .counterDX{color:#000;font-family:"HELVETICANEUELTPRO-THEX";font-size:54px;margin-top:15px;text-align:center;} .about_counter p.number .unit{color:#959595;font-size:14px;vertical-align:top;} .about_counter h3{color:#999;font-size:14px;margin:0;text-transform:uppercase;font-family:"Microsoft YaHei";} @media(max-width:768px){ .about_counter p.number .counterDX{font-size:30px;} .about_counter{margin-bottom:15px;} .about_counter:nth-of-type(2),.about_counter:nth-of-type(4){border-right:none;} .about_counter h3{font-size:12px;} } @media(max-width:320px){ .about_counter p.number .counterDX{font-size:40px;} .about_counter{width:100%;float:none;border:none;border-bottom:1px solid rgba(0, 0, 0, 0.07);} .about_counter:nth-of-type(4){border:none;} .about_counter h3{margin:0 0 15px 0;} .about_counter h3{font-size:14px;} } /*首页推广*/ .spread-wrap{} .spread-wrap .spread-box{padding-top:20px;} .spread-wrap .spread-box .col-md-2{padding-left:0;padding-bottom:15px;} .spread-wrap .spread-box .col-md-2:nth-of-type(6),.spread-wrap .spread-box .col-md-2:nth-of-type(12){padding-right:0;} .spread-wrap .spread-box .icon-bar{background:#fff;padding:30px 15px 20px;transition:all 0.5s ease 0s;} .spread-wrap .spread-box .icon-bar .icon-img{margin:15px 0 40px;} .spread-wrap .spread-box .icon-bar .icon-img img{max-width:100%;} .spread-wrap .spread-box .icon-bar .title{margin:5px 0;font-size:14px;line-height:25px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .spread-wrap .spread-box .icon-bar .description{font-size:12px;color:#999;line-height:22px;height:22px;overflow:hidden;} .spread-wrap .spread-box .icon-bar:hover{box-shadow:0 15px 20px rgba(0,0,0,0.05);transform:translate3d(0px,-2px,0px);} @media(max-width:970px){ .spread-wrap .spread-box .col-md-2:nth-of-type(3), .spread-wrap .spread-box .col-md-2:nth-of-type(6), .spread-wrap .spread-box .col-md-2:nth-of-type(9), .spread-wrap .spread-box .col-md-2:nth-of-type(12){padding-right:0;} } @media(max-width:768px){ .spread-wrap .spread-box .col-md-2{padding-left:0;padding-right:1px;padding-bottom:1px;} .spread-wrap .spread-box .col-md-2:nth-of-type(2), .spread-wrap .spread-box .col-md-2:nth-of-type(4), .spread-wrap .spread-box .col-md-2:nth-of-type(6), .spread-wrap .spread-box .col-md-2:nth-of-type(8), .spread-wrap .spread-box .col-md-2:nth-of-type(10), .spread-wrap .spread-box .col-md-2:nth-of-type(12){padding-right:0;} .spread-wrap .spread-box .col-md-2:nth-of-type(3), .spread-wrap .spread-box .col-md-2:nth-of-type(9){padding-right:1px;} .spread-wrap .spread-box .icon-bar .icon-img{margin:0 0 1px;} } @media(max-width:320px){ .spread-wrap .spread-box .col-xs-6{width:100%;} .spread-wrap .spread-box .col-md-2{padding:0 0 1px 0!important;} } .service-wrap.banner_station{background-image: url(../images/banner_station_bg.jpg);} .service-wrap .items{margin:0 0 80px;} .service-wrap.banner_station .form{padding: 12% 0 8%;} @media (max-width: 768px){ .service-wrap.banner_station{padding: 50px 0 15px;} .service-wrap.banner_station .form{width:100%;padding:3% 0;} .service-wrap.banner_station .items{padding:20px 0;overflow:hidden;} } /*首页免费建站 .banner_station_top{padding-top:60px;} .banner_station{padding:8% 0;} .banner_station .container{max-width:1170px;position:relative;padding:0;} .banner_station .text{position:absolute;bottom:0;left:0;max-width:417px;} .banner_station .text .title{font-size:60px;line-height:1;color:#FFF;} .banner_station .text em{font-size:14px;font-style:normal;display:block;letter-spacing:2px;} .banner_station .text em i{font-size:12px;padding-left:2px;} .banner_station .text form{position:relative;} .banner_station .text form .box{position:absolute;bottom:0;right:0;width:100%;padding-bottom:20%;} .banner_station .text form .box .jyyzbox{height:44px;background-color:#FFF;position:absolute;top:0;left:0;transform:translateY(-100%);opacity:0;} .banner_station .text form .box.show .jyyzbox{transform:translateY(0);opacity:1;} .banner_station .text form .box.show .phone, .banner_station .text form .box.show .yzm{opacity: 0;} .banner_station .text form .submit button{width:40%;float:right;position:relative;padding:0;background:none;border:none;outline:none;margin-right:14.868%} .banner_station .text form .submit img{transition:.5s;} .banner_station .text form .submit .bgimgH{position:absolute;bottom:0;right:0;opacity:0;} .banner_station .text form .submit:hover .bgimgH{opacity:1;} .banner_station .text form input{width:100%;height:36px;line-height:36px;text-indent:1em;outline:none;color:#FFF;border:none;background:none;border-bottom:1px solid rgba(255,255,255,.1);} .banner_station .text .title, .banner_station .text form .phone, .banner_station .text form .jyyzbox, .banner_station .text form .yzm{width:70%;margin:0 15%;transition:.5s;} .banner_station .text form .yzm input{width:100px;} .banner_station .text form .yzm span{background:#252525;border:none;color:#999;padding:5px 10px;border-radius:4px;margin-top:10px;display:inline-block;cursor:pointer;} .banner_station .image{float:right;} .banner_station .image img{max-width:100%;} @media(max-width:1199px){ .banner_station .text{width:50%;float:left;top:initial;position:relative;} .banner_station .image{width:50%;} } @media(max-width:990px){ .banner_station_top{padding-top:50px;} } @media(max-width:768px){ .banner_station{padding:0;} .banner_station .text{margin:auto;width:100%;float:none;} .banner_station .image{padding-left:0;width:100%;margin:auto;float:none;} } @media(max-width:420px){ .banner_station .text .title{font-size:50px;} } @media(max-width:360px){ .banner_station .text .title{width:80%;margin:0 10%;} } */ .banner_station{padding-top:74px;height:auto;background-image:url(../images/yunjes_banner_bg3.jpg);background-size:cover;position: relative;z-index: 1;} .banner_station .banner_robot{position: absolute;max-height: 90%;top:14%;width:35%;left:0;animation:bannerLeft 1.6s ease-out;-webkit-animation:bannerLeft 1.6s ease-out;-moz-animation:bannerLeft 1.6s ease-out;-ms-animation:bannerLeft 1.6s ease-out;-o-animation:bannerLeft 1.6s ease-out;z-index: -1;} @keyframes bannerLeft{ 0%{ left:-100%;} 100%{ left:0;} } @-webkit-keyframes bannerLeft{ 0%{ left:-100%;} 100%{ left:0;} } @-moz-keyframes bannerLeft{ 0%{ left:-100%;} 100%{ left:0;} } .banner_station .banner_robot img{max-width: 100%;} .banner_station .banner_robot:nth-of-type(2){right:0;left:auto; -moz-transform: scaleX(-1);-webkit-transform: scaleX(-1); -o-transform: scaleX(-1);transform: scaleX(-1); filter: fliph;animation:bannerRight 1.6s ease-out;-webkit-animation:bannerRight 1.6s ease-out;-moz-animation:bannerRight 1.6s ease-out;-ms-animation:bannerRight 1.6s ease-out;-o-animation:bannerRight 1.6s ease-out;} @keyframes bannerRight{ 0%{ right:-100%;} 100%{ right:0;} } @-webkit-keyframes bannerRight{ 0%{ right:-100%;} 100%{ right:0;} } @-moz-keyframes bannerRight{ 0%{ right:-100%;} 100%{ right:0;} } .banner_station .container{max-width:1200px;} .banner_station .form{padding:19% 0 18%;margin:auto;width:90%;max-width:800px;} .banner_station .form img{width:100%;margin:auto;display:block;padding:0 5px 10%;font-size:16px;animation:bannerFont .3s linear;-webkit-animation:bannerFont .3s ease-out;-moz-animation:bannerFont .3s ease-out;-ms-animation:bannerFont .3s ease-out;} @keyframes bannerFont{ 0%{ transform:translateY(-40px);} 100%{ transform:translateY(0);} } @-webkit-keyframes bannerFont{ 0%{ transform:translateY(-40px);} 100%{ transform:translateY(0);} } @-moz-keyframes bannerFont{ 0%{ transform:translateY(-40px);} 100%{ transform:translateY(0);} } .banner_station .form input{width:100%;line-height:44px;height:44px;background-color:#FFF;border:1px solid #ddd;text-indent:1em;border-radius:4px;} .banner_station .form .input{padding:5px;width:100%;position:relative;} .banner_station .form .yzm.input [name="yzm"]{padding-right:90px;} .banner_station .form .yzm button{border:none;background:none;color:#999;position:absolute;top:0;right:0;margin:9px;height:36px;padding:0 10px 0 0;line-height:36px;outline:none;} .banner_station .form .yzm button:hover{color:#666;} .banner_station .form .yzm button:before{content:"";width:1px;height:14px;background-color:#ccc;float:left;display:block;margin:10px;} .banner_station .form .submit{text-align:center;} .banner_station .form .submit button{width:100%;border:none;border-radius:4px;line-height:44px;height:44px;color:#333;background:none;background:-webkit-linear-gradient(left,#eb3ddb,#03acfe);background:-o-linear-gradient(right,#eb3ddb,#03acfe);background:-moz-linear-gradient(right,#eb3ddb,#03acfe);background:linear-gradient(to right,#eb3ddb,#03acfe);font-size:16px;font-weight:bold;color:#fff;} .banner_station .form .submit .btn_submit_a{width:100%;border:none;border-radius:4px;line-height:44px;height:44px;color:#333;background:none;background:-webkit-linear-gradient(left,#eb3ddb,#03acfe);background:-o-linear-gradient(right,#eb3ddb,#03acfe);background:-moz-linear-gradient(right,#eb3ddb,#03acfe);background:linear-gradient(to right,#eb3ddb,#03acfe);font-size:16px;font-weight:bold;color:#fff;display:inline-block;} .banner_station .form .password.input [name="password"]{padding-right:50px;} .banner_station .form .password span{position:absolute;top:0;right:0;z-index:1;cursor:pointer;line-height:36px;width:40px;margin:9px;text-align:center;} .banner_station .form .password span.icon-eye-blocked{opacity:.4;} .banner_station .form .password span.icon-eye3{opacity:.8;} .banner_station .image{padding-bottom:5%;} .banner_station .image svg{max-width:100%;margin:auto;display:block;overflow:visible;} @media(min-width:800px){ .banner_station form{height:50px;margin-left:-8%;margin-right:-8%;} .banner_station .form{display:table;} .banner_station .form .input{width:20%;display:table-cell;} .banner_station .form .submit button{vertical-align:-2px;} .banner_station .form .submit button:hover{background:#3398ff} .banner_station .form .submit .btn_submit_a{vertical-align:-2px;} .banner_station .form .submit .btn_submit_a:hover{background:#3398ff} .banner_station .form .text{display: none;} } @media(min-width:1199px){ .banner_station form{margin-left:-150px;margin-right:-150px;} } @media(max-width:799px){ /*.banner_station{padding-top:50px;height:auto;background-image:url(../images/yunjes_banner_station_bg2_m.jpg);}*/ .banner_station form{max-width:400px;margin:0 auto;} .banner_station .form input{border-radius:0;} .banner_station img{font-size:14px;} .banner_station .form .input{padding:5px 0;} .banner_station .form .submit{display: block;} .banner_station .form .submit button{} /*.banner_station .form img{display: none;}*/ .banner_station .form .text{display: none;} .banner_station .form .text .title{color: #fff;text-align: center;font-size: 30px;font-weight: 600;} .banner_station .form .text .description{color: #ccc;text-align: center;font-size: 16px;margin-bottom: 15px;} .banner_station .banner_robot{display: none;} .banner_station{padding-top: 50px;} .banner_station .form img{width:80%;padding: 0 5px 6%;} } @media(max-width:480px){ .banner_station .form .text .title{font-size: 24px;} .banner_station .form .text .description{font-size: 14px;} .banner_station .form .submit button{padding: 0px 12px;} .banner_station .form .submit .btn_submit_a{padding: 0px 12px;} } /*底部建站*/ /*.banner_station .items{display: flex;display: -webkit-flex;flex-wrap: wrap;align-items: center;}*/ .banner_station .items .icon img{max-width: 100%;display: block;margin:0 auto;transition: .3s ease-out;-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;width:60px;height:60px;} .banner_station .items .title{width: 100%;text-align: center;color:#4c4c4c;transition: .2s ease-in;-moz-transition: .2s ease-in;-webkit-transition: .2s ease-in;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media (min-width:768px){ .banner_station .col-xs-6:hover .icon img{transform: translateY(-15px);-moz-transform: translateY(-15px);-webkit-transform: translateY(-15px);} .banner_station .col-xs-6:hover .title{transform: translateY(-10px);-moz-transform: translateY(-10px);-webkit-transform: translateY(-10px);} } /* 首页svg样式与动画 */ .banner_station #banner_svg{position:initial!important;transform:none!important;backface-visibility:visible!important;transform-style:flat!important;} svg [stroke-dasharray="12"]{animation:svg_animation_2 3s ease-in;opacity:0;stroke-dasharray:0;animation-fill-mode:forwards;} svg *:not([stroke-dasharray="12"]){stroke-dasharray:50;stroke-dashoffset:50;animation:svg_animation_1 3s ease-in;animation-fill-mode:forwards;opacity:0;} @keyframes svg_animation_1{ to{stroke-dashoffset:0;stroke-dasharray:0;opacity:1;} } @keyframes svg_animation_2{ to{stroke-dashoffset:0;stroke-dasharray:12;opacity:1;} } @media (max-width: 768px){ .banner_station .items{margin:0;} .banner_station .items .col-xs-6{padding:0 5px;} .banner_station .items .block_tb10{padding:10px 0;display:block;} } /*首页应用*/ .applications{} .applications .app-box{padding-top:20px;text-align:center;} .applications .app-box .col-md-2{padding:0 8px;padding-bottom:15px;} .applications .app-box .icon-bar{padding:30px 15px 20px;transition:box-shadow 0.5s ease 0s, transform 0.5s ease 0s;} .applications .app-box .col-md-2 .icon-bar:hover{background:#fefefe;box-shadow:0 0 30px rgba(0, 0, 0, 0.06) inset;} .applications .app-box .col-md-3 .icon-bar:hover{background:#f9f9f9;box-shadow:0 0 30px rgba(0, 0, 0, 0.06) inset;} .applications .app-box .icon-bar .icon-img{margin:15px 0 0;} .applications .app-box .icon-bar .icon-img img{max-width:100%;} .applications .app-box .icon-bar .title{margin:5px 0;font-size:16px;line-height:25px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .applications .app-box .icon-bar .description{font-size:12px;color:#999;line-height:20px;height:40px;overflow:hidden;} .recommend .more{width: 50%; max-width: 300px; margin: 20px auto;} .applications .more{margin:20px auto;max-width:300px;width:50%;text-align: center;} .applications .more a{color: #888;width: 100%; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #CCC; font-size: 16px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .applications .more a:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} @media(max-width:768px){ .applications .more{max-width:100%;width:100%;} } @media(max-width:768px){ .applications .app-box .icon-bar .icon-img{margin:0;} } @media(max-width:320px){ .applications .app-box .col-xs-6{width:100%;} .applications .app-box .col-md-2{padding:0 0 1px 0!important;} } /*推荐服务*/ .services-wrap{padding:40px 0;background-image:url(../images/yjs-hot.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;background-attachment:fixed;} .services-wrap .services-box{border:1px solid #eee;box-shadow:0 3px 8px -6px rgba(0, 0, 0, 0.1);background:#fff;} .services-wrap .services-box .col-sm-3,.services-wrap .services-box .col-sm-4,.services-wrap .services-box .col-sm-8{padding:0;} .services-wrap .services-box .col-sm-3{padding:0;border-left:1px solid #eee;border-bottom:1px solid #eee;} .services-wrap .services-box .col-sm-3:nth-of-type(5), .services-wrap .services-box .col-sm-3:nth-of-type(6), .services-wrap .services-box .col-sm-3:nth-of-type(7), .services-wrap .services-box .col-sm-3:nth-of-type(8){border-bottom:0;} .services-wrap .services-box .icon-bar{background:#fff;padding:30px 15px 20px;transition:box-shadow 0.5s ease 0s, transform 0.5s ease 0s;} .services-wrap .services-box .icon-bar:hover{background:#fefefe;box-shadow:0 0 30px rgba(0, 0, 0, 0.08) inset;} .services-wrap .services-box .icon-bar .icon-img{margin:10px 0 30px;} .services-wrap .services-box .icon-bar .icon-img img,.services-wrap .services-box .hot-service img{max-width:100%;} .services-wrap .services-box .icon-bar .title{margin:5px 0;font-size:14px;line-height:25px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .services-wrap .services-box .icon-bar .description{font-size:12px;color:#999;line-height:22px;height:22px;overflow:hidden;} @media(max-width:1024px){ .services-wrap .services-box .icon-bar{padding:15px;} .services-wrap .services-box .icon-bar .icon-img{margin:0 0 15px;} } @media(max-width:768px){ .services-wrap{background-attachment:scroll;background-size:100% auto;background-position:50% 100%;} .services-wrap .services-box .col-sm-3{border-bottom:0;border-top:1px solid #eee;} .services-wrap .services-box .col-sm-3:nth-child(2n-1){border-left:0;} } @media(max-width:320px){ .services-wrap .services-box .col-xs-6{width:100%;} .services-wrap .services-box .col-sm-3{border-left:0;border-top:1px solid #eee;} } /*直播APP下载*/ /***应用-(聚外通)页***/ .apply-juwaitong{} /*功能优势*/ .apply-juwaitong .adv{} .apply-juwaitong .adv .items{width:60%;margin:0 auto;} .apply-juwaitong .adv .image img{ max-width: 100%; } .apply-juwaitong .adv .image:hover img{opacity:0.8;} .apply-juwaitong .adv .title{font-size: 18px;height:30px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media(max-width:1024px){ .apply-juwaitong .adv .items{width:80%;} } @media(max-width:430px){ .apply-juwaitong .adv .items{width:100%;} } /*SNS发布和互动*/ .apply-juwaitong .interaction{font-size:16px;background: #2D213F;} .apply-juwaitong .interaction .item{} .apply-juwaitong .interaction .text{padding-top: 10px;} .apply-juwaitong .interaction .title{color: #fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juwaitong .interaction .subtitle{color: #999;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juwaitong .interaction .subtext{color: #ccc;line-height:25px;} .apply-juwaitong .interaction ul{margin-top: 50px;} .apply-juwaitong .interaction li .libox{margin:15px 0;padding:15px;border:1px solid #444444;} .apply-juwaitong .interaction li .title{font-size:18px;line-height: 26px;height: 26px;margin: 0 0 5px 0;} .apply-juwaitong .interaction li .description{font-size:12px;line-height:20px;height:40px;overflow:hidden;} .apply-juwaitong .interaction .image{margin-top:50px;} .apply-juwaitong .interaction .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-juwaitong .interaction .title{font-size: 24px;} .apply-juwaitong .interaction .item{padding:30px 15px;} .apply-juwaitong .interaction .image{margin-top:0;} } @media(max-width:768px){ .apply-juwaitong .interaction .text{text-align: center;} .apply-juwaitong .interaction ul{margin-top: 30px;} .apply-juwaitong .interaction li .description{height:auto;} } /*SNS客户直通车*/ .apply-juwaitong .through-train{padding-bottom: 0;} .apply-juwaitong .through-train .row{width: 80%;margin:0 auto;} .apply-juwaitong .through-train .heading{width: 70%;margin:0 auto;} .apply-juwaitong .through-train .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juwaitong .through-train .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juwaitong .through-train .subtext{line-height:25px;margin: 20px auto 0;} .apply-juwaitong .through-train .image img{ max-width: 100%; } .apply-juwaitong .through-train .btn{margin-bottom:50px;} @media(max-width:1024px){ .apply-juwaitong .through-train{padding:30px 0;} .apply-juwaitong .through-train .row{width: 90%;} .apply-juwaitong .through-train .heading{width: 100%;} .apply-juwaitong .through-train .title{font-size: 24px;} } @media(max-width:768px){ .apply-juwaitong .through-train .row{width: 100%;} } /*自媒体、检索方式、联系方式*/ .apply-juwaitong .jvt-info{padding:0 0 30px;} .apply-juwaitong .jvt-info .items{border-top:1px solid #eee;border-left:1px solid #eee;margin: 0;} .apply-juwaitong .jvt-info .item{height: 215px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;} .apply-juwaitong .jvt-info .text{padding-left: 0;padding-right: 10px;} .apply-juwaitong .jvt-info .text .title{font-size: 18px;margin-bottom: 5px;} .apply-juwaitong .jvt-info .text ul li{font-size: 14px;padding-left: 10px;line-height:20px;position: relative;} .apply-juwaitong .jvt-info .text ul li::before{content: "";width:5px;height:5px;background:#ddd;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top:-2.5px;} .apply-juwaitong .jvt-info .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-juwaitong .jvt-info .item{padding:30px 0px;} .apply-juwaitong .jvt-info .title{font-size: 24px;} } @media(max-width:640px){ .apply-juwaitong .jvt-info .item{width:100%;height:auto;} } @media(max-width:320px){ .apply-juwaitong .jvt-info .image, .apply-juwaitong .jvt-info .text{width:50%;} } /*商机监控和追踪*/ .apply-juwaitong .monitorin-tracking{background-image:url(../images/jvt-monitorin-tracking.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed; } .apply-juwaitong .monitorin-tracking .row{width: 80%;margin:0 auto;} .apply-juwaitong .monitorin-tracking .heading{width: 60%;margin:0 auto;} .apply-juwaitong .monitorin-tracking .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juwaitong .monitorin-tracking .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juwaitong .monitorin-tracking .subtext{line-height:25px;margin: 8px auto 0;} .apply-juwaitong .monitorin-tracking .icons .iconbox{width: 130px;height: 130px;line-height: 130px;margin:20px auto;font-size: 60px;border-radius: 50%;border:1px solid #333;transition: all 1s ease 0.3s;} .apply-juwaitong .monitorin-tracking .icons li:hover .iconbox{-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);transform:rotate(360deg); } .apply-juwaitong .monitorin-tracking .icons .title{font-size:18px;} .apply-juwaitong .monitorin-tracking .btn{margin-bottom:90px;} @media(max-width:1024px){ .apply-juwaitong .monitorin-tracking .row{width: 90%;} .apply-juwaitong .monitorin-tracking .heading{width: 100%;} .apply-juwaitong .monitorin-tracking .title{font-size: 24px;} .apply-juwaitong .monitorin-tracking .btn{margin-bottom:50px;} } @media(max-width:768px){ .apply-juwaitong .monitorin-tracking{padding:50px 0;} .apply-juwaitong .monitorin-tracking .subtext{margin: 8px auto 0;} .apply-juwaitong .monitorin-tracking .row{width: 100%;} .apply-juwaitong .monitorin-tracking .icons .iconbox{width: 100px;height: 100px;line-height: 100px;font-size: 40px;} } @media(max-width:768px){ .apply-juwaitong .monitorin-tracking{background-attachment:scroll;background-position: 100% 100%;} } @media(max-width:430px){ .apply-juwaitong .monitorin-tracking{padding:30px 0;} .apply-juwaitong .monitorin-tracking .subtext{margin: 8px auto 50px;} .apply-juwaitong .monitorin-tracking .icons li{width: 100%;} .apply-juwaitong .monitorin-tracking .icons .iconbox{margin:20px auto 10px;} } /***应用-(聚客快)页***/ .apply-jukekuai{} /*功能优势*/ .apply-jukekuai .adv{} .apply-jukekuai .adv .items{width:60%;margin:0 auto;} .apply-jukekuai .adv .image img{ max-width: 100%; } .apply-jukekuai .adv .image:hover img{opacity:0.8;} .apply-jukekuai .adv .title{font-size: 18px;height:30px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media(max-width:1024px){ .apply-jukekuai .adv .items{width:80%;} } @media(max-width:430px){ .apply-jukekuai .adv .items{width:100%;} } /*后台操作简便*/ .apply-jukekuai .operation{background: #181716;} .apply-jukekuai .operation .row{width: 70%;margin:0 auto;} .apply-jukekuai .operation .heading{width: 60%;margin:0 auto;} .apply-jukekuai .operation .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .operation .subtitle{color: #666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .operation .subtext{color:#ccc;line-height:25px;margin: 20px auto 80px;} .apply-jukekuai .operation .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-jukekuai .operation{padding:30px 0;} .apply-jukekuai .operation .row{width: 80%;} .apply-jukekuai .operation .heading{width: 100%;} .apply-jukekuai .operation .title{font-size: 24px;} .apply-jukekuai .operation .subtext{margin: 20px auto 50px;} } @media(max-width:768px){ .apply-jukekuai .operation .row{width: 100%;} } /*客户记录*/ .apply-jukekuai .customer-record{font-size:16px;} .apply-jukekuai .customer-record .container{padding-bottom: 0;} .apply-jukekuai .customer-record .item{padding-top: 50px;} .apply-jukekuai .customer-record .text{padding-top: 100px;} .apply-jukekuai .customer-record .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .customer-record .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .customer-record .subtext{line-height:25px;margin-top:20px;} .apply-jukekuai .customer-record .description{color:#999; font-size: 14px;margin:10px 0;} .apply-jukekuai .customer-record .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-jukekuai .customer-record .text{padding-top: 0px;text-align: center;} .apply-jukekuai .customer-record .item{padding:30px 15px 0;} .apply-jukekuai .customer-record .title{font-size: 24px;} } /*裂变式分享*/ .apply-jukekuai .fission-share{font-size:16px;background: #171717;} .apply-jukekuai .fission-share .item{padding-top: 50px;padding-bottom: 10px;} .apply-jukekuai .fission-share .text{padding-top: 80px;} .apply-jukekuai .fission-share .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .fission-share .subtitle{color: #666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .fission-share .subtext{color:#ccc;line-height:25px;margin-top:20px;} .apply-jukekuai .fission-share .description{color: #999;font-size: 14px;margin:10px 0;} .apply-jukekuai .fission-share .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-jukekuai .fission-share .text{padding-top: 0px;margin-top: -20px;text-align: center;} .apply-jukekuai .fission-share .item{padding:30px 15px;} .apply-jukekuai .fission-share .title{font-size: 24px;} } /*系统的数据分析功能*/ .apply-jukekuai .data-analysis{font-size:16px;} .apply-jukekuai .data-analysis .row{margin-right: -50px;} .apply-jukekuai .data-analysis .item.col-md-7{padding-right: 0;} .apply-jukekuai .data-analysis .item{padding-top: 50px;padding-bottom: 10px;} .apply-jukekuai .data-analysis .text{padding-top: 60px;} .apply-jukekuai .data-analysis .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .data-analysis .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .data-analysis .subtext{line-height:25px;margin-top:20px;} .apply-jukekuai .data-analysis .description{color: #999;font-size: 14px;margin:10px 0;} .apply-jukekuai .data-analysis .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-jukekuai .data-analysis .text{padding-top: 0px;text-align: center;} .apply-jukekuai .data-analysis .item{padding:30px 15px;} .apply-jukekuai .data-analysis .title{font-size: 24px;} } @media(max-width:768px){ .apply-jukekuai .data-analysis .row{margin-right: -15px;} } /*销售归属*/ .apply-jukekuai .sales-attr{background:#171717;} .apply-jukekuai .sales-attr .row{width: 80%;margin:0 auto;} .apply-jukekuai .sales-attr .heading{width: 70%;margin:0 auto;} .apply-jukekuai .sales-attr .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .sales-attr .subtitle{color: #666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .sales-attr .subtext{color:#ccc;line-height:25px;margin-top:20px;} .apply-jukekuai .sales-attr .description{color: #999;font-size: 14px;margin:10px auto;} .apply-jukekuai .sales-attr .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-jukekuai .sales-attr{padding:30px 0;} .apply-jukekuai .sales-attr .row{width: 90%;} .apply-jukekuai .sales-attr .heading{width: 100%;} .apply-jukekuai .sales-attr .title{font-size: 24px;} .apply-jukekuai .sales-attr .image{padding-top:30px;} } @media(max-width:768px){ .apply-jukekuai .sales-attr .row{width: 100%;} } /*线下扫码*/ .apply-jukekuai .scan-code{font-size:16px;} .apply-jukekuai .scan-code .row{width: 90%;margin:0 auto;} .apply-jukekuai .scan-code .text{padding-top: 150px;} .apply-jukekuai .scan-code .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .scan-code .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-jukekuai .scan-code .subtext{line-height:25px;margin-top:20px;} .apply-jukekuai .scan-code .description{color: #999;font-size: 14px;margin:10px 0;} .apply-jukekuai .scan-code ul{margin-top: 50px;} .apply-jukekuai .scan-code li .libox{margin:15px 0;padding:15px;border:1px solid #444444;} .apply-jukekuai .scan-code li .title{font-size:18px;line-height: 26px;height: 26px;margin: 0 0 5px 0;} .apply-jukekuai .scan-code li .description{font-size:12px;line-height:20px;height:40px;overflow:hidden;} .apply-jukekuai .scan-code .image{width: 70%;} .apply-jukekuai .scan-code .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-jukekuai .scan-code .item{padding:30px 15px;} .apply-jukekuai .scan-code .title{font-size: 24px;} .apply-jukekuai .scan-code .text{padding-top: 0;text-align: center;margin-top: -10px;} .apply-jukekuai .scan-code .image{margin: 0 auto;} } @media(max-width:768px){ .apply-jukekuai .scan-code .row{width: calc(100% + 30px);margin: 0 -15px;} .apply-jukekuai .scan-code ul{margin-top: 30px;} .apply-jukekuai .scan-code li .description{height:auto;} } /***应用-(排名快)页***/ .apply-paimingkuai{} /*云网站*/ .apply-paimingkuai .cloud-website{font-size:16px;} .apply-paimingkuai .cloud-website .item{padding-top: 50px;padding-bottom: 10px;} .apply-paimingkuai .cloud-website .text{padding-top: 60px;} .apply-paimingkuai .cloud-website .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .cloud-website .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .cloud-website .subtext{line-height:25px;margin-top:20px;} .apply-paimingkuai .cloud-website .description{color: #999;font-size: 14px;margin:10px 0;} .apply-paimingkuai .cloud-website .image{width: 90%;} .apply-paimingkuai .cloud-website .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-paimingkuai .cloud-website .text{padding-top: 0px;text-align: center;} .apply-paimingkuai .cloud-website .title{font-size: 24px;} .apply-paimingkuai .cloud-website .item{padding:30px 15px;} .apply-paimingkuai .cloud-website .item.col-md-7{padding:30px 15px 0 15px;} .apply-paimingkuai .cloud-website .image{width:92%;} } /*门户平台推广*/ .apply-paimingkuai .portal-platform{font-size:16px;} .apply-paimingkuai .portal-platform .container{padding-right: 0;} .apply-paimingkuai .portal-platform .item{padding-top: 50px;padding-bottom: 10px;} .apply-paimingkuai .portal-platform .text{} .apply-paimingkuai .portal-platform .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .portal-platform .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .portal-platform .subtext{line-height:25px;margin-top:20px;} .apply-paimingkuai .portal-platform .description{color: #999;font-size: 14px;margin:10px 0;} .apply-paimingkuai .portal-platform ul{margin-top:20px;} .apply-paimingkuai .portal-platform li{margin:30px auto;} .apply-paimingkuai .portal-platform li .iconbox{width:80px;height:80px;line-height:80px;border-radius:15px;border:1px solid #666;} .apply-paimingkuai .portal-platform li .text{padding:5px 10px 5px 25px;} .apply-paimingkuai .portal-platform li .title{font-size:20px;line-height: 26px;height: 26px;} .apply-paimingkuai .portal-platform li .description{font-size:16px;line-height:20px;height:20px;} .apply-paimingkuai .portal-platform .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-paimingkuai .portal-platform .text{padding-top: 0px;} .apply-paimingkuai .portal-platform .title{font-size: 24px;} .apply-paimingkuai .portal-platform li{width:300px;margin:30px auto;} .apply-paimingkuai .portal-platform li .text{text-align: left;} .apply-paimingkuai .portal-platform .item{padding:30px 15px;} .apply-paimingkuai .portal-platform .item.col-md-4{padding:30px 65px 0 15px;} } @media(max-width:768px){ .apply-paimingkuai .portal-platform .text{text-align: center;} .apply-paimingkuai .portal-platform li{width: 260px;} .apply-paimingkuai .portal-platform li .title{font-size:18px;} .apply-paimingkuai .portal-platform li .description{font-size:14px;} .apply-paimingkuai .portal-platform .item.col-md-4{padding:30px 30px 0 15px;} } /*平台分析*/ .apply-paimingkuai .platform-analysis{font-size:16px;background:#161616;} .apply-paimingkuai .platform-analysis .item{padding:50px 15px;} .apply-paimingkuai .platform-analysis .item:last-child{padding:30px 15px 50px;} .apply-paimingkuai .platform-analysis .image{width: 90%;} .apply-paimingkuai .platform-analysis .image img{ max-width: 100%; } .apply-paimingkuai .platform-analysis li{margin:0 auto 20px;} .apply-paimingkuai .platform-analysis li:last-child{margin:0 auto;} .apply-paimingkuai .platform-analysis li .iconbox{width:75px;height:75px;} .apply-paimingkuai .platform-analysis li .text{padding:5px 10px 5px 115px;} .apply-paimingkuai .platform-analysis li .title{font-size:20px;line-height: 26px;height: 26px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .apply-paimingkuai .platform-analysis li .description{color: #888;font-size:14px;line-height:20px;height:40px;overflow: hidden;} .apply-paimingkuai .platform-analysis .table-responsive{width: 70%;margin:0 auto;border-color: #222;} .apply-paimingkuai .platform-analysis .table-responsive table{border-color: #222;color: #777;margin-bottom:0;} .apply-paimingkuai .platform-analysis .table-bordered > thead > tr > th, .apply-paimingkuai .platform-analysis .table-bordered > tbody > tr > th, .apply-paimingkuai .platform-analysis .table-bordered > tfoot > tr > th, .apply-paimingkuai .platform-analysis .table-bordered > thead > tr > td, .apply-paimingkuai .platform-analysis .table-bordered > tbody > tr > td, .apply-paimingkuai .platform-analysis .table-bordered > tfoot > tr > td {border-color: #222;} .apply-paimingkuai .platform-analysis .table-bordered > thead > tr > th, .apply-paimingkuai .platform-analysis .table-bordered > thead > tr > td {border-bottom-width:1px;text-align: center;} @media(max-width:1024px){ .apply-paimingkuai .platform-analysis .item, .apply-paimingkuai .platform-analysis .item:last-child{padding:30px 15px;} .apply-paimingkuai .platform-analysis .image{width:100%;} .apply-paimingkuai .platform-analysis .table-responsive{width: 100%;border-color: #222;} } /*企业问答营销*/ .apply-paimingkuai .marketing{font-size:16px;background: #5AC44A;} .apply-paimingkuai .marketing .heading{width: 60%;margin: 0 auto;} .apply-paimingkuai .marketing .text{padding-top: 60px;} .apply-paimingkuai .marketing .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .marketing .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .marketing .subtext{color:#eee;font-size:20px;line-height:30px;margin-top:20px;} @media(max-width:1024px){ .apply-paimingkuai .marketing .heading{width: 80%;} .apply-paimingkuai .marketing .title{font-size: 24px;} .apply-paimingkuai .marketing .subtext{font-size:16px;} } @media(max-width:768px){ .apply-paimingkuai .marketing .heading{width: 100%;} } /*企业百科*/ .apply-paimingkuai .encyclopedia{font-size:16px;} .apply-paimingkuai .encyclopedia .heading{width: 60%;margin: 0 auto;} .apply-paimingkuai .encyclopedia .text{padding-top: 60px;} .apply-paimingkuai .encyclopedia .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .encyclopedia .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-paimingkuai .encyclopedia .subtext{font-size: 18px;line-height:25px;margin-top:20px;} @media(max-width:1024px){ .apply-paimingkuai .encyclopedia .heading{width: 80%;} .apply-paimingkuai .encyclopedia .title{font-size: 24px;} .apply-paimingkuai .encyclopedia .subtext{font-size:16px;} } @media(max-width:768px){ .apply-paimingkuai .encyclopedia .heading{width: 100%;} } /***应用-(聚订货)页***/ .apply-judinghuo{} /*功能优势*/ .apply-judinghuo .adv{} .apply-judinghuo .adv .image img{ max-width: 100%; } .apply-judinghuo .adv .image:hover img{opacity:0.8;} .apply-judinghuo .adv .title{font-size: 18px;height:30px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*全渠道营销互动系统*/ .apply-judinghuo .channel-market{font-size:16px;background:-moz-linear-gradient(left, #FED278, #FEC754, #FFAA01); background:-webkit-linear-gradient(left, #FED278, #FEC754, #FFAA01); background:-o-linear-gradient(left, #FED278, #FEC754, #FFAA01); } .apply-judinghuo .channel-market .item-left{padding:0;} .apply-judinghuo .channel-market .item-right{padding: 0; background:-moz-linear-gradient(left, #FEC754, #FFAA01); background:-webkit-linear-gradient(left, #FEC754, #FFAA01); background:-o-linear-gradient(left, #FEC754, #FFAA01); } .apply-judinghuo .channel-market .heading{} .apply-judinghuo .channel-market .text{padding:90px 20px;} .apply-judinghuo .channel-market .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-judinghuo .channel-market .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-judinghuo .channel-market .subtext{color:#eee;font-size:18px;line-height:30px;margin-top:20px;} .apply-judinghuo .channel-market .hexagon{margin-top:31px;margin-right:0;} .apply-judinghuo .channel-market .hexagon li{padding-right: 0;margin:30px auto;} .apply-judinghuo .channel-market .hexagon li .image{width:100px;height:85px;line-height:85px;background-image:url(../images/jdh-channel-hexagon.png);background-size:cover;background-repeat:no-repeat;margin:0 auto;transition:all 0.5s ease 0.1s; } .apply-judinghuo .channel-market .hexagon li .image:hover{background-image:url(../images/jdh-channel-hexagon-hover.png);} .apply-judinghuo .channel-market .hexagon li .image img{ max-width: 100%;width: 40px;height: 40px;} .apply-judinghuo .channel-market .hexagon li .title{font-size:16px;line-height:20px;height:20px;} .apply-judinghuo .channel-market .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-judinghuo .channel-market .text{padding:50px 15px;} .apply-judinghuo .channel-market .title{font-size: 24px;} .apply-judinghuo .channel-market .subtext{font-size:16px;} } @media(max-width:768px){ .apply-judinghuo .channel-market{background:none;} .apply-judinghuo .channel-market .heading, .apply-judinghuo .channel-market .btnbox{text-align: center;} } /*应用场景*/ .apply-judinghuo .scenario{background-image:url(../images/jdh-scenario-bg.jpg);background-size:cover;background-position: center center;background-repeat:no-repeat;} .apply-judinghuo .scenario .container{padding: 0 50px;} .apply-judinghuo .scenario .item:last-child{padding-left: 30px;padding-right: 0;} .apply-judinghuo .scenario .text{ padding-top:60px;} .apply-judinghuo .scenario .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-judinghuo .scenario .subtitle{color:#666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-judinghuo .scenario .subtext{color:#ddd;font-size:18px;line-height:30px;} .apply-judinghuo .scenario .image img{ max-width: 100%; } .apply-judinghuo .scenario ul{margin-top:30px;margin-left: 0;} .apply-judinghuo .scenario ul li{padding-left: 0;padding-right: 30px;margin:50px auto 0;} .apply-judinghuo .scenario ul li .images{width:100px;height:100px;line-height:100px;position: relative; margin:0 auto;} .apply-judinghuo .scenario ul li .images .pic{width:100px;height:100px;border-radius:50%;border-width:1px; border-style:solid;position: absolute;top:0;transition:all 0.5s ease 0.1s; } .apply-judinghuo .scenario ul li .images .pic1{left:0;opacity:1;} .apply-judinghuo .scenario ul li:hover .images .pic1{background:none;left:-100%;opacity:0;} .apply-judinghuo .scenario ul li .images .pic2{right:100%;opacity:0;} .apply-judinghuo .scenario ul li:hover .images .pic2{background:none;right:0;opacity:1;} .apply-judinghuo .scenario ul li .images img{ max-width: 100%;width: 45px;height: 46px;} .apply-judinghuo .scenario ul li .title{color:#999;font-size:18px;line-height:36px;height:36px;overflow: hidden;} .apply-judinghuo .scenario ul li:hover .title{color:#ddd;} .apply-judinghuo .scenario ul li .description{color:#777;font-size:13px;line-height:25px;height:75px;overflow: hidden;} .apply-judinghuo .scenario ul li:hover .description{color:#ccc;} @media(max-width:1024px){ .apply-judinghuo .scenario{padding:30px 0;background: #161616;} .apply-judinghuo .scenario .container{padding: 40px 50px;} .apply-judinghuo .scenario .text{ padding-top:0;} .apply-judinghuo .scenario .title{font-size: 24px;} .apply-judinghuo .scenario .subtext{font-size:16px;} .apply-judinghuo .scenario ul li{margin:30px auto 0;} } @media(max-width:768px){ .apply-judinghuo .scenario .container{padding: 20px 15px;} .apply-judinghuo .scenario .heading, .apply-judinghuo .scenario .image{text-align: center;} .apply-judinghuo .scenario ul{margin-left: -15px;} .apply-judinghuo .scenario ul li{text-align: center;padding-left: 15px; padding-right: 15px;} .apply-judinghuo .scenario .item:last-child{padding-left: 15px; padding-right: 15px;} } @media(max-width:430px){ .apply-judinghuo .scenario ul li{width: 100%;text-align: center;padding-left: 15px; padding-right: 15px;} .apply-judinghuo .scenario ul li .description{height:auto;} } /*聚订货的优势*/ .apply-judinghuo .preponderance{} .apply-judinghuo .preponderance .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-judinghuo .preponderance .subtitle{line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-judinghuo .preponderance .subtext{font-size:18px;line-height:30px;} .apply-judinghuo .preponderance ul li{padding:30px 15px;margin:50px auto 0;transition:all 0.5s ease 0.1s;} .apply-judinghuo .preponderance ul li:hover{background:#F7B500;} .apply-judinghuo .preponderance ul li .images{width:100px;height:100px;line-height:100px;text-align:center;position: relative; margin:0 auto;} .apply-judinghuo .preponderance ul li .images .pic{width:100px;height:100px;border-radius:50%;border-width:1px;border-style:solid;position: absolute;left:0;transition:all 0.8s ease 0.1s; } .apply-judinghuo .preponderance ul li .images .pic1{top:0;opacity:1;} .apply-judinghuo .preponderance ul li:hover .images .pic1{background:none;top:100%;opacity:0;} .apply-judinghuo .preponderance ul li .images .pic2{top:-100%;opacity:0;} .apply-judinghuo .preponderance ul li:hover .images .pic2{background:none;top:0;opacity:1;} .apply-judinghuo .preponderance ul li .images img{ max-width: 100%;width:45px;height:45px;} .apply-judinghuo .preponderance ul li .title{color:#333;font-size:16px;line-height:36px;height:36px;overflow: hidden;transition:all 0.5s ease 0.1s;} .apply-judinghuo .preponderance ul li:hover .title{color:#fff;} .apply-judinghuo .preponderance ul li .description{color:#888;font-size:12px;line-height:25px;height:75px;overflow: hidden;transition:all 0.8s ease 0.1s;} .apply-judinghuo .preponderance ul li:hover .description{color:#fff;} @media(max-width:1024px){ .apply-judinghuo .preponderance{padding:30px 0;} .apply-judinghuo .preponderance .title{font-size: 24px;} .apply-judinghuo .preponderance .subtext{font-size:16px;} .apply-judinghuo .preponderance ul li .description{height: 100px;} } @media(max-width:768px){ .apply-judinghuo .preponderance ul{margin-top:20px;} .apply-judinghuo .preponderance ul li{margin:0 auto;padding: 20px 15px;} .apply-judinghuo .preponderance ul li .description{height:75px;} } @media(max-width:430px){ .apply-judinghuo .preponderance ul li{width: 100%;margin:5px auto;} .apply-judinghuo .preponderance ul li .description{height:auto;} } /***应用-(聚云量)页***/ .apply-juyunliang{} /*为什么选择我们*/ .apply-juyunliang .why-choose-us{font-size:16px;} .apply-juyunliang .why-choose-us ul{background:#00BBBB;height:215px;overflow: hidden;} .apply-juyunliang .why-choose-us ul li{width:20%;padding:50px 0;float:left;text-align:center;border-left:1px solid rgba(255,255,255,0.2);} .apply-juyunliang .why-choose-us ul li:first-child{border-left:none;} .apply-juyunliang .why-choose-us ul li:hover{background:#00CECE;} .apply-juyunliang .why-choose-us ul li:first-child:hover{background:#00BBBB;} .apply-juyunliang .why-choose-us ul li .title{font-size:16px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .why-choose-us ul li .heading{padding:18px 25px;text-align:left;} .apply-juyunliang .why-choose-us ul li .heading .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .why-choose-us ul li .heading .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .why-choose-us ul li .iconbox{margin:0 auto 20px;} .apply-juyunliang .why-choose-us ul li .image{width:100px;height:85px;line-height:85px;margin:0 auto;transition:all 0.5s ease 0.1s; } .apply-juyunliang .why-choose-us ul li .image img{ max-width: 100%;width:75px;height:75px;} @media(max-width:1024px){ .apply-juyunliang .why-choose-us ul li .heading .title{font-size: 24px;} } @media(max-width:768px){ .apply-juyunliang .why-choose-us ul{height:auto;overflow:auto;padding-bottom: 30px;} .apply-juyunliang .why-choose-us ul li{width:50%;height:176px;padding:30px 0;border:none;} .apply-juyunliang .why-choose-us ul li:first-child{width: 100%;} .apply-juyunliang .why-choose-us ul li .heading {padding: 18px 15px;text-align:center;} } /*聚云量系统简介*/ .apply-juyunliang .what-we-do{font-size:16px;padding-top: 30px;} .apply-juyunliang .what-we-do .container{padding-bottom:0;} .apply-juyunliang .what-we-do .heading{width:70%;padding-top: 35px;} .apply-juyunliang .what-we-do .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .what-we-do .subtitle{line-height:20px;} .apply-juyunliang .what-we-do .subtext{line-height:25px;} .apply-juyunliang .what-we-do ul{padding-top:35px;margin-right: -15px;} .apply-juyunliang .what-we-do ul li{float: left;padding-left: 0;margin-top: 15px;} .apply-juyunliang .what-we-do ul li .libox{padding:15px 0;border:1px dashed #ccc;border-radius: 5px;} .apply-juyunliang .what-we-do ul li .iconbox{height:42px;margin:0 auto 10px;} .apply-juyunliang .what-we-do ul li .iconbox img{ max-width: 100%;width:auto;} .apply-juyunliang .what-we-do ul li .title{font-size: 16px;margin: 0;line-height: 20px;height: 20px;} .apply-juyunliang .what-we-do .image img{ max-width: 100%;} @media(max-width:1024px){ .apply-juyunliang .what-we-do{padding-bottom:30px;} .apply-juyunliang .what-we-do .title{font-size: 24px;} .apply-juyunliang .what-we-do .heading:nth-child(1){padding-top: 0;} } @media(max-width:768px){ .apply-juyunliang .what-we-do{padding-bottom:0;} .apply-juyunliang .what-we-do .heading{width:100%;text-align: center;} .apply-juyunliang .what-we-do .heading:nth-child(2) .subtext{width: 200px; text-align: left; margin: 0 auto;} .apply-juyunliang .what-we-do .image{width:70%;margin: 50px auto 0;} } @media(max-width:640px){ .apply-juyunliang .what-we-do .image{width:100%;} } /*现状分析*/ .apply-juyunliang .situation-analysis{font-size:16px;background: #161616;} .apply-juyunliang .situation-analysis .image{margin-top: 50px;} .apply-juyunliang .situation-analysis .image img{ max-width: 100%;} .apply-juyunliang .situation-analysis .text{padding-left: 15px;} .apply-juyunliang .situation-analysis .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .situation-analysis .subtitle{color:#666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .situation-analysis .subtext{color:#ddd;line-height:25px;} .apply-juyunliang .situation-analysis ul{padding-top:35px;margin-right: -15px;} .apply-juyunliang .situation-analysis ul li{float: left;padding-left: 0;margin-top: 15px;} .apply-juyunliang .situation-analysis ul li .libox{padding:15px;border:1px solid #444;} .apply-juyunliang .situation-analysis ul li .title{color:#ccc;font-size: 16px;margin-top: 0;line-height: 25px;height: 25px;} .apply-juyunliang .situation-analysis ul li .description{color:#999;font-size:12px;line-height:20px;height:40px;overflow: hidden;transition:all 0.8s ease 0.1s;} .apply-juyunliang .situation-analysis ul li .description .p{width:45%;} @media(max-width:1024px){ .apply-juyunliang .situation-analysis .item{width:50%;} .apply-juyunliang .situation-analysis .text {padding-left: 0;} .apply-juyunliang .situation-analysis .title{font-size: 24px;} .apply-juyunliang .situation-analysis ul li .libox{padding: 10px;} } @media(max-width:768px){ .apply-juyunliang .situation-analysis .item{width:100%;} .apply-juyunliang .situation-analysis .heading{text-align: center;} .apply-juyunliang .situation-analysis .image{margin-top:0; margin-bottom:40px;} .apply-juyunliang .situation-analysis ul{padding-top: 20px;} .apply-juyunliang .situation-analysis ul li .description .p{width:50%;} .apply-juyunliang .situation-analysis ul li .description .p:nth-child(2){padding-left: 20px;} } @media(max-width:480px){ .apply-juyunliang .situation-analysis ul li{width:100%;} .apply-juyunliang .situation-analysis ul li .libox{padding:15px;} .apply-juyunliang .situation-analysis ul li .description{height:auto;} .apply-juyunliang .situation-analysis ul li .description .p{width:100%;} .apply-juyunliang .situation-analysis ul li .description .p:nth-child(2){padding-left:0;} } /*四大核心优势*/ .apply-juyunliang .core-advantages{font-size:16px;} .apply-juyunliang .core-advantages .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .core-advantages .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .core-advantages .subtext{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);margin:20px auto -20px;} @media(max-width:1024px){ .apply-juyunliang .core-advantages .title{font-size: 24px;} .apply-juyunliang .core-advantages .subtext{margin: 20px auto -10px;} } @media(max-width:768px){ .apply-juyunliang .core-advantages .subtext{margin: 20px auto 0;} } /*以用户为中心 结果为导向的系统*/ .apply-juyunliang .results-oriented{} .apply-juyunliang .results-oriented .title{color:#333;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .results-oriented .subtitle{color:#999;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .results-oriented ul{} .apply-juyunliang .results-oriented ul li{float: left;width:14.2%;margin-top:15px;} .apply-juyunliang .results-oriented ul li .libox{padding:20px;} .apply-juyunliang .results-oriented ul li .iconbox{width:100px;height:100px;line-height:100px;border-radius:50%;border:1px solid #999;margin:0 auto;} .apply-juyunliang .results-oriented ul li .title{color:#333;font-size:18px;line-height:25px;height:25px;margin:15px auto 25px;} .apply-juyunliang .results-oriented ul li .description{width:140px;color:#888;font-size:12px;line-height:20px;margin-top:20px;margin:0 auto;} .apply-juyunliang .results-oriented ul li .description .p{width:60px;} @media(max-width:1024px){ .apply-juyunliang .results-oriented .title{font-size: 24px;} .apply-juyunliang .results-oriented ul li .libox{padding:10px;} .apply-juyunliang .results-oriented ul li .description{width:100%!important;} .apply-juyunliang .results-oriented ul li .description .p{width: 100%;} } @media(max-width:768px){ .apply-juyunliang .results-oriented ul li{width: 25%;} .apply-juyunliang .results-oriented ul li .description{width:140px!important;} .apply-juyunliang .results-oriented ul li .description .p{width:60px;} } @media(max-width:640px){ .apply-juyunliang .results-oriented ul li .description{width:100%!important;text-align:center!important;} .apply-juyunliang .results-oriented ul li .description .p{width: 100%;} } @media(max-width:480px){ .apply-juyunliang .results-oriented ul li{width:50%;} .apply-juyunliang .results-oriented ul li:last-child{width:100%;} } /*系统使用云架构 稳定性高*/ .apply-juyunliang .cloud-architecture{background: -moz-linear-gradient(left, #1DB4E6, #1AB0E3, #1889D9); background: -webkit-linear-gradient(left, #1DB4E6, #1AB0E3, #1889D9); background: -o-linear-gradient(left, #1DB4E6, #1AB0E3, #1889D9);} .apply-juyunliang .cloud-architecture .item{padding:0;} .apply-juyunliang .cloud-architecture .text{padding:45px 30px;} .apply-juyunliang .cloud-architecture .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .cloud-architecture .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .cloud-architecture ul{margin-top:30px;} .apply-juyunliang .cloud-architecture li{margin:10px auto 0;} .apply-juyunliang .cloud-architecture li .iconbox{width:48px;height:48px;line-height:44px;text-align:center;border-radius: 50%;border:1px solid #fff;} .apply-juyunliang .cloud-architecture li .text{padding:0 0 0 70px;} .apply-juyunliang .cloud-architecture li .title{font-size:16px;line-height: 26px;height: 26px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;margin: 0;} .apply-juyunliang .cloud-architecture li .description{color: #eee;font-size:12px;line-height:20px;height:40px;overflow: hidden;} @media(max-width:1024px){ .apply-juyunliang .cloud-architecture .title{font-size: 24px;} } @media(max-width:768px){ .apply-juyunliang .cloud-architecture{background:none;} .apply-juyunliang .cloud-architecture .item-right{background: -moz-linear-gradient(left, #1AB0E3, #1889D9); background: -webkit-linear-gradient(left, #1AB0E3, #1889D9); background: -o-linear-gradient(left, #1AB0E3, #1889D9);} .apply-juyunliang .cloud-architecture .text{padding:40px 15px;} .apply-juyunliang .cloud-architecture .heading{text-align: center;} .apply-juyunliang .cloud-architecture li .description{height:auto;} } /*用户行为全程监控，转化率高*/ .apply-juyunliang .monitoring{} .apply-juyunliang .monitoring .title{margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .monitoring .subtitle{line-height:20px;} .apply-juyunliang .monitoring .subtext{line-height:25px;} .apply-juyunliang .monitoring .items{margin-top:20px;} .apply-juyunliang .monitoring .image{width: 75px;height:75px;line-height:75px;margin:0 auto;} .apply-juyunliang .monitoring .image img{ max-width: 100%; } .apply-juyunliang .monitoring .image:hover img{opacity:0.8;} .apply-juyunliang .monitoring .items .title{font-size: 18px;height:30px;line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media(max-width:1024px){ .apply-juyunliang .monitoring .title{font-size: 24px;} } @media(max-width:768px){ .apply-juyunliang .monitoring .items{margin-top:20px;} } /*大数据分析能力强*/ .apply-juyunliang .large-data{background-image:url(../images/jyl-large-data-bg.jpg);background-size:cover;background-position: center center;background-repeat:no-repeat;} .apply-juyunliang .large-data .row{width: 80%;margin:0 auto;} .apply-juyunliang .large-data .heading{width: 70%;margin:0 auto;} .apply-juyunliang .large-data .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .large-data .subtitle{color: #666;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .large-data .subtext{color:#ccc;line-height:25px;margin-top:20px;} .apply-juyunliang .large-data .description{color: #999;font-size: 14px;margin:10px auto;} .apply-juyunliang .large-data .image img{ max-width: 100%; } @media(max-width:1024px){ .apply-juyunliang .large-data{padding:30px 0;} .apply-juyunliang .large-data .row{width: 90%;} .apply-juyunliang .large-data .heading{width: 100%;} .apply-juyunliang .large-data .title{font-size: 24px;} .apply-juyunliang .large-data .image{padding-top:30px;} } @media(max-width:768px){ .apply-juyunliang .large-data .row{width: 100%;} } /*解决方案*/ .apply-juyunliang .solution{font-size:16px;} .apply-juyunliang .solution .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .solution .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .solution .subtext{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);margin:20px auto -20px;} @media(max-width:1024px){ .apply-juyunliang .solution .title{font-size: 24px;} .apply-juyunliang .solution .subtext{margin: 20px auto -10px;} } @media(max-width:768px){ .apply-juyunliang .solution .subtext{margin: 20px auto 0;} } /*三步骤*/ .apply-juyunliang .solution-step{} .apply-juyunliang .solution-step .text{padding-top: 150px;padding-left: 50px;} .apply-juyunliang .solution-step .step-three .text{padding-top: 80px;} .apply-juyunliang .solution-step .title{margin:5px 0;font-size:34px;line-height:35px;} .apply-juyunliang .solution-step .subtitle{color: #999;font-size: 13px;line-height:26px;} .apply-juyunliang .solution-step .step-one{} .apply-juyunliang .solution-step .step-three ul{padding-top:50px;} .apply-juyunliang .solution-step .step-three ul li{float:left;display:inline-block; padding:0 50px; border-left: 1px dotted #ccc;} .apply-juyunliang .solution-step .step-three ul li:first-child{ padding:0 50px 0 0;border:none; } .apply-juyunliang .solution-step .step-three ul li .title{color:#44D4D4;font-size: 18px;margin-bottom: 10px;} .apply-juyunliang .solution-step .step-three ul li .description{color: #888;font-size: 12px;line-height: 25px;} @media(max-width:1024px){ .apply-juyunliang .solution-step .text{padding-top: 80px;padding-left: 0;} .apply-juyunliang .solution-step .step-three .text {padding-top: 0;} .apply-juyunliang .solution-step .step-three ul li{padding:0 20px;} .apply-juyunliang .solution-step .step-three ul li:first-child{ padding:0 20px 0 0;} .apply-juyunliang .solution-step .title{font-size: 24px;} .apply-juyunliang .solution-step .step-three ul li .title{font-size: 16px;} } @media(max-width:768px){ .apply-juyunliang .solution-step{padding:0;} .apply-juyunliang .solution-step .text{padding-top: 20px;text-align: center;} .apply-juyunliang .solution-step .step-one img{padding-left: 8%;} .apply-juyunliang .solution-step .step-one .subtitle{width: 200px;margin:10px auto 0;text-align: left;} .apply-juyunliang .solution-step .step-two img{padding-right: 2%;} .apply-juyunliang .solution-step .step-two .container{padding:0 15px;} .apply-juyunliang .solution-step .step-two .text{padding-top:0;} .apply-juyunliang .solution-step .step-three img{padding-left: 3%;} .apply-juyunliang .solution-step .step-three ul{padding: 30px 0;} .apply-juyunliang .solution-step .step-three ul li{width: 33.3%;} .apply-juyunliang .solution-step .step-three ul li .description{text-align:center;} .apply-juyunliang .solution-step .step-three ul li:nth-child(2) .description{width: 100px; margin: 0 auto; text-align: left;} .apply-juyunliang .solution-step .step-three ul li:last-child .description{width: 170px; margin: 0 auto; text-align: left;} } @media(max-width:640px){ .apply-juyunliang .solution-step .step-three ul {padding:10px 0;} .apply-juyunliang .solution-step .step-three ul li{width:100%;border: none;} .apply-juyunliang .solution-step .step-three ul li .title{margin-top:10px;margin-bottom: 0;line-height: 30px;} } /*投放案例*/ .apply-juyunliang .put-case{font-size:16px;} .apply-juyunliang .put-case .title{color:#fff;margin:5px 0;font-size:34px;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .put-case .subtitle{color:#eee;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .put-case .subtext{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);margin:20px auto -20px;} @media(max-width:1024px){ .apply-juyunliang .put-case .title{font-size: 24px;} .apply-juyunliang .put-case .subtext{margin: 20px auto -10px;} } @media(max-width:768px){ .apply-juyunliang .put-case .subtext{margin: 20px auto 0;} } /*投放案例内容*/ .apply-juyunliang .jyl-case{} .apply-juyunliang .jyl-case .text-items{width:80%;margin:0 auto;} .apply-juyunliang .jyl-case .text-items li{padding:15px 10px;} .apply-juyunliang .jyl-case .text-items .title{background:#2ACECE;color:#fff;font-size:18px;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .jyl-case .text-items .description{padding:0 20px;} .apply-juyunliang .jyl-case .text-items .description p{color:#666;border-bottom: 1px dotted #ccc;margin: 0;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .apply-juyunliang .jyl-case .text-items .description p:last-child{border:none;} .apply-juyunliang .jyl-case .img-items{padding-top: 20px;} .apply-juyunliang .jyl-case .img-items li{padding:15px;} .apply-juyunliang .jyl-case .img-items .libox{padding: 10px;border:1px solid #eee;} .apply-juyunliang .jyl-case .img-items .title{color:#666;font-size:18px;margin-top:10px;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media(max-width:1024px){ .apply-juyunliang .jyl-case .text-items{width:100%;} .apply-juyunliang .jyl-case .text-items li{padding:15px;} } @media(max-width:768px){ .apply-juyunliang .jyl-case .text-items ul{padding:20px 10px;} .apply-juyunliang .jyl-case .text-items li{padding:10px 10px 0 10px;} .apply-juyunliang .jyl-case .text-items .title{font-size: 16px;} .apply-juyunliang .jyl-case .text-items .description p{font-size: 12px;} .apply-juyunliang .jyl-case .img-items .title{font-size: 16px;} } @media(max-width:430px){ .apply-juyunliang .jyl-case .text-items ul{padding:20px 5px;} .apply-juyunliang .jyl-case .text-items li{width:100%;} } /***关于云集市***/ .about-wrap{} .about-wrap .container{max-width:1200px;padding:0 15px;} .about-wrap .banner4{color:#fff;background-size:cover;background-position: center center;} .about-wrap .banner4 .title{font-size:48px;line-height:1;margin-bottom:30px;} .about-wrap .banner4 .title span{display:inline-block;position: relative;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.6);} /*.about-wrap .banner4 .title:after{content:"";display:block;position: absolute;bottom:0;border-bottom:1px solid rgba(255,255,255,.6);width:150px;}*/ .about-wrap .banner4 .description{font-size:16px;margin-bottom:40px;line-height:25px;max-width:750px;} .about-wrap .banner4 .about_btn{cursor:pointer;font-size:16px;border:1px solid #fff;color:#fff;padding:10px 40px;border-radius:4px;display:inline-block;line-height:1;} .about-wrap .banner4 .about_btn:hover{background-color:#fff;color:#434A60;transition:.3s;} @media(max-width:768px){ .about-wrap .banner4{padding:80px 0 40px;} .about-wrap .banner4 .title{font-size:24px;margin-bottom:10px;} .about-wrap .banner4 .description{font-size:14px;margin-bottom:15px;} .about-wrap .banner4 .about_btn{font-size:14px;} .about-wrap .banner4 .title span{padding-bottom:10px;} } /*走进聚焦*/ .yjs-about{padding-top:70px;} .yjs-about .container{padding:0 15px;max-width:1200px;} .yjs-about h1{margin:0 0 10px 0;padding:0;font-size:2.8em;color:#333;font-weight:normal;} .yjs-about h4{margin:0 0 30px 0;padding:0;font-size:1.3em;color:#666;font-weight:normal;} .yjs-about .about-text{margin:0 auto;width:60%} .yjs-about .about-text strong{color:#2A85FD;font-size:1.3em;font-weight:normal;} .yjs-about .about-text p{margin:0 0 10px 0;color:#888;font-weight:normal;line-height:175%;text-indent:2em;} .yjs-addimg img,.j-map img{max-width:100%;} .j-map{border:0 none;min-height:450px;width:100%;} @media (max-width:768px){ .j-map{min-height:220px;} .yjs-about .about-text{margin:15px 0;width:100%} } .yjs-about .con{width:100%;position: relative;} .yjs-about .con .text{font-size:16px;} .yjs-about .con .text .txt{margin-bottom:10px;line-height:25px;height:150px;overflow:hidden;} .yjs-about .con .text .icons{margin-bottom:20px;} .yjs-about .con .text .icons img{margin-bottom:4px;} .yjs-about .con .title{font-size:30px;line-height:1;position: relative;margin-bottom:10px;} @media (min-width:768px){ .yjs-about .con .title{float:left;padding-top:26px;} .yjs-about .con .title:after{content:"";background-color: #03acfe;background: -webkit-linear-gradient(left,#eb3ddb,#03acfe);background: -o-linear-gradient(right,#eb3ddb,#03acfe);background: -moz-linear-gradient(right,#eb3ddb,#03acfe);background: linear-gradient(to right,#eb3ddb,#03acfe);position: absolute;left:0;top:0;height:2px;width:40px;color: #434a60;} .yjs-about .con .text{margin-left:190px;} .yjs-about .con{padding:40px 20px;} .yjs-about .col-md-6:nth-child(1) .con{padding-left:0;} .yjs-about .col-md-6:last-child .con{padding-right:0;} } @media (max-width:768px){ .yjs-about{padding-top:40px;} .yjs-about .con{padding:0;} .yjs-about .con .text{margin-left: 120px; } .yjs-about .con .text .txt{height:auto;} .yjs-about .con .text .icons{text-align:center;} } @media (max-width:767px){ .yjs-about .con .text{margin-left:0; } .yjs-about .con .title{font-size:18px;} } /* 六大特色功能 */ .yjs-characteristic{background-color:#fafafa;} .yjs-characteristic .container{max-width:1200px;padding:0 15px;} .yjs-characteristic .heading{padding:100px 0;} .yjs-characteristic .heading .title{font-size:36px;color:#434a60;line-height:1;font-weight:bold;} .yjs-characteristic .heading .subtitle{font-family: RamaGothicEW01-SemiBold;font-size:120px;font-weight:900;color:rgba(0,0,0,.04);line-height:initial;margin:0;position: absolute;width:100%;text-align:center;height:100px;line-height:100px;top:50%;left:0;margin-top:-50px;} .yjs-characteristic .con{overflow:hidden;display: flex;display: -webkit-flex;flex-wrap: wrap;align-items: center;margin-bottom:100px;} .yjs-characteristic .con .float{float:left;} .yjs-characteristic .con .img{width:60%;} .yjs-characteristic .con .img img{width:100%;} .yjs-characteristic .con .text{width:40%;} .yjs-characteristic .con .text .title{font-size:30px;padding-top:25px;position: relative;line-height:1;margin-bottom:40px;} .yjs-characteristic .con .text .title:after{content:"";background-color: #03acfe;background: -webkit-linear-gradient(left,#eb3ddb,#03acfe);background: -o-linear-gradient(right,#eb3ddb,#03acfe);background: -moz-linear-gradient(right,#eb3ddb,#03acfe);background: linear-gradient(to right,#eb3ddb,#03acfe);position: absolute;left:0;top:0;height:2px;width:30px;color: #434a60;} .yjs-characteristic .con .text .description{color:#727688;font-size:16px;} .yjs-characteristic .con:nth-of-type(even){flex-direction:row-reverse;} /*.yjs-characteristic .con:nth-of-type(even) .text{padding-left:0;padding-right:90px;}*/ @media (max-width:768px){ .yjs-characteristic .heading{padding:80px 40px 40px;} .yjs-characteristic .heading .title{line-height:1.2;} .yjs-characteristic .con{margin-bottom:30px;} .yjs-characteristic .con .float{width:100%;} .yjs-characteristic .con .text{padding:0 26px;text-align:center;} .yjs-characteristic .con .text .title{font-size:18px;padding-top:10px;margin-bottom:10px;} .yjs-characteristic .con .text .title:after{display:none;} .yjs-characteristic .con .text .description{font-size:14px;} } @media (max-width:767px){ .yjs-characteristic .heading{padding:30px;} .yjs-characteristic .heading .title{font-size:18px;} .yjs-characteristic .heading .subtitle{display:none;} } /* 满足客户需求 */ .yjs-demand{} .yjs-demand .container{max-width:1200px;padding:0 15px;} .yjs-demand .heading{padding:100px 0;} .yjs-demand .heading .title{font-size:36px;color:#434a60;line-height:1;font-weight:bold;} .yjs-demand .heading .subtitle{font-family: RamaGothicEW01-SemiBold;font-size:120px;font-weight:900;color:rgba(0,0,0,.04);line-height:initial;margin:0;position: absolute;width:100%;text-align:center;height:100px;line-height:100px;top:50%;left:0;margin-top:-50px;} .yjs-demand .nav_ul{text-align:center;position:relative;z-index:10;margin-bottom:30px;} .yjs-demand .nav_ul ul{position:absolute;bottom:100%;left:0;width:100%;} .yjs-demand .nav_ul li{display:inline-block;padding:0 20px;padding-bottom:15px;font-size:18px;position:relative;cursor:pointer;} .yjs-demand .nav_ul li.active{color:#3399ff;font-weight:bold;} .yjs-demand .nav_ul li.active:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:auto;width:60px;border-bottom:2px solid #3399ff;} .yjs-demand .icons{width:100%;padding:40px 25px;border:1px solid #ddd;border-radius:4px;margin-bottom:30px;} .yjs-demand .icons .title{font-size:24px;overflow:hidden;margin-bottom:20px;} .yjs-demand .icons .title img{width:38px;height:38px;display:inline-block;vertical-align:middle;} .yjs-demand .icons .title span{display:inline-block;margin-left:20px;vertical-align:middle;} .yjs-demand .icons .description{font-size:16px;color:#727688;} @media (max-width:768px){ .yjs-demand .icons{padding:10px 20px;margin-bottom:15px;} .yjs-demand .icons .title{font-size:18px;margin-bottom:10px;} .yjs-demand .icons .title span{margin-left:10px;} .yjs-demand .icons .description{font-size:14px;} .yjs-demand .icons .title img{width:30px;height:30px;} } @media (max-width:767px){ .yjs-demand .heading{padding:30px 0 60px;} .yjs-demand .heading .title{font-size:18px;} .yjs-demand .heading .subtitle{display:none;} } @media (max-width:600px){ .yjs-demand .col-xs-6{width:100%;} } /*发展历程*/ .yjs-history{} .yjs-history .container{padding:0 50px;} .yjs-history h1{margin:40px 0 10px 0;padding:0;font-size:2.8em;color:#333;font-weight:normal;} .yjs-history h4{margin:0;padding:0;font-size:1.3em;color:#666;font-weight:normal;} .yjs-history .years{text-align:center;padding:20px 0;background:#f1f1f1;margin:15px 0;} .yjs-history .years span{margin:5px;display:inline-block;font-size:14px;color:#999;} .yjs-history .years a{margin:5px 8px;display:inline-block;font-size:18px;font-family:Georgia;} .yjs-history .yearsbar{padding:20px 0;transition:box-shadow 0.8s ease 0s, transform 0.8s ease 0s;border-bottom:1px solid #f1f1f1;} .yjs-history .yearsbar:hover{background:#2A85FD;color:#fff;width:100%;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);transform:translate3d(-10px, 0px, -2px);border:0;} .yjs-history .yearsbar .year{font-size:2.8em;color:#2A85FD;} .yjs-history .yearsbar .event{font-size:14px;line-height:175%;} .yjs-history .yearsbar:hover .year{color:#fff;} @media (max-width:768px){ .yjs-history .container{padding:0 15px;} } /* 帮助 */ /* 帮助首页 */ .help-wrap .heading .description{color:#fff;font-size:48px;} .help-wrap .help-contact{font-size: 16px; color: rgba(255,255,255,0.70); text-align: center; } .help-banner{padding:160px 0 60px;background:#000 url(../images/help-banner.png) no-repeat scroll center top / 100% 100%;position: relative;z-index: 1;} .help-search .col-lg-2,.help-search .col-lg-8{padding:0;} .help-search .input-group-addon,.help-search .form-control,.help-search .btn{border:0;box-shadow:none;font-size:16px;height:auto;padding:20px 12px;} .help-search .input-group-addon{border-radius:6px 0 0 6px;background:rgba(255, 255, 255, 0.9);} .help-search .btn-danger{padding:20px;} .help-search .input-group{width: 100%;} .help-search .input-group .form-control{padding-right:40px;border-radius: 5px;} .help-search .input-group i.input_btn{width: 20px; height: 20px; display:block; background: url(../images/about_search.png) no-repeat; position: absolute; right: 13px; top: 20px; z-index: 99; cursor: pointer; } .help-search .input-btn{font-size:16px;width:100%;} .help .col-lg-2{padding:0;} .help-search{margin:60px auto 20px;} .help .items{padding:40px 0; } .help .box{margin:1px 1px 0 0;background:#fefefe;border:1px solid #eee;box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);padding: 20px 15px;position: relative;transition:box-shadow 0.5s ease 0s, transform 0.5s ease 0s;} .help .box:hover{background:#fff;border: 1px solid #ccc;box-shadow:0 0 30px rgba(0, 0, 0, 0.08);} .help .icon{text-align:center;margin:0 auto;} .help .icon span a{display:block;} .help .icon img{max-width:100%;} .help .text{ width: 100%; height: 100%;color: #333; text-align: left; } .help .text .title{text-align:center;font-size:18px;color: #333; font-size:18px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-transition: all 2.5s; -webkit-transition: all 2.5s; -o-transition: all 2.5s;} .help .text .description{width: 100%;padding:6px 10px 0;color: #888; font-size:12px; margin:0;} .help .text .description ul{padding:0;margin:0; height:88px;overflow:hidden;} .help .text .description ul li{height:22px;line-height:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .help .text:hover .title{text-indent:10px;} .help .more{width:50%; max-width:300px; margin:40px auto 0;text-align:center;} .help .more a{color: #888;width: 100%; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #CCC; font-size: 16px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .help .more a:hover{ color: #FFF!important;border:1px solid #2A85FD;background:#2A85FD;} @media (max-width:768px){ .help-banner{padding:80px 0 40px;} .help-banner .row{margin:0;} .help-banner .col-xs-12{padding:0;} .help-wrap .heading .description{font-size: 18px;margin:20px 0px;} .help-search{max-width:100%;margin:30px auto 20px;} .help .items{padding:0;} .help-search .form-control{font-size:14px;} .help .box{padding:15px 10px 5px;} .help .text .description{display:none;} .help .text .title{font-size:13px;} .help-search .btn-danger{padding:18px 15px;} } @media (max-width:767px){ .help_list_item .panel{margin: 5px 0;} .help-list .help_list_item{display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling:touch; } } /* 帮助列表 */ .help-list{max-width:1200px;margin:30px auto} .help-list .panel-heading{padding:0;background:#fefefe;} .list-menu .panel-heading a{display:block;padding:7px 15px;font-size:18px;} .list-menu .panel-heading a .list-cert{color:#ccc;display:inline-block;float:right;font-size:12px;padding-top:6px;vertical-align:middle;} .list-menu .list-group a.list-group-item::before{content:"";color:#ccc;padding:0 10px 0 0;vertical-align:middle;font-family: 宋体;} .help-list .chap_title{font-size: 20px; color: #22252E; padding: 10px 0; } .help-list .help_list_item li{padding-left:10px; cursor: pointer; } .help-list .help_list_item li:hover,.help-list .help_list_item li.active{background: rgba(67,74,96,0.08); border-radius: 4px; font-weight: bold; } .help-list .help_list_item li a{font-size: 16px; color: #000000; display: block; padding: 10px 0px; } .help-list .list_title{font-size: 30px; color: #434A60; padding: 5px; border-bottom: 1px solid #D7DAE2; } .help-list .list_title i{ width: 32px;height:32px;display: block;float: right;cursor: pointer;} .help-list .list_title:hover{opacity: 1;} .help-list .list_title i.list_title_down,.help-list .list_chapter .title i.list_title_down{background:url(../images/about_list_down.png) no-repeat;opacity: 0.5;background-size: 100%} .help-list .list_title i.list_title_up,.help-list .list_chapter .title i.list_title_up{background:url(../images/about_list_up.png) no-repeat;opacity: 0.5;background-size: 100%;} .help-list .list_chapter{font-size: 14px;color: #434A60;line-height: 22px;} .help-list .list_chapter .title{padding:17px 10px;cursor: pointer;border-top: 1px solid #D7DAE2;color: #22252E;font-size: 16px;} .help-list .list_chaperter_item .list_chapter:first-child .title{border-bottom: none} .help-list .list_chapter .title a{color: #22252E;} .help-list .list_chapter .title i{width:20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;} .help-list .list_chapter .title i.about_chapter_down{background:url(../images/about_chapter_down.png) no-repeat} .help-list .list_chapter .title i.about_chapter_up{background:url(../images/about_chapter_up.png) no-repeat} .help-list .list_chapter .description{display:none; background: rgba(67,74,96,0.08); border-radius: 4px; padding: 15px; margin-bottom: 15px; } .list-item li .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .list-item li .title a{padding:15px 0;font-size:18px;} .list-item li .description{max-height:46px;line-height:23px;margin:5px 0 25px;color:#999;font-size:12px;overflow:hidden;} .list-item li .description1{height:46px;line-height:23px;margin:5px 0 25px;color:#999;font-size:12px;font-family:"Microsoft YaHei";} .list-item li a:hover{text-decoration:underline;color:#2A85FD;} .help-detail{overflow:hidden;padding:0 0 10px 20px;} .help-detail .service-title{color:#444;font-size:26px;line-height:30px;margin-bottom:30px;} .help-detail .kf-answer{overflow:hidden;line-height:165%;overflow-wrap:break-word;} .help-detail .kf-answer img{max-width:100%;} .help_list_item .panel{border:none;-webkit-box-shadow:none; box-shadow:none;background: none} .help_list_item .panel-default > .panel-heading{background:none;border:none} .help_list_item .panel-heading + .panel-collapse > .list-group{border: none;display:block} .help_list_item .list-group-item{background:none;border:none} .help_list_item .list-group-item.active,.help_list_item .list-group-item.active:hover, .help_list_item .list-group-item.active:focus{background: rgba(67,74,96,0.08);border-radius:4px; color:#666; } .help_list_item .panel .panel-heading.active{background: rgba(67,74,96,0.08); border-radius: 4px; } .help_list_item.list-menu .panel-heading a{font-size: 18px; color: #22252E;} @media(min-width:768px){ .help_list .container{width: 750px; } } @media(min-width:992px){ .help_list .container{width: 970px; } } @media(min-width:1200px){ .help_list .container{width: 1170px; } } @media(max-width:767px){ .help_list_item.list-menu .panel-heading a{font-size:18px;} .help-list .list_title{font-size:18px;} } /* 云集商学院 */ .business_school .business_container{background: #000 url(../images/business_shool_brnner.png) no-repeat scroll center top / 100% 100%; padding: 180px 0 150px; position: relative; z-index: 1; color:#fff; background-size: cover; background-position: center center;} .business_school .business_container .title{font-size: 48px; line-height: 1; margin-bottom: 30px; } .business_school .business_container .title span{display: inline-block; position: relative; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.6); } .business_school .business_container .description{font-size: 16px; margin-bottom: 40px; line-height: 25px; max-width: 750px; } .business_school .business_container .consultationBtn{cursor: pointer; font-size: 16px; border: 1px solid #fff; color: #fff; padding: 10px 40px; border-radius: 4px; display: inline-block; line-height: 1; } .business_school .business_container .consultationBtn:hover{background-color:#fff;color:#434A60;transition:.3s;} .business_row .title{font-size: 38px; color: #22252E; text-align: center; padding: 20px; } .business_row .des{font-size: 16px; color: rgba(67,74,96,0.85); line-height: 30px; margin: 20px 0; } .business_row .des p img{width: 100%; height: 100%; display: block; padding: 20px; } .business_row .back{text-align: center; margin: 40px 0; cursor: pointer; } .business_row .back a{border: 1px solid rgba(34,37,46,0.25); border-radius: 6px; font-size: 16px; color: rgba(34,37,46,0.65); padding: 11px 43px;} .business_row .chapter_btn{padding: 20px 0 ; border-top: 1px solid #D7DAE2; font-size: 18px; color: #434A60; } .business_row .chapter_btn a{color: #434A60; } .business_row .chapter_btn a:hover{color: #2A85FD; } .business_school_list .desItems{} .business_school_list .des_item .des_item_left {float: left;width: 70%;} .business_school_list .des_item .des_item_right {float: left;width: 30%;} .business_school_list .des_item .des_item_right .des_item_img{position: relative; padding-top: 50%;width: 100%;} .business_school_list .des_item .des_item_right .des_item_img img{max-width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .business_school_list .des_item .des_item_right img{border:1px dashed #D7DAE2} .business_school_list .des_item .des_item_left .des_title{font-size: 20px; color: #434A60; margin:0 0 10px 0;font-weight: bold } .business_school_list .des_item{padding: 30px 10px;border-top: 1px solid #D7DAE2} .business_school_list .desItems a:last-child .des_item{border-bottom: 1px solid #D7DAE2} .business_school_list .des_item:hover{background: rgba(67,74,96,0.04); transition:background .5s;} .business_school_list .des_item:hover .des_item_left span.check_des{ color:#2A85FD} .business_school_list .des_item .des_item_left .des_i{font-size: 16px; color: rgba(67,74,96,0.85); line-height: 24px; width:95%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;max-height: 60px;line-height: 20px; } .business_school_list .des_item .check_des{font-size: 14px; color: rgba(34,37,46,0.45); } .business_school_list .des_item .check_des:hover{color: #3398FF; } section.apply_join .how_join .row .col-md-3{padding: 0; } section.apply_join .how_join .row dl dt{width: 80%; margin: 0 auto } @media(max-width:1024px){ .business_school_list .des_item .des_item_left .des_title{padding: 0} .business_school_list .des_item .check_des{display:none; } } @media(max-width:768px){ section.apply_join .join_container .join_banner,.business_school .business_container{padding: 80px 0 40px;} section.apply_join .join_banner .container .title{margin:0;} section.apply_join .join_banner .title span,.business_school .business_container .title{font-size: 24px; margin-bottom: 15px; } section.apply_join .join_banner .container .description,.business_school .business_container .description{font-size: 14px; margin-bottom: 20px; } section.apply_join .join_banner .container .consultationBtn, .business_school .business_container .consultationBtn{font-size: 14px;} .business_school_list .des_item .des_item_left{width: 70%; } .business_school_list .des_item .des_item_right{width: 30%; } .business_school_list .des_item .check_des{display:none; } .business_school_list .des_item .des_item_left .des_i{-webkit-line-clamp:2 } .business_school_list .des_item .des_item_left .des_title{font-size:16px;padding: 0;margin: 0} } /* 变更日志 */ .log-list{font-family:"Microsoft YaHei";} .log-list .log-title{border-bottom:1px solid #eee;padding:0 0 15px;font-size:30px;} .log-list .update-title{border-bottom:1px solid #eee;padding:15px 0;} .log-list .logupdate{} .log-list .logupdate li:before{content:"●";color:#bbb;} .log-list .logupdate li{color:#636465;font-size:14px;line-height:2.3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .log-list .logupdate li a{color:#636465;text-indent:5px;display:inline-block;} .log-list .logupdate li a:hover{text-decoration:underline;color:#2A85FD;} .log-list .logupdate li .time{font-style:normal;color:#999;margin-left:5px;} .log-list .log-detail{} .log-list .log-detail .update-description{overflow:hidden;line-height:165%;overflow-wrap:break-word;} .log-list img{max-width:100%;} /* 域名 */ .domain-wrap{} /* 搜索 */ .domain-wrap .heading .description{color:#fff;font-size:16px;} .banner-warp{background:#000 url(../images/dom-banner.jpg) no-repeat scroll center top / 100% 100%;padding:70px 0 30px;position: relative;z-index: 1;} .domain-search{margin:0 auto;max-width:65%;background:rgba(255, 255, 255, 0.2);border-radius: 8px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);margin: 0 auto;padding:10px;} .domain-search .col-lg-2,.domain-search .col-lg-8{padding:0;} .domain-search .input-group-addon,.domain-search .form-control,.domain-search .btn{border:0;box-shadow:none;font-size:16px;height:auto;padding:20px 12px;} .domain-search .input-group-addon{border-radius:6px 0 0 6px;background:rgba(255, 255, 255, 0.9);} .domain-search .form-control{border-radius:0;} .domain-search .btn-default{border-radius:0;} .domain-search .btn-danger{padding:20px;} .domain-search .input-btn{font-size:16px;width:100%;} .domain-search .input-btn .btn-default{font-size:14px;padding:12px 5px 13px 10px;width:100%;} .domain_mainbox{padding:20px 0 0;} /* 更多后缀 */ .suffix{background:#fff;padding:15px;margin:15px 0 0;} .m-suffix{padding:15px 0 0;} .m-suffix li{float:left;padding:5px 15px;display:inline-block;font-size:12px;color:#888;} .m-suffix li label{margin-right:5px;} /**/ .search-dom td{color:#888;} @media (max-width:768px){ .domain-search{width:100%;} .domain-search .input-group-addon,.domain-search .form-control{font-size:12px;padding:15px 5px;} .domain-search .btn{font-size:12px;padding:15px 10px;} .suffix{padding:10px;} .suffix .nav > li > a{padding:0 10px;} } @media (max-width:768px){ .domain-search{max-width:100%;} } /*域名注册信息*/ .whois_mation{padding:15px;line-height:175%;} .whois_mation h1{font-size:20px;} .whois_mation pre{padding:15px;line-height:175%;} @media (max-width:768px){ .domain-wrap .table-responsive{border:0;background:none;border-radius:0;} .domain-wrap .panel-body{padding:0;} } /*搜索结果*/ .domcart-list .list-group{margin:0;} .domcart-list .list-group-item{padding:5px 0;border:0;} .domcart-list .list-group-item a{color:#fff;} /*域名清单*/ .dom-cartlist{} .dom-cartlist h1{margin-top:0;} .dom-cartlist .step{padding:10px 0;} .dom-cartlist .step li{width:33.3333%;display:inline-block;text-align:center;float:left;} .dom-cartlist .step li span{display:block;font-size:16px;padding:10px;border:1px solid #f0f0f0;margin:0 5px;border-radius:5px;} .dom-cartlist .step li.active span{background:#337ab7;color:#fff;border:0;} .addcart{margin-top:15px;} .dom-cartlist .info{padding:15px 0;} .dom-cartlist h4.brb{color:#333;font-size:18px;border-bottom:1px solid #f0f0f0;line-height:30px;margin:15px 0 20px;} .dom-cartlist h4 .title{float:left;} .dom-cartlist h4 .text-r{float:right;} .dom-cartlist h4 em{color:#999;font-style:normal;font-size:14px;margin-left:10px;} /*域名提交成功*/ .dom-result{background:#fcfcfc;border:1px solid #ddd;box-shadow:0 0 5px rgba(0, 0, 0, 0.08);padding:100px 20px;text-align:center;} .dom-result h1{margin-top:0;font-size:40px;vertical-align:middle;} .dom-result h1 .success-icon{vertical-align:bottom;} .dom-result p{margin-top:15px;} .dom-result .success-tips s{color:#ddd;padding:0 12px;font-style:normal;} .dom-result em{font-style:normal;} @media (max-width:768px){ .dom-result{padding:120px 15px;} .dom-result h1{font-size:25px;} } /*表单提交成功*/ .inquire-success{background:#333;} .inquire-success .success-icon{font-size:90px;color:#D62020;} .inquire-success h1.success-title{font-size:35px;margin:20px 0;color:#fff;text-transform:uppercase;font-weight:normal;} .inquire-success .success-tips{font-size:18px;line-height:175%;color:#999;} .inquire-success .success-btn{margin:20px 0;} .inquire-success .success-btn .sumbit{font-size: 18px;background:none;width: 50%; max-width: 300px;color: #00C0FF;width: 100%; height: 45px; line-height: 45px; display:inline-block; border-radius: 5px; border: 1px solid #00C0FF;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;} .inquire-success .success-btn .sumbit:hover{ color: #FFF!important;border:1px solid #00C0FF;background:#00C0FF;} /*tem01-Download-APP*/ .tem-download-app,#download-app{display:none;} .app-btn{display:none!important;} #download-app .app-safari img,#download-app .app-wechat img{max-width:100%;} @media (max-width:990px){ .app-btn{display:block!important;} .tem-download-app{display:block;margin:20px 0 10px;} .tem-download-app a{display:inline-block;width:auto;text-align:center;border-radius:30px;border-style:solid;border-width:1px;font-size:14px;padding:6px 25px;} #download-app{height:100%;width:100%;z-index:10000;} #download-app .app-safari{background:#2F2F38 url(../images/app-tips.gif) no-repeat scroll center top / 100% 100%;height:100%;position:fixed;width:100%;} #download-app .app-wechat{background:#2F2F38 url(../images/app-wehat.jpg) no-repeat scroll center top / 100% 100%;height:100%;position:fixed;width:100%;} #download-app .app-safari img,#download-app .app-wechat img{max-width:100%;opacity:0;} #download-app .modal-dialog{margin:0;height:100%;} #download-app .modal-body{padding:0;} #download-app .modal-content{border:0;background:none;border-radius:0;} #download-app .app-android{background:#2F2F38;text-align:center;padding:25% 10%;height:100%;position:fixed;width:100%;} #download-app .app-android .app-logo{display:block;} #download-app .app-android .app-logo img{max-width:100%;} #download-app .app-android h1{font-size:22px;line-height:25px;color:#999;} #download-app .app-android .app-download{margin-top:10%;} #download-app .app-android .app-download a{display:inline-block;width:auto;text-align:center;border-radius:30px;border-style:solid;border-width:1px;font-size:14px;padding:6px 25px;} } /*404 error*/ .error-page{background:#333;padding:90px 0;min-height:300px;position:fixed;height:100%;width:100%;} .error-info h1{margin:0;font-size:180px;font-weight:700;text-align:center;font-family:"HELVETICANEUELTPRO-THEX",Arial;} .error-info h2{margin:0;font-size:40px;font-weight:700;text-align:center;font-family:"HELVETICANEUELTPRO-THEX",Arial;} .error-info h3{margin:0;font-size:20px;font-weight:700;text-align:center;font-family:"HELVETICANEUELTPRO-THEX",Arial;} .error-info h1 span{color:#eee!important;} .error-info h2 span{color:#eee!important;} .error-info p:nth-child(2){font-size:16px;} .error-info p:nth-child(3){color:#888;margin:0 0 50px 0;font-size:14px;} .error-info p{text-align:center;margin:20px 0;font-weight:600;font-family:Georgia;font-size:14px;} .error-info{text-align:center;margin-top:65px;} .error-info a{color:#FFF;padding:12px 35px;text-decoration:none;font-size:14px;letter-spacing:2px;} .error-info a:hover{text-decoration:none;} /*page*/ .page-footer{text-align:center;} /*** 外贸整合营销解决方案 ***/ section.n1 .font-color{ color: #ea5b24; } section.n1 .titleBar .title{ font-size: 30px; } section.n1 .banner img{ width: 100%; } /*** 外贸整合营销解决方案 ***/ section.n1 .nPlus .block, section.n1 .nPlus .tips .switch, section.n1 .oneLine .tips .box, section.n1 .college .college-video .items i, section.n1 .college .college-video .items img, section.n1 .weyes .item .box, section.n1 .alertWindow, section.n1 .alertWindow .alertBox, section.n1 .qwt_jwt .icon, section.n1 .qwt_jwt .icon .iconfont{ transition: all 1s cubic-bezier(.165,.84,.44,1); } section.n1 .font-color{ color: #ea5b24 !important; } section.n1 .border-color, section.n1 .border-color-hover:hover{ border-color: #ea5b24 !important; } section.n1 .owl-dots .owl-dot.active span, section.n1 .owl-dots .owl-dot:hover span, section.n1 .bg-color, section.n1 .bg-color-hover:hover{ color: #FFF !important; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#eaa624,endcolorstr=#ea5b24,gradientType=0); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#eaa624,endcolorstr=#ea5b24,gradientType=0);/*IE8*/ background:#ea5b24; /* 一些不支持背景渐变的浏览器 */ background:-o-linear-gradient(left top, #eaa624, #ea5b24); background:-moz-linear-gradient(left top, #eaa624, #ea5b24); background:-webkit-linear-gradient(left top,#eaa624,#ea5b24);/*new gradient for Webkit*/ background:-webkit-gradient(linear, left top, right bottom, from(#eaa624), to(#ea5b24));/*Old gradient for webkit*/ } section.n1 .bg-color-hover:hover{ border-color: transparent !important; } section.n1 .titleBar{ padding-bottom: 30px; } section.n1 .titleBar .title{ font-size: 30px; line-height: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.n1 .titleBar .subtitle{ color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.n1 .banner img{ width: 100%; } section.n1 .section{ position: relative; } section.n1 .section .bgbox{ position: absolute; width: 100%; height: 100%; z-index: -1; } section.n1 .section .bgbox .img{ width: 100%; height: 100%; background-repeat: no-repeat; background-size:100% auto;background-attachment: fixed; } section.n1 .video_show{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); } section.n1 .video_show span{ width: 40px; height: 40px; line-height: 40px; font-size: 40px; cursor: pointer; position: absolute; top: 20px; right: 20px; text-align: center; opacity: .5;} section.n1 .video_show span:hover{ opacity: .8; text-shadow: 0 0 5px rgb(255,255,255);} section.n1 .video_show video{ max-width: 90%; max-width: 90%; position: fixed; top: 50%; left: 50%; box-shadow: 0 0 50px #000; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} section.n1 .alertWindow{ width: 100%; height: 100%; background-color: rgba(255,255,255,.8); position: fixed; z-index: -1; opacity: 0; top: 0; left: 0; } section.n1 .alertWindow.show{ z-index: 999; opacity: 1; } section.n1 .alertWindow .alertBox{ max-width: 80%; border: 2px dashed #CCC; background-color: #FFF; box-shadow: 5px 5px 20px rgba(0,0,0,.2); border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } section.n1 .banner{ width: 100%; height: 100vh; background: url(../images/n1-banner.jpg) no-repeat center; background-size: 100% 100%; } @media(min-width: 769px){ section.n1 .container{ padding-top: 80px; padding-bottom: 80px; } } @media(max-width: 768px){ section.n1 .titleBar .title{ font-size: 20px; } } @media(orientation:portrait){ section.n1 .banner{ background-image: url(../images/n1m-banner.jpg);} } /* N+1外贸网络营销体系 */ section.n1 .nPlus .block{ padding: 20px 0 0; margin: 10px 0; background-color: rgba(255,255,255,.5); border: 1px solid #FFF; } section.n1 .nPlus .block:hover{ background-color: rgba(255,255,255,.8); box-shadow: 5px 5px 20px rgba(0,0,0,.2); } section.n1 .nPlus .block .title{ font-size: 20px; } section.n1 .nPlus .block p{ line-height: 2; color: #666; padding: 0 10%; } section.n1 .nPlus .block i{ font-size: 20px; color: #999; display: block; font-family: "HELVETICANEUELTPRO-THEX",Arial; font-style: normal; } section.n1 .nPlus .block span{ font-size: 16px; } section.n1 .nPlus .items li{ height: 116px; position: relative; padding: 10px 50px; float: left; } section.n1 .nPlus .items li:after{ content: ""; display: block; width: 1px; height: 40px; border-left: 1px solid #CCC; position: absolute; right: 0; top: 20px; transform: rotate(15deg); } section.n1 .nPlus .items li:last-child:after{ display: none; } section.n1 .nPlus .tips{ height: 2px; position: relative; } section.n1 .nPlus .tips .switch{ width:260px; padding: 20px 0; box-shadow: 5px 5px 20px rgba(0,0,0,.1); position: absolute; z-index: 1; top: 0; left: 50%; transform: translate(-50%,-50%); background-color: #FFF; border-style: solid; border-width: 1px; display: block; } section.n1 .nPlus .tips .switch:hover{ color: #FFF !important; box-shadow: 5px 5px 20px rgba(0,0,0,.2); } section.n1 .nPlus .mainBar .block:nth-child(1){ padding-top: 30px; padding-bottom: 30px; } section.n1 .nPlus .mainBar .block:nth-child(1) .title{ padding-bottom: 20px; } @media(min-width: 1200px){ section.n1 .nPlus .item7{ padding: 0 50px; } } @media(min-width: 992px){ section.n1 .nPlus .block{ width: 900px; margin: 10px auto; } section.n1 .nPlus .item9 li:nth-child(1), section.n1 .nPlus .item9 li:nth-child(2), section.n1 .nPlus .item9 li:nth-child(3), section.n1 .nPlus .item9 li:nth-child(4), section.n1 .nPlus .item9 li:nth-child(5){ width: 20%; } section.n1 .nPlus .item9 li:nth-child(6), section.n1 .nPlus .item9 li:nth-child(7), section.n1 .nPlus .item9 li:nth-child(8), section.n1 .nPlus .item9 li:nth-child(9){ width: 25%; } section.n1 .nPlus .item9 li:nth-child(5):after{ display: none; } } @media(max-width: 991px){ section.n1 .nPlus .block{ width: 100%; margin: 30px auto; } section.n1 .nPlus .item9 li:nth-child(1), section.n1 .nPlus .item9 li:nth-child(2), section.n1 .nPlus .item9 li:nth-child(3), section.n1 .nPlus .item9 li:nth-child(4){ width: 25%; } section.n1 .nPlus .item9 li:nth-child(5), section.n1 .nPlus .item9 li:nth-child(6), section.n1 .nPlus .item9 li:nth-child(7){ width: 33.333%; } section.n1 .nPlus .item9 li:nth-child(8), section.n1 .nPlus .item9 li:nth-child(9){ width: 50%; } section.n1 .nPlus .item9 li:nth-child(5):after{ display: block;} section.n1 .nPlus .item9 li:nth-child(4):after, section.n1 .nPlus .item9 li:nth-child(7):after{ display: none; } } @media(min-width: 769px){ section.n1 .nPlus .item7 li:nth-child(1), section.n1 .nPlus .item7 li:nth-child(2), section.n1 .nPlus .item7 li:nth-child(3), section.n1 .nPlus .item7 li:nth-child(4){ width: 25%; } section.n1 .nPlus .item7 li:nth-child(5), section.n1 .nPlus .item7 li:nth-child(6), section.n1 .nPlus .item7 li:nth-child(7){ width: 33.333%; } section.n1 .nPlus .item7 li:nth-child(4):after{ display: none; } } @media(max-width: 768px){ section.n1 .nPlus .item7 li:nth-child(1), section.n1 .nPlus .item7 li:nth-child(2), section.n1 .nPlus .item7 li:nth-child(3){ width: 33.333%; } section.n1 .nPlus .item7 li:nth-child(4), section.n1 .nPlus .item7 li:nth-child(5), section.n1 .nPlus .item7 li:nth-child(6), section.n1 .nPlus .item7 li:nth-child(7){ width: 50%; } section.n1 .nPlus .item7 li:nth-child(4):after{ display: block; } section.n1 .nPlus .item7 li:nth-child(3):after, section.n1 .nPlus .item7 li:nth-child(5):after{ display: none; } section.n1 .nPlus .block{ padding: 40px 0 50px; } section.n1 .nPlus .items li{ padding: 10px 30px; } section.n1 .nPlus .titleBar{ padding-bottom: 0; } } @media(max-width: 640px){ section.n1 .nPlus .item7 li, section.n1 .nPlus .item9 li{ width: 50% !important; } section.n1 .nPlus .item7 li:last-child, section.n1 .nPlus .item9 li:last-child{ width: 100% !important; } section.n1 .nPlus .item7 li:nth-child(even):after, section.n1 .nPlus .item9 li:nth-child(even):after{ display: none !important; } section.n1 .nPlus .item7 li:nth-child(3):after, section.n1 .nPlus .item7 li:nth-child(5):after, section.n1 .nPlus .item9 li:nth-child(7):after{ display: block; } } /* 全网通“一带一路”沿线本土化营销 */ section.n1 .oneLine .tips .box{ margin: 20px auto 0; max-width: 500px; border-width: 2px; opacity: .8; border-style: dashed; border-radius: 10px; background-color: #FFF; padding: 20px; } section.n1 .oneLine .tips .box:hover{ box-shadow: 5px 5px 20px rgba(0,0,0,.1); opacity: 1; } section.n1 .oneLine .tips .title{ line-height: 2; } section.n1 .oneLine .tips .description{ font-size: 12px; color: #666; } section.n1 .oneLine .map{ width: 100%; overflow: hidden; } @media(max-width: 768px){ section.n1 .oneLine .container{ padding-left: 50px; padding-right: 50px; } } /* 全网通 聚外通 */ section.n1 .qwt_jwt{ } section.n1 .qwt_jwt li{ width: 25%; padding: 10px 20px; float: left; } section.n1 .qwt_jwt .icon{ width: 100px; height: 100px; margin: 20px auto; border-radius: 50%; text-align: center; } section.n1 .qwt_jwt .icon:hover{ transform: rotate(360deg); } section.n1 .qwt_jwt .icon:hover .iconfont{ transform: rotate(-360deg); } section.n1 .qwt_jwt .icon .iconfont{ line-height: 100px; font-size: 50px; color: #FFF; text-shadow: 5px 5px 20px rgba(0,0,0,.1); } section.n1 .qwt_jwt .mainBar .title{ font-size: 16px; line-height: 40px; } section.n1 .qwt_jwt .mainBar .description{ color: #999; } @media(max-width: 1199px){ section.n1 .qwt_jwt .mainBar .description{ font-size: 12px; } } @media(max-width: 767px){ section.n1 .qwt_jwt li{ width: 50%; } section.n1 .qwt_jwt.jwt li{ height: 250px; } } @media(max-width: 480px){ section.n1 .qwt_jwt li{ width: 100%; } section.n1 .qwt_jwt.jwt li{ height: auto; } } /* 环球实战学院 */ section.n1 .college.alertWindow span{ padding-bottom: 30px; display: block; text-align: center; } section.n1 .college.alertWindow img{ padding: 30px 30px 0; display: block; } section.n1 .college{ line-height: 2; } section.n1 .college .container{ position: relative; } section.n1 .college .title{ font-size: 30px; } section.n1 .college .description{ color: #666; } section.n1 .college .left{ float: left; width: 50%; padding: 20px 5%; } section.n1 .college .left.college-banner{ padding-left: 0; } section.n1 .college .right{ float: right; width: 50%; padding: 20px 5%; } section.n1 .college .college-banner-box{ box-shadow: 5px 5px 20px rgba(0,0,0,.2); } section.n1 .college .college-banner .box{ padding: 15px 10px; line-height: 1.2; font-size: 16px; font-weight: bold; } section.n1 .college .college-banner .owl-dots{ margin-top: -30px; position: relative; } section.n1 .college .college-banner .owl-dots .owl-dot span{ width: 20px; height: 3px; } section.n1 .college .college-banner .owl-controls{ margin: 0; } section.n1 .college .college-info{ position: absolute; top: 50%; right: 5%; transform: translateY(-50%); padding: 20px 5% 20px 10%; } section.n1 .college .college-info .showCode{ float: left; margin-top: 20px; } section.n1 .college .college-info .showCode{ max-width: 100px; } section.n1 .college .college-course{ padding: 20px 10%; } section.n1 .college .college-course .list{ height: 240px; overflow-y: auto; font-size: 14px; color: #666; } section.n1 .college .college-course .list li{ line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.n1 .college .college-course .list i{ font-size: 20px; font-family: "HELVETICANEUELTPRO-THEX"; font-style: normal; } section.n1 .college .college-video .college-video-box{ padding-top: 20px; } section.n1 .college .college-video .items{ width: 200px; height: 182px; position: relative; z-index: 1; padding: 12px; text-align: center; line-height: 3; float: left; } section.n1 .college .college-video .items .image{ position: relative; cursor: pointer; background-color: #000; } section.n1 .college .college-video .items .image:hover img{ opacity: .5; } section.n1 .college .college-video .items .image:hover i{ text-shadow: 0 0 20px #FFF; } section.n1 .college .college-video .items i{ font-size: 30px; color: #FFF; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); display: block; } section.n1 .college .college-video .dots{ width: 180px; height: 182px; float: left; color: #999; line-height: 3; text-indent: 20px; } section.n1 .college .college-video .items, section.n1 .college .college-video .dot.active{ background-color: rgba(255,255,255,.8); box-shadow: 5px 5px 20px rgba(0,0,0,.1); } section.n1 .college .college-video .dot.active{ color: #666; line-height: 4; } section.n1 .college .college-video .dot:hover{ color: #666; } section.n1 .college .college-case .container{ padding-bottom: 0; } section.n1 .college .college-case .title{ line-height: 1; padding-bottom: 20px; } section.n1 .college .college-case .text{ position: absolute; top: 50%; transform: translate(-5%,-50%); } section.n1 .college .college-case .text.left{ left: 10%; padding: 0 6% 0 5%; } section.n1 .college .college-case .text.right{ right: 8%; padding: 0 5% 0 6%; } section.n1 .college .college-case .images{ padding: 0 5%; padding-bottom: 0 !important; } section.n1 .college .college-case .image{ width: 100%; padding: 0; position: relative; margin: auto; float: left; } section.n1 .college .college-case .image img{ width: 100%; display: block; } section.n1 .college .college-case .image.right{ max-width: 426px; } section.n1 .college .college-case .image.left{ max-width: 457px; } section.n1 .college .college-case .images.left{ width: 55%; } section.n1 .college .college-case .text.right{ width: 45%; } section.n1 .college .college-case .images.left .image{ float: right; } section.n1 .college .college-case .college-case-banner{ position: absolute; background-color: #FFF; overflow-y: auto; } section.n1 .college .college-case1 .college-case-banner{ width: 40.14%; height: 56.767%; top: 13.534%; left: 39.671%; } section.n1 .college .college-case2 .college-case-banner{ width: 54.486%; height: 62.782%; top: 10.15%; left: 11.597%; } section.n1 .college .college-case3 .college-case-banner{ width: 42.136%; height: 45.951%; top: 5.838%; left: 28.932%; } section.n1 .college .college-case3 .image{ float: none; max-width: 1030px; margin: 50px auto 0; } section.n1 .college .college-case3 .text{ position: relative; transform: translate(0,0); top: initial; left: initial; } section.n1 .college .college-case3 .text{ position: relative; transform: translate(0,0); top: initial; left: initial; } section.n1 .college #college-case3-canvas{ overflow: hidden; } section.n1 .college-about .container:last-child{ padding-top: 0; } @media(max-width: 1199px){ section.n1 .college .left.college-banner{ float: none; } section.n1 .college .left{ width: 45%; padding-right: 0; } section.n1 .college .right{ width: 55%; padding-right: 0; } section.n1 .college-about .container:last-child{ margin-top: -60px !important; } } @media(max-width: 991px){ section.n1 .college .college-banner, section.n1 .college .college-course, section.n1 .college .college-video{ float: none; margin: auto; padding: 20px 0; } section.n1 .college .college-course{ width: 55%; } section.n1 .college .college-info{ position: relative; top: 0; right: 0; transform: translateY(0); padding: 20px 0; margin: auto; float: none; text-align: center; } section.n1 .college .college-info .showCode{ float: none; margin: 20px auto 0; } section.n1 .college .container{ padding: 40px 20px;} section.n1 .college .college-case .left, section.n1 .college .college-case .right{ width: 100% !important; padding: 20px 0; } section.n1 .college .college-case .text{ text-align: center !important; position: relative; top: 0; right: 0; transform: translateY(0); padding: 20px 0;} section.n1 .college .college-case .image{ float: none!important; } section.n1 .college .college-case .image > img{ display: none; } section.n1 .college .college-case .text.left{ left: 0; } section.n1 .college .college-case .text.right{ right: 0; } section.n1 .college .college-case .images.left .image{ float: left; } section.n1 .college .college-case .images{ width: 100%; } section.n1 .college .college-case .image{ max-width: 80% !important; } section.n1 .college .college-case .college-case-banner{ width: 100%; height: 300px; position: relative; top: 0; left: 0; } } @media(max-width: 770px){ section.n1 .college .left, section.n1 .college .right{ width: 90%; padding: 20px 0; } section.n1 .college .college-course .list li{ float: none; } section.n1 .college .container{ width: 100%; } section.n1 .college .college-case .text.left{ padding: 0; } } /* 聚焦网络核心优势 */ section.n1 .SNS table{ width: 100%; max-width: 1000px; margin: auto; box-shadow: 5px 5px 20px rgba(0,0,0,.2); } section.n1 .SNS table tr{ color: #666; height: 50px; } section.n1 .SNS table tr:nth-child(odd){ opacity: .95; } section.n1 .SNS table tr:hover{ opacity: .85; } section.n1 .SNS table tr:first-child{ color: #FFF; height: 60px; opacity: 1; font-weight: bold; } section.n1 .SNS table tr:first-child td{ background-color: transparent !important; } section.n1 .SNS table tr td{ background-color: #FFF; } section.n1 .SNS table tr td:first-child{ font-weight: bold; border-top: 1px solid rgba(255,255,255,.2); color: #FFF; width: 80px; background-color: rgba(255,255,255,.2); } section.n1 .SNS table tr:nth-child(1) td, section.n1 .SNS table tr:nth-child(2) td{ border-top: none; } @media(max-width: 991px){ section.n1 .SNS table tr td:first-child{ width: auto; padding: 0 10px; } } /* 聚焦网络核心优势 */ section.n1 .weyes .item{ width: 33.333%; float: left; line-height: 2; padding: 15px 20px; } section.n1 .weyes .item.bigItem{ width: 50%; } section.n1 .weyes .box{ width: 100%; height: 300px; border: dashed 1px #CCC; background-color: #FFF; border-radius: 10px; padding: 40px 20px 30px; } section.n1 .weyes .item.border-color .box{ border-color: inherit; box-shadow: 5px 5px 20px rgba(0,0,0,.2); } section.n1 .weyes .item .iconfont{ font-size: 50px; } section.n1 .weyes .item .title{ font-size: 16px; padding-bottom: 10px; } section.n1 .weyes .item .description{ color: #999; } section.n1 .weyes .item.bigItem .box{ padding-bottom: 40px; } section.n1 .weyes .item.bigItem .title{ font-size: 20px; } @media(max-width: 1199px){ section.n1 .weyes .item{ padding: 10px; } section.n1 .weyes .box{ height: 320px; } } @media(max-width: 991px){ section.n1 .weyes .item{ width: 50%; } section.n1 .weyes .item.bigItem{ width: 100%; } section.n1 .weyes .box.bigItem{ height: auto; } } @media(max-width: 600px){ section.n1 .weyes .item{ width: 100%; } section.n1 .weyes .box{ height: auto; } } /* 加盟 */ section.apply_join .join_banner{ color:#fff;background: #000 url(../images/agent_join_banner.png) no-repeat scroll center top / 100% 100%;padding: 180px 0 150px;position: relative;z-index: 1; background-size: cover; background-position: center center;} section.apply_join .join_banner .container{max-width: 1200px;margin: 0 auto;} section.apply_join .join_banner .title{ font-size: 48px; line-height: 1; margin-bottom: 30px;} section.apply_join .join_banner .title span{display: inline-block; position: relative;} section.apply_join .join_banner .description{ font-size: 16px; margin-bottom: 40px; line-height: 25px; max-width: 750px; } section.apply_join .join_banner .consultationBtn{font-size: 16px; border: 1px solid #fff; color: #fff; padding: 10px 40px; border-radius: 4px; display: inline-block; line-height: 1; cursor:pointer; } section.apply_join .join_banner .consultationBtn:hover{background-color:#fff;color:#434A60;transition:.3s;} section.apply_join{ transition: all 1s cubic-bezier(.165,.84,.44,1); } section.apply_join .service_platform,section.apply_join .choice_us,section.apply_join .how_join{max-width: 1200px;margin: 0 auto;padding:0 15px;} section.apply_join .service_item{text-align:center;position:relative;z-index:1;} section.apply_join .service_item_text{padding-top:40px;position:relative;text-align:center} section.apply_join .title_en{ font-family: RamaGothicEW01-SemiBold; font-size: 130px; color: #F2F2F2; font-weight: 900; margin: 0; position: absolute; width: 100%; text-align: center; height: 100px; line-height: 100px; top: 35%; left: 0; } section.apply_join .service_item_text .title{font-size: 36px; color: #22252E;position:relative;padding: 40px 0;z-index: 1} section.apply_join .service_item .description{font-size: 24px; color: #727688; } section.apply_join .bg-color-hover:hover{ border-color: transparent !important; } section.apply_join .titleBar{ padding-bottom: 30px; } section.apply_join .titleBar .title{ color: #000; font-size: 40px; line-height: 1; font-family: "HanHeiSC"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.apply_join .titleBar .subtitle{ color: #BABABA; padding: 5px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.apply_join .titleBar .description{ color: #444; } section.apply_join .font-white,section.apply_join .font-white .titleBar .title{ color: #FFF; } section.apply_join .font-white .titleBar .subtitle{ color: #EEE; } section.apply_join .font-white .titleBar .description{ color: #EDEDED; } section.apply_join .goToContact{ cursor: pointer; } section.apply_join .service_platform .item{margin-top: 60px;} section.apply_join .service_platform .item dl img{width:56px;height:56px;} section.apply_join .service_platform .item dl{float:left;width:20%;text-align:center;padding:45px} section.apply_join .service_platform .item dl { transition: box-shadow 2s; -webkit-transition: box-shadow 2s; } section.apply_join .service_platform .item dl:hover{ background: #FFF; box-shadow: 0 3px 8px 1px rgba(0,0,0,0.16); border-radius: 4px; } section.apply_join .service_platform .item dl dd{font-size: 24px; color: #22252E; margin-top: 30px; } section.apply_join .service_platform .item dl dt:after{ content:""; display:block; width: 30px; margin:20px auto; height:2px; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=-180) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EB3DDB,endcolorstr=#00ADFF,gradientType=0); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=-180) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EB3DDB,endcolorstr=#00ADFF,gradientType=0);/*IE8*/ background:#ea5b24; /* 一些不支持背景渐变的浏览器 */ background:-o-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%); background:-moz-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%); background:-webkit-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%);/*new gradient for Webkit*/ background:-webkit-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%);/*Old gradient for webkit*/ } section.apply_join .choice_us_why{padding: 0;background:#fafafa} section.apply_join .choice_us .introduce_advantage dl{float:left;width:20%;text-align:center;padding:91px 0;position: relative;z-index:1;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;} section.apply_join .choice_us .introduce_advantage dl:before{position:absolute; content:""; width:100%; height:0; left:0; transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s; bottom:0; opacity:0.6; z-index:-1; } section.apply_join .choice_us .introduce_advantage dl{float:left;width:20%;text-align:center;padding:91px 0;position: relative;z-index:1;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;} section.apply_join .choice_us .introduce_advantage dl:before{position:absolute; content:""; width:100%; height:0; left:0; transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s; bottom:0; opacity:0.6; z-index:1; } section.apply_join .choice_us .introduce_advantage dl .adv_img{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 0;} section.apply_join .choice_us .introduce_advantage dl .adv_img.adv_img_m{display:none} section.apply_join .choice_us .introduce_advantage dl:hover::before{height:100%; opacity: 0.9; background: #3398FF !important; } section.apply_join .choice_us .introduce_advantage dl dt:after{ content:""; display:block; width: 40px; margin:20px auto; height:2px; background:#fff; } section.apply_join .choice_us .introduce_advantage dl .advantage_title{font-size: 24px; margin-top: 50px; font-weight: 500 } section.apply_join .choice_us .introduce_advantage dl .advantage_des{font-size: 16px; line-height: 24px; padding:15px; opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} section.apply_join .choice_us .introduce_advantage dl:hover .advantage_des{opacity:1;} section.apply_join .choice_us .introduce_advantage dl .harvest_list_item{transform: translateY(0);transition:.5s;position: relative;z-index:10;color:#fff} section.apply_join .choice_us .introduce_advantage dl:hover .harvest_list_item{ transform: translateY(-20px);transition:.5s;} section.apply_join .choice_us .introduce_advantage dl.advantage_bg1{color:#fff;background: url(../images/choice_us_bg_1.png) no-repeat } section.apply_join .choice_us .introduce_advantage dl.advantage_bg2{color:#fff;background: url(../images/choice_us_bg_2.png) no-repeat } section.apply_join .choice_us .introduce_advantage dl.advantage_bg3{color:#fff;background: url(../images/choice_us_bg_3.png) no-repeat } section.apply_join .choice_us .introduce_advantage dl.advantage_bg4{color:#fff;background: url(../images/choice_us_bg_4.png) no-repeat } section.apply_join .choice_us .introduce_advantage dl.advantage_bg5{color:#fff;background: url(../images/choice_us_bg_5.png) no-repeat } section.apply_join .join_harvest{color: #fff; background: #000 url(../images/join_yunjishi_bg.png) no-repeat scroll center top / 100% 100%; padding: 60px 0 90px; margin-top: 50px; } section.apply_join .join_harvest p{font-size: 36px; color: #FEFEFE; text-align: center; } section.apply_join .join_harvest .harvest_tab{max-width: 1200px; margin: 0 auto; } section.apply_join .join_harvest .harvest_item{padding: 0 50px; } section.apply_join .join_harvest .harvest_item dl{float:left; width:33.3%; text-align: center; padding: 50px 15px 100px; background: rgba(0,0,0,0.15); transition: background 2s; -webkit-transition: background 2s; } section.apply_join .join_harvest .harvest_item dl:hover{background: rgba(0,0,0,0.3); } section.apply_join .join_harvest .harvest_item dl .harvest_num{display: block; width: 50px; height: 50px; opacity: 0.8; background: #3398FF; border-radius: 50%; line-height: 50px; font-size: 36px; color: #FFFFFF; text-align: center; margin: 0 auto; } section.apply_join .join_harvest .harvest_item dl .harvest_title{font-family: PingFangSC-Semibold; font-size: 24px; color: #FFFFFF; margin: 30px; } section.apply_join .join_harvest .harvest_item dl .harvest_des{font-family: PingFangSC-Regular; font-size: 16px; color: #FFFFFF; line-height: 28px; padding: 0 20px;text-align:left} section.apply_join .how_join .description{font-family: PingFangSC-Regular; font-size: 24px; color: #727688; text-align: center; margin-bottom: 50px; } section.apply_join .how_join .row{text-align: center } section.apply_join .how_join .row dl .how_item{background: #FFFFFF; border: 2px solid #3398FF; width: 24px; height: 24px; border-radius: 50%; margin:15px auto; } section.apply_join .how_join .row dl .how_item span{color: #3398FF; font-size: 25px; font-weight: bold; position: absolute; right: -20px; bottom: 35px; z-index: 102; } section.apply_join .how_join .row dl{position: relative} section.apply_join .how_join .row dl dt img{border: 3px solid #3398FF; border-radius: 50%; width:100%; height: 100%; display:block; } section.apply_join .how_join .row dl dt img:hover{ background: linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%); border-radius: 50%; padding: 3px; border: 0; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=-180) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EB3DDB,endcolorstr=#00ADFF,gradientType=0); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=-180) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EB3DDB,endcolorstr=#00ADFF,gradientType=0);/*IE8*/ background:#ea5b24; /* 一些不支持背景渐变的浏览器 */ background:-o-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%); background:-moz-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%); background:-webkit-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%);/*new gradient for Webkit*/ background:-webkit-linear-gradient(-180deg, #EB3DDB 0%, #D461E2 20%, #BA7AE9 40%, #9B8DF0 60%, #709EF8 80%, #00ADFF 100%);/*Old gradient for webkit*/ } section.apply_join .how_join .row dl::after{content: ""; width: 100%; height: 2px; background: #D8D8D8; display: block; position: absolute; bottom: 50px; left: calc(50% + 12px); transform: translate(0,0); } section.apply_join .how_join .row dl dd{font-size: 18px; color: #434A60; text-align: center; } section.apply_join .how_join .row dl.how_item_last::after{display: none} section.apply_join .how_join .row dl.how_item_last span{display: none} section.apply_join .contact-form .placeholder{font-size: 16px; color: rgba(67,74,96,0.65); position: absolute; top:15px; left: 0; } section.apply_join .contact-form .form-control{ padding: 25px; font-size: 20px;color: #434A60;} section.apply_join .contact-form .form-group,section.apply_join .contact-form{position: relative} section.apply_join .contact-form .join_form_succ{background: rgba(0,0,0,0.75); box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); border-radius: 3px; padding: 20px; color: #fff; position: absolute; top: 50%; left:50%; margin-left: -60px; margin-top: -45px; display:none; } section.apply_join .contact-form .join_form_succ i{display:inline-block; width: 20px; height: 20px; background: url(../images/join_form_succ.png) no-repeat; background-size: 100%; vertical-align: middle } section.apply_join .contact-form .join_form_succ span{vertical-align: middle; margin-left: 10px; } section.apply_join .join_form_sub{ position: relative; max-width: 220px; margin: 30px auto } section.apply_join .submit_form{ display:block; width:22px; height:22px; background:url(../images/loading_join_form.gif); background-size:100% 100%; position: absolute; left:50%; top: 12px; display: none } @media(min-width:768px){ section.apply_join .join_container .join_con{width: 750px; } } @media(min-width:992px){ section.apply_join .join_container .join_con{width: 970px; } } @media(min-width:1200px){ section.apply_join .join_container .join_con{width: 1170px; } } @media (max-width: 1024px){ section.apply_join .how_join .row .col-md-3{width:25%;float:left;} section.apply_join .service_platform .item dl dd{font-size: 18px;} section.apply_join .service_platform .item dl{padding: 15px;} section.apply_join .service_item .description{font-size: 20px} section.apply_join .join_harvest .harvest_item dl .harvest_title{font-size: 20px} } @media(max-width: 767px){ section.apply_join .join_container{width: 100%;} section.apply_join .title_en{display:none} section.apply_join .join_container .service_platform .service_item .service_item_text{ padding-top: 50px; } section.apply_join .join_container .service_platform .description{font-size:14px;padding-top: 0;} section.apply_join .join_container .service_item_text{margin-bottom:0;padding:20px;font-weight:bold} section.apply_join .join_container .service_item_text .title{padding:0;font-size:18px;} section.apply_join .join_container .service_platform .service_item .who{font-size: 130px; margin-top: -65px; } section.apply_join .service_platform .item dl{padding:0} section.apply_join .service_platform .item dl dt img{width:50%;height:50%;display:block;margin: 0 auto} section.apply_join .service_platform .title{font-size: 30px; } section.apply_join .service_platform .description{font-size: 18px; padding-top: 15px; } section.apply_join .service_platform .item{margin-top:40px} section.apply_join .service_platform .item dl dd{font-size:15px} section.apply_join .choice_us_why .choice_us .introduce_advantage dl{width: 100%; padding: 0; text-align: left;} section.apply_join .choice_us .introduce_advantage dl .advantage_title{margin-left: 15px;margin-top: 12px; font-size: 18px; } section.apply_join .choice_us .introduce_advantage dl .advantage_des{opacity: 1;padding:10px 15px;font-size:14px;} section.apply_join .choice_us .introduce_advantage dl:hover .advantage_des{opacity:0;} section.apply_join .choice_us .introduce_advantage dl:hover .harvest_list_item{ transform: translateY(0);transition:.5s} section.apply_join .choice_us_why .choice_us .introduce_advantage dl dt{display:none} section.apply_join .choice_us .introduce_advantage dl .adv_img.adv_img_p{display:none} section.apply_join .choice_us .introduce_advantage dl .adv_img.adv_img_m{display:block;position: relative;height: auto;} section.apply_join .choice_us_why .choice_us .introduce_advantage dl.advantage_bg1{color:#fff;background: url(../images/choice_us_bg_m_1.png) no-repeat; background-size: 100%; } section.apply_join .choice_us_why .choice_us .introduce_advantage dl.advantage_bg2{color:#fff;background: url(../images/choice_us_bg_m_2.png) no-repeat; background-size: 100%;} section.apply_join .choice_us_why .choice_us .introduce_advantage dl.advantage_bg3{color:#fff;background: url(../images/choice_us_bg_m_3.png) no-repeat; background-size: 100%;} section.apply_join .choice_us_why .choice_us .introduce_advantage dl.advantage_bg4{color:#fff;background: url(../images/choice_us_bg_m_4.png) no-repeat; background-size: 100%;} section.apply_join .choice_us_why .choice_us .introduce_advantage dl.advantage_bg5{color:#fff;background: url(../images/choice_us_bg_m_5.png) no-repeat; background-size: 100%;} section.apply_join .join_harvest{background: #000 url(../images/join_yunjishi_bg_m.png); padding: 0; margin-top: 30px } section.apply_join .join_harvest p{font-size: 18px;font-weight:bold;padding-top:30px;} section.apply_join .join_harvest .harvest_item{padding:10px 20px;} section.apply_join .join_harvest .harvest_item dl{width: 100%;padding: 0;text-align:left;padding: 15px;} section.apply_join .join_harvest .harvest_item dl dt{display:inline-block;} section.apply_join .join_harvest .harvest_item dl .harvest_title{display:inline-block;margin: 15px;font-size: 18px;} section.apply_join .join_harvest .harvest_item dl .harvest_num{width: 30px;height: 30px;line-height: 30px;font-size:18px} section.apply_join .join_harvest .harvest_item dl .harvest_des{font-size: 14px;margin-left: 25px;} section.apply_join .how_join .row dl .how_item,section.apply_join .how_join .row dl::after{display:none} section.apply_join .how_join .description{font-size:14px;margin-bottom:20px;} section.apply_join .how_join .row .col-md-3{width: 100%;float: initial} section.apply_join .how_join .row dl{margin-bottom:0;} section.apply_join .how_join .row dl dt{padding:15px 35px;} section.apply_join .how_join .row dl dd.Process_arrow{width: 48px; height: 48px; background-image: url(../images/Process_arrow.png); background-repeat: no-repeat; margin: 0 auto; } section.apply_join .service_item_text .title{font-size: 18px;} section.apply_join .service_item_text{padding-top: 30px} section.apply_join .service_item_text .title{padding: 0} section.apply_join .service_platform, section.apply_join .choice_us, section.apply_join .how_join{max-width: none;padding:0 20px;} section.apply_join .choice_us .introduce_advantage dl .harvest_list_item{position: absolute;left:0; bottom: 5%;} } @media(orientation:portrait){ section.apply_join .banner{ background-image: url(../images/join-m-banner.jpg); } } /* 合作伙伴分享 */ section.join .partnerShare .container{ max-width: 750px; font-size: 16px; } section.join .partnerShare .text{ padding-bottom: 20px; line-height: 2; } section.join .partnerShare .image .img{ width: 100px; height: 100px; margin: 10px auto; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; } section.join .partnerShare .info{ padding-bottom: 20px; } section.join .partnerShare .owl-dot span{ width: 8px; height: 8px; background-color: #FFF; margin: 5px; } section.join .partnerShare .owl-dot.active span, section.join .partnerShare .owl-dot:hover span{ background-color: #00C0FF; } @media(min-width: 768px){ section.join .titleBar{ padding-bottom: 20px; padding-top: 10px; } section.join .partnerShare .container{ font-size: 14px; } } /* 数据 与 合作用户 */ section.join .clients .data{ color: #000; position: relative; overflow: hidden; padding-top: 8em; } section.join .clients .data .box{ width: 80%; max-width: 900px; margin-bottom: 8em; position: relative; z-index: 1; top: 0; left: 50%; transform: translateX(-50%); } section.join .clients .data li{ width: 33.333%; float: left; } section.join .clients .data img{ width: 100%; max-width: none; } section.join .clients .data .num{ font-family: "Montserrat"; font-size: 70px; font-weight: 400; } section.join .clients .data .num sup{ font-size: 25%; top: -2.25em; font-weight: 300; padding-left: 10px; } section.join .clients .data .text{ font-size: 16px; } section.join .clients .container{ max-width: 1200px; } section.join .clients .container .item{ padding: 10px; } section.join .clients .container .item a{ display: block; height: 100px; position: relative; } section.join .clients .container .item a img{ position: absolute; width: auto; max-width: 90%; top: 50%; left: 50%; transform: translate(-50%,-50%); } section.join .clients .owl-theme .owl-controls{ margin-top: 0; } section.join .clients .owl-theme .owl-dots{ height: auto; } section.join .clients .owl-theme .owl-dots .owl-dot span{ height: 1px; border-radius: 0; margin: 9px 0; background: rgba(0,0,0,0.1); } section.join .clients .owl-theme .owl-dots .owl-dot.active span, section.join .clients .owl-theme .owl-dots .owl-dot:hover span{ background: rgba(0,0,0,0.3); } @media(max-width: 1199px){ section.join .clients .data img{ width: 125%; } } @media(max-width: 991px){ section.join .clients .data img{ width: 150%; } } @media(max-width: 768px){ section.join .clients .data img{ width: 200%; } section.join .clients .data .num{ font-size: 50px; } section.join .clients .data .text{ font-size: 14px; } } @media(max-width: 640px){ section.join .clients .data img{ width: 250%; } } @media(max-width: 560px){ section.join .clients .data{ padding-top: 2em; } section.join .clients .data .box{ width: 100%; top: 30px; margin-bottom: 5em; } section.join .clients .data img{ width: 300%; } section.join .clients .data li{ width: 50%; padding-bottom: 10px; } section.join .clients .data li:last-child{ width: 100%; } } @media(max-width: 400px){ section.join .clients .data img{ width: 400%; } } /* 主要功能特色 */ section.join .feature{ padding-top: 70px; overflow: hidden; } section.join .feature .titleBar{ padding-bottom: 0; } section.join .feature .item{ position: relative; } section.join .feature .item .images{ width: 50%; } section.join .feature .item .images .box{ width: 100%; height: 0; position: relative; } section.join .feature .item .image{ position: absolute; } section.join .feature .item .image.boxShadow{ box-shadow: 0 0 100px rgba(0,0,0,.35); } section.join .feature .item .text{ width: 50%; background-repeat: no-repeat; background-size: 100% 100%; } section.join .feature .item .text .title{ font-size: 40px; line-height: 1; padding-bottom: 10px; } section.join .feature .item .text .description{ line-height: 2; } section.join .feature .item .text .box{ width: 90%; margin: auto; } @media(min-width:992px){ section.join .feature .item .text{ position: absolute; height: 100%; top: 0; } section.join .feature .item .text .box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } section.join .feature .item:nth-child(odd) .images{ float: left; } section.join .feature .item:nth-child(even) .images{ float: right; } section.join .feature .item:nth-child(even) .text{ left: 0; background-position: left center; } section.join .feature .item:nth-child(odd) .text{ right: 0; background-position: right center; } } @media(max-width:991px){ section.join .feature{ padding-bottom: 50px; } section.join .feature .item .images{ width: 100%; } section.join .feature .item .text{ width: 100%; margin: auto; text-align: center; background: none !important; } section.join .feature .item .text .title{ font-size: 30px; } } /* 产品 项目 */ section.join .products .item{ width: 12.5%; padding: 20px 5px; float: left; } section.join .products .item .image{ padding-bottom: 20px; } section.join .products .item .image img{ border-radius: 24px; } section.join .products .item .title{ padding-bottom: 10px; font-size: 16px; color: #000; } section.join .products .item .description{ max-height: 34px; overflow-y: hidden; font-size: 12px; color: #777; } @media(max-width:1199px){ section.join .products .item{ width: 25%; } } @media(max-width:768px){ section.join .products .item{ padding-top: 2%; padding-bottom: 2%; } section.join .products .item .image{ width: 60%; margin: auto; padding-bottom: 10px; } section.join .products .item .image img{ border-radius: 10px; } section.join .products .item .title{ font-size: 14px; } section.join .products .item .description{ display: none; } } /* 申请加盟 */ section.join .section1{ padding: 70px 20px; position: relative; } section.join .section1 .text .title{ font-size: 74px; font-family: "HanHeiSC"; line-height: 1; padding-bottom: 20px; position: relative; z-index: 1; } section.join .section1 .text .subtitle{ font-size: 34px; position: relative; padding-bottom: 40px; font-family: "HanHeiSC"; } section.join .section1 .text .subtitle:after{ content: "\e662"; width: 20px; height: 20px; margin-left: -10px; font-family: 'icomoon'; position: absolute; bottom: 20px; left: 50%; font-size: 14px; display: block; transform: rotate(90deg); } section.join .section1 .text .button a{ transition: all .4s; width: 220px; height: 44px; line-height: 44px; border-radius: 44px; display: block; margin: auto; border: 1px solid #FFF; color: #DDD; font-size: 16px; } section.join .section1 .text .button a:hover{ background-color: #FFF; color: #333; border-color: transparent; } section.join .section1 .image{ padding-top: 20px; } section.join .section1 .image img{ width: 300px; } @media(min-width:1200px){ section.join .section1 .image{ position: absolute; right: 0; top: 0; padding: 70px 30px; } section.join .section1 .image img{ height: 100%; } } @media(max-width:768px){ section.join .section1 .text .title{ font-size: 50px; } section.join .section1 .text .subtitle{ font-size: 20px; } } @media(max-width:640px){ section.join .section1 .text .title{ font-size: 40px; } } /* 扶植计划 */ section.join .SupportPlan{ padding: 70px 0 30px } section.join .SupportPlan .item{ position: relative; padding: 70px 150px; border-bottom: 1px solid #DDD; } section.join .SupportPlan .item .text{ width: 50%; height: 100%; position: absolute; top: 0; padding: 70px 0; } section.join .SupportPlan .item .text .num{ width: 150px; height: 100%; position: relative; } section.join .SupportPlan .item .text .num span{ font-family: "HELVETICANEUELTPRO-THEX"; text-shadow: .08812em .08812em .1875em rgba(0,0,0,.4); color: #FFF; font-size: 74px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } section.join .SupportPlan .item .text .box{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } section.join .SupportPlan .item .text .title{ font-size: 16px; color: #000; padding-bottom: 10px; } section.join .SupportPlan .item .text .description{ color: #666; } section.join .SupportPlan .item .image{ width: 50%; } section.join .SupportPlan .item .boxx{ width: 0; height: 100%; position: absolute; padding: 70px 0; top: 0; z-index: 2; } section.join .SupportPlan .item .boxx:before{ content: ""; width: 100%; height: 100%; display: block; } section.join .SupportPlan .item:last-child{ border-bottom: none; } section.join .SupportPlan .item:nth-child(odd) .boxx, section.join .SupportPlan .item:nth-child(odd) .text{ left: 0; } section.join .SupportPlan .item:nth-child(even) .boxx, section.join .SupportPlan .item:nth-child(even) .text{ right: 0; } section.join .SupportPlan .item:nth-child(odd) .text .num, section.join .SupportPlan .item:nth-child(even) .image{ float: left; } section.join .SupportPlan .item:nth-child(even) .text .num, section.join .SupportPlan .item:nth-child(odd) .image{ float: right; } section.join .SupportPlan .item:nth-child(odd) .boxx:before, section.join .SupportPlan .item:nth-child(odd) .text .num{ background-color: #EB1636; } section.join .SupportPlan .item:nth-child(even) .boxx:before, section.join .SupportPlan .item:nth-child(even) .text .num{ background-color: #5495DE; } section.join .SupportPlan .item:nth-child(odd) .text .box{ padding: 0 30px 0 180px; } section.join .SupportPlan .item:nth-child(even) .text .box{ padding: 0 180px 0 30px; } @media(max-width:991px){ section.join .SupportPlan .item{ padding-bottom: 200px; } section.join .SupportPlan .item .text, section.join .SupportPlan .item .image{ width: 100%; } section.join .SupportPlan .item .text .box{ top: initial; left: 0; bottom: 90px; transform: translateY(0); } section.join .SupportPlan .item:nth-child(even) .text .box{ text-align: right; } } @media(max-width:540px){ section.join .SupportPlan .item .boxx{ display: none; } section.join .SupportPlan .item{ padding: 0 30px 50px; } section.join .SupportPlan .item .text{ position: relative; padding: 40px 0; } section.join .SupportPlan .item:first-child .text{ padding-top: 0; } section.join .SupportPlan .item .text .num{ display: none; } section.join .SupportPlan .item .text .box{ position: relative; bottom: 0; transform: translateX(0); padding: 0 !important; } section.join .SupportPlan .item .text .box{ text-align: center !important; } } /* 核心优势 */ section.join .join-advantage .titleBar{ padding-bottom: 60px; } section.join .join-advantage .item{ width: 20%; float: left; padding: 0 30px; } section.join .join-advantage .item .icon{ width: 70px; height: 70px; margin: auto; border-radius: 50%; background-color: #FFF; position: relative; } section.join .join-advantage .item .icon span{ color: #666; font-size: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } section.join .join-advantage .item .title{ padding: 30px 0 10px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.join .join-advantage .item .description{ font-size: 12px; } section.join .join-advantage .top{ padding: 60px 0 200px; } section.join .join-advantage .top .items{ width: 100%; max-width: 1100px; margin: auto; } section.join .join-advantage .bottom{ padding-bottom: 60px; } section.join .join-advantage .bottom .image{ margin-top: -160px; } @media(max-width: 991px){ section.join .join-advantage .item .title{ padding-top: 10px; } section.join .join-advantage .top{ padding-top: 40px;} section.join .join-advantage .bottom{ padding-bottom: 10px; } section.join .join-advantage .bottom .item{ width: 33.333%; padding-bottom: 30px; } section.join .join-advantage .bottom .item:nth-child(4){ margin-left: 16.666%; } } @media(max-width: 767px){ section.join .join-advantage .titleBar{ padding-bottom: 30px; } section.join .join-advantage .top .item{ width: 33.333%; padding-bottom: 30px; } section.join .join-advantage .top .item:nth-child(4){ margin-left: 16.666%; } section.join .join-advantage .bottom .item{ width: 50%; } section.join .join-advantage .bottom .item:nth-child(4){ margin-left: 0; } section.join .join-advantage .bottom .item:last-child{ width: 100%; } } @media(min-width:541px){ section.join .join-advantage .item .description{ max-height: 34px; overflow-y: hidden; } } @media(max-width: 540px){ section.join .join-advantage .top .item{ width: 50%; } section.join .join-advantage .top .item:nth-child(4){ margin-left: 0; } section.join .join-advantage .top .item:last-child{ width: 100%; } section.join .join-advantage .bottom .item{ width: 100%; } } /* 申请代理 */ section.join .section2{ padding: 90px 20px; } section.join .section2 .container{ transition: all .2s; width: 100%; max-width: 690px; height: 100px; border-radius: 100px; padding: 0; font-size: 26px; } section.join .section2 .container:hover{ box-shadow: 0 0 20px rgba(0,0,0,.2); } section.join .section2 span{ display: block; width: 50%; line-height: 100px; float: left; color: #EB1636; font-family: "HanHeiSC"; } section.join .section2 a{ display: block; width: 50%; line-height: 100px; border-radius: 100px; background-color: #5495DE; float: left; color: #FFF; } @media(max-width: 767px){ section.join .section2 .container{ height: 80px; } section.join .section2 span, section.join .section2 a{ font-size: 20px; line-height: 80px; } } @media(max-width: 500px){ section.join .section2{ padding: 40px 20px; } section.join .section2 .container{ height: 60px; } section.join .section2 span{ width: 60%; } section.join .section2 a{ width: 40%; } section.join .section2 span, section.join .section2 a{ font-size: 14px; line-height: 60px; } } /* 数据 与 合作用户 */ section.join #clients_images{ position:relative; padding-bottom: 20px; } @media (max-width:1024px) { section.join #clients_images{ left:5%; } } section.join .clients_image{ position:absolute; width:36.764vw; -webkit-transition:-webkit-transform 2s cubic-bezier(0,0,0.23,0.95),opacity 0.7s ease; -moz-transition:-moz-transform 2s cubic-bezier(0,0,0.23,0.95),opacity 0.7s ease; -o-transition:-o-transform 2s cubic-bezier(0,0,0.23,0.95),opacity 0.7s ease; transition:transform 2s cubic-bezier(0,0,0.23,0.95),opacity 0.7s ease } section.join .clients_image img{ width: 100% !important; } section.join #clients_image_1{ position:relative; margin-bottom:1.56vw; left:22.672vw; -webkit-transform:translateX(-7.8vw) translateY(-4.056vw) translateZ(0); -moz-transform:translateX(-7.8vw) translateY(-4.056vw) translateZ(0); transform:translateX(-7.8vw) translateY(-4.056vw) translateZ(0); opacity:0; -webkit-transition-delay:.5s; -moz-transition-delay:.5s; -o-transition-delay:.5s; transition-delay:.5s } section.join #clients_image_2{ position:relative; left:15.08vw; -webkit-transform:translateX(2.964vw) translateY(1.768vw) translateZ(0); -moz-transform:translateX(2.964vw) translateY(1.768vw) translateZ(0); transform:translateX(2.964vw) translateY(1.768vw) translateZ(0); opacity:0 } section.join #clients_image_3{ top:11.7vw; left:-1.196vw; -webkit-transform:translateX(-3.64vw) translateY(2.08vw) translateZ(0); -moz-transform:translateX(-3.64vw) translateY(2.08vw) translateZ(0); transform:translateX(-3.64vw) translateY(2.08vw) translateZ(0); opacity:0 } section.join #clients_image_4{ width:36.764vw; top:2.444vw; left:-17.68vw } section.join #clients_image_5{ top:8.58vw; left:38.74vw; -webkit-transform:translateX(-7.176vw) translateY(-4.056vw) translateZ(0); -moz-transform:translateX(-7.176vw) translateY(-4.056vw) translateZ(0); transform:translateX(-7.176vw) translateY(-4.056vw) translateZ(0); opacity:0 } section.join #clients_image_6{ top:17.004vw; left:54.964vw; -webkit-transform:translateX(2.964vw) translateY(1.768vw) translateZ(0); -moz-transform:translateX(2.964vw) translateY(1.768vw) translateZ(0); transform:translateX(2.964vw) translateY(1.768vw) translateZ(0); -webkit-transition-delay:.4s; -moz-transition-delay:.4s; -o-transition-delay:.4s; transition-delay:.4s; opacity:0 } section.join #clients_image_7{ width:59.8vw; top:-33.02vw; left:62.14vw } section.join #clients_image_7 img{ -webkit-transform:translateZ(0); -moz-transform:translateZ(0); transform:translateZ(0) } section.join #clients_images.state-visible div{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; opacity:1; } section.join #clients_images.state-just-gone div{ -webkit-transition:-webkit-transform 0s ease-out,opacity 0s ease; -moz-transition:-moz-transform 0s ease-out,opacity 0s ease; -o-transition:-o-transform 0s ease-out,opacity 0s ease; transition:transform 0s ease-out,opacity 0s ease } /* 核心优势 */ section.join #advantage_images{ position: relative; overflow: hidden; } section.join #advantage_image_1{ padding-right: 10%; float: left; position: relative; } section.join #advantage_image_2{ padding-left: 10%; position: absolute; top: 0; right: 0; width: auto; height: 100%; } /* banner 鼠标效果 */ section.join .banner{ background-image: none!important; position: relative; overflow: hidden; } section.join .banner img{ width: 100%; } section.join .banner .box{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } section.join .banner .image{ position: absolute; transition-duration: .8s; } section.join .banner .image0{ width: 39%; top: 27.96%; left: 30.47%; z-index: 9; } section.join .banner .image1{ width: 32.29%; top: 10%; left: 17.7%; z-index: 2; } section.join .banner .image2{ width: 31.25%; top: 35.46%; left: 5.73%; z-index: 3; } section.join .banner .image3{ width: 25%; top: 54.44%; left: 14.17%; z-index: 8; } section.join .banner .image4{ width: 26%; top: 63.89%; left: 36.87%; z-index: 4; } section.join .banner .image5{ width: 31.25%; top: 32.13%; left: 63%; z-index: 5; } section.join .banner .image6{ width: 16.666%; top: 17.96%; left: 50%; z-index: 6; } section.join .banner .image7{ width: 19.48%; bottom: 7.4%; right: 6%; z-index: 7; } section.join .banner .image8{ width: 41.56%; bottom: 0; left: 0; z-index: 1; } section.join .banner .image0, section.join .banner .image1, section.join .banner .image2, section.join .banner .image6{ box-shadow: 0 0 100px rgba(0,0,0,.35); } section.join .banner .image3, section.join .banner .image4, section.join .banner .image5{ box-shadow: 0 0 100px rgba(0,0,0,.35); } section.join .banner .image:before{ content: ""; width: 100%; height: 100%; z-index: 11; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; display: block; } section.join .banner .image0:before, section.join .banner .image7:before{ display: none; } section.join .banner.hidden_images .image{ opacity: 0; margin-top: -100px; transition-duration: .8s !important; } section.join .banner.hidden_images .image1{ transition-delay: .3s; } section.join .banner.hidden_images .image2{ transition-delay: .4s; } section.join .banner.hidden_images .image3{ transition-delay: .2s; } section.join .banner.hidden_images .image4{ transition-delay: .3s; } section.join .banner.hidden_images .image5{ transition-delay: .1s; } section.join .banner.hidden_images .image6{ transition-delay: .4s; } section.join .banner.hidden_images .image7{ transition-delay: .3s; } section.join .banner.hidden_images .image8{ transition-delay: .2s; } section.join .banner.hidden_images .image.image0{ opacity: 1; margin-top: 0; } @media(orientation:portrait){ section.join .banner .image{ transition-duration: .8s !important; } section.join .banner .box{ display: none; } section.join .banner .image0{ width: 93.33%; top: 31.93%; left: 3.2%; } section.join .banner .image1{ width: 82.67%; top: 18.74%; left: -11.47%; transition-delay: .3s; z-index: 5; } section.join .banner .image2{ width: 80%; top: 14%; left: 31.73%; transition-delay: .4s; } section.join .banner .image3{ width: 42.8%; top: 61.17%; left: 9.3%; transition-delay: .2s; } section.join .banner .image4{ width: 59.73%; top: 61.17%; left: 35.2%; transition-delay: .3s; z-index: 6; } section.join .banner .image5{ width: 66.67%; top: 49.25%; left: 73.47%; transition-delay: .1s; } section.join .banner .image6{ width: 42.67%; top: 25%; left: 47.6%; transition-delay: .4s; } section.join .banner .image7{ width: 50.4%; bottom: 5.77%; right: 20%; transition-delay: .3s; z-index: 8; } section.join .banner .image8{ width: 100%; bottom: 0; left: 0; transition-delay: .2s; } } /*-----------------小程序页面 start-------------------*/ ._text{text-align: center;width: 100%;margin:0px 0 30px;} ._text h3{font-size: 40px;color:#333;font-weight: 600;margin:0 0 10px;} ._text p{color:#b2b2b2;font-size: 14px;padding-bottom: 15px;display: inline-block;position: relative;} ._text p::after{position: absolute;content: "";left:-20%;bottom:0;width: 140%;border-bottom: 1px solid #e5e5e5;} /*banner*/ ._banner{clear: both;overflow: hidden;} ._banner .image{width: 100%;} ._banner .image img{width: 100%;} ._banner .item .text{position: absolute;left:5%;top:50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);animation:scroll_ .6s ease-out;-webkit-animation:scroll_ .6s ease-out;} @keyframes scroll_{ 0%{left:-100%;} 100%{ left:5%;} } @-webkit-keyframes scroll_{ 0%{left:-100%;} 100%{ left:5%;} } ._banner .item .text h1{margin-bottom: 30px;} ._banner .item .text .descrition{color:#fff;line-height: 170%;font-size: 24px;} ._banner .item .text img{width: 90%;} ._banner .item .text .btn{background:linear-gradient(left, #65feb0, #2bd2be);background:-webkit-linear-gradient(left, #65feb0, #2bd2be);background:-moz-linear-gradient(left, #65feb0, #2bd2be);border:none;padding: 16px 30px;border-radius: 8px;font-size: 16px;margin-top: 40px;position: relative;overflow: hidden;z-index: 2;transition: .3s ease-out;-moz-transition: .3s ease-out;-webkit-transition: .3s ease-out;} ._banner .item .text .btn:hover{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);} ._banner .owl-controls{position: absolute;bottom: 20px;width: 100%;left:0;} ._banner .owl-theme .owl-controls .owl-page span{width: 30px;height: 20px;border-radius: 50px;background: rgba(0,0,0,.2);margin:5px;opacity: 1;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} ._banner .owl-theme .owl-controls .owl-page.active span{width: 20px;} /*小程序核心场景*/ ._scenes{background:#fafafa url(../images/scenes_bg.png) no-repeat center center/auto;} ._scenes .wrap{align-items: center;flex-direction: row-reverse;} ._scenes .image{display: none;} ._scenes .image:first-child{display: block;} ._scenes .image img{width: 80%;} ._scenes .item{width: 100%;} ._scenes .item ul li{width: 50%;float: left;margin: 20px 0;} ._scenes .item ul li a{line-height: 60px;color:#1c2441;font-size: 16px;} ._scenes .item ul li span{width: 60px;height: 60px;line-height: 60px;text-align: center;display: inline-block;background: #fff;border-radius: 6px;margin-right: 10px;color:#0bb908;font-size: 26px;} ._scenes .item ul li.active span{background: #0bb908;color:#fff;} /*优势*/ ._advantage .wrap{width: 100%;} ._advantage .wrap .container{align-items: center;} ._advantage .wrap .item{padding: 20px 0;} ._advantage .wrap .item:nth-of-type(1){background: url(../images/advantage_1_bg.png) no-repeat right top / 50% auto;} ._advantage .wrap .item:nth-of-type(2){background: url(../images/advantage_2_bg.png) no-repeat left center/ 60% auto;} ._advantage .wrap .item:nth-of-type(3){background: url(../images/advantage_3_bg.png) no-repeat right center/ 40% auto;} ._advantage .wrap .item:nth-of-type(4){background: url(../images/advantage_4_bg.png) no-repeat 50% center/ 40% auto;} ._advantage .wrap .item:nth-of-type(5){background: url(../images/advantage_5_bg.png) no-repeat right center/ auto auto;} ._advantage .wrap .item:nth-of-type(6){background: url(../images/advantage_6_bg.png) no-repeat left center/ auto auto;} ._advantage .wrap .item:nth-of-type(even) .container {flex-direction: row-reverse;} ._advantage .wrap .item .image{width: 50%;} ._advantage .wrap .item .image img{transition: .4s;} ._advantage .wrap .item:nth-of-type(odd) .image img{float: right;} ._advantage .wrap .item:nth-of-type(even) .image text{text-align: right;} ._advantage .wrap .item .image img{width:100%;} ._advantage .wrap .item .text{width: 50%;transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;} ._advantage .wrap .item .text .title{font-size: 32px;color:#333;font-weight: 500;} ._advantage .wrap .item .text .desc{font-size: 18px;color:#666;margin-top: 20px;} /*generate*/ ._generate{padding: 60px 0 100px;} ._generate .wrap{margin:40px 0 0;} ._generate .item{background: #fff;box-shadow: 0 8px 15px rgba(0,0,0,.1);width: 90%;margin:auto;border-radius: 10px;padding: 10%;transition: .3s ease-out;} ._generate .item .image img{width: 60%;display: block;margin:auto;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;} ._generate .item .text{color:#333;margin:40px 0 10px;} ._generate .item .text .title{font-size: 16px;font-weight: 600;} ._generate .item .text .desc{font-size: 15px;margin-top: 15px;color:#666;} /*_process*/ .process-bg{width:100%;overflow: hidden;} .process-bg img{width: 100%;} ._process{padding: 60px 0;background: linear-gradient(top,#558FFE,#4F8CFE);background: -webkit-linear-gradient(top,#558FFE,#4F8CFE);background: -moz-linear-gradient(top,#558FFE,#4F8CFE);} ._process .box{background: #fff;counter-reset: div;padding: 40px 20px;border-radius: 10px;} ._process ._text{margin-bottom: 5%;} ._process ._text h3, ._process ._text p{color:#fff;} ._process .box .col-xs-6{position: relative;} ._process .box .col-xs-6::before{counter-increment: div;content:counter(div,decimal-leading-zero);left:50%;bottom:100px;font-size: 16px;color:#333;font-weight:700;position: absolute;transform: translateX(-50%);transition: .3s ease;} ._process .box .col-xs-6::after{position: absolute;content: "";width: 1px;height: 10px;border-right: 1px solid #5390FE;left: 50%;bottom: 160px;opacity: 0;transition: .6s ease;} ._process .box .item img{max-width: 100%;display: block;margin:0 auto;transition: .4s ease;width: 100%;transform: scale(.7);} ._process .box .item .title{font-size: 16px;color:#666;font-weight:500;text-align: center;margin-top: 80px;height:40px;transition: .3s ease-out;margin-bottom: 40px;} /*_experience*/ ._experience{background: #fafafa;padding: 80px 0;position: relative;overflow:hidden;border-bottom: 1px solid #eee;} ._experience::before{position: absolute;content: "";left:-8%;top:-68%;border:80px solid rgba(48,138,251,.05);width: 270px;height: 270px;background: #fafafa;border-radius: 50%;} ._experience::after{position: absolute;content: "";right:-8%;bottom:-55%;border:80px solid rgba(48,138,251,.05);width: 270px;height: 270px;background: #fafafa;border-radius: 50%;} ._experience .text{text-align: center;font-size: 34px;color:#3F8BFC;font-weight: 700;} ._experience .text .btn{display: inline-block;margin-left:30px;border: none;background: linear-gradient(left,#7CBDFC,#3F8BFC);background: -moz-linear-gradient(left,#7CBDFC,#3F8BFC);background: -webkit-linear-gradient(left,#7CBDFC,#3F8BFC);padding: 15px 25px;font-size: 16px;border-radius: 8px;transition: .6s;} ._experience .text .btn:hover{transform: translateX(10px)} @media (min-width: 769px){ /*_process*/ ._process .box .col-xs-6:hover::before{font-size: 18px;color:#5390FE;bottom:60px;font-weight: 500;} ._process .box .col-xs-6:hover::after{bottom:95px;opacity: 1;height:50px;color:#888;font-weight: 300;} ._process .box .col-xs-6:hover img{transform: translateY(30px) scale(.9);} ._process .box .col-xs-6:hover .title{font-size: 16px;color:#5390FE;transform: translateY(30px);} /*generate*/ ._generate .item:hover{transform: translateY(-10px)} ._generate .item:hover .image img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);} ._generate .item:hover .text .title{color:#666;} /*advantage*/ ._advantage .wrap .item .flexBoxWrap:hover .image img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);} ._advantage .wrap .item .flexBoxWrap:hover .text{transform: translateX(10px);-moz-transform: translateX(10px);-webkit-transform: translateX(10px);} } @media (max-width: 768px){ /*text*/ ._text h3{font-size: 26px;} /*experience*/ ._experience::before, ._experience::after{opacity: 0;} ._experience .text{font-size: 26px;} ._experience .text .btn{padding: 10px 20px;margin-left: 15px;} ._experience{padding: 50px 0;} /*generate*/ ._generate .item{width: 100%;height: 100%;} ._generate .item .text .title{font-weight: 500;} ._generate .wrap{margin:0;} /*banner*/ ._banner{padding-top:50px;} ._banner .item .text{width: 40%;} ._banner .item .text h1{margin:0 0 10px;} ._banner .item .text .descrition{font-size: 16px;} ._banner .item .text .btn{font-size: 14px;padding: 10px 18px;margin-top: 15px;} /*scenes*/ ._scenes{padding: 20px 0;} ._scenes .item ul li{margin:10px 0;} ._scenes .item ul li span{width: 50px;height: 50px;line-height: 50px} ._scenes ._text{margin-bottom: 0;} ._scenes .image img{width: 100%;} /*advantage*/ ._advantage .wrap .item:nth-of-type(n){background: none;} ._advantage .wrap .item .text .title{font-size: 18px;} ._advantage .wrap .item .text .desc{font-size: 15px;} ._advantage .wrap .item .image{width: 40%;} /*process*/ ._process{padding-bottom: 20px;} ._process .box .item .title{margin-bottom: 0;margin-top: 40px;height:auto;} ._process .box .col-xs-6::before{bottom:50px;} ._process .box{margin:0;} } @media (max-width: 480px){ /*text*/ ._text{margin-bottom: 15px;} ._text h3{font-size: 20px;} ._text p::after{width: 100%;left:0;} /*process*/ ._process .box .item .title{font-size: 14px;} ._process ._text{padding: 0 3%;} /*generate*/ ._generate .wrap .col-xs-4{width: 100%;margin:8px 0;} ._generate .item{box-shadow: 0 0 5px rgba(0,0,0,.1);} /*scence*/ ._scenes .wrap .col-xs-7, ._scenes .wrap .col-xs-5{width: 100%;} ._scenes .item ul li span{width: 40px;height: 40px;line-height: 40px;font-size: 20px;} ._scenes .item ul li a{line-height: 50px;} /*banner*/ ._banner .item .text{width: 60%;} /*experience*/ ._experience{padding: 30px 0} ._experience .text{font-size: 20px;} ._experience .text .btn{border-radius: 4px;padding: 6px 12px;font-size: 12px;} } /*-----------------小程序页面 end-------------------