/*service*/ #service{overflow:hidden;color:#fff;} #service .item{width:50%;float:left;padding-bottom:50%;background:no-repeat center center;background-size:cover;position:relative;} #service .item:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.6);} #service .info{position:absolute;top:50%;transform:translateY(-50%);left:5%;width:90%;text-align:center;z-index:2;} #service h2{font-size:36px;line-height:1.25em;font-weight:normal;margin-bottom:6px;} #service .intro{font-size:16px;line-height:1.875em;margin-bottom:67px;} #service .btn a{margin:0 auto;} /*wrapper*/ #wrapper{padding:50px 0 100px;background:#f5f5f5 url(../images/bg_body.png) no-repeat center top;background-size:100% auto;/*overflow:hidden;*/} #wrapper.pd{padding-bottom:50px;} #wrapper.black{background:#080808 url(../images/bg_black.png) no-repeat center top;} /*sidebar*/ #sidebar{float:left;width:283px;} /*main*/ #main{width:1090px;float:right;} /*columnname*/ #columnname{background-color:#fff;box-shadow:1px 2px rgba(114,114,114,0.2);transform:skew(-12deg);text-align:center;font-size:24px;font-weight:normal;line-height:50px;margin:0 5px 30px;position:relative;} #columnname i{font-style:normal;transform:skew(12deg);display:block;} #columnname:after{width:104%;height:9px;background:url(../images/columnname_line.png) repeat-x left center;content:'';display:block;position:absolute;left:1%;bottom:-19.5px;} /*sideMenu*/ #sideMenu{background-color:#fff;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,0.15);min-height:505px;} #sideMenu li{border-bottom:1px solid #eee;font-size:16px;line-height:30px;} #sideMenu a{color:#555;padding:13px 45px 13px 30px;display:block;position:relative;} #sideMenu a:after{width:13px;height:13px;background:url(../images/arrow_02.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;right:30px;top:50%;transform:translateY(-50%);} #sideMenu li ul{border-top:1px solid #eee;padding:8px 0;margin-bottom:24px;display:none;} #sideMenu li li{border-bottom:none;font-size:14px;line-height:24px;padding:0 30px;} #sideMenu li li a{padding:5px 0 5px 14px;display:inline-block;} #sideMenu li li a:before{width:2px;height:2px;background-color:#747474;content:'';display:block;position:absolute;left:0;top:16px;} #sideMenu li li a:after{display:none;} #sideMenu .active ul{display:block;} #sideMenu .active > a{background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);color:#fff;} #sideMenu .active > a:after{background-position:0 -13px;} #sideMenu .active.sub > a:after{background-position:0 100%;} #sideMenu li li a:hover,#sideMenu li .active a{color:#000;background:none;} #sideMenu li li a:hover:before,#sideMenu li .active a:before{background-color:#000;} #sideMenu li li a:hover:after,#sideMenu li .active a:after{display:none;} /*pageTitle*/ .pageTitle{text-align:center;margin-bottom:50px;} .pageTitle h2{font-size:36px;font-weight:normal;line-height:1.35em;margin-bottom:7px;} .pageTitle h3{font-size:10px;line-height:1em;font-weight:normal;color:rgba(0,0,0,0.2);text-transform:uppercase;letter-spacing:4.5px;} .pageTitle small{background-color:#e5e5e5;padding-left:4px;display:inline-block;min-width:70px;} .pageTitle.white h2{color:#fff;} .pageTitle.white h3{color:rgba(255,255,255,0.2);} .pageTitle.white small{background-color:#222;} /*pageTitle*/ .entry{font-size:16px;color:#666;line-height:1.875em;} .entry a{color:#e6ad23;} .entry a:hover{text-decoration:underline;} /*consulting*/ #consulting{margin-top:35px;} #consulting ul{overflow:hidden;} #consulting li{float:left;width:48.62385321%;padding-bottom:10px;} #consulting li:nth-child(2n){float:right;} #consulting .pic{margin-bottom:20px;} #consulting .bg{padding-bottom:66.79245283%;background:no-repeat center center;background-size:cover;} #consulting h4{font-size:22px;font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;} #consulting a{color:#000;} #consulting a:hover{color:#e7b323;} #consulting a:hover .bg{transform:scale(1.1);} /*pjTitle*/ .pjTitle{font-size:24px;font-weight:normal;color:#000;line-height:30px;} /*projectIntro*/ .projectIntro{margin-bottom:50px;display:table;table-layout:fixed;width:100%;} .projectIntro .pic{display:table-cell;vertical-align:top;width:49.86111111%;} .projectIntro .text{display:table-cell;vertical-align:middle;padding-left:4.86111111%;} .projectIntro .pjTitle{margin-bottom:20px;} .projectIntro .entry{margin-bottom:36px;min-height:180px;} .projectIntro .button{box-shadow:3px 3px 0 rgba(141,141,141,0.5);} /*projectService*/ .projectService{margin-bottom:57px;overflow:hidden;} .projectService .item{padding:18px 0;} .projectService .text{padding-left:55px;background:no-repeat left 4px;} .projectService .pjTitle{margin-bottom:4px;} /*projectProcess*/ .projectProcess{margin-bottom:50px;display:table;table-layout:fixed;width:100%;} .projectProcess .pic{display:table-cell;vertical-align:top;width:49.44444444%;} .projectProcess .text{display:table-cell;vertical-align:middle;padding-right:4.86111111%;} .projectProcess .pjTitle{margin-bottom:38px;} .projectProcess .entry{margin-bottom:35px;} .projectProcess ul{overflow:hidden;} .projectProcess li{padding-left:23px;margin-bottom:16px;position:relative;} .projectProcess li:before{width:10px;height:2px;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);content:'';display:block;position:absolute;left:0;top:14px;} .projectProcess h5{font-weight:normal;font-size:16px;line-height:30px;color:#000;} .projectProcess .btn{padding-left:23px;} .projectProcess .button{box-shadow:3px 3px 0 rgba(141,141,141,0.5);font-weight:bold;} /*case*/ #case{background-color:#fff;padding:95px 0 50px;} #case h4{text-align:center;font-weight:normal;font-size:30px;line-height:1.25em;color:#000;margin-bottom:50px;} #case ul{display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:102%;} #case li{float:left;padding-bottom:20px; width:23%; padding-right:2%; text-align:center;} #case li a {display:inline-block;} #case .info{display:table;height:100%;} #case .icon{display:table-cell;vertical-align:middle;} #case .icon img{display:block;width:auto;max-width:110px;height:auto;} #case .name{display:table-cell;vertical-align:middle;padding-left:15px;} #case li:nth-child(4n+1) {text-align:left;} #case li:nth-child(4n+4) {text-align:right;} /*serviceProcess*/ #serviceProcess{margin-top:117px;} /*trainFilter*/ #trainFilter{margin-bottom:4.31192661%;} #trainFilter .item{float:left;width:350px;padding-right:13px;} #trainFilter .btn{float:left;width:170px;} /*trainIntro*/ #trainIntro{margin-bottom:5.04587156%;} #trainIntro .pjTitle{margin-bottom:18px;} #trainIntro .entry{margin-bottom:3.11926606%;} #trainIntro .btn i{background:url(../images/icon_download.png) no-repeat right center;padding-right:22px;} /*trainList*/ #trainList .list{margin-bottom:50px;} #trainList tr:first-child{background-image:-webkit-linear-gradient(left,#f3c24b,#ca9830);background-image:linear-gradient(90deg,#f3c24b,#ca9830);} #trainList th{background-color:transparent;border-width:2px;border-color:rgba(255,255,255,0.3);font-size:18px;font-weight:normal;color:#fff;padding:12px 1%;} #trainList td{background-color:#fcfcfc;border-width:2px;border-color:#f5f5f5;text-align:center;padding:13px 1%;font-size:16px;color:#000;line-height:1.875em;} #trainList .area{width:10.09174312%;} #trainList .date{width:27.52293578%;} #trainList .lang{width:11.9266055%;} #trainList .class{width:11.00917431%;} #trainList .crowd{width:22.93577982%;} #trainList .sign{width:16.51376147%;} #trainList .btn{padding:0;} #trainList .btn:hover{position:relative;} #trainList .btn i{font-style:normal;} #trainList .btn a{color:#e7b323;display:block;} #trainList .btn a:hover{background-image:-webkit-linear-gradient(left,#f3c24b,#ca9830);background-image:linear-gradient(90deg,#f3c24b,#ca9830);display:block;height:100%;width:100%;color:#fff;position:absolute;left:0;top:0;} #trainList .btn a:hover i{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;} /*maintain*/ #maintain .list{width:103.76146789%;display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box; /* Firefox 17- */display:-webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex; /* Firefox 18+ */display:-ms-flexbox; /* IE 10 */display:flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;} #maintain .item{width:29.70822281%;padding-right:3.62511052%;padding-bottom:3.62511052%;float:left;} #maintain .item a{display:block;overflow:hidden;background:#fff url(../images/bg_maintain.png) no-repeat center bottom;background-size:100% auto;border-radius:10px;position:relative;} #maintain .bg{position:absolute;left:0;top:0;background:no-repeat center bottom;background-size:cover;width:100%;height:100%;opacity:0;transition:opacity .3s;} #maintain .info{padding:42px 25px 23px;position:relative;z-index:2;} #maintain .icon{width:50px;height:50px;margin:0 auto 5px;} #maintain .icon img{display:block;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);max-height:100%;} #maintain .icon img:last-child{display:none;} #maintain .title{text-align:center;font-size:16px;font-weight:normal;color:#000;line-height:1.875em;position:relative;padding:7px 0;} #maintain .title:before{width:13px;height:3px;background-color:#e7b323;border-radius:1.5px;content:'';display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);transition:top .3s;} #maintain .intro{color:#999;line-height:1.875em;font-size:16px;padding:37px 0 20px;display:none;} #maintain .intro p{position:relative;padding-left:10px;} #maintain .intro p:before{width:2px;height:2px;background-color:#e7b323;content:'';display:block;position:absolute;left:0;top:14px;} #maintain .arrow{width:17px;height:11px;background:url(../images/arrow_04.png) no-repeat center center;margin:15px auto auto;} #maintain .item a:hover .bg{opacity:1;} #maintain .item a:hover .icon img:first-child{display:none;} #maintain .item a:hover .icon img:last-child{display:block;} #maintain .item a:hover .title{color:#fff;} #maintain .item a:hover .title:before{top:100%;} #maintain .item a:hover .arrow{background-image:url(../images/arrow_03.png);} /*model*/ #model{width:101.84027778%;} #model .proItem{width:23.18445278%;float:left;padding-right:1.80702353%;padding-bottom:2.04568701%;} .proItem .bg{padding-bottom:55.88235294%;} .proItem .text{padding:27px 30px 22px;overflow:hidden;} .proItem .title{font-size:18px;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;} .proItem .title a {color: #fff; transition: all .3s;} .proItem .excerpt{font-size:16px;line-height:24px;height:48px;-webkit-line-clamp:2;color:#666;margin-bottom:35px;} .proItem .tag{font-size:14px;color:#e7b323;line-height:24px;} .proItem .tag a{display:block;float:left;border:1px solid #e7b323;padding:4px 13px;color:#e7b323;} .proItem .tag a:hover {color: #fff; background-color: #e7b323;} .proItem .more{transition:all .15s;float:left;height:29px;font-size:12px;color:#e7b323;text-transform:uppercase;border-radius:14.5px;line-height:30px; transform: translateX(-40%); opacity: 0;} .proItem .more a, .proItem .more span{display:inline-block;padding-right:13px;position:relative; transition: all .3s;} .proItem .more a {color: #fff;} .proItem .more a:after, .proItem .more span:after{width:6px;height:10px;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/arrow_06.png) no-repeat 0 0;background-size:100% auto;transition:all .15s;} .proItem .icon{width:35px;height:35px;background:no-repeat center center;background-size:contain;transition:all .3s;} .proItem .play{background-image:url(../images/circle_play.png);} .proItem .info {display:block;overflow:hidden;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.15);color:#000;transition:all .15s;} .proItem .info:hover{background-color:#333;color:#fff;} .proItem .info:hover .excerpt{color:#999;} .proItem .info:hover .more{background-image:-webkit-linear-gradient(left,#f3c24b,#ca9830);background-image:linear-gradient(90deg,#f3c24b,#ca9830);color:#fff;padding:0 14px; transform: translateX(0); opacity: 1;} .proItem .info:hover .more a:after, .proItem .info:hover .more span:after {background-position:0 100%;} .proItem .info:hover .bg{transform:scale(1.1);} .proItem .info:hover .icon{transform:scale(0.9);} .proItem .info:hover .title a {color:#e7b323;} .proItem.black .info {background-color:#222;color:#fff;} .proItem.black .info:hover{background-color:#0c0c0c;} /*categoryDetails*/ #categoryDetails{overflow:hidden;padding:30px 0 40px;background:url(../images/columnname_line.png) repeat-x center bottom;margin-bottom:3.125%;} #categoryDetails .text{float:left;width:72.22222222%;} #categoryDetails .title{font-size:30px;font-weight:normal;line-height:1.125em;border-bottom:1px solid #d5d5d5;padding-bottom:25px;margin-bottom:4.23076923%;} #categoryDetails .pic{width:23.61111111%;float:right;} /*slickArrows*/ .slickArrows .slick-arrow{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;transform:rotate(45deg);background-color:#fff;} .slickArrows .slick-arrow:after{width:13px;height:21px;background:no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:50%;top:50%;transform:rotate(-45deg);margin:-9.5px 0 0 -8.5px;} .slickArrows .slick-arrow:hover{background-color:#e7b323;} .slickArrows .slick-arrow:hover:after{background-position:0 100%;} .slickArrows .slick-prev{left:-6.47138965%;} .slickArrows .slick-prev:after{background-image:url(../images/arrow_07.png);} .slickArrows .slick-next{right:-6.47138965%;} .slickArrows .slick-next:after{background-image:url(../images/arrow_08.png);margin:-12.5px 0 0 -4.5px;} .slickArrows.black .slick-arrow{background-color:#222;} .slickArrows.black .slick-arrow:hover{background-color:#e7b323;} /*slick-meta*/ .slick-meta{display:table;table-layout:fixed;width:100%;margin-top:25px;} .slick-meta .dot{width:80px;display:table-cell;vertical-align:middle;position:relative;z-index:2;} .slick-meta .slick-dots{white-space:nowrap;} .slick-meta .slick-dots li{display:inline-block;margin-right:15px;padding:3px 0;} .slick-meta .slick-dots button{display:block;width:10px;height:10px;border:2px solid #555;transform:rotate(45deg);text-indent:-9999em;overflow:hidden;} .slick-meta .slick-dots .slick-active button{border-color:#e7b323;} .slick-meta .line{position:relative;display:table-cell;vertical-align:middle;} .slick-meta .line:after{width:100%;background-color:rgba(255,255,255,0.2);height:1px;content:'';display:block;} .slick-meta .arrow{font-size:0;line-height:normal;width:128px;display:table-cell;vertical-align:middle;} .slick-meta .arrow .slick-arrow{position:static;margin:6px 6px 6px 18px;} /*related*/ .related h3{font-size:24px;font-weight:normal;color:#000;line-height:1.35em;padding-left:14px;position:relative;margin-bottom:10px;} .related h3:before{width:3px;height:23px;background-color:#e7b323;border-radius:1.5px;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);} .related .slick-load{width:101.94444444%;margin-left:-0.97222222%;} .related .slick-track{margin:0;} .related .item{overflow:hidden;} .related .item a{margin:14px;} .related.black h3{color:#fff;} /*brandDetails*/ #brandDetails{overflow:hidden;background:url(../images/columnname_line.png) repeat-x center bottom;padding:10px 0 70px;margin-bottom:3.125%;} #brandDetails .profile{float:left;width:342px;} #brandDetails .pic{position:relative;margin-bottom:37px;} #brandDetails .pic:after{width:100%;height:4px;background-color:#e7b323;content:'';display:block;position:absolute;left:0;bottom:0;} #brandDetails .title{font-size:30px;color:#000;font-weight:normal;line-height:1.35em;margin-bottom:20px;} #brandDetails .meta{font-size:16px;color:#666;line-height:30px;} #brandDetails .meta p{margin-bottom:6px;background:no-repeat left 5px;padding-left:34px;background-size:auto 20px;} #brandDetails .meta .area{background-image:url(../images/brand_meta_area.png);} #brandDetails .meta .type{background-image:url(../images/brand_meta_type.png);} #brandDetails .meta .biz{background-image:url(../images/brand_meta_biz.png);} #brandDetails .meta span{color:#000;} #brandDetails .entry{margin-left:342px;overflow:hidden;padding-left:6.59722222%;} /*brandGG*/ #brandGG{margin-top:42px;} /*solution*/ #solution{overflow:hidden;margin-bottom:3.81944444%;} #solution ul{width:104.16666667%;overflow:hidden;} #solution li{float:left;width:29.33333333%;padding-right:4%;padding-bottom:10px;} #solution .pic{margin-right:9.09090909%;position:relative;} #solution .pic:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-image:-webkit-linear-gradient(top,transparent 60%,#000);background-image:linear-gradient(180deg,transparent 60%,#000);} #solution .bg{padding-bottom:75%; } #solution .text{position:absolute;bottom:0;left:0;width:100%;z-index:2;} #solution .box{background:url(../images/bg_solution_01.png) no-repeat center top;background-size:100% auto;transition:all .3s;padding:27px 40px 33px;margin-left:9.09090909%;} #solution h2{font-size:24px;font-weight:normal;line-height:36px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:13px;position:relative;} #solution h2:after{width:9px;height:15px;background:url(../images/arrow_09.png) no-repeat 0 0;background:100% auto;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);} #solution .excerpt{font-size:16px;color:#666;line-height:24px;height:48px;-webkit-line-clamp:2;margin-right:18.75%;} #solution li a{padding-bottom:90px;position:relative;display:block;overflow:hidden;color:#fff;} #solution li a:hover{color:#e7b323;} #solution li a:hover .bg {transform: scale(1.1);} #solution li a:hover .box{margin-left:0;margin-right:9.09090909%;margin-bottom:30px;} #solution li a:hover h2:after{background-position:0 100%;} /*cases*/ .cases .skewSelect{float:right;width:355px;} .cases h3{font-size:24px;font-weight:normal;color:#555;margin-right:370px;overflow:hidden;border-bottom:1px solid #ddd;line-height:30px;padding-bottom:20px;margin-bottom:26px;} .cases .slick-load{width:101.94444444%;margin-left:-0.97222222%;} .cases.black h3{border-bottom-color:#222;} .cases.black .caseItem a{background-color:#222;color:#eee;box-shadow:none;} .cases.black .caseItem a:hover{color:#e7b323;} /*caseItem*/ .caseItem{overflow:hidden;} .caseItem .bg{padding-bottom:55.88235294%;} .caseItem .text{padding:35px 30px 27px;} .caseItem .title{font-size:18px;font-weight:normal;line-height:30px;height:60px;margin-bottom:5px;-webkit-line-clamp:2;} .caseItem .icon{width:40px;} .caseItem .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;border-radius:50%; transition: all .2s;} .caseItem .icon .play{background-image:url(../images/circle_play.png);} .caseItem .icon .file{background-image:url(../images/circle_file.png);} .caseItem a{display:block;overflow:hidden;border-radius:5px;background-color:#fff;margin:14px;box-shadow:0px 0px 10px rgba(0,0,0,0.15); transition: all .3s;} .caseItem a:hover{color:#e7b323;} .caseItem a:hover .bg{transform:scale(1.1);} .caseItem a:hover .icon i {transform: scale(.9);} .caseItem.black a{background-color:#222;color:#eee;box-shadow:none;} .caseItem.black a:hover{color:#e7b323;} .caseItem .intro {font-size: 16px; color: #999; line-height: 24px; height: 48px; -webkit-line-clamp: 2; margin-bottom: 24px;} /*solutionIntro*/ #solutionIntro{padding:50px 0;} #solutionIntro .title{font-size:36px;line-height:1.25em;font-weight:normal;color:#000;margin-bottom:4.30555556%;} /*solutionList*/ #solutionList{padding:20px 0 70px;} #solutionList .item{background-color:#fff;border-radius:5px;overflow:hidden;display:table;table-layout:fixed;width:100%;min-height:430px;margin-bottom:3.47222222%;} #solutionList .top,#solutionList .btm{padding:3.03030303% 0;} #solutionList .cover{width:38.88888889%;display:table-cell;vertical-align:top;background:no-repeat center center;background-size:cover;} #solutionList .text{display:table-cell;vertical-align:middle;border:1px solid #e5e5e5;border-left:none;border-radius:0 5px 5px 0;padding:0 60px;} #solutionList h3{font-size:24px;font-weight:normal;color:#000;line-height:1.5em;margin-bottom:8px;} #solutionList .btm ul{overflow:hidden;display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box; /* Firefox 17- */display:-webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex; /* Firefox 18+ */display:-ms-flexbox; /* IE 10 */display:flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:103.55731225%;} #solutionList .btm li{width:29.89821883%;padding:1.78117048% 3.4351145% 1.65394402% 0;} #solutionList .box{display:table;table-layout:fixed;width:100%; transition: all .3s;} #solutionList .pic{width:80px;display:table-cell;vertical-align:top;} #solutionList .bg{padding-bottom:62.5%;} #solutionList .intro{display:table-cell;vertical-align:middle;font-size:16px;color:#666;line-height:24px;padding-left:14px;} #solutionList .box:hover {transform: translateY(-10px);} #solutionList .box:hover .bg {transform: scale(1.1);} /*proTab*/ .proTab {display: none;} .proTab:first-child {display: block;} /*proSolDetails*/ #proSolDetails .section{background:url(../images/columnname_line.png) repeat-x left bottom;overflow:hidden;} #proSolDetails .pageTitle{text-align:left;margin-bottom:30px;} /*detailsIntro*/ .detailsIntro{padding:10px 0 52px;} /*detailsVideo*/ .detailsVideo{padding:42px 0 20px;} .detailsVideo ul{width:102.08333333%;overflow:hidden;display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box; /* Firefox 17- */display:-webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex; /* Firefox 18+ */display:-ms-flexbox; /* IE 10 */display:flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;} .detailsVideo li{width:31.29251701%;padding-right:2.04081633%;padding-bottom:2.04081633%;float:left;} .detailsVideo .pic{margin-bottom:12px;} .detailsVideo .pic:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.5);} .detailsVideo .bg{padding-bottom:56.52173913%;} .detailsVideo .play{width:50px;height:50px;background:url(../images/icon_play_02.png) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;z-index:2;transition:all .3s;} .detailsVideo h4{text-align:center;font-size:18px;font-weight:normal;line-height:1.5em;} .detailsVideo a{color:#666;} .detailsVideo a:hover{color:#e7b323;} .detailsVideo a:hover .bg{transform:scale(1.1);} .detailsVideo a:hover .play{transform:scale(0.9);} /*detailsDownload*/ .detailsDownload{padding:40px 0 27px;} .detailsDownload ul{display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box; /* Firefox 17- */display:-webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex; /* Firefox 18+ */display:-ms-flexbox; /* IE 10 */display:flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;overflow:hidden;width:107.29166667%;} .detailsDownload li{float:left;width:26.53721683%;padding-right:6.7961165%;overflow:hidden;padding:14px 6.7961165% 23.5px 0;} .detailsDownload .icon{float:left;width:30px;padding:5px 0;} .detailsDownload .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat left top;background-size:contain;} .detailsDownload .icon .pdf{background-image:url(../images/file_pdf.png);} .detailsDownload .text{margin-left:50px;overflow:hidden;} .detailsDownload h4{font-size:18px;font-weight:normal;line-height:1.5em;color:#000;margin-bottom:5px;} .detailsDownload h4 a{color:#000;display:block;} .detailsDownload h4 a:hover{color:#e7b323;} .detailsDownload .date{font-size:16px;color:#666;line-height:24px;margin-bottom:27px;} .detailsDownload .btn{overflow:hidden;} .detailsDownload .btn a{display:block;overflow:hidden;float:left;font-size:16px;color:#666;background:url(../images/icon_download_02.png) no-repeat right center;padding-right:27px;transition:padding .3s;} .detailsDownload .btn a:hover{color:#e7b323;padding-right:35px;} /*detailsApp*/ .detailsApp{padding-top:40px;} .detailsApp .list{width:101.84027778%;} .detailsApp .proItem{width:23.18445278%;float:left;padding-right:1.80702353%;padding-bottom:2.04568701%;} .detailsApp .title{margin-bottom:19px;} .detailsApp .excerpt{margin-bottom:23px;} /*proSolBanner*/ #proSolBanner .en{background-position:center center;} #proSolBanner h2,#proSolBanner .intro{text-align:center;} #proSolBanner .proSearch{width:770px;margin:40px auto 0;position:relative;} #proSolBanner .skewButton{width:175px;position:absolute;right:0;top:0;box-shadow:2px 2px 0 #727272;} #proSolBanner .skewText{margin-right:185px;box-shadow:2px 2px 0 #727272;} /*brandList*/ #brandList .slick-load{width:101.80555556%;margin-left:-0.90277778%;} #brandList .slick-track{margin:0;} #brandList .slick-prev {left:-55px;} #brandList .slick-next {right:-55px;} #brandList .bg{padding-bottom:29.41176471%;} #brandList .intro{font-size:16px;line-height:24px;height:120px;padding:30px 40px;position: relative;overflow: hidden;} #brandList .intro:before {content: ''; display: block; position: absolute; transition: all .3s; transform: scale(1.3); opacity: 0;} #brandList .intro:before {left: 5%; top: 10%; width: 90%; height: 80%; border: 1px solid rgba(255,255,255,.6); margin: -1px 0 0 -1px;} #brandList .rows {-webkit-line-clamp:3; position: relative;z-index: 2;} #brandList a{display:block;overflow:hidden;background-color:#222;margin:3.54223433%;color:#999; transition: all .3s;} #brandList a:hover {background-color: #e7b323;color: rgba(255,255,255,.85);} #brandList a:hover .intro:before {transform: scale(1); opacity: 1;} #brandList a:hover .bg {transform: scale(1.1);} #brandList .loading{padding-bottom:232.283px;} #brandList .slick-meta{margin-top:12px;} /*proList*/ #proList{padding:60px 0 105px;background:url(../images/bg_line.png) repeat-x left bottom;overflow:hidden;margin-bottom:40px;} #proList .slick-load{width:101.94444444%;margin-left:-0.97222222%;} #proList .slick-track{margin:0;} #proList .excerpt{margin-bottom:25px;} #proList .tag{margin:-2.5px 80px 0 0;} #proList .more{float:right;} #proList .info {margin:14px;} #proList .info:hover .more{display:block;} #proList .loading{padding-bottom:815.867px;} /*#slides*/ #slides .item{padding-bottom:44.271%;background:no-repeat center center;background-size:cover;position:relative;} #slides .info {position:absolute;left:0;top:62.35%;width:100%; z-index: 5;} #slides a{display:inline-block;overflow:hidden; font-size: 16px; color: #e7b323; line-height: 1.875em; font-weight: bold; background: url(../images/arrow_13.png) no-repeat right center; padding-right: 15px; transition: padding .3s;} #slides a:hover {padding-right: 35px;} #slides video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} #slides .loading{padding-bottom:850px;} #slides .slick-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:43px;} #slides .slick-dots li{display:inline-block;margin:0 8px;padding:3px 0;} #slides .slick-dots button{display:block;width:10px;height:10px;border:2px solid #555;transform:rotate(45deg);text-indent:-9999em;overflow:hidden;} #slides .slick-dots .slick-active button{border-color:#e7b323;} /*container*/ #container{background:#080808 url(../images/bg_black.png) no-repeat center top;background-size:100% auto;} /*indexData*/ #indexData{position:relative;margin:-35px 0 95px;z-index:2;} #indexData ul{display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box; /* Firefox 17- */display:-webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex; /* Firefox 18+ */display:-ms-flexbox; /* IE 10 */display:flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */justify-content:space-around;background-color:#181818;overflow:hidden;border-radius:10px;text-align:center;color:#fff;font-size:16px;line-height:1.875em;} #indexData li{padding:28px 1% 26px;width:14.666%;} #indexData .num{margin-bottom:3px;} #indexData span{background-image:-webkit-linear-gradient(-45deg,#e6c36d,#ca9830);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s;color:#e7b323;font:400 60px/1em 'AgencyFB';margin-right:2px;margin-bottom:-1px;display:inline-block;vertical-align:bottom;} #indexData .than{position:relative;} #indexData .than:after{content:'+';display:block;font-size:30px;background-image:-webkit-linear-gradient(-45deg,#e6c36d,#ca9830);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s;color:#e7b323;line-height:1em;position:absolute;top:-5px;left:100%;margin-left:5px;} /*indexTitle*/ .indexTitle{position:relative;text-align:center;text-transform:uppercase;margin-bottom:50px;} .indexTitle h2{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-size:36px;font-weight:normal;line-height:1.125em;color:#fff;} .indexTitle h3{font:800 72px/1em 'Oswald';color:#222;} /*indexTab*/ .indexTab{font-size:0;line-height:normal;text-align:center;margin-bottom:30px;} .indexTab span{display:inline-block;color:#999;font-size:16px;text-align:center;border:1px solid #333;width:160px;height:38px;line-height:38px;cursor:pointer;} .indexTab .current{color:#fff;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);border:none;height:40px;line-height:40px;} /*indexNews*/ #indexNews{margin-bottom:110px;} #indexNews .box{position:relative;padding:90px 0 75px;display:none;} #indexNews .box:before{width:1px;height:100%;background-color:#333;content:'';display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);} #indexNews .pic{display:table-cell;vertical-align:top;width:240px;} #indexNews .bg{padding-bottom:66.66666667%;position:relative;} #indexNews .bg:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-color:#000;opacity:.3;} #indexNews .text{display:table-cell;vertical-align:middle;padding:20px 25px;position:relative;} #indexNews .date{position:absolute;left:0;bottom:100%;color:#b58612;font:800 16px/1em 'Oswald';text-align:right;margin-bottom:-24px;} #indexNews .date:before{width:80px;height:80px;background:url(../images/bg_square.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;right:10px;bottom:7px;} #indexNews .date i{display:block;font-style:normal;font-size:24px;line-height:1em;margin-bottom:6px;} #indexNews h4{font-size:18px;font-weight:normal;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:13px;} #indexNews .excerpt{font-size:14px;color:#666;line-height:24px;max-height:48px;-webkit-line-clamp:2;} #indexNews .square{width:10px;height:10px;border:2px solid #555;transform:rotate(45deg);position:absolute;right:-7.8px;top:50%;margin-top:-8px;} #indexNews .item{margin-right:50%;position:relative;} #indexNews .item:hover a { transform: translateY(-10%);} #indexNews .item:nth-child(2n){margin-right:0;margin-left:50%;} #indexNews .item:nth-child(2n) .square{right:auto;left:-7.8px;} #indexNews .item:nth-child(2n) a{margin-right:0;margin-left:5.55555556%;} #indexNews .item a{background-color:#252525;margin-right:5.55555556%;width:94.44444444%;display:table;table-layout:fixed;color:#fff;transition: all .3s;} #indexNews .item a:hover{color:#e7b323;} #indexNews .item a:hover .bg{transform: scale(1.1);} #indexNews .item a:hover .bg:after{opacity:0;} #indexNews .item a:hover .date{color:#e7b323;} #indexNews .item a:hover .date:before{background-position:0 100%;} #indexNews .item a:hover .excerpt{color:#fff;} #indexNews .item a:hover + .square{border-color:#e7b323;} #indexNews .more{width:37px;height:37px;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);transform:rotate(45deg);position:absolute;bottom:0;left:50%;margin-left:-18px;cursor:pointer;} #indexNews .more:after{width:23px;height:23px;background:url(../images/icon_load.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;margin:-11.5px 0 0 -11.5px;transform:rotate(-45deg);} #indexNews .more.loading:after{animation:load 1s linear infinite;} @keyframes load{ 0%{transform:rotate(-45deg);} 100%{transform:rotate(315deg);} } /*indexSupport*/ #indexSupport{margin-bottom:117px;} #indexSupport .more{padding:0 60px;text-align:right;} #indexSupport .more a{font-size:12px;color:#fff;text-transform:uppercase;line-height:1.35em;background:url(../images/arrow_10.png) no-repeat right 1px;padding-right:15px;transition:all .3s;} #indexSupport .more a:hover{padding-right:25px;} #indexSupport .title{background:no-repeat left center;padding-left:35px;font-size:24px;font-weight:normal;line-height:1.125em;color:#fff;} /*indexVideo*/ #indexVideo{float:left;width:680px;padding-right:20px;} #indexVideo .box{position:relative;} #indexVideo .current{padding-bottom:88.23529412%;position:relative;} #indexVideo .current:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;bottom:0;background:url(../images/bg_index_video.png) repeat-x center bottom;background-size:auto 100%;z-index:2;} #indexVideo .current video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} #indexVideo .current a{display:block;overflow:hidden;position:absolute;left:50%;transform:translateX(-50%);top:40%;font-size:24px;color:#fff;line-height:1.35em;z-index:3;} #indexVideo .current a:before{width:40px;height:40px;background:url(../images/icon_play_03.png) no-repeat center center;background-size:contain;content:'';display:block;margin:0 auto 15px;transition:all .3s;} #indexVideo .current a:hover:before{transform:scale(0.9);} #indexVideo .poster{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;z-index:1;} #indexVideo .list{position:absolute;left:50%;transform:translateX(-50%);bottom:12%;z-index:5;} #indexVideo ul{overflow:hidden;width:510px;margin:0 auto;} #indexVideo li{width:150px;padding:10px;float:left;} #indexVideo .video{background-color:#000;padding:2px;position:relative;cursor:pointer;} #indexVideo .video:before{width:24px;height:24px;background:url(../images/icon_play_04.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;margin:-12px 0 0 -12px;opacity:.5;} #indexVideo .video span{display:block;overflow:hidden;padding-bottom:65.75342466%;background:no-repeat center center;background-size:cover;opacity:.4;} #indexVideo .active .video:before,#indexVideo .active .video span{opacity:1;} #indexVideo .more{position:absolute;right:0;bottom:30px;z-index:6;} /*indexDownload*/ #indexDownload{padding-right:20px;width:360px;float:left;} #indexDownload .box{background:#232323 url(../images/bg_index_download.png) no-repeat center top;background-size:83.33333333% auto;padding:35px 0 30px;} #indexDownload .title{margin:0 60px;background-image:url(../images/icon_article.png);margin-bottom:24px;} #indexDownload .info{position:relative;padding:18px 33px 20px 0;} #indexDownload .info:after{width:100%;height:1px;background-color:rgba(255,255,255,0.1);content:'';display:block;position:absolute;left:0;bottom:0;} #indexDownload h5{font-size:14px;color:#fff;line-height:24px;height:48px;-webkit-line-clamp:2;font-weight:normal;} #indexDownload .date{font-size:14px;color:#999;line-height:24px;} #indexDownload .icon{width:30px;position:absolute;right:0;bottom:29px;} #indexDownload .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;} #indexDownload .icon .file{background-image:url(../images/file_pdf.png);} #indexDownload .icon .down{background-image:url(../images/icon_download_04.png);display:none;} #indexDownload .item{margin-bottom:15px;} #indexDownload .item a{display:block;overflow:hidden;padding:0 60px;} #indexDownload .item a:hover{background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);} #indexDownload .item a:hover .date{color:rgba(255,255,255,0.5);} #indexDownload .item a:hover .icon .file{display:none;} #indexDownload .item a:hover .icon .down{display:block;} #indexDownload .more{padding-top:19px;} /*indexArticle*/ #indexArticle{overflow:hidden;background-color:#1d222a;} #indexArticle .pic{padding-bottom: 96px;background:no-repeat center center;background-size:cover;} #indexArticle .text{padding: 0px 00px 30px;position:relative;} #indexArticle .title{background-image:url(../images/icon_download_03.png);margin-bottom:31px;/* padding-left: 60px; */position: absolute;top: 56%;margin-left: 60px;/* width: 100%; */} #indexArticle .more{padding: 0 60px;} #indexArticle .slick-load{margin-bottom:70px;} #indexArticle h5{font-size:14px;font-weight:normal;line-height:24px;max-height:48px;-webkit-line-clamp:2;margin-bottom:3px;} #indexArticle time{color:#999;font-size:14px;line-height:24px;} #indexArticle .item a{display:block;overflow:hidden;color:#fff;padding: 0 60px;} #indexArticle .item a:hover{color:#e7b323;} #indexArticle .dots{position:absolute;left:60px;bottom:35px;} #indexArticle .slick-dots li{display:inline-block;margin-right:8px;padding:3px;} #indexArticle .slick-dots button{display:block;width:10px;height:10px;border:2px solid #555;transform:rotate(45deg);text-indent:-9999em;overflow:hidden;} #indexArticle .slick-dots .slick-active button{border-color:#e7b323;} /*indexBrand*/ #indexBrand{margin-bottom:50px;} #indexBrand .slick-load{padding:0 43px;} #indexBrand .logo{display:block;height:30px;width:90%;position:relative;} #indexBrand img{display:block;width:auto;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);} #indexBrand img:nth-child(2){display: none;} #indexBrand .slick-arrow{width:12px;height:20px;position:absolute;top:50%;transform:translateY(-50%);} #indexBrand .slick-arrow:hover{background-position:0 100%;} #indexBrand .slick-prev{left:0;background-image:url(../images/arrow_12.png);} #indexBrand .slick-next{right:0;background-image:url(../images/arrow_11.png);} #indexBrand a:hover img {display: none;} #indexBrand a:hover img:nth-child(2){display: block;} /*indexWave*/ #indexWave{height:300px;position:relative;overflow:hidden;} #indexWave canvas{position:absolute;left:0;top:0;} /*indexBusiness*/ #indexBusiness{margin-bottom:90px;} #indexBusiness .indexTitle{margin-bottom:65px;} #indexBusiness .list{display:table;table-layout:fixed;width:100%;} #indexBusiness .item{display:table-cell;vertical-align:top;background:#1b1b1b no-repeat right center;width:20.83333333%;color:#fff;height:480px; -webkit-transition:.5s;transition:.5s;overflow: hidden;} #indexBusiness .item:nth-child(2n){background-color:#151515;} #indexBusiness .active{width:37.5%;} #indexBusiness .title{padding:105px 40px 0;position:relative;} #indexBusiness .pic{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;display:none;} #indexBusiness .icon{margin-bottom:22px;height:60px;position:relative;z-index:2;} #indexBusiness .icon img{display:block;max-height:100%;position:relative;top:50%;transform:translateY(-50%);} #indexBusiness .icon img:last-child{display:none;} #indexBusiness h4{font-size:20px;font-weight:normal;line-height:24px;position:relative;z-index:2;} #indexBusiness .intro{font-size:14px;color:#999;line-height:26px;-webkit-line-clamp:4;height:104px;} #indexBusiness .info{padding:30px 50px 30px 40px;position:relative;} #indexBusiness .info:before{border-bottom:13px solid #151515;border-left:13px solid transparent;border-right:13px solid transparent;content:'';display:block;position:absolute;left:60px;bottom:100%;opacity:0;} #indexBusiness .btm{opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition-duration:.3s;transition-duration:.3s;} #indexBusiness .tag{overflow:hidden;height:120px;width: 419px;} #indexBusiness .tag span{display:block;float:left;padding:0 10px 10px 0;width:120px;} #indexBusiness .tag span:nth-child(n+4){width:185px;} #indexBusiness .tag a{display:block;background-color:#252525;color:rgba(255,255,255,0.5);font-size:16px;text-align:center;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;-webkit-transition:.5s;transition:.5s;} #indexBusiness .tag a:hover{background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);color:#fff;} #indexBusiness .more{float:left;font-size:12px;line-height:1.35em;padding-top:24px;} #indexBusiness .more a{color:#fff;text-transform:uppercase;background:url(../images/arrow_10.png) no-repeat right 1px;padding-right:15px;transition:all .3s;} #indexBusiness .more a:hover{padding-right:25px;} #indexBusiness .btn{float:right;transform:translateX(10px);} #indexBusiness .btn a{display:block;overflow:hidden;width:40px;height:40px;border-radius:50%;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);position:relative;} #indexBusiness .btn a:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background:url(../images/icon_cmt.png) no-repeat center center;} #indexBusiness .active{background-color:#111;} #indexBusiness .active .icon{margin-bottom:12px;} #indexBusiness .active .icon img:first-child{display:none;} #indexBusiness .active .title{padding:60px 60px 45px;} #indexBusiness .active .info{padding:47px 60px 40px;} #indexBusiness .active .info:before{opacity:1;} #indexBusiness .active .intro{color:#fff;margin-bottom:22px;} #indexBusiness .active .pic,#indexBusiness .active .icon img:last-child {display:block;} #indexBusiness .active .btm{opacity:1;-webkit-transform:translate(0,-26px);transform:translate(0,-26px);} /* 2022.3.23 */ @-webkit-keyframes tiao{from{-webkit-transform:translateY(-10px);transform:translateY(-10px);} 50%{-webkit-transform:translateY(0);transform:translateY(0);} to{-webkit-transform:translateY(-10px);transform:translateY(-10px);} } @keyframes tiao{from{-webkit-transform:translateY(-10px);transform:translateY(-10px);} 50%{-webkit-transform:translateY(0);transform:translateY(0);} to{-webkit-transform:translateY(-10px);transform:translateY(-10px);} } .hl_move{ background-color: #000; position: relative; } .hl_move .h_atem{ position: absolute; left: 41%; top: 24%; height: 110px; width: 120px; animation: tiao 2s infinite; } .hl_move ul li{ position: absolute ; animation: tiao 2s infinite; } .hl_move ul li.h_i01 a{ background-image: -webkit-linear-gradient(left,#91cf4d,#5dbc41); background-image: linear-gradient(90deg,#91cf4d,#5dbc41); } .hl_move ul li.h_i02 a{ background-image: -webkit-linear-gradient(left,#66affe,#237ecf); background-image: linear-gradient(90deg,#66affe,#237ecf); } .hl_move ul li.h_i03 a{ background-image: -webkit-linear-gradient(left,#f4bd24,#d89e23); background-image: linear-gradient(90deg,#f4bd24,#d89e23); } .hl_move ul li.h_i04 a{ background-image: -webkit-linear-gradient(left,#f46720,#cd5815); background-image: linear-gradient(90deg,#f46720,#cd5815); } .hl_move ul li a{ transform: skew(-10deg); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 0 15px; height: 30px; display: block; text-align: center; font-size: 14px; line-height: 30px; margin: 0 5px; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .hl_move ul li a i { transform: skew(10deg); display: block; font-style: normal; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .hl_move ul li.h_item01{ top: 6%; left: 38%; } .hl_move ul li.h_item02{ top: 22%; left: 29.2%; } .hl_move ul li.h_item03{ top: 32%; left: 12.8%; } .hl_move ul li.h_item04{ top: 5%; left: 75%; } .hl_move ul li.h_item05{ top: 8%; left: 57%; } .hl_move ul li.h_item06{ top: 22%; left: 55%; } .hl_move ul li.h_item07{ top: 36%; left: 87%; } .hl_move ul li.h_item08{ top: 46%; left: 80%; } .hl_move ul li.h_item09{ top: 54%; left: 70.5%; } .hl_move ul li.h_item10{ top: 43%; left: 34.5%; } .hl_move ul li.h_item11{ top: 50%; left: 52.4%; } .hl_move ul li.h_item12{ top: 57.6%; left: 8%; } .hl_move ul li.h_item13{ top: 88.5%; left: 26.2%; } .hl_move ul li.h_item14{ top: 81.6%; left: 52.5%; } .hl_move ul li.h_item15{ top: 69.6%; left: 60.5%; } .hl_move ul li.h_item16{ top: 79.6%; left: 74.2%; } .hl_move ul li.h_item17{ top: 71.6%; left: 85.8%; } /*20220426*/ #Downloaddetails .w69 .ul1 img { width: auto!important; max-width: 100%; max-height: 380px; margin: auto; display:block; } #Downloaddetails .w81 .column_7 .ul2 img { width: auto !important; margin: auto; max-width: 100%; max-height: 75px; } #indexWave canvas{width:100% !important;} #recommend .w80 .classify div.on { background: #E1A512!important; } .selectMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: none; } .abo05_02 .top .select { z-index: 20; } #recommend .w88 .column_3 .image img { height: 190px; object-fit: cover; min-height: 0 !important; } #recommend .w88 .column_3 .image1 img { height: 110px; object-fit: cover; min-height: 0 !important; } .hl_move ul li a { font-size: 18px; line-height: 40px; height: 40px; padding: 0 25px; } #classify .columns.wrap { flex-wrap: wrap; padding: 10px 70px; padding-left: 200px; position: relative; } #classify .columns.wrap li:first-child { left: 70px; top: 20px; height: 37px; line-height: 37px; position: absolute; } #classify .columns.wrap li { height: 30px; line-height: 30px; margin-bottom: 7px; } #Coursedetails .w63 .intro_img .intro h6 span img { display: inline-block; vertical-align: middle; margin-left: 5px; } #ucAccount .tip { font-size: 12px; } #Courseplay .w60 .w56 h1 { position: relative; padding-right: 20px; cursor: pointer; font-size: 16px !important; line-height: 30px; } #Courseplay .w60 .w56 h1:after {content: "+";position: absolute;right: 0;top: 50%;width: 14px;font-weight: normal;line-height: 14px;text-align: center;border-radius: 50%;font-size: 16px;margin-top: -8px;color: #d9a024;} #Courseplay .w60 .w55 div { padding-left: 10px; } #Courseplay .w60 .w56 h1.on:after { content: "-"; } /*活动页*/ .hd-text1 ul li{ font-size:16px;line-height:40px;} .hd-text1 ul li a:link{ color:#000; text-decoration:none;} .hd-text1 ul li a:visited{ color:#000;} .hd-text1 ul li a:hover{ color:#999;} .hd-text1 ul li::marker{ color:#d99f23; font-size:24px; } .hd-text2 ul li{ font-size:16px;line-height:40px;} .hd-text2 ul li a:link{ color:#fff; text-decoration:none;} .hd-text2 ul li a:visited{ color:#fff;} .hd-text2 ul li a:hover{ color:#CCC;} .hd-text2 ul li::marker{ color:#FFF; font-size:24px; }