/* 公共样式表css */ @charset "utf-8";@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal;font-style: normal;}@font-face {font-family: 'KAUSHANSCRIPT-REGULAR';src: url('fonts/KAUSHANSCRIPT-REGULAR.TTF'); font-weight: normal;font-style: normal;}@font-face {font-family: 'HelveNueThin';src: url('fonts/HelveNueThin.TTF');font-weight: normal; font-style: normal;}@font-face {font-family: 'GOTHAM-BLACK';src: url('fonts/GOTHAM-BLACK.OTF');font-weight: normal;font-style: normal;} #online_open {width: 30px;height: 30px;background: #00d420;cursor: pointer;position: fixed;right: -40px;bottom: 190px;z-index: 99999;font-size: 18px;color: #fff;text-align: center;line-height: 30px;}#online_open i {margin-top: 6px}#online_lx {width: 192px;height: auto;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17);position: fixed;right: 10px;bottom: 160px;z-index: 99999}#olx_head {padding: 20px;line-height: 16px;height: 16px;background: #00d420;border-radius: 5px 5px 0 0;color: #fff;font-size: 14px}#olx_head i {font-size: 18px;color: #fff;cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}#olx_qq li a {padding: 12px 30px;height: 18px;line-height: 18px;background: #f5f5f5;color: #353434;display: block;border-bottom: #fff 1px solid;transition: all ease-out .3s;font-size: 12px}#olx_qq li a i {color: #5e5e5e;font-size: 16px;vertical-align: middle;margin-right: 18px;transition: all ease-out .3s;}#olx_qq li a:hover {color: #fff;background: #565656}#olx_qq li a:hover i {color: #00d420;}#olx_tel {padding: 20px 30px}#olx_tel div {color: #434343;line-height: 14px;height: 14px;margin-bottom: 10px}#olx_tel div i {font-size: 18px;margin-right: 20px;vertical-align: middle}#olx_tel p {line-height: 18px;font-family: HELVETICANEUELTPRO-THEX;font-size: 16px}.hide, .popup {display: none;}.show {display: block;}#mslider li video {position: absolute;}#indexPage #mslider ul li div.mask {background-color: transparent;width: 100%;height: 100%;position: absolute;left: 0;top: 0}.netmask {display: block}.netmask div {position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px}.netmask.loading div i {display: block;background: url(../images/loading.gif);width: 40px;height: 40px}.netmask div i:before {display: none;font-size: 40px;color: #fff;}.netmask.success div i:before {display: block}#page404 {padding-top: 200px}#page404 span {font-size: 150px;font-family: "HELVETICANEUELTPRO-THEX", Arial;color: #efefef;}#page404 div {margin-left: 320px;padding-left: 26px;border-left: #e9e9e9 1px solid;height: 70px;}#page404 div p.title {color: #787878;font-size: 36px;line-height: 36px}#page404 div p.subtitle {color: #787878;font-size: 14px;margin-top: 10px}#projectlist .wrapper {margin-left: 1%}#langnav {float: right}#langnav a {color: #fff}#langnav a:hover {color: #838383}#langnav a.active {color: #838383}#langnav span {color: rgba(255,255,255,.2);margin: 0 10px;display: inline-block}#headSHBtn {display: none;width: 40px;height: 40px;background: #000;line-height: 40px;text-align: center;color: #fff;position: absolute;top: 0;right: -40px}#header.show {right: 0}@media screen and (min-width:1780px) {}#mcontact .content > .header {animation-name: fadeInUp;}#mcontact .content #contactinfo {animation-name: fadeInLeft;animation-delay: 0.2s}#mcontact .content #contactform {animation-name: fadeInRight;animation-delay: 0.2s}#mcontact .content #contactform {animation-name: fadeInRight;animation-delay: 0.2s}#mnews a.more {display: none}#mpage .module-content .header {animation-name: fadeInUp;animation-delay: 0.2s}#mpage .module-content .description {animation-name: fadeInUp;animation-delay: 0.3s}#mpage .module-content .more {animation-name: fadeInUp;animation-delay: 0.5s}#mpage .module-content .fimg {animation-name: fadeInUp;animation-delay: 0.3s}#mpartner .content > .header {animation-name: slideInUp;animation-delay: 0.1s}#mproject .content > .header {animation-name: fadeInUp;}#projectlist .projectitem {animation-name: slideInUp;}#indexPage #mproject a.more {animation-name: fadeInUp;animation-delay: 0.5s}#mservice .content > .header {animation-name: fadeInUp;}#servicelist .serviceitem {animation-name: slideInUp;}#indexPage #mservice a.more {animation-name: fadeInUp;animation-delay: 0.5s}#mteam .content > .header {display: none}body.ipusher #header {width: 350px;height: 100%;background: #202122;padding: 0;left: -350px;transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}body.ipusher #header #headSHBtn i {font-size: 18px;margin-top: 12px;}body.ipusher.open #header #headSHBtn i:before {content: "\f00d";}body.ipusher.open #header {transform: translate3d(350px, 0, 0);-webkit-transform: translate3d(350px, 0, 0);-moz-transform: translate3d(350px, 0, 0);-o-transform: translate3d(350px, 0, 0);}body.ipusher #header .content {padding: 0}body.ipusher #header #logo {width: 100%;float: none;margin: 20px 0 0 0}body.ipusher #header #logo img {float: none;margin: 0 auto;display: block}body.ipusher #header ul li.navitem {width: 100%;padding: 0;text-align: center;line-height: 50px;border-top: 1px solid #272727;}body.ipusher #header ul li.navitem ul.subnav li a:hover {text-indent: 0px;}body.ipusher #header ul li.navitem ul.subnav {left: 100%;top: 0}#logoClone {position: fixed;top: 0;left: 0;z-index: 98;width: 100%;height: 40px;}#logoClone img {float: none}#teamlist .wow {animation-name: slideInUp;}#projecttags {margin-top: 20px;width: 340px;margin-left: 40px;float: left;}#projectib {margin-right: -10px;margin-top: 20px;margin-left: 40px;float: left;width: 340px;}#pageswitch{margin-top:-150px; display:none;} #pageswitch a{width:50%;height:40px;padding:20px 0;float:left;background:#fff;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";transition: all ease-out .3s;position:relative;}#pageswitch a:hover{background:#CCC;box-shadow:0 0 15px #ccc;z-index:3}#pageswitch a .title{color: #444;}#pageswitch a .subtitle{color: #a5a5a5;}#pageswitch .prev div{ text-align:left; margin-left:30px;}#pageswitch .next div{ text-align:right;margin-right:30px;}#indexPage .mivideo.module .module-content .video_content{ width:960px; height:575px; margin:0 auto}#projectinfo .description a,#projectinfo1 .description a,#projectinfo2 .description a,#projectinfo3 .description a,#projectinfo4 .description a,#projectinfo5 .description a{height: 40px;width: 100%;line-height: 40px;text-align: center;color: #fff;background-color: #5A5A5A;display: block;bottom: 0;left: 0;}#shares a i.fa-weixin {color: transparent;background-image: url(http://mo001_77.mo1.line2.jsmo.xin/templates/ue_content/templates/images/shouji.png); background-repeat: no-repeat; font-size: 23px;margin: 7px 0 0 10px;}.animated {animation-name: fadeInUp; animation-delay: 0s;} #projectlist .projectitem{animation-name: fadeInUp;}#indexPage #mteam a.more{ display:none;}#projectwrap1,#projectwrap2,#projectwrap3,#projectwrap4,#projectwrap5{ width:1180px; margin: 0 auto; margin-top: 50px;}#projectinfo1,#projectinfo2{float:right;padding: 30px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);width: 300px;border-top: 10px solid #22a9ff;}#projectinfo1 .header .description, #projectinfo2 .header .description{color: #6a6a6a;font-size: 13px;line-height: 24px;margin:30px 0 0;}.content #projectih1 .header,.content #projectih2 .header{ padding:0;}#projectinfo2{float:left;}#projectinfo5{float:left; width:785px;}#projectinfo1 .header p,#projectinfo2 .header p,#projectinfo3 .header p,#projectinfo4 .header p,#projectinfo5 .header p{ text-align:left;}#projectinfo3 .header,#projectinfo4 .header{ padding-top:70px;}#projectbody1,#projectbody2{float:left; width:785px;}#projectbody2{float:right;}#projectbody5{float:left; width:785px;}#projectimages1 img,#projectimages2 img,#projectimages3 img,#projectimages4 img,#projectimages5 img{ width:100%; margin-bottom:10px;} #projectshow1,#projectshow2{ width:785px;float:left; margin-top:40px;}#projectshow2{float:right;}#projectshow3,#projectshow4{ margin-top:40px;} #projectshow5{float:right; width:345px;padding-top:120px;}#projectshow1 #projecttags1,#projectshow2 #projecttags2,#projectshow3 #projecttags3,#projectshow4 #projecttags4{ margin-top:20px; width:100%;}#projecttags1 a,#projecttags2 a,#projecttags3 a,#projecttags4 a,#projecttags5 a {transition: all ease-out .3s;float: left;font-size: 13px;color: #989898;padding: 5px 10px;background: #f3f3f3;margin-right: 5px;margin-bottom: 5px;}#projectshow1 #projectib1,#projectshow2 #projectib2,#projectshow3 #projectib3,#projectshow4 #projectib4,#projectshow5 #projectib5{ margin-top:20px;}#projectshow1 #projectib1:after,#projectshow1 #projecttags1:after,#projectshow2 #projectib2:after,#projectshow2 #projecttags2:after,#projectshow3 #projectib3:after,#projectshow3 #projecttags3:after,#projectshow4 #projectib4:after,#projectshow4 #projecttags4:after,#projectshow5 #projectib5:after,#projectshow5 #projecttags5:after{ content:''; display:block; clear:both;}#projectib1 .projectitem1,#projectib2 .projectitem2,#projectib3 .projectitem3,#projectib4 .projectitem4 {width: 245px;height: auto;float: left;margin: 0 6px 14px;}#projectib3 .projectitem3,#projectib4 .projectitem4{ width:275px; margin:0 10px 40px;}#projectib1 .projectitem1 img,#projectib2 .projectitem2 img,#projectib3 .projectitem3 img,#projectib4 .projectitem4 img{width: 100%;height: auto;float: none;}#projectib1 .projectitem1 a .project_info,#projectib2 .projectitem2 a .project_info,#projectib3 .projectitem3 a .project_info,#projectib4 .projectitem4 a .project_info,#projectib5 .projectitem5 a .project_info{ width:100%; height:30px;}#projectib1 .projectitem1 a .project_info p,#projectib2 .projectitem2 a .project_info p,#projectib3 .projectitem3 a .project_info p,#projectib4 .projectitem3 a .project_info p,#projectib5 .projectitem5 a .project_info p{ overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}#projectib5 #projectlist .projectitem{width:49%;}#npagePage #projectlist .projectitem a .project_info div{ margin-top:0px;}#npagePage #projectlist .projectitem a:hover img{ transform: scale(1, 1);}#npagePage #projectlist .projectitem a:hover .project_info{ width:100%; height:100%;}#npagePage #projectlist .projectitem a .project_info{ position:inherit;}#npagePage #projectlist .projectitem a .project_info p.subtitle{margin-top:0px; height:24px; line-height:24px; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}#npagePage #projectlist .projectitem a .project_info p.title{ margin-top:0px; height:22px; line-height:22px;text-align:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}#post_slider,#post_slider1{ height:500px;}#post_slider li,#post_slider1 li{height:500px;}ul.content_list:after {content: '';display: block;clear: both;}.projectSubList{ margin-bottom:20px;}.projectSubTitle{ font-size:24px; line-height:24px; margin:20px auto 50px; display:none}.postbody img{max-width:100%; margin-bottom:10px;}.bx-wrapper .bx-controls-direction a{z-index: 0;}#indexPage #mslider .bx-wrapper .bx-pager{z-index: 0;}#shares a i,#contactinfo div a i,#online_open i,#olx_qq li a i,#olx_tel div i{margin-left:0px;}.service_img{ display:inline;}body.ipusher #header #headSHBtn i{ margin-left:0px;}.nav-a i{ display:inline;}#indexPage .mivideo{ background-color:#fff;padding-bottom: 10px; padding-top:80px;}#projectitem_1 {animation-name: fadeInUp;animation-delay: 0.1s;}#projectitem_2 {animation-name: fadeInUp;animation-delay: 0.2s;}#projectitem_3 {animation-name: fadeInUp;animation-delay: 0.3s;}#projectitem_4 {animation-name: fadeInUp;animation-delay: 0.4s;}#projectitem_5 {animation-name: fadeInUp;animation-delay: 0.5s;}#projectitem_6 {animation-name: fadeInUp;animation-delay: 0.6s;}#projectitem_7 {animation-name: fadeInUp;animation-delay: 0.7s;}#projectitem_8 {animation-name: fadeInUp;animation-delay: 0.8s;}#projectitem_9 {animation-name: fadeInUp;animation-delay: 0.9s;}#projectitem_10 {animation-name: fadeInUp;animation-delay: 1s;}#projectitem_11 {animation-name: fadeInUp;animation-delay: 1.1s;}#newsitem_1 {animation-name: fadeInUp;animation-delay: 0.2s;}#newsitem_2 {animation-name: fadeInUp;animation-delay: 0.4s;}#newsitem_3 {animation-name: fadeInUp;animation-delay: 0.6s;}#newsitem_4 {animation-name: fadeInUp;animation-delay: 0.8s;}#newsitem_5 {animation-name: fadeInUp;animation-delay: 1s;}#newsitem_6 {animation-name: fadeInUp;animation-delay: 1.2s;}#newsitem_7 {animation-name: fadeInUp;animation-delay: 1.4s;}#newsitem_8 {animation-name: fadeInUp;animation-delay: 1.6s;}#newsitem_9 {animation-name: fadeInUp;animation-delay: 1.8s;}#newsitem_10 {animation-name: fadeInUp;animation-delay: 2s;}#newsitem_11 {animation-name: fadeInUp;animation-delay: 2.2s;}#serviceitem_1 {animation-name: fadeInUp;animation-delay: 0.1s;}#serviceitem_2 {animation-name: fadeInUp;animation-delay: 0.2s;}#serviceitem_3 {animation-name: fadeInUp;animation-delay: 0.3s;}#serviceitem_4 {animation-name: fadeInUp;animation-delay: 0.4s;}#serviceitem_5 {animation-name: fadeInUp;animation-delay: 0.5s;} #serviceitem_6 {animation-name: fadeInUp;animation-delay: 0.6s;}#serviceitem_7 {animation-name: fadeInUp;animation-delay: 0.7s;} #serviceitem_8 {animation-name: fadeInUp;animation-delay: 0.8s;}#serviceitem_9 {animation-name: fadeInUp;animation-delay: 0.9s;} #serviceitem_10 {animation-name: fadeInUp;animation-delay: 1s;}#serviceitem_11 {animation-name: fadeInUp;animation-delay: 1.1s;} #teamitem_1 {animation-name: fadeInUp;animation-delay: 0.1s;}#teamitem_2 {animation-name: fadeInUp;animation-delay: 0.2s;} #teamitem_3 {animation-name: fadeInUp;animation-delay: 0.3s;}#teamitem_4 {animation-name: fadeInUp;animation-delay: 0.4s;} #teamitem_5 {animation-name: fadeInUp;animation-delay: 0.5s;}#teamitem_6 {animation-name: fadeInUp;animation-delay: 0.6s;} #teamitem_7 {animation-name: fadeInUp;animation-delay: 0.7s;}#teamitem_8 {animation-name: fadeInUp;animation-delay: 0.8s;} #teamitem_9 {animation-name: fadeInUp;animation-delay: 0.9s;}#teamitem_10 {animation-name: fadeInUp;animation-delay: 1s;} #teamitem_11 {animation-name: fadeInUp;animation-delay: 1.1s;}#indexPage #mpartner .wrapper ul li a .par_title{ display:none; text-align:center; font-size:14px;width:100%;} .module.mcounter .module_container{ padding:60px 0; position:relative; z-index:1}.module.mcounter .particles-js-canvas-el{ opacity:.5}.module.mcounter ul.content_list{ width:100%; height:auto;}.module.mcounter ul.content_list li{ width:25%; height:108px; float:left; text-align:center;}.module.mcounter ul.content_list li div{border-right: #333 1px solid;}.module.mcounter ul.content_list li:last-child div{ border-right:none}.module.mcounter ul.content_list li p{text-align:center;font-size: 14px;color: #9e9e9e;}.module.mcounter ul.content_list li p.number{margin-top:15px;}.module.mcounter ul.content_list li p.number .counterDX{font-size: 48px;color: #ffffff;font-family: HELVETICANEUELTPRO-THEX,Arial;text-align: center;margin-top:15px;}.module.mcounter ul.content_list li p.number .unit{ font-size:14px; margin-left:5px}.module.mcounter ul.content_list li p.title{margin-bottom: 10px;}#header .navWrap ul#nav{ display:inline-flex}.search-icon{padding: 0 5px 0 15px;margin: 0 15px;line-height: 48px;height: 50px;}.search-icon i,.searchCloseBtn{line-height: 46px;}.searchBtn{ display:inline-flex;}.search-frame input{line-height: 50px;}.searchCloseBtn .left{height: 1px;width:18px;background:#8e8e8e;position: absolute;display: block;top:20px;z-index: 1;transition:all .2s ease-out 0s;transform: rotate(0deg);}.searchCloseBtn .right{height: 1px;width:18px;background:#8e8e8e;position: absolute;display: block;top:20px;z-index: 1;transform: rotate(0deg);transition:all .2s ease-out 0s;}.searchopen .searchCloseBtn .left{transform: rotate(50deg);}.searchopen .searchCloseBtn .right{transform: rotate(-50deg);}#header .content.searchshow .navitem {-webkit-animation:ac-gn-item-searchshow 400ms both;animation:ac-gn-item-searchshow 400ms both;}#header .content.searchhide .navitem {-webkit-animation:ac-gn-item-searchhide 400ms both;animation:ac-gn-item-searchhide 400ms both}@-webkit-keyframes ac-gn-item-searchshow {0% {opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1);animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1)}40% {opacity:1}100% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes ac-gn-item-searchshow {0% {opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1);animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1)}40% {opacity:1}100% {opacity:0;-webkit-transform:scale(0.5); transform:scale(0.5)}}@-webkit-keyframes ac-gn-item-searchhide {0% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60% {opacity:1}100% {opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1);animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1)}}@keyframes ac-gn-item-searchhide {0% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60% {opacity:1}100% {opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1);animation-timing-function:cubic-bezier(0.2727, 0.0986, 0.8333, 1)}}@-webkit-keyframes ac-gn-searchview-searchhide {0% {opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100% {opacity:0}}@keyframes ac-gn-searchview-searchhide {0% {opacity:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}100% {opacity:0}}#header .content.searchopen .navitem {visibility:hidden}#header .content .navWrap{ position:relative; z-index:4;}#header .content.searchopen .searchWrap{ display: block}#header .content .searchWrap {position:absolute;bottom:0;left:50%;width:30%; margin-left:-15%;z-index:3;opacity:0}#header .content.searchhide .searchWrap {-webkit-animation:ac-gn-searchview-searchhide 200ms both;animation:ac-gn-searchview-searchhide 200ms both}#header .content.searchshow .searchWrap ,#header .content.searchopen .searchWrap ,#header .content.searchhide .searchWrap {-webkit-animation:none;animation:none}#header .content.searchopen .searchWrap { opacity:1; margin-top:0px;height: 50px;overflow: hidden;z-index: 10}#header .searchBtn,#header .searchCloseBtn{ display: inline-table; color:#8e8e8e;cursor:pointer;padding:10px}#header .content .searchWrap input{line-height: 44px;color:#000; }#header .content.searchopen .searchWrap input{transition:all .2s ease-out 0s}.searchBtn{ display: inline-block; opacity:1;transition:all .2s ease-out 0s;}#header .content.searchopen .searchBtn{opacity:0; display: none; }#header .search-icon{ margin-left:120px;transition-timing-function: cubic-bezier(.32,.05,0,1.02);transition-duration: 0.3s;transition-delay: 0s;}#header .content.searchopen .search-icon{ margin-left: 10px;}#header .content .searchCloseBtn{ margin-right:60px; width:20px;height:20px;cursor:pointer; position:relative;}#header .content.searchopen .searchCloseBtn{opacity:1;transition:all .1s ease-out 0s;margin-right:10px;}.bodyMask{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 50;display:none;background: rgba(0,0,0,.3);}.open{ display:block;}#fixed_videoPost {position: fixed;left: 0;top:0;width: 100%;height: 100%; background: rgba(0,0,0,.6);overflow-y: auto;display: block;z-index: 110;background-color: transparent;} #fixed_videoPost .v_iframe {width: 100%;height: 540px;background: #000;border: 0;} html,body { color: #333; margin: 0; height: 100%; font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: #000; } img { border: 0; } body { background: #fff; color: #666; } html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin: 0; padding: 0; } a { text-decoration: none; color: #08acee; } button { outline: 0; } img { border: 0; } button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; outline: none; } li { list-style: none; } a { color: #666; } a:hover { color: #eee; } .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { } /* 必要布局样式css */ .aui-header-top { position: fixed; top: 0; width: 100%; z-index: 1; background-color: rgba(0,0,0,0.3); background-color: #000\9; transition: all 0.6s ease-out; } .aui-header-title { width: 1200px; margin: 0 auto; } .aui-header-title .aui-title { float: left; margin-left: 10px; } .aui-header-title a { font-size: 12px; color: #fff; opacity: 0.4; line-height: 28px; } .aui-header-title .navList { float: right; margin-right: 10px; } .aui-header-title .navList li:first-child { margin-left: 0; } .aui-header-title .navList li { float: left; margin-left: 66px; } .aui-header-title a { font-size: 12px; color: #fff; opacity: 0.4; line-height: 28px; } .aui-header-title .navList li a { font-size: 12px; } .aui-header-nav { position: fixed; top: 0; width: 100%; background-color: transparent; border-bottom: 1px solid transparent; z-index: 999; transition: all 0.45s ease-in-out; } .aui-header-nav.moveDown { top: 29px; transition: all 0.45s ease-in-out; } .aui-header-nav .wrapper { position: relative; /* width: 100%;*/ /* padding: 0 10px; */ height:60px; margin: 0 auto; } .aui-header-nav .aui-logo { height: 70px; background: url(../images/icon-white.png) no-repeat 0 14px; background: url(../images/icon-white.png) no-repeat\9; background-size: 200px auto; } .aui-header-nav .wrapper .aui-logo { position: relative; top: 0px; left: 10%; } .aui-header-nav.solid .aui-logo { background: url(../images/icon-blue.png) no-repeat 0 14px; background: url(../images/icon-blue.png) no-repeat\9; background-size: 130px auto; } .aui-header-nav .aui-logo h1 { text-indent: -99999px; } .aui-header-nav .wrapper .aui-top-nav { position: absolute; right:10%; top: 0; } .aui-top-nav .menu { -webkit-user-select: none; user-select: none; margin-top: 4px; } .aui-top-nav .menu >li { float: left; margin-left: 20px; height: 55px; } .aui-top-nav .menu >li >a { display: inline-block; vertical-align: baseline; zoom: 1; padding: 0 10px; height: 55px; font-size: 16px; line-height: 55px; color: #fff; border-bottom: 2px solid transparent; border-bottom: 0 \9; background-color: rgba(0,0,0,0); } .aui-header-nav.solid .aui-top-nav .menu >li >a { color: #383838; } .aui-top-nav .menu >li .panel { position: fixed; top: 88px; left: 0; right: 0; height: 120px; padding-top: 0; filter: alpha(opacity = 0) \9; opacity: 0; transition-delay: 0.1s; transition-duration: 0.3s; z-index: -1; visibility: hidden; visibility: visible\9; display: none\9; background-color: #fff; text-align: center; border-bottom: 1px solid #e4e4e4; } .aui-top-nav .menu >li .panel.product { height: auto; } .aui-top-nav .menu >li .panel .inner { display: inline-block; vertical-align: baseline; zoom: 1; width: 1280px; padding: 28px 0 37px 0; box-shadow: none; overflow: hidden; text-align: center; } .aui-top-nav .menu >li .panel .list { display: inline-block; vertical-align: baseline; zoom: 1; /* float: left; */ } .aui-top-nav .menu >li .panel.product .list { box-sizing: border-box; display: block; height: 60px; text-align: left; margin-left: 295px; /* margin-top: 30px;*/ } .aui-top-nav .menu >li .panel.product .ruanjian { box-sizing: border-box; display: block; height: 60px; text-align: left; margin-left: 100px; margin-top:10px; } .aui-top-nav .menu >li .panel.product .list dt { display: inline-block; vertical-align: baseline; zoom: 1; width: 90px; vertical-align: middle; font-size: 16px; color: #373d40; line-height: 60px; margin-right: -20px; } .aui-header-nav.solid .aui-top-nav .menu >li .panel .list dt { color: #7d8496; } .aui-top-nav .menu >li .panel .list dd { display: inline-block; vertical-align: baseline; zoom: 1; margin-left: 80px; text-align: center; vertical-align: top; } .aui-top-nav .menu >li .panel .list a { display: block; font-size: 14px; line-height: 1.5; color: #383838; font-weight: 400; text-align: center; } .aui-header-nav.solid .aui-top-nav .menu >li .panel .list a { color: #383838; } .aui-top-nav .u-iconfont { font-size: 32px; line-height: 33px; color: #383838; } .aui-top-nav .menu >li .panel .list dd em { font-weight: 400; } .aui-top-nav .menu >li .panel .list dd .txt { display: block; margin-top: 8px; font-style: normal; } a, a:hover { color: #47ccad; } .aui-header-top.moveUp { top: -29px; transition: all 0.5s ease-out; } .aui-header-nav.solid { background-color:rgba(255,255,255,1); /* border-bottom: 1px solid #f0f1f2;*/ transition: all 0.5s ease-in-out; } .aui-header-nav .wrapper .m-login { position: absolute; right: 10px; top: 16px; } .u-btn { display: inline-block; vertical-align: baseline; zoom: 1; padding: 7px 15px; background-color: #49a0f5; border: 1px solid #49a0f5; border-radius: 2px; font-size: 14px; line-height: 1; color: #fff; cursor: pointer; } .m-login .u-btn { display: inline-block; vertical-align: baseline; zoom: 1; padding: 7px 15px; font-size: 14px; border-radius: 2px; letter-spacing: 0; line-height: 1.2; vertical-align: top; } .m-login .sign { transition: all 0.4s ease-out; } .u-btn.sign { padding: 7px 15px; background-color: transparent; border: 1px solid #e5e5e5; color: #e5e5e5; } .m-login .u-btn.sign { margin-right: 12px; } .aui-header-nav.solid .m-login .u-btn { transition: all 0.4s ease-out; } .aui-header-nav.solid .m-login .sign { background-color: transparent; border: 1px solid #505050; color: #383838; transition: all 0.4s ease-out; } .aui-header-nav.solid .m-login .free { background-color: #49a0f5; border: 1px solid #49a0f5; color: #fff; transition: all 0.4s ease-out; } .m-login .u-btn { display: inline-block; vertical-align: baseline; zoom: 1; padding: 7px 15px; font-size: 14px; border-radius: 2px; letter-spacing: 0; line-height: 1.2; vertical-align: top; } .u-btn.free { padding: 7px 15px; background-color: #fff; border: 1px solid #fff; color: #383838; } .m-login .u-btn.free { margin-left: 0; } .aui-header-nav.solid .m-login .u-btn { transition: all 0.4s ease-out; } .aui-header-nav.moveDown { top: 29px; transition: all 0.45s ease-in-out; } .aui-top-nav .menu >li:hover .panel { filter: alpha(opacity = 100) \9; opacity: 1; transition-delay: 0.1s; transition-duration: 0.3s; z-index: 1; visibility: visible; display: block\9; } .aui-top-nav .menu >li >a:hover { color: #3b8fea; border-color: #3b8fea; border-bottom: 2px solid #3B8FEA\9; } .aui-top-nav .menu >li .panel .list dd .txt:hover { color: #3b8fea; } .icon-font { width: 30px; height: 30px; background-size: 30px; display: block; margin: 0 auto; } .icon-font-item001 { background: url("../images/icon001.png") no-repeat; background-size: 30px; } .icon-font-item002 { background: url("../images/icon002.png") no-repeat; background-size: 30px; } .icon-font-item003 { background: url("../images/icon003.png") no-repeat; background-size: 30px; } .icon-font-item004 { background: url("../images/icon004.png") no-repeat; background-size: 30px; } .icon-font-item005 { background: url("../images/icon005.png") no-repeat; background-size: 30px; } .icon-font-item006 { background: url("../images/icon006.png") no-repeat; background-size: 30px; } .icon-font-item007 { background: url("../images/icon007.png") no-repeat; background-size: 30px; } .icon-font-item008 { background: url("../images/icon023.png") no-repeat; background-size: 30px; } .icon-font-item009 { background: url("../images/icon010.png") no-repeat; background-size: 30px; } .icon-font-item010 { background: url("../images/icon009.png") no-repeat; background-size: 30px; } .icon-font-item011 { background: url("../images/icon011.png") no-repeat; background-size: 30px; } .icon-font-item012 { background: url("../images/icon022.png") no-repeat; background-size: 30px; } .icon-font-item013 { background: url("../images/icon013.png") no-repeat; background-size: 30px; } .icon-font-item014 { background: url("../images/icon008.png") no-repeat; background-size: 30px; } .icon-font-item015 { background: url("../images/icon024.png") no-repeat; background-size: 30px; } .icon-font-item016 { background: url("../images/icon016.png") no-repeat; background-size: 30px; } .icon-font-item017 { background: url("../images/icon017.png") no-repeat; background-size: 30px; } .icon-font-item018 { background: url("../images/icon018.png") no-repeat; background-size: 30px; } .icon-font-item019 { background: url("../images/icon019.png") no-repeat; background-size: 30px; } .icon-font-item020 { background: url("../images/icon020.png") no-repeat; background-size: 30px; } .icon-font-item021 { background: url("../images/icon021.png") no-repeat; background-size: 30px; } .icon-font-item022 { background: url("../images/icon025.png") no-repeat; background-size: 30px; } .icon-font-item023 { background: url("../images/icon026.png") no-repeat; background-size: 30px; } .icon-font-item024 { background: url("../images/icon014.png") no-repeat; background-size: 30px; } .icon-font-item025 { background: url("../images/icon025.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font { width: 30px; height: 30px; background-size: 30px; display: block; margin: 0 auto; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item001 { background: url("../images/icon001-1.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item002 { background: url("../images/icon002-2.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item003 { background: url("../images/icon003-3.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item004 { background: url("../images/icon004-4.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item005 { background: url("../images/icon005-5.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item006 { background: url("../images/icon006-6.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item007 { background: url("../images/icon007-7.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item008 { background: url("../images/icon023-23.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item009 { background: url("../images/icon010-10.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item010 { background: url("../images/icon009-9.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item011 { background: url("../images/icon011-11.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item012 { background: url("../images/icon022-22.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item013 { background: url("../images/icon013-13.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item014 { background: url("../images/icon008-8.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item015 { background: url("../images/icon024-24.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item016 { background: url("../images/icon016-16.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item017 { background: url("../images/icon017-17.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item018 { background: url("../images/icon018-18.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item019 { background: url("../images/icon019-19.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item020 { background: url("../images/icon020-20.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item021 { background: url("../images/icon021-21.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item022 { background: url("../images/icon025-25.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item023 { background: url("../images/icon026-26.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item024 { background: url("../images/icon014-14.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .icon-font-item025 { background: url("../images/icon025-25.png") no-repeat; background-size: 30px; } .aui-top-nav .menu >li .panel .list a:hover .txt { color: #3b8fea; } .solid .aui-top-nav .menu >li .panel { top: 61px; } .aui-banner-slide { position: relative; min-width: 960px; background-color: #081238; } .aui-banner-main { position: relative; width:100%; overflow: hidden; text-align: center; user-select: none; -webkit-user-select: none; } .aui-banner-wrapper { position: relative; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .aui-banner-button { z-index: 1002; margin-top: 15px; position: absolute; top: 59%; left: 12%; } .aui-banner-button a { padding: 11px 43px; border-width: 1px; border-style: solid; border-color: #fff; border-radius: 2px; background-color: #fff; font-size: 14px; line-height: 1.3; color: #383838; color: #fff; background-color: #488bff; border-color: #488bff; display: inline-block; vertical-align: baseline; zoom: 1; border: 1px solid #49a0f5; } .aui-banner-button a:hover { color: #fff; border-color: #3981ff; background-color: #3981ff; } .aui-banner-button .aui-btn-wh { color: #fff; background-color: rgba(255,255,255,0); margin-left: 20px; padding: 11px 43px; border-width: 1px; border-style: solid; border-color: #fff; border-radius: 2px; font-size: 14px; line-height: 1.3; color: #fff; } .aui-banner-button .aui-btn-wh:hover { color: #fff; background-color: rgba(255,255,255,0.3); border-width: 1px; border-style: solid; border-color: #fff; } .aui-banner-news { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.1); background-color: #6F6E78\9; } .aui-banner-news-box { width: 1180px; margin: 0 auto; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); } .aui-banner-news-box ul { display: table; table-layout: fixed; width: 100%; vertical-align: top; white-space: nowrap; text-align: left; } .aui-banner-news-box ul li { box-sizing: border-box; display: table-cell; padding: 27px 54px 27px 40px; text-align: left; color: #fff; border-left: 1px solid rgba(255,255,255,0.2); width: 320px; } .aui-banner-news-box ul li:first-child { border-left: 0; } .aui-banner-news-box ul li a { font-size: 14px; line-height: 35px; color: #fff; } .aui-bar-pic { float: left; width: 50px; height: 50px; margin-right: 20px; text-align: center; } .aui-bar-pic img { display: block; width: 100%; height: auto; border: none; vertical-align: middle; } .aui-bar-title { font-size: 16px; line-height: 1.8; color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .aui-bar-text { font-size: 14px; line-height: 1.8; color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .aui-banner-news-box ul li:hover { background-color: rgba(255,255,255,0.05); } .aui-banner-wrapper ul li img { width: 100%; height:100%; display: block; border: none; } .aui-banner-wrapper ul li { position: relative; } .aui-banner-circle ul li { display: inline-block; vertical-align: baseline; zoom: 1; width: 6px; height: 6px; background: url(../images/icon-q1.png) no-repeat; background: url(../images/icon-q1.png) no-repeat\9; background-size: 6px 6px; border-radius: 2px; cursor: pointer; margin-left: 4px; margin-right: 4px; } .aui-banner-circle ul .on { width: 24px; height: 6px; background: url(../images/icon-q2.png) no-repeat; background: url(../images/icon-q2.png) no-repeat\9; background-size: 24px 6px; } .aui-banner-circle { position: relative; display: inline-block; vertical-align: baseline; zoom: 1; width: auto; bottom: 138px; padding: 5px 13px; padding-bottom: 3px; border-radius: 16px; text-align: center; } .aui-banner-button-mo { width: 180px; left: 50%; margin-left: -90px; } @charset "utf-8"; /* banner */ .c-banner{ width: 100%; position: relative; } .c-banner img{ width: 100%; } .c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px; } .c-banner .banner ul li{ position: absolute display: none; opacity: 0; } .c-banner .banner ul li:nth-child(1){ opacity: 1; display: block; } .c-banner .banner ul li img{ width: 100%; position: absolute; top: 0px; } .c-banner .banner ul li:first-child img{ position: relative; } .c-banner .nexImg,.c-banner .preImg{ padding: 25px 40px 25px 40px; position: absolute; top: 50%; margin-top: -53px; opacity: 0.5; border-radius: 5px; z-index: 10; cursor: pointer } .c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8; } .c-banner .nexImg{ right: 0px; } .c-banner .nexImg img,.c-banner .preImg img{ } .c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center; } .c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; } .c-banner .jumpBtn ul li{ width: 10px; height: 10px; border-radius: 50%; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px; } .c-banner .jumpBtn ul li:first-child{ margin-left: 0px; } @media screen and (max-width:768px) { .c-banner{ width: 100%; height: 345px; overflow: hidden; } .c-banner .banner ul li img{ width: 768px; height: 345px; position: absolute; left: 50%; margin-left: -384px; } } /*业务体系*/ .ff_indexPage .team_tabs.mlist { padding-bottom: 0; /* background-color: #181818;*/ } .ff_indexPage .team_tabs.mlist { /* background: rgba(0,0,0,.03);*/ } .ff_indexPage .module { padding-top: 96px; overflow: hidden; } .ff_indexPage .team_tabs { position: relative; } .module_container:before { content: ""; position: absolute; width: 200vw; left: 50%; margin-left:-100vw; height: 1px; /* background: rgba(162,162,162,0.2);*/ top: 169px; } .container_header { float: left; margin-left: 10%; line-height: 42px; } .container_header .title { font-size: 24px; } .container_header .title { display: inline-block; margin-right: 10px; } .container_header .title { color: #000; height: 73px; line-height: 73px; font-family: "微软雅黑"; } .container_header .title::after { content: " "; width: 60px; height: 2px; display: block; background-color: #47ccad; z-index: 3; /* margin-top: -6px;*/ } .container_header .subtitle { color: #5d5d5d; font-family: WEBMAINFONT; line-height: 27px; } .container_header .subtitle { font-size: 14px; font-family: WEBMAINFONT; } .container_header .subtitle { display: inline-block; } .container_content { clear: both; } .content_wrapper { padding-top: 0; } .yun-main-hd { padding-top: 45px; text-align: center } .yun-main-hd .yun-main-title { line-height: 44px; font-size: 32px; color: #0989c5 } .yun-main-hd .yun-main-des { margin-top: 10px; line-height: 36px; font-size: 18px; color: #666 } .yun-main-bd { padding-top: 30px } .w { width: 100%; max-width: 1200px; margin: 0 auto; } .yun-solution-slider { margin-top: 30px } .yun-solution-slider-content { position: relative } .yun-solution-slider-content .yun-solution-wrap { position: relative; height: 454px; height: 457px\0; } .yun-solution-slider-content .yun-solution-item { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 1; left: 10.53%; top: 0; width: 78.9%; height: 475px; color: #fff; background-size: cover!important; -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1) } .yun-solution-slider-content .yun-solution-item.current { z-index: 2; opacity: 1; filter: alpha(opacity=100) } .yun-solution-slider-content .yun-solution-item-content { margin: 0 auto; padding-top: 130px; width: 91.66666666666667%; max-width: 1100px } .yun-solution-slider-content .yun-solution-text-wrap { float: left; padding-right: 40px; width: 590px } .yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn { margin-top: 15px; display: inline-block; box-sizing: border-box; min-width: 70px; background: #fff; color: #03004c; text-align: center; padding: 0 30px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 14px; opacity: .9; filter: alpha(opacity=90); -webkit-transition: all .25s ease; transition: all .25s ease } .yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn:hover { opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 10px 0 rgba(3, 0, 76, .3) } .yun-solution-slider-content .yun-solution-title { line-height: 44px; font-size: 24px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .yun-solution-slider-content .yun-solution-title em { font-size: 28px; font-style: normal; } .yun-solution-slider-content .yun-solution-des { margin-top: 15px; max-height: 120px; line-height: 30px; overflow: hidden; font-size: 16px } .yun-solution-slider-content .yun-solution-logo-wrap { float: left; margin-left: 40px; width: 420px; max-height: 230px; overflow: hidden; font-size: 0 } .yun-solution-slider-content .yun-solution-logo-wrap:after { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle } .yun-solution-slider-content .yun-solution-logo-list { display: inline-block } .yun-solution-slider-content .yun-solution-logo-list li { display: inline-block; margin-top: 40px; width: 33%; vertical-align: middle; text-align: left } .yun-solution-list-wrap { position: relative; height: 132px; overflow: hidden } .yun-solution-list-wrap:hover .yun-solution-btn { display: block } .yun-solution-list-wrap .yun-solution-btn { display: none; position: absolute; top: 60px; width: 40px; height: 60px; text-align: center; line-height: 60px; font-size: 40px; color: #0989c5; opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1); transition: all .4s cubic-bezier(.4, 0, .2, 1) } .yun-solution-list-wrap .yun-solution-btn:hover { opacity: 1; filter: alpha(opacity=100) } .yun-solution-list-wrap .yun-solution-btn.disabled { display: none } .yun-solution-list-wrap .yun-solution-btn-prev { left: 0 } .yun-solution-list-wrap .yun-solution-btn-next { right: 0 } .yun-solution-list { padding-top: 20px; text-align: center; font-size: 0 } .yun-solution-list .yun-solution-list-item { display: inline-block; vertical-align: top; width: 12.5%; text-align: center; font-size: 14px; cursor: pointer } .yun-solution-list .img-wrap { margin: 0 auto; width: 42px; height: 42px; overflow: hidden; background-size: 42px; background-position: 0 0 } .yun-solution-list .yun-solution-text { margin-top: 15px; line-height: 20px; color: #0989c5 } .yun-arrow-wrap { position: absolute; z-index: 10; left: 0; bottom: 0; display: table; width: 100%; height: 18px; overflow: hidden } .yun-arrow-wrap .yun-arrow-item { display: table-cell; position: relative; width: auto; background-color: #fff } .yun-arrow-wrap .yun-arrow-triangle { width: 1200px; height: 17px; background-color: transparent } .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before { content: ""; position: absolute; bottom: 0; width: 80%; box-sizing: border-box } .yun-arrow-wrap .yun-arrow-triangle:before { right: 50%; border-bottom: 18px solid #fff; border-right: 22px solid transparent } .yun-arrow-wrap .yun-arrow-triangle:after { left: 50%; border-bottom: 18px solid #fff; border-left: 22px solid transparent } .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before { right: 90% } .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after { left: 9%; width: 91% } .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before { right: 70% } .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after { left: 29%; width: 71% } .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before { right: 50% } .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after { left:49%; width: 61% } .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before { right: 30% } .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after { left: 69%; width: 81% } .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before { right: 9%; width: 91% } .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after { left: 90% } .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before { right: 30%; width: 70% } .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after { left: 69% } .yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:before { right: 18%; width: 82% } .yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:after { left: 81% } .yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:before { right:12%; width: 90% } .yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:after { left: 94% } /* =======================业务体系================================ =======================业务体系================================*/ /*切换tabs效果*/ .tc{text-align:center;} .fl{float:left} .fr{float:right} .main-page{margin:0 auto;width:100%;} .main-page .left, .main-page .right{float:left;} .main-page .right .content{margin-left: 10%} .nav_col {position: absolute;right: 0;top: 0;height: 565px;} .nav_num {height: 565px;border-left: 1px solid rgba(255,255,255,.5);border-right: 1px solid rgba(255,255,255,.5);position: absolute;right: 0;top: 0;} .main-page .nav-item{width: 84px;right: 0;left: auto;top: 0;border-top: none;border-bottom: none;position: absolute;bottom: -40px;transform: translateX(-50%);text-align: center;-webkit-tap-highlight-color: transparent;padding: 40px 0;overflow: hidden;} .uPrev{background: url(../images/up.svg) no-repeat center;top: 5px;right: 27px;} .dNext{background: url(../images/down.svg) no-repeat center;bottom: 5px;right: 27px;} .udbtn {width: 84px;display: block;height: 35px;text-align: center;line-height: 35px;overflow: hidden;text-indent: -9999em; position: absolute;z-index: 9999;background-size:25px;} .uPrev:hover{background: url(../images/up_hover.svg) no-repeat center;} .dNext:hover{background: url(../images/down_hover.svg) no-repeat center;} .udbtn:hover{background-size: 25px;} .prevStop{display: none;} .nextStop{display: none;} .main-page .nav-item .nav_item_list div.active{background-color: #0b74c3; border: 1px solid #0b74c3;} .main-page .nav-item .nav_item_list div:hover{background-color: #0b74c3;border: 1px solid #0b74c3;color:#fff;} .main-page .nav-item .nav_item_list div { color: #fff; margin-bottom: 70px; background-color: rgba(242,203,98,0); width: 45px; height: 45px; border-radius: 40px; text-align: center; margin: 28px 19px; transition: .1s ease; } .main-page .nav-item .nav_item_list div{margin: 26px 19px;transition: .1s ease;border: 1px rgba(242,203,98,0) solid; display: inline-block;zoom: 1; cursor: pointer;user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;font-family: FontCYJXY;} .main-page .nav-item .nav_item_list div span{color: #fff;margin-top: 12px;margin-left: 12px;background-color: rgba(242,203,98,0);border: 0;width: 1px;height: 1px;border-radius: 20px;margin: 12px;background: 0 0;transition: all .2s ease-in;display: block;} .main-page .nav-item .nav_item_list div span:after{font-family: WEBMAINFONT;font-size: 16px;} .main-page .nav-item .nav_item_list div:nth-of-type(1) span:after{content: "01";} .main-page .nav-item .nav_item_list div:nth-of-type(2) span:after{content: "02";} .main-page .nav-item .nav_item_list div:nth-of-type(3) span:after{content: "03";} .main-page .nav-item .nav_item_list div:nth-of-type(4) span:after{content: "04";} .main-page .nav-item .nav_item_list div:nth-of-type(5) span:after{content: "05";} .main-page .nav-item .nav_item_list div:nth-of-type(6) span:after{content: "06";} .main-page .nav-item .nav_item_list div:nth-of-type(7) span:after{content: "07";} .main-page .nav-item .nav_item_list div:nth-of-type(8) span:after{content: "08";} .main-page .nav-item .nav_item_list div:nth-of-type(9) span:after{content: "09";} .main-page .nav-item .nav_item_list div:nth-of-type(10) span:after{content: "10";} .main-page .nav-item .nav_item_list div:nth-of-type(11) span:after{content: "11";} .main-page .nav-item .nav_item_list div:nth-of-type(12) span:after{content: "12";} .main-page .nav-item .nav_item_list div:nth-of-type(13) span:after{content: "13";} .main-page .nav-item .nav_item_list div:nth-of-type(14) span:after{content: "14";} .main-page .nav-item .nav_item_list div:nth-of-type(15) span:after{content: "15";} .main-page .nav-item .nav_item_list div:nth-of-type(16) span:after{content: "16";} .main-page .nav-item .nav_item_list div:nth-of-type(17) span:after{content: "17";} .main-page .nav-item .nav_item_list div:nth-of-type(18) span:after{content: "18";} .main-page .nav-item .nav_item_list div:nth-of-type(19) span:after{content: "19";} .main-page .nav-item .nav_item_list div:nth-of-type(20) span:after{content: "20";} .main-page .content{position:relative; width:100%; height:510px; overflow:hidden;} .main-page .content .con-ggh{ width:100%; height:510px;} .con-ggh ul{position:absolute;top: 303px;} .con-ggh ul li{ margin-right:20px; float:left} .con-ggh:hover {cursor: pointer;} .con-ggh:hover .zcinfo .b-intro .dp{color: #0b74c3;} .con-ggh:hover .zcinfo .bline .details{color: #fff;} .list-pic{background-color: rgba(255,255,255,0.3); width: 208; height: 198px;} .list-pic img{ width:208px; height:198px; display:block} .con-ggh .item-name{ padding:20px 0; height: 20px; width: 150px; font-size: 16px; text-align: center; color: #fff; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .b-intro .dp{font-size: 20px;color: #f0f0f0;transition: all .36s ease;line-height: 40px;height: 40px;} .b-intro .subdes {transition: all .36s ease;color: #868585;font-size: 16px;line-height: 30px;height: 30x;} .bline .subtitle{transition: all .36s ease;color: #8c8c8c;font-size: 14px;line-height: 22px;margin-top: 20px;} .ellipsis{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;} .b-intro p{ width:490px; overflow:hidden; color:#fff; font-size:14px} .bline::before{ content: " "; display: block; width: 560; height: 1px; background-color: #737373; margin-top: 20px; } .bline .details { position: initial; transform: translateX(-15px); border: 0; background: url(../images/tb.png) no-repeat 0px -10px; bottom: 280px; right: 696px; color: rgba(255,255,255, .52); transition: .36s ease; font-size: 14px; margin-top: 20px; text-align: center; width: 100px; display: block; line-height: 30px; padding: 0 20px; } .ck-m{ width:123px; height:36px; line-height:36px; border:1px #fff solid; margin-top:25px} .ptpic-dl {margin: 0;padding: 0;} .ptpic-dl,.ptpic-dl img{height: 500px;} .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .clearfix { zoom: 1; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .ff_indexPage .team_tabs .tab_content .owl-carousel .owl-stage-outer { padding-top: 65px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } /*产品中心内容*/ /* 必要布局样式css */ .serve-image-img{ margin: auto auto;display: block; width: 100%; height: 640px;} .serve-image-img dl{ /*margin-top:2%; margin-left: 5%; */} .serve-image-img dl dd{ float: left; width: 32%; margin-left:1.3%; margin-top: 1.3%;} .he_border1{background:#01183c;height:290px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border1 .he_border1_img{display:block;width:100%; height: 100%; padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden} .he_border1:hover .he_border1_img{ position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); -ms-transform:scale(1.1);transform:scale(1.1);opacity:.4} .he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s} .he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0} .he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0} .he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000} .he_border1 .he_border1_caption .he_border1_caption_m{ margin-left: 40%; margin-top:16%;} .he_border1 .he_border1_caption_h{font-size:2.0em;text-align:center; width:100%;position:absolute;top:70%;/*left:10%*/;/*background-color:rgba(0,0,0,0.5); padding: 20px;*/ -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1} .he_border1 :hover .he_border1_caption_h{ position:absolute;top:20%;/*left:10%; */background-color:rgba(0,0,0,0); width: 100%; font-size: 1.8em;} .he_border1 :hover .he_border1_caption_m{display: none; } .he_border1 .he_border1_caption_p{font-size:1.1em;text-align:center;width:80%;position:absolute;top:60%;left:10%; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0} .he_border1:hover .he_border1_caption_p{top:45%;opacity:0.8;color: #fff;} .serve-content { position: relative; margin-top: 10px; } .serve-content-box { /*float: left;*/ margin-left: 10.5%; /* width: 100%; overflow: hidden;*/ } .serve-content-title { text-align: center; font-size: 32px; color: #333; padding-top: 124px; padding-bottom: 15px; } .serve-content-text { width: 184px; margin: 0 auto; margin-bottom: 50px; text-align: center; background: url(../images/icon-line.jpg) repeat-x left center; } .serve-content-text em { display: inline-block; padding: 0 10px; background: #FFF; font-size: 14px; color: #777; font-style: normal; } .serve-content-btn { text-align: center; padding: 45px 0 104px; } .serve-content-btn a { display: inline-block; width: 190px; height: 55px; background-color: rgb(0, 162, 255); color: rgb(255, 255, 255); box-shadow: rgba(4, 195, 255, 0.5) 0px 5px 15px; border-radius: 8px; font: 400 16px/55px 微软雅黑; } .serve-content-list { float: left; padding-right: 1%; height:520px; clear: both; margin-top: 5.6%; } .serve-content-info { float: left; width: 76.7%; position: relative; /* background: url(../images/switch001.jpg);*/ /* border:solid 2px blue;*/ } .serve-content-btn a:hover { background: #41b8fc; } .serve-content-middle { overflow: hidden; height: 700px; } .serve-content-list ul li { display: block; /*width: 266px;*/ padding: 60px 40px; /* background: #f5f5f5; border: 2px solid #f5f5f5;*/ margin-bottom: 100px; cursor: pointer; } .serve-content-list ul .on { background: #FFF; /* border: 2px solid #00aeff;*/ } .serve-content-list ul li span { display: block; /* width: 28px;*/ height:100px; float: left; /* margin-left: 72px;*/ margin-right: 15px; overflow: hidden; } .serve-content-list ul li span img { display: block; float: left; } .serve-content-list ul li p { display: block; overflow: hidden; line-height: 28px; color: #333; font-size: 18px; position: absolute; margin-top: 100px; margin-left: 20px; } .serve-content-list ul .on p { color: #47ccad; } .serve-content-list ul .on span img { margin-top: -116px; } .serve-content-info ul { /*border:solid 3px red;*/ } .serve-image-img { /* background: url(../images/switch001.jpg); /* display:inline-block;*/*/ margin-left: 10px; width: 100%; height:640px; } @media (min-width: 768px) { .serve-image-img { /* width: 75%;*/ } } .serve-image-box { background: url(../images/cclarity-bg.png); width: 640px; height: 195px; padding: 47px 159px; position: absolute; top: 72px; left: 0; } .serve-image-comm1 { width: 48px; height: 29px; position: absolute; left: 80px; top: 28px; } .serve-image-comm2 { width: 48px; height: 29px; position: absolute; right: 95px; bottom: 35px; } .serve-image-info { width: 322px; height: 99px; } .serve-image-info-title { overflow: hidden; } .serve-image-info-title span { display: block; float: left; width: 32px; height: 32px; margin-right: 10px; } .serve-image-info-title span img { display: block; float: left; } .serve-image-info-title p { line-height: 32px; display: block; float: left; font-size: 22px; color: #fff; } .serve-image-info strong { display: block; font-size: 14px; color: #FFF; line-height: 24px; padding-top: 14px; } /*关于沃梦*/ #fh5co-portfolio { padding: 3em 0; min-height: 500px; } @media screen and (max-width: 768px) { #fh5co-portfolio { padding: 3em 0; } } #fh5co-portfolio-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; padding-left: 9.6%; } #fh5co-portfolio-list li { display: block; padding: 0; margin-left: 1%; list-style: none; /* min-height: 400px;*/ background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; clear: left; position: relative; width: 100%; } @media screen and (max-width: 480px) { #fh5co-portfolio-list li { margin-left: 0; } } #fh5co-portfolio-list li a { height: 100%; position: relative; width: 100%; display: inline-block; } #fh5co-portfolio-list .one-third :before { width: 100%; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 80; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: transparent; } #fh5co-portfolio-list .two-third :before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 80; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: transparent; } #fh5co-portfolio-list li a:hover:before { background: rgba(0, 0, 0, 0.3); } #fh5co-portfolio-list li a .case-studies-summary { width: auto; top: 8em; left: 2em; right: 2em; position: absolute; z-index: 100; font-family: "微软雅黑"； } @media screen and (max-width: 768px) { #fh5co-portfolio-list li a .case-studies-summary { bottom: 1em; left: 1em; right: 1em; } } #fh5co-portfolio-list li a .case-studies-summary span { /*text-transform: uppercase;*/ display: inline-block; margin-top:20px; font-size: 18px; color: rgba(255, 255, 255, 1); font-family: "微软雅黑"； } #fh5co-portfolio-list li .case-studies-summary i{ list-style: none; display: inline-block; margin-top:40px; color:#e4e4e4; font-size: 16px;line-height: 30px; font-style:normal; font-family: "微软雅黑"； } #fh5co-portfolio-list .one-third a .case-studies-summary h2{ font-size: 26px !important; } #fh5co-portfolio-list .two-third a .case-studies-summary h2 { color: #fff; position: absolute; top: 2em; font-weight: normal; font-size: 26px; } #fh5co-portfolio-list li a .case-studies-summary h2 { color: #fff; margin-bottom: 0; font-weight: normal; } @media screen and (max-width: 768px) { #fh5co-portfolio-list li a .case-studies-summary h2 { font-size: 20px; } } #fh5co-portfolio-list li.two-third-fice{ width: 27.3%; height: 226px;overflow: hidden; } #fh5co-portfolio-list li.two-third-four{width: 24.7%; height: 226px; position: absolute; left:63.75%; top: 51.6%; overflow: hidden;} @media screen and (max-width: 768px) { #fh5co-portfolio-list li.two-third { width: 49%; } } @media screen and (max-width: 480px) { #fh5co-portfolio-list li.two-third { width: 100%; } } #fh5co-portfolio-list li.one-third { width: 29%; height: 466px; } @media screen and (max-width: 768px) { #fh5co-portfolio-list li.one-third { width: 49%; } } @media screen and (max-width: 480px) { #fh5co-portfolio-list li.one-third { width: 100%; } } #fh5co-portfolio-list li.one-half { width: 49%; } @media screen and (max-width: 480px) { #fh5co-portfolio-list li.one-half { width: 100%; } } .js .animate-box { opacity: 0; } /*关于沃梦*/ /*=======================解决方案=====================================*/ /*=======================解决方案=====================================*/ .Solution{ padding-bottom:60px; } .Solution .ff_indexPage .mlist{ margin-bottom: 40px; } @import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap'); /* font-family: 'Rajdhani', sans-serif; */ @import url('fontawesome-all.css'); @import url('animate.css'); @import url('flaticon.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('jquery.fancybox.min.css'); @import url('scrollbar.css'); /*** ==================================================================== Reset ==================================================================== ***/ *{ margin:0px; padding:0px; border:none; outline:none; font-size: 100%; line-height: inherit; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:14px; color:#787878; line-height:1.6em; font-weight:400; background:#ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-family: 'Rajdhani', sans-serif; } a{ text-decoration:none; cursor:pointer; color:#de9e53; } a:hover, a:focus, a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-weight:normal; margin:0px; background:none; line-height:1.2em; font-family: 'Rajdhani', sans-serif; } textarea{ overflow:hidden; } button{ outline: none !important; cursor: pointer; } p,.text{ /*font-size: 18px;*/ line-height: 34px; font-weight: 400; color: #6c6d70; margin: 0; } ::-webkit-input-placeholder{color: inherit;} ::-moz-input-placeholder{color: inherit;} ::-ms-input-placeholder{color: inherit;} .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; z-index: 9; overflow: hidden; } .auto-container{ position:static; /*max-width:1200px;*/ padding:0px 15px; margin:0 auto; width:80.5%; } ul,li{ list-style:none; padding:0px; margin:0px; } figure{ margin-bottom: 0; } .room-section{ position: relative; /*padding: 120px 0 0; background-color: #f7f5f1;*/ } .room-section:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/icons/pattern-1.jpg); content: ""; opacity: 0.05; } .room-detail-tabs{ position: relative; } .room-detail-tabs .tabs-box{ position: relative; } .room-detail-tabs .tab-btns{ position: relative; left:0; top:0; width:100%; display: table; margin-bottom:60px; } .room-detail-tabs .tab-btns a{ display: inline-block; padding: 0 3%; border-right: solid 1px #eeeeee; text-decoration: none !important; list-style: none !important; } .room-detail-tabs .tab-btns li{ position: relative; display: table-cell; /*width:20%;*/ vertical-align: middle; background-color: #ffffff; font-size: 16px; line-height: 40px; color: #24262d; text-transform: uppercase; letter-spacing: 0.03em; cursor: pointer; text-align: center; margin-bottom: 20px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /*.room-detail-tabs .tab-btns li:before{ position: absolute; right: 0; top:0px; border-right: 18px solid #ffffff; border-bottom: 21px solid transparent; content: ""; } .room-detail-tabs .tab-btns li:last-child:before{ border-right: 18px solid #f7f5f1; }*/ .room-detail-tabs .tab-btns li.active-btn, .room-detail-tabs .tab-btns li :hover{ /* border-bottom: solid 2px #f26324;*/ position: relative; color: #47ccad; } .room-detail-tabs .tab-btns li.active-btn:before, .room-detail-tabs .tab-btns li:hover:before{ -webkit-transition: all 300ms ease 300ms; -moz-transition: all 300ms ease 300ms; -ms-transition: all 300ms ease 300ms; -o-transition: all 300ms ease 300ms; transition: all 300ms ease 300ms; /*border-bottom: solid 1px #de9e53;*/ } .room-detail-tabs .tab-btns li:hover span, .room-detail-tabs .tab-btns li.active-btn span{ color: #ffffff; opacity: 0.1; } .room-detail-tabs .tabs-content{ position: relative; margin-top: -50px; /* padding: 0 0 70px;*/ /*background-image: url(../images/index.jpg);*/ height: 680px; } .room-detail-tabs .tab{ position: relative; display:none; } .room-detail-tabs .active-tab{ display:block; } .room-section .tabs-content .content-column{ position: absolute; left: 0;top: 0; } .room-section .content-column .inner-column{ margin-top: 60px; margin-left:60px; width: 88%; background-color: rgba(255,255,255,0.4); position: relative; /*margin-right: -60px;*/ opacity:0; -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); -webkit-transition:all 500ms ease 100ms; -ms-transition:all 500ms ease 100ms; transition:all 500ms ease 100ms; } .room-section .content-column .inner-column h2{ padding-left: 40px; padding-top: 30px; font-weight: normal; line-height: 40px; font-size: 28px; } .room-section .content-column .inner-column span{ font-size:20px; color: #000; margin-left: 40px; } .room-section .content-column .inner-column .text{ padding-left: 40px; margin-top: 14px; /*line-height: 40px;*/ font-size: 14px; color: #666666; width: 92%; } .room-section .active-tab .content-column .inner-column{ background-color: rgba(255,255,255,1); opacity:1; -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .room-section .content-column h2{ position: relative; display: block; font-size: 30px; line-height: 1em; color: #24262d; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px; } .room-section .content-column .room-size{ position: absolute; right: 0; top: 0; font-size: 14px; line-height: 20px; color: #de9e53; font-weight: 700; letter-spacing: 0.16em; padding: 10px 30px; text-transform: uppercase; background-color: #24262d; } .room-section .content-column .room-size span{ margin-right: 25px; } .room-section .content-column .text{ position: relative; font-size: 18px; line-height: 34px; color: #6c6d70; font-weight: 500; margin-bottom: 30px; } .room-section .room-info{ position: relative; margin-bottom: 40px; } .room-section .room-info .icon{ position: relative; display: inline-block; margin-bottom: 20px; font-size: 64px; line-height: 1em; color: #000000; } .room-section .room-info h5{ display: block; font-size: 18px; line-height: 1.2em; color: #24262d; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; padding-right: 40px; } .room-section .image-column .inner-column .image{ } .room-section .image-column .inner-column{ height: 600px; /* padding-left: 110px;*/ opacity:0; -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px); -webkit-transition:all 500ms ease 100ms; -ms-transition:all 500ms ease 100ms; transition:all 500ms ease 100ms; } .room-section .active-tab .image-column .inner-column{ opacity:1; -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .room-section .image-column .image{ position: relative; margin-bottom: 0; } .room-section .image-column .image img{ display: block; width: 100%; height:700px; } /*=======================解决方案=====================================*/ /*=======================解决方案=====================================*/ /*=========================合作伙伴====================================== =========================合作伙伴======================================*/ /*底部导航*/ .footer{width:100%;background-color:#323A45;padding-top:70px;height:auto;overflow:hidden} .other-link{width:80%;margin-left: 14%;height:auto;overflow:hidden} .other-link>div{float:left} .other-link .sucai-contact{float:right} .link-look{width:70%;padding-bottom:45px} .link-list{float:left;width:20%} .link-list h3{height:45px;line-height:20px;font-size:20px;color:#ffffff} .link-list ul li a{line-height:33px;color:#ABACAF;font-size:15px} .link-list ul li a:hover{color:#47ccad} .sucai-contact{width:30%} .bottom-logo{width:400px;height:45px} .bottom-logo a{display:block;width:100%;height:100%;background:url("../images/index_sprite_img.png") no-repeat -134px -13px} .sucai-companyname{height:40px;line-height:18px;font-size:18px;color:#ffffff;margin-top:25px} .sucai-phone,.sucai-qq{height:34px;line-height:15px;font-size:15px;color:#ABACAF} .erweima-box{margin-top:34px} .erweima-box>div{float:left;width:100px} .erweima-box>div:first-child{margin-right:30px} .wechat-erwei div:first-child,.phonenet-erwei div:first-child{height:30px;line-height:14px;font-size:14px;color:#ABACAF} .footer-bottom{height:100px;text-align:center;padding-top:27px;border-top:1px solid #42444B} .footer-bottom p{line-height:26px;font-size:14px;color:#6C6E73} .footer-bottom p span{margin-left:17px} .footer-bottom p span.police-icon{display:inline-block;width:25px;height:20px;background:url("../images/index_sprite_img.png") no-repeat -334px -170px;vertical-align:top} .sucai_wechat,.sucai_web{width:100%;height:100px} .sucai_wechat{background:url("../images/index_sprite_img.png") no-repeat -250px -206px} .sucai_web{background:url("../images/index_sprite_img.png") no-repeat -360px -206px} /*底部导航*/ /* 公共样式表css */ /* 产品中心 */ .trade-content { /* padding: 30px 0;*/ } .trade-title { font-size: 24px; color: #333; text-align: center; margin: 50px 0; position: relative; } .trade-title:before { content: ""; position: absolute; width: 0; height: 0; bottom: -19px; left: 50%; transform: translateX(-50%); border: 6px solid; border-color: #20B09F transparent transparent; } .trade-title:after { content: ""; position: absolute; width: 52px; height: 3px; background-color: #20B09F; bottom: -8px; left: 50%; transform: translateX(-50%); } .trade-black { margin-bottom: 10px; /* height: 400px;*/ /*background-color: #30383e;*/ } .trade-box { /*width: 1200px !important;*/ margin: 0 auto; position: relative; transition: all .3s ease; } .trade-box-list { display: flex; flex-direction: row; justify-content: center; align-items: center; } .trade-box-item { margin-left: 0.8%; flex: 1; text-align: center; position: relative; height: 340px; background: no-repeat center; background-size: 100% auto; } .trade-content .trade-box-item:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.6); transition: all .4s cubic-bezier(.4, 0, .2, 1); } .trade-box-item a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } .item-logo { margin: 0 auto; display: block; } .trade-content .trade-box-item .item-logo { position: relative; margin-top: 120px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .item-logo img { display: block; width: 25%; margin: 0 auto; max-width: 100%; } .item-title { font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0; position: relative; } .trade-content .item-title:before { content: ""; position: relative; display: block; width: 20px; border-bottom: 2px solid #fff; margin: 0 auto 20px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .item-text { position: relative; transition: all .4s cubic-bezier(.4, 0, .2, 1); opacity: 0; /* margin-top: 10px;*/ } .item-text p { color: #fff; font-size: 16px; /* margin-bottom: 5px;*/ } .trade-content .item01 { background: url(../images/icon-at01.png) no-repeat; background-size: cover; } .trade-content .item02 { background: url(../images/icon-at02.png) no-repeat; background-size: cover; } .trade-content .item03 { background: url(../images/icon-at03.png) no-repeat; background-size: cover; } .trade-content .item04 { background: url(../images/icon-at04.png) no-repeat; background-size: cover; } .trade-content .item05 { background: url(../images/icon-at05.png) no-repeat; background-size: cover; } .trade-content .item06 { background: url(../images/icon-at06.png) no-repeat; background-size: cover; } .trade-content .item07 { background: url(../images/icon-at07.png) no-repeat; background-size: cover; } .trade-content .item08 { background: url(../images/icon-at11.png) no-repeat; background-size: cover; } .trade-content .item09 { background: url(../images/icon-at07.png) no-repeat; background-size: cover; } .trade-content .item10 { background: url(../images/icon-at10.png) no-repeat; background-size: cover; } .trade-content .item11 { background: url(../images/icon-at13.png) no-repeat; background-size: cover; } .trade-content .item12 { background: url(../images/icon-at12.png) no-repeat; background-size: cover; } .trade-content .trade-box-item:hover .item-text { display: block; opacity: 1; margin-top: 0; } .trade-content .trade-box-item:hover:before { background-color: rgba(32, 176, 159, .9); } .trade-content .trade-box-item:hover .item-logo { margin-top: 80px; } .trade-content .trade-box-item:hover .item-title:before { opacity: 0; margin-bottom: 0; } /* 硬件*/ /* 公共样式表css */ /* 必要布局样式css */ .trade-content-yingjian .trade-content { padding: 30px 0; } .trade-content-yingjian .trade-title { font-size: 24px; color: #333; text-align: center; margin: 50px 0; position: relative; } .trade-content-yingjian .trade-title:before { content: ""; position: absolute; width: 0; height: 0; bottom: -19px; left: 50%; transform: translateX(-50%); border: 6px solid; border-color: #20B09F transparent transparent; } .trade-content-yingjian .trade-title:after { content: ""; position: absolute; width: 52px; height: 3px; background-color: #20B09F; bottom: -8px; left: 50%; transform: translateX(-50%); } .trade-content-yingjian .trade-black { height: 600px; /* background-color: #30383e;*/ } .trade-content-yingjian .trade-box { /* width: 1200px !important;*/ margin: 0 auto; position: relative; transition: all .3s ease; } .trade-content-yingjian .trade-box-list { display: flex; flex-direction: row; justify-content: center; align-items: center; } .trade-content-yingjian .trade-box-item { flex: 1; text-align: center; position: relative; height:700px; /* background: no-repeat center;*/ /* background-size: 100% auto;*/ } .trade-content-yingjian .trade-content .trade-box-item:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.6); transition: all .4s cubic-bezier(.4, 0, .2, 1); } .trade-content-yingjian .trade-box-item a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } .trade-content-yingjian .item-logo { margin: 0 auto; display: block; } .trade-content-yingjian .trade-content .trade-box-item .item-logo { position: relative;border:solid 3px red; margin-top: 200px !important; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .trade-content-yingjian .item-logo img { display: block; margin: 0 auto; max-width: 100%; margin-top: 200px; } .trade-content-yingjian .item-title { font-size: 20px; font-weight: bold; color: #fff; padding: 20px 0; position: relative; } .trade-content-yingjian .trade-content .item-title:before { content: ""; position: relative; display: block; width: 20px; border-bottom: 2px solid #fff; margin: 0 auto 20px; transition: all .4s cubic-bezier(.4, 0, .2, 1); } .trade-content-yingjian .item-text { position: relative; transition: all .4s cubic-bezier(.4, 0, .2, 1); opacity: 0; margin-top: 10px; } .trade-content-yingjian .item-text p { color: #fff; font-size: 16px; margin-bottom: 5px; } .trade-content-yingjian .trade-content .item09 { background-image: url(../images/icon-at09.png); } .trade-content-yingjian .trade-content .item10 { background-image: url(../images/icon-at10.png); } .trade-content-yingjian .trade-content .trade-box-item:hover .item-text { display: block; opacity: 1; margin-top: 0; } .trade-content-yingjian .trade-content .trade-box-item:hover:before { background-color: rgba(32, 176, 159, .9); } .trade-content-yingjian .trade-content .trade-box-item:hover .item-logo { margin-top: 200px; } .trade-content-yingjian .trade-content .trade-box-item:hover .item-title:before { opacity: 0; margin-bottom: 0; } .trade-content-yingjian .item-logo img{ width: 18%; } .newsimg{ background-image: url(../images/22.jpg); } /*=================================产品功能=============================*/ /*=================================产品功能=============================*/ .tab .box { /*border: solid 2px black; width: 1200px;*/ /* position: relative;*/ height: 850px; } .tab .box .menus { width: 200px; height:600px; background: #333332; float: left; margin-left: 10%; margin-top:26px; /* border-radius: 10px;*/ overflow: hidden; } .tab .box .menus-wms { width: 200px; height:740px; background: #333332; float: left; margin-left: 10%; margin-top:26px; /* border-radius: 10px;*/ overflow: hidden; } .tab .box .menus-u{ width: 200px; height:740px; background: #333332; float: left; margin-left: 10%; margin-top:26px; /* border-radius: 10px;*/ overflow: hidden; } .tab .box .menus li { width: 200px; height: 70px; background-image: -moz-linear-gradient( 90deg, rgb(51,51,51) 0%, rgb(43,43,43) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(51,51,51) 0%, rgb(43,43,43) 100%); background-image: -ms-linear-gradient( 90deg, rgb(51,51,51) 0%, rgb(43,43,43) 100%); font-size: 18px; color: #fff; text-align: center; /* border-bottom: 1px solid rgba(0,0,0,0.5);*/ line-height: 70px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .tab .box .menus li:nth-child(10) { border-bottom: none; } .tab .box .bg { height: 110px !important; background-image: -moz-linear-gradient( 180deg, rgb(17,97,255) 0%, rgb(1,193,230) 100%) !important; background-image: -webkit-linear-gradient( 180deg, rgb(17,97,255) 0%, rgb(1,193,230) 100%) !important; background-image: -ms-linear-gradient( 180deg, rgb(17,97,255) 0%, rgb(1,193,230) 100%) !important; line-height: 110px !important; cursor: pointer; } .tab .right { float: left; background-color: #f8f8f8; width:69%; margin-top: 25px; height:600px; overflow: hidden; /* margin-left: 50px;*/ /* border-radius: 10px;*/ } .tab .right-wms{ float: left; background-color: #f8f8f8; width:69%; margin-top: 25px; height:740px; overflow: hidden; } .tab .right-u{ float: left; background-color: #f8f8f8; width:69%; margin-top: 25px; height:740px; overflow: hidden; } .tab .tab_right { width: 100%; height: 800px; color: #fff; /* text-align: center; */ position:relative; } .tab .tab_right img { /* width: 100%;*/ position: absolute; left: 0; } .tab .scroll { transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .tab_right .tab-img img{ margin-left: 17%; margin-top: 30px; width:66%; } .right-u .tab_right .tab-img img{ margin-left: 7%; margin-top: 30px; width:86%;/* border: solid 1px black;*/} .right-wms .tab_right .tab-img img{margin-left: 5%; margin-top: 30px; width:86%; } .tab_right dl{ color: black; } .shuxian { background-color: rgb(16, 140, 238); width: 4px; height: 24px; z-index: 7; float: left; margin-top: 0 } .tab_right dl{ margin-left: 40px; } .tab_right dd{ font-size: 18px; margin-left: 16px; margin-bottom: 20px; } .tab_right dt{ font-weight: normal; font-size: 14px; color:#5c5c5c; line-height: 30px; } /*=================================产品功能=============================*/ /*=================================产品功能=============================*/