#secondary-navbar-wrapper { display: none; } #features { padding: 0px; } #feature-slider { width: 100%; overflow: hidden; position: relative; } #slide-container { white-space: nowrap; position: relative; left: -200%; } .slide { width: 100%; vertical-align: top; height: 565px; text-align: left; display: inline-block; } .slider-text { width: 500px; margin-left: 10%; padding-top: 50px; white-space: normal; color: #013b72; } .slider-header { font-size: 38px; padding-bottom: 20px; } .slider-header-2 { font-size: 16px; padding-bottom: 23px; } .slider-text img { padding-bottom: 17px; } .slider-description { font-size: 16px; padding-bottom: 45px; line-height: 35px; } #image-slider { position: relative; margin-top: -160px; width: 100%; height: 160px; background-color: rgba(153, 153, 153, 0.35); text-align: center; } .before-slider, .before-image, .after-slider, .after-image { position: absolute; top: 51%; width: 20%; height: 1px; background-color: white; } .before-slider { margin-left: -20%; /* Same as width */ } .after-image { width: 5%; } .before-image { width: 5%; margin-left: -5%; /* Same as width */ } .slider-image { cursor: pointer; width: 10%; vertical-align: middle; max-width: 70px; max-height: 70px; } #last-image { padding-right: 0px; } .image-container { display: inline; line-height: 160px; padding-right: 8%; } #experience { background-color: #FFA200; width: 100%; } #experience > img { padding-top: 40px; margin-left: 10%; float: left; width: 40%; max-width: 500px; max-height: 321px; } #experience-text-container { float: right; color: #fff; padding: 100px 10% 0 0; } #experience-text-description { margin-top: 20px; } .subWeibo { font-size:15px; } .head-font { font-size:38px; } .ul-weibo li { padding:3px; font-size:15px; } .weibohover :hover { cursor:pointer; text-decoration:underline; } #android :hover { cursor:pointer; } /*-- 2014.8.19 New --*/ .ag-content-customer-wrap { width:100%; background:#f1f1f1; transition:background-color .5s; -moz-transition:background-color .5s; -webkit-transition:background-color .5s; -o-transition:background-color .5s; } .ag-content-customer { width:100%; margin:0 auto; } .ag-content-customer-ele { width:14%; float:left; margin:0px; padding:0px; font-size:18px; position:absolute; overflow:hidden; height: 100%; } .ag-content-customer-ele:hover { cursor:pointer; } .ag-content-customer-ele span { display:block; width:100%; color:#FFF; font-size: 1.5em; position:absolute; line-height: 30px; top:50%; margin-top:-15px; left:0; text-align: center; transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; -o-transition:color .3s; } .ag-content-customer-ele img { display:block; width:300px; height:400px; position:absolute; top:52px; left:85px; } .ag-content-customer-ele-detail { width:100%; position:relative; float:left; background:#469acb; overflow:hidden; } .ag-content-customer-ele-detail ul { width:100%; position: relative; z-index: 99; } .ag-content-customer-ele-detail ul li { width:14.28%; height:48px; font-size:16px; color:#333; padding:11px 0; cursor:pointer; background-repeat:no-repeat; position: relative; float: left; text-align: center; line-height: 48px; /* transition:background-position-y .2s; -moz-transition:background-position-y .2s; -webkit-transition:background-position-y .2s; -o-transition:background-position-y .2s; */ } .ag-content-customer-ele-detail ul li.acced-li-1 { background-color:#00a1ff; } .ag-content-customer-ele-detail ul li.acced-li-2 { background-color: #2dccd3; } .ag-content-customer-ele-detail ul li.acced-li-3 { background-color: #00bb31; } .ag-content-customer-ele-detail ul li.acced-li-4 { background-color: #ff6900; } .ag-content-customer-ele-detail ul li.acced-li-5 { background-color: #963cbd; } .ag-content-customer-ele-detail ul li.acced-li-6 { background-color: #c4d600; } .ag-content-customer-ele-detail ul li.acced-li-7 { background-color: #000000; } .ag-content-customer-ele-detail ul li span{color:#FFF; font-size: 1.125em;} @-webkit-keyframes mymove { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes mymove { 0% {opacity:0;} 100% {opacity:1;} } @-o-keyframes mymove { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes remove { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes remove { 0% {opacity:0;} 100% {opacity:1;} } @-o-keyframes remove { 0% {opacity:0;} 100% {opacity:1;} } .ag-content-customer-ele-detail-display { display:none; width:100%; float:left; position:relative; } .ag-content-customer-ele-detail-display-left { width:100%; position:relative; top:0px; left:0px; opacity:0; animation:mymove 1s both; -moz-animation:mymove 1s both; -webkit-animation:mymove 1s both; -o-animation:mymove 1s both; height: 100%; } .ag-content-customer-ele-detail-display-right { width:580px; height:420px; position:absolute; top:50px; right:-120px; opacity:0; filter:alpha(opacity=0); animation:remove 1.5s both; -moz-animation:remove 1.5s both; -webkit-animation:remove 1.5s both; -o-animation:remove 1.5s both; } .ag-content-customer-ele-detail-display-right span { display:block; line-height:40px; font-family:Arial; font-size:30px; color:#fff; text-align:center; position:absolute; } .ag-content-customer-ele-detail-display-right span.point { font-family:'SimSun'; } .ag-content-customer-ele-detail-display-right a { display:block; width:134px; height:140px; text-align:left; text-indent:-9999px; background-image:url('../images/ag-link-icon_87d8dbf.png'); background-repeat:no-repeat; cursor:pointer; position:absolute; overflow:hidden; } .ag-content-customer-ele-detail-display-right a.agwyx:link { background-position:0px 0px; } .ag-content-customer-ele-detail-display-right a.agwyx:hover { background-position:-134px 0px; } .ag-content-customer-ele-detail-display-right a.agwyx:active { background-position:-268px 0px; } .ag-content-customer-ele-detail-display-right a.agwm:link { background-position:0px -140px; } .ag-content-customer-ele-detail-display-right a.agwm:hover { background-position:-134px -140px; } .ag-content-customer-ele-detail-display-right a.agwm:active { background-position:-268px -140px; } .ag-content-customer-ele-detail-display-right a.aggg:link { background-position:0px -280px; } .ag-content-customer-ele-detail-display-right a.aggg:hover { background-position:-134px -280px; } .ag-content-customer-ele-detail-display-right a.aggg:active { background-position:-268px -280px; } .ag-content-customer-ele-detail-display-right a.agxt:link { background-position:0px -420px; } .ag-content-customer-ele-detail-display-right a.agxt:hover { background-position:-134px -420px; } .ag-content-customer-ele-detail-display-right a.agxt:active { background-position:-268px -420px; } .ag-content-customer-ele-detail-display-right a.jjzs:link { background-position:0px -560px; } .ag-content-customer-ele-detail-display-right a.jjzs:hover { background-position:-134px -560px; } .ag-content-customer-ele-detail-display-right a.jjzs:active { background-position:-268px -560px; } .ag-content-customer-ele-detail-display-right a.tgrb:link { background-position:0px -700px; } .ag-content-customer-ele-detail-display-right a.tgrb:hover { background-position:-134px -700px; } .ag-content-customer-ele-detail-display-right a.tgrb:active { background-position:-268px -700px; } .ag-content-customer-ele-detail-display-right a.ag360:link { background-position:0px -840px; } .ag-content-customer-ele-detail-display-right a.ag360:hover { background-position:-134px -840px; } .ag-content-customer-ele-detail-display-right a.ag360:active { background-position:-268px -840px; } .ag-content-customer-ele-detail-return { width:90px; height:40px; line-height:40px; font-size:15px; color:#fff; text-align:center; position:absolute; bottom:5px; left:50%; margin-left:-45px; cursor:pointer; } .ag-content-customer-ele-detail-return span { float:left; font-family:"SimSun"; font-size:30px; } .ag-content-customer-prompt { width:100%; height:52px; background:#f1f1f1; text-align:center; } .ag-content-app-wytgg-wrap { width:100%; background:#fff; position:relative; } .ag-content-app-wytgg { width:1002px; height:590px; margin:0 auto; position:relative; } .ag-content-app-wytgg-left { width:300px; height:400px; position:absolute; top:100px; left:0px; } .ag-content-app-wytgg-left > img { display:block; float:left; margin-bottom:75px; } .ag-content-app-wytgg-right { width:570px; height:380px; position:absolute; top:95px; right:0px; border:8px solid #787878; border-radius:8px; } .ag-content-app-tgrb-wrap { width:100%; background:#f1f1f1; border-top:1px solid #d4d4d4; position:relative; } .ag-content-app-tgrb { width:1002px; height:590px; margin:0 auto; position:relative; } .ag-content-app-tgrb-left { width:463px; height:431px; position:absolute; top:80px; left:0px; } .ag-content-app-tgrb-right { width:308px; height:230px; position:absolute; top:120px; right:0px; } /*modify by chonggao with date 2015/02/05 for new image description*/ .ag-content-app-tgrb-right > img { position:relative; right:180px; } .ag-content-app-tgrb-right a { display:block; width:129px; height:47px; background:url('../images/ag-tgrb-btn-1_3b967d3.png') no-repeat; margin:24px 0 0 207px; } .ag-content-app-tgrb-right a:link { background-position:0px 0px; } .ag-content-app-tgrb-right a:hover { background-position:-129px 0px; } .ag-content-app-tgrb-right a:active { background-position:-258px 0px; } .ag-content-partners-parnter-wrap { width:100%; background:#fff; position:relative; } .ag-content-partners-parnter { width:1002px; margin:0 auto; padding:30px 0 42px 0; position:relative; text-align:center; } .ag-content-partners-parnter img { margin-top:24px; } .ag-content-partners-customer-wrap { width:100%; background:#707070; position:relative; } .ag-content-partners-customer { width:1002px; margin:0 auto; padding:20px 0 42px 0; position:relative; text-align:center; } .ag-content-partners-customer img { margin-top:30px; } /*-- 2014/12/25 --*/ #floatAdv { display:none; width:283px; height:57px; position:fixed; top:0px; left:0px; z-index:999999999; } #floatAdv img { width:283px; height:57px; } #floatAdv span { display:none; border:1px solid #d2d2d2; background-color:#f2f2f2; font-size:12px; position:absolute; top:0px; right:0px; cursor:pointer; } #floatAdv:hover span { display:block; } .ag-content-customer{position: relative; } .ag-content-customer img{width:100%; display: block;} /*七大产品线排序*/ .ag-content-customer-ele:nth-child(1){left:0%; background-color:#00a1ff;} .ag-content-customer-ele:nth-child(2){left:14%; background-color:#2dccd3;} .ag-content-customer-ele:nth-child(3){left:28%; background-color: #00bb31;} .ag-content-customer-ele:nth-child(4){left:42%; background-color:#ff6900;} .ag-content-customer-ele:nth-child(5){left:56%; background-color:#963cbd;} .ag-content-customer-ele:nth-child(6){left:70%; background-color:#c4d600;} .ag-content-customer-ele:nth-child(7){left:84%; background-color:#000000;} .ag-content-customer-ele:before{ content: ""; position: absolute; z-index: 1; top: 0; left: 10%; width: 80%; height: 100%; background: white; opacity: 0.05; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: skew(-30deg) scaleY(1) translate(0, 0); -ms-transform: skew(-30deg) scaleY(1) translate(0, 0); transform: skew(-30deg) scaleY(1) translate(0, 0); -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .ag-content-customer-ele:hover:before { -webkit-transform: skew(-30deg) scale(1.5) translate(0, 0); -ms-transform: skew(-30deg) scale(1.5) translate(0, 0); transform: skew(-30deg) scale(1.5) translate(0, 0); opacity: 0.1; }