/*frontpage111*/ #vViewApp .logoitem .thumbnail-uploader .el-upload{ background-color:#244295;} /*frontpage*/ /*public*/ .kjid{margin-top: 8% !important;} #footer #flinks .row.gutter{margin: 0} #footer #copyright span.ellipsis{margin-left: 30px;} .sqpas{font-size: 28px; color: #2a2a2a;} .col-60.wdx54{width: 54% ; margin-top: 2%; margin-left: 5%; } .smlogo{display: none;} .copy_area{position: absolute;z-index: 2;top:42%;width: 100%;overflow: hidden;color: #fff;} .copy_area .txt1{font-size: 60px;font-weight: 700; margin-bottom: 30px;} .copy_area .line{width: 36px;height: 3px; background: #236ff6;margin: 0 auto;margin-bottom: 20px;} .copy_area .txt2{font-size: 20px;} body.openMenu #header .nav .subnav.hides{height: auto !important;opacity: 1;transition: height 0.36s ease 0s, opacity 0.26s ease 0s;display: block;} .sem-box{position: relative; width: 80%; margin: 0 auto;margin-top: 80px; overflow: hidden;} .sem-box .wd25{ width: 20%;overflow: hidden;color: #fff; float: left; padding: 0px 2%;text-align: center;} .sem-box .wd25 img{display: block;margin: 0 auto;} .sem-box .wd25 .title{ font-size: 20px; margin-top: 27px;} .sem-box .wd25 .desp{font-size: 14px; margin-top: 9px;line-height: 24px;} .color-white{color: #fff;} .sex-tk{float: right;margin-right: 3%;width: auto; height: 43px; line-height: 43px;} .sex-tk span{display: inline-block; width: 20px; height: 20px;top: 4px;position: relative;background: url(../images/h8.png);margin-right: 6px;background-size: cover;} .sex-tk span.active{background: url(../images/h7.png);background-size: cover;} .afz-bar #banner{padding-bottom: 60px; position: relative;} .julu{width: 100%;overflow: hidden; padding: 94px 0;} .julu .wd80{max-width: 50%; overflow: hidden; margin:0 auto; color: #333;text-align: center;} .julu .wd80 .des{ margin-top: 20px; color: #666; line-height: 28px; } #footer #flinks .content_list .item_block.pd30{padding:0 30px;} body.openMenu #header .nav{ position: fixed !important; z-index: 999; } #footer #flinks .module_container{padding: 40px 0} .mapContent { background: #fff; padding: 30px 0 100px; } .mapContent .mapTitle { text-align: center; margin: 50px 0; } .mapContent .mapTitle .col-md-12 { width: 100%; } .mapContent .mapTitle h3 { line-height: 30px; font-size: 20px; color: #6669; } .mapContent .mapTitle p { margin: 10px 0; font-size: 12px; } .mapContent .mapList { text-align: center; } .mapContent .mapList .contactListBorder { border-right: 1px solid #e6e6e6; height: 160px; box-sizing: border-box; } .mapContent .mapList .col-md-4{ width: 33.3%; } .mapContent .mapList .contactIcon { width: 50px; display: inline-block; } .mapContent .mapList .contactIcon img { width: 100%; } .mapContent .mapList h3 { font-size: 20px; margin: 10px 0; } .mapContent .mapList p { font-size: 14px; margin-top: 5px; color: #a6a7aa; } .mapContent .inputBorder { padding: 0 190px; } .mapContent .inputBorder .in_list { display: block; width: 100%; background: #F6F6F6; height: 50px; line-height: 40px; margin: 10px 0; color: #666; text-indent: 15px; } .mapContent input:-webkit-autofill { box-shadow: 0 0 0px 1000px #F6F6F6 inset;} .mapContent input::-webkit-input-placeholder { color: #333; } .mapContent .inputBorder .in_list input { height: 48px; text-indent: 15px; background: #F6F6F6; } .mapContent .inputBorder .in_list1 { width: 98%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; overflow: hidden; border: none; background: #F6F6F6; color: #333; padding: 15px 1%; } .mapContent .mapBtn { width: 100px; height: 50px; margin: 10px auto; line-height: 50px; background: #244295; color: #fff; position: absolute; left: 0; right: 0; text-align: center; cursor: pointer; } .work_item:after { content:''; position:absolute; width:100%; height:100%; background-color:#000; left:0; top:0; opacity:.7; z-index:1; -webkit-transform:translate3d(0,0,1000px); transform:translate3d(0,0,1000px) } .case-banner .work_item:after { opacity:.7; -webkit-transition:opacity .8s cubic-bezier(.18,.06,.23,1); transition:opacity .8s cubic-bezier(.18,.06,.23,1); -webkit-transform:translate3d(0,0,0) scale(1.1); transform:translate3d(0,0,0) scale(1.1) } .case-banner:hover .work_item:after { opacity:.1 } .work_item{ display: block; height: 659px; text-align: center; color: #fff; position: relative; text-decoration: none; outline: none; overflow: hidden; } .playfot{ font-size: 16px;line-height: 24px; margin-top: 10px;} .work_item i,.work_item .hd{ transition: all 7s ease 2s; -moz-transition: all 7s ease 2s; -webkit-transition: all 7s ease 2s; -o-transition: all 7s ease 2s; } .work_item .hd,.work_item span,.work_item i{transition:400ms;-o-transition:400ms;-webkit-transition:400ms;-moz-transition:400ms;opacity:1;filter:alpha(opacity=100)} .work_item .bgk{width:540px;height:230px;position:absolute;top:50%;left:50%;margin-top:-115px;margin-left:-270px;transition:600ms;-o-transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;opacity:.25;filter:alpha(opacity=25);background:#000} .work_item .hd{z-index: 3;color:#fff;font-size:28px;letter-spacing:3px;line-height:40px;display:block;width:70%;position:absolute;top:40%;left:50%;margin-left:-35%; text-align: center;} .work_item span{width:60px;height:3px;display:block;position:absolute;top:50%;left:50%;margin:-1.5px 0 0 -30px;background:#f7f7f7} .work_item i{z-index: 3;width:44px;height:50px;display:block;background:url(../images/w_icon.png) no-repeat 0 0;position:absolute;bottom:38%;left:50%;margin-left:-22px} .work_item:hover .bgk,.work_item:hover .hd,.work_item:hover span,.work_item:hover i{opacity:0;filter:alpha(opacity=0)} .work_item:hover .hd{left:60%;} .work_item:hover i{left:40%} .mtb26{margin-top:54px; margin-bottom: 26px;} .mtn25{margin-top:45px; margin-bottom: 19px;} .pageEditor .postbody>.module{padding: 0!important} .mb30{margin-bottom: 0;} .coloh{color: #000 !important; text-align: center;margin-top: 15px; font-size: 16px} .teacbg{position: relative;width: 100%; overflow: hidden; } .teacbg .hour-sv{position: relative;top:14%;left: 50%;width: 1440px;margin-left: -720px;} /* .teacbg .hour-sv{position: absolute;top:14%;left: 50%;width: 1440px;margin-left: -720px;} */ .reline{width:27px;height:3px;background: #236ff6;margin-top: 16px;} #map{width: 100%;height: 500px;} .pt25{padding-top: 25px !important;} .table-style{padding-bottom: 3%;} .f-size13{font-size: 18px;} .Pdfn #frm-apply{ width: 1000px; margin: 0 auto; } .Pdfn .formlist li.right{ float: right; } .Pdfn .formlist li{ float:left; width:465px; height:43px; background: #f9f9f9; margin-bottom: 20px; box-sizing: border-box; } .Pdfn .formlist li.none{ margin: 0px; } .Pdfn .formlist li img{ margin-left: 8px; float: left; width: 16px; margin-top: 13px; } .Pdfn .formlist{ width: 100%; overflow: hidden; } .Pdfn .formlist li label{ height:43px; line-height: 43px; margin-left: 10px; float:left; } .Pdfn .formlist input{ height:41px; border:0px none; text-indent: 5px; width:60%; float:left; outline: none; background-color: transparent !important; } .Pdfn .formlist input:-webkit-autofill { box-shadow: 0 0 0px 1000px #f9f9f9 inset;} .Pdfn .selvrs, .Pdfn .selvrs option { height:41px; text-indent: 5px; width:82%; float:left; background: transparent; border: none; outline: none; } .Pdfn .selvrs{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../images/arrow.png) no-repeat scroll right center transparent; padding-right: 14px; } .Pdfn .selvrs select{ background: transparent; border:none; outline: none; } option::-ms-expand{ display: none; } option{ -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 鍜 Chrome */ appearance:none; } option:hover{ color:#fff; background-color:#236ff6; } select::-ms-expand{ display: none; } .Pdfn input[type="radio"]{-webkit-appearance:radio;} .Pdfn .radio{ width:auto!important; } .Pdfn .sex{ float:right; } .Pdfn .sex input{ float:left; } /* .Pdfn .sex span{ float:left; height:43px; line-height: 40px; width:30px; text-align: center; margin-right: 7px; } */ .Pdfn .bz{ float:right; height:43px; line-height: 43px; color:#333333; text-align: center; width:54px; } .Pdfn #form{ float: left; margin-top: 66px; } .Pdfn .ly{ width: 96%; min-height: 112px; background: #f9f9f9; padding: 24px 2% 0; margin: 0 auto; overflow: hidden; } .Pdfn .submit{ width:100%; height:47px; text-align: center; line-height: 47px; color:#fff; font-size: 14px; background: #244295; margin-top: 20px; cursor: pointer; margin-bottom: 20px; } .pb40{padding: 5% 0;} .header-title { max-width: 1440px; margin: 0 auto; -webkit-transition: top 0.5s ,padding 0.5s; transition: top 0.5s,padding 0.5s; overflow: hidden; } .space-tb-m-m { padding-top: 1rem; padding-bottom: 1rem; } .font-m-s { font-size: 18px; } .container-fluid { float: left; width: 30%; color: #244295; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .header-title .head-tit-eng { font-family: "arial black"; font-style: normal; text-transform: uppercase; margin-right: 10px; font-size:17px; color: #212121; } .hplay .project-item { width: 100%; position: relative; overflow: hidden; } .hplay .project-item:hover img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .hplay .project-text { position: absolute; z-index: 3; color: #fff; top: 50%; left: 50%; max-width: 80%; width: 100%; text-align: center; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hplay .font-md-lg { font-size: 20px; } .hplay .space-t-m-s { padding-top: 15px; } .hplay .font-m-m { font-size: 16px; } .hplay .lh-md { line-height: 24px; } .hplay .project-img { position: relative; width: 100%; z-index: 1; transition: transform 1.2s; overflow: hidden; } .hplay .project-img img{ transition: transform 1.2s; } .ab-list{float: right;width:32%;} .ptd0{padding: 0 !important} .mb80{margin-bottom: 80px} .padd-bottom{padding-bottom: 0 !important} .a0min{margin-top:2%;color:#858585;} .bgf4{background: #f4f4f4; width: 100%;overflow: hidden;} .a-link:hover,.a-link.active{color: #244295;} .a-link{width: 25%;height: 50px;line-height: 50px;color: #A9A9AD;font-size: 14px;display: block; float: left;} .text-center{text-align: center;} .text-left{text-align: left;} .text-right{text-align: right;} .h-fona{font-size: 28px;font-weight: bold;} .module.mcustomize .content_list .description{line-height: 28px} .module.mcustomize .content_list.flex .custitem > .wrapper >.description{position: relative;} .h-bg{position: absolute;left: 0;top:19%;z-index: -1;} .wd440{width: 520px;margin: 0 auto;} .mt78{margin-top: 78px;} .a-number{ position: absolute; bottom: 0; left: 0; background:rgba(51,51,51,1); width: 100%; overflow: hidden; } .a-number ul { width: 100%; *zoom: 1; overflow: hidden; } .a-number ul li { float: left; width: 33.3%; padding: 3% 0; color: #fff; text-align: center; position: relative; } .a-number ul li p { font-size: 40px; } .a-number ul li span.absolute { display: block; position: absolute; top: 2%; right: 0; } .a-number ul li:after { content: ""; position: absolute; right: 0; top: 50%; height: 26px; margin-top: -8px; width: 1px; background: #666; display: inline-block; } .a-number ul li:last-child:after { width: 0; background: transparent;; } .wd78,.wd96,.wd105{ position: relative; margin: 0 auto; } .wd78{ width: 78px; } .wd96{ width: 96px; } .wd105{ width: 105px; } .a-number ul li span { font-size: 13px; } .top-banner .more{ margin-top: 30px; padding: 10px 30px; background: transparent; border: #ddd 1px solid; transition: all ease-out .3s; text-decoration: none; color: #232323; border-radius: 50px; display: inline-block; border-radius: 3px; border-color: rgba(221,221,221,0.4); } .top-banner .more:hover{ color: #fff; background: #236ff6; } .top-banner .band-top{ position: absolute; top:35%; left: 50%; width: 1400px; margin-left: -700px; font-size: 14px; color: #236ff6; overflow: hidden; } .top-banner .ted-rig{ width: 40%; float: right; } .top-banner h3{ font-size: 35px; } .top-banner .desf{ margin-top: 20px; font-size: 16px; color: #d8d8d8; line-height: 24px; } .top-banner .megvii_video, .top-banner .megvii_video-dimensions, .top-banner:after { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; } .top-banner .megvii_video-dimensions video, .top-banner .megvii_video video { width: 100%; display: block; position: absolute; } /* .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none; } */ /* .vjs-hidden { display: none!important; } */ .top-banner img { display: block; width: 100%; } .top-banner h1 { color: #fff; position: absolute; width: 100%; text-align: center; left: 0; top: 45%; font-size: 40px; font-weight: lighter; line-height: 50px; z-index: 10; } .h-lefy{margin-left: 50%;} .h-tihy{position: absolute;} .bgf{background: #fff;} .col-15 { width: 15%;} .col-55 { width: 55%;} .bury{width: 24%;float: left;overflow: hidden;padding-left: 9%;} .module_container .more.smark:hover span{color: #fff !important;} #indexPage #topSlider, #indexPage #topSlider ul.content_list li .link_btn{ background: #244295; border-color: #244295; color: #fff;} .link_btn:after { font-size: 18px; width: 0; opacity: 0; margin-left: 0; transition: all 0.36s ease 0s; margin-left: 10px; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; } .link_btn { display: inline-block; width: 138px; height: 40px; margin: 50px auto 0; line-height: 40px; margin-top: 2%; border: 1px solid #ededed; border-radius: 5px; text-align: center; color: #b5b5b5; font-size: 14px; } .m-text{font-size: 14px; color: #fff;line-height: 48px;margin-top: 25px;} #vViewApp #siteWrapper a{ color:#fff} #indexPage #topSlider ul li .wrapper{width: 100%;} #indexPage #topSlider ul li .wrapper .description .subtitle{color: #fff;opacity: .9;margin-top: 15px;font-size: 16px;} #indexPage #topSlider ul li .wrapper .description{color: #fff;} #header{ background-color:#244295; position:fixed;transition: all .4s ease; height:80px; top:0} #header > .content{ max-width:none; padding-right: 0; padding-left: 20px} #header .content #headTop{ float:left;margin-left: 71px} #header .content a#logo,#header.mini .content a#logo{ margin-top:25px;} #header .content a#logo img{ max-height:34px;} #header .nav > li{ font-size:16px} #header .nav > li > a,#header.mini .nav > li > a{ padding:30px 28px; margin:0} #header .nav > li > a span{color:#fff;} #header .nav > li > a:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0;background-color: #244295;transition: all .4s ease;} #header .nav > li a.active span, .agent-desktop #header .nav > li:hover a span,.search a{color: #fff;} #header .nav > li a.active:before,#header .nav > li:hover a:before{ height:100%} #header .nav > li > a > i{color:#fff;} #header .nav .subnav li{padding:10px 30px; border-bottom: 1px solid #ececec;} #header .nav .subnav li a{font-size: 14px;} #header .nav .subnav{ background: #fff;} .popup .closeBtn{z-index: 8} #header.head-bg{background-color: #244295} .wheeldown #header { position: fixed;top:0; -webkit-animation: navmove .45s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: navmove .45s cubic-bezier(0.215, 0.61, 0.355, 1); animation: navmove .45s cubic-bezier(0.215, 0.61, 0.355, 1); } #navWrapper #searchbar.search-wrap{background:#244295;} .search-close .lcitem-top, .search-close .lcitem-bottom{background: #fff;} #header .searchtext-btn,#navWrapper .search-wrap input{color:#fff} #header a.search-close{ margin-right: 30px;} #header .nav .subnav li a:hover{color:#236ff6} #header .nav .navitem .subnav{ border: 1px solid #7171711f; padding: 0;} @keyframes navmove { 0% {top: -50px; } 100% {top: 0; } } .wheeldown #header.mini .search{ margin-top:0;transition: all ease-out 0s} .agent-desktop #header.nav_active .nav > li a.active::before, .agent-desktop #header.nav_active .nav > li:hover a::before{height: 0} .search{margin: 0;padding:32px 38px;border: 0;overflow: hidden;} #sitecontent{ padding-top:80px;} #navWrapper #searchbar.search-wrap,#header.mini #navWrapper #searchbar.search-wrap{height:80px;} #navWrapper .search-wrap .search-frame,#header.mini #navWrapper .search-wrap .search-frame{margin-top:20px;} .index-mask{z-index: 8} #navWrapper.searchshow #searchbar.search-wrap{z-index: 99} #footer #flinks{ background: #141414} #footer #copyright{border-top: 1px solid #1C1C1C} #footer #flinks .content_list .item_block {border-right-color: #1C1C1C} #footer #copyright .module_container{color:#7e7e7e;font-size:13px; background: #141414;} #footer #flinks .fitem_block_text .richtext{ color:#999; line-height:inherit} #footer #flinks .fitem_block_link li.title{ color:#fff} #footer #flinks .fitem_block_link li{height: auto;} #footer #flinks .fitem_block_link li a{ color:#999; font-size:13px;margin-bottom: 9px;} #footer #copyright .module_container{padding: 27px 0;} .mlist.module .module_container .content_wrapper > .more:after{font-size: 18px;width: 0; opacity: 0; margin-left:0;transition: all 0.36s ease 0s;} .mlist.module .module_container .content_wrapper > .more:hover:after{ color:#fff;opacity:1;width:auto;margin-left:14px; } .mlist.module .module_container .content_wrapper > .more:hover{background:#244295; border-color:#244295; color: #fff;} .col-100 .description{ max-width: 100%} #pages{ padding-top: 30px;} .module_container{ max-width:1400px;} .agent-desktop #olx_qq li a:hover{ background:#244295;color:#fff;} .agent-desktop #olx_qq li a:hover i{color:#fff;} #olx_tel p,.agent-desktop #rshares a:hover i,.agent-desktop #online_open:hover i{color:#244295} input::-webkit-input-placeholder { color: rgba(255,255,255,0.8); } .npagePage.post .mlistpost.project #postContent #postInfo{padding-top:40px;} .npagePage.post .mlistpost:not(.project){ padding-top: 30px;} #indexPage .mlist .container_header .title{ text-align: left} /*public*/ /*list*/ .mlist .module_container.wide{ padding-left:20px; padding-right:20px} .mlist .content_list .item_block{ margin-bottom:20px;animation-name: fadeInUp;} .mlist .content_list .item_block .content{ transition:all .2s linear; position:relative;background-color:#fff;overflow: hidden; } .agent-desktop .mlist .slider .content_list .item_block:hover .content{ box-shadow:none} .mlist .content_list .item_block .title{ font-size:16px} .mlist .content_list .item_block .subtitle{ font-size:13px; color: #939393; margin-top:3px } /*mlist*/ /*mlistpost*/ .mlistpost .module_container.wide{padding-left:0; padding-right:0} .mlistpost #postSlider .slider img{ margin:0 auto} .mlistpost #postSlider .slider .bx-wrapper .bx-pager{ bottom:20px} .mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a{ border-color:rgba(255,255,255,.7)} .agent-desktop .mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:hover,.mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a.active,.mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:focus{ background-color:#fff; border-color:#fff} .mlistpost #postContent #postInfo{ text-align:center; padding-bottom:25px; margin-bottom:25px;} .mlistpost #postContent #postInfo .title{ font-size:22px} .mlistpost #postContent #postInfo .subtitle{font-size:13px; color: #939393; margin-top:3px } .mlistpost #postContent #postInfo .usetdate{ font-size:13px; color: #939393; margin-top:3px } .mlistpost .postfooter .module_container{ padding-top:40px;padding-bottom:20px; margin-top:40px;border-top: 1px dotted #d3d3d3;border-bottom: 1px dotted #d3d3d3;} .mlistpost #listContent .listtitle{ text-align:center; padding:60px 0} .mlistpost #listContent .module.mlist { padding-bottom: 80px;} /*mlistpost*/ /**topSlider**/ #topSlider .bx-wrapper .bx-controls-direction a{ display: none;} #indexPage #topSlider .bx-wrapper .bx-pager a{color:rgba(255,255,255,0); font-size: 12px; width: 10px; height: 10px; text-indent: -46px; line-height: 8px; left: -6px; position: absolute; top: -1px;border-radius:50%; transition: all 0.36s ease 0s;font-family:HeliosExtThin} #indexPage #topSlider .bx-wrapper .bx-pager a:after{ content: ''; position: absolute;width:60px;right:-132px;height: 1px;top:4px; background:rgba(154, 154, 154, 0.42); transition: all 0.36s ease 0s;} #indexPage #topSlider .bx-wrapper .bx-pager a.active,#indexPage #topSlider .bx-wrapper .bx-pager a:hover{ background: #236ff6;color:rgba(255,255,255,1);text-indent: -66px;} #indexPage #topSlider .bx-wrapper .bx-pager a.active:after,#indexPage #topSlider .bx-wrapper .bx-pager a:hover:after{right:-80px;} #indexPage #topSlider .bx-wrapper .bx-pager-item{width: 8px; height: 8px; border-radius: 50%; background:rgba(154, 154, 154, 0.42); margin:10px 0; position: relative;} #indexPage #topSlider .bx-wrapper .bx-pager{width: 12px;height: auto;top:50%;right:70px;left:auto;transform: translateY(-50%); bottom: auto} #indexPage #topSlider .bx-wrapper .bx-pager a div.progress{ opacity: 0} /**topSlider**/ /*servicepost*/ /*servicepost*/ /*projectpost*/ .mlistpost.project > .module_container{ padding-top:0; padding-bottom: 20px;} .mlistpost.project #postSlider{ margin-bottom:25px} .mlistpost.project .content_list li img{ max-width:100%; display:block; margin:0 auto} .mlistpost.project #postContent #postInfo{ max-width:1400px; margin-left:auto; margin-right:auto} /*projectpost*/ /*newspost*/ /*newspost*/ /*teampost*/ .mlistpost.team #postContent #postInfo{ text-align:left; padding-bottom:12px; margin-bottom:25px;border-bottom: 1px dotted #d3d3d3;} .mlistpost.team #postContent #postInfo .subtitle{font-size: 13px;color: #939393; margin-top:4px} .mlistpost.team .row.gutter {margin: 0 -15px;} .mlistpost.team .row.gutter > [class*="col-"]{ padding-left:15px; padding-right:15px} /*teampost*/ /*imagelink*/ /*imagelink*/ .mlist.service .content_list .item_block .item_img{padding-bottom:66.666%;} .mlist.team .content_list .item_block .item_img{padding-bottom:103%;transition: all 0.36s ease 0s;} .mlist.imagelink .content_list .item_block .item_img{padding-bottom:50%;} .mlist.videom .content_list .item_block .item_img{padding-bottom:66.666%;} .pageEditor .mlist.team .row.gutter > [class*="col-"]{padding:0 5px;} .container_category{font-size: 0} .container_category a::after{ display:none } .container_category a{ height:40px; line-height:40px; text-align: center; border:1px solid #ededed; font-size: 14px; color: #b5b5b5; border-radius:3px; margin: 0 2px 10px; padding: 0 26px; } .container_category a.active, .agent-desktop .container_category a:hover{ background:#244295; border-color:#244295;color:#fff; } .mlist .content_list .item_block .content{ background: transparent} .mlist .container_header .title{font-family: "寰蒋闆呴粦";color: #858585;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 36px} .mlist .container_header{padding-bottom: 70px} .mlist .container_header .subtitle{color: #858585;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:2px;font-family:HeliosExtThin, "寰蒋闆呴粦";} .slider .bx-wrapper .bx-pager.bx-default-pager a{background: #e4e4e4;border: #e4e4e4 1px solid;} .agent-desktop .slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider .bx-wrapper .bx-pager.bx-default-pager a.active, .slider .bx-wrapper .bx-pager.bx-default-pager a:focus{border: #244295 1px solid; background-color: #244295;} body, html,.module{ background: #fff;} .slider .bx-wrapper .bx-controls-direction a:hover{ background:#244295 } .npagePage .mlist.module .container_header{margin: 0 auto; text-align: center;padding-bottom:30px; padding-top:30px } /*honor*/ .mlist.honor{padding-bottom: 40px;} .mlist.honor .module_container{padding-top: 36px;width:90%;} .mlist.honor .container_header{padding:50px 0 70px;} .mlist.honor .container_header .subtitle{color: #858585;font-size:14px; margin-top:2px; text-align:left} .mlist.honor .container_content{} .mlist.honor .content_wrapper .content_list .item_block{ margin-bottom:0 } .mlist.honor .content_wrapper .content_list .item_block .item_img{padding-bottom:142.333%} .mlist.honor .content_wrapper .content_list .item_block .item_wrapper{ margin-top:10px; } .mlist.honor .content_wrapper .content_list .item_block .title{ font-size:14px; color:#858585; height:40px;padding: 0 10px; line-height: 40px; text-align: center;transition: all ease-out .3s;} .mlist.honor .bx-wrapper .bx-controls-direction { display: none;} /*:hover*/ .mlist.honor .content_wrapper .content_list .item_block:hover .title{background:#244295; color:#fff;} .pageEditor .mlist.honor{padding-bottom:55px;} /*honor*/ /*brandstory*/ .mlist.brandstory .container_header{padding:50px 0 68px;} .mlist.brandstory .content_wrapper .content_list.row{margin: 0} .mlist.brandstory .content_wrapper .content_list .item_block{padding: 0;} .mlist.brandstory .content_wrapper .content_list .item_block .item_img{padding-bottom:59.333%; position: relative; z-index:5; background: #fff;} .mlist.brandstory .content_wrapper .content_list .item_block .item_wrapper{padding-bottom:48%; position: relative; z-index:5; background: #fff;} .mlist.brandstory .content_wrapper .content_list .item_block .item_wrapper{ border: 1px solid #efefef;border: 1px solid #efefef;box-sizing: border-box;transition: all ease-out .3s;} .mlist.brandstory .content_wrapper .content_list .item_block .content{ margin: 10px; } .mlist.brandstory .content_wrapper .content_list .item_block .item_img{ position: relative;z-index: 2} /* .mlist.brandstory .content_wrapper .content_list .item_block .item_info{ position: absolute;top:50%;transform: translateY(-50%);width:74%;padding: 0 13%; } */ .mlist.brandstory .content_wrapper .content_list .item_block .item_info{ position: absolute;top:19%;width:74%;padding: 0 13%; } .mlist.brandstory .content_wrapper .content_list .item_block .item_info .title{font-size: 20px; color: #2a2a2a; text-align: center; font-weight: bold; transition: all ease-out .3s;} .mlist.brandstory .content_wrapper .content_list .item_block .item_info .description{font-size: 16px; text-align: center; color: #919191;line-height:24px; margin-top: 20px; overflow: hidden;transition: all ease-out .3s; } .mlist.brandstory .triangle_icon{ width: 0; height: 0; border-top: 10px solid #244295; border-right: 10px solid transparent; border-left: 10px solid transparent;position: absolute;left: 50%; margin-left: -5px; top:50%;z-index:4;transition: all ease-out .3s; margin-top:-10px} .mlist.brandstory .triangle_icon.icon_top{border-top:0; border-bottom: 10px solid #244295; transition: all ease-out .3s; margin-top: 0;} /*:hover*/ .mlist.brandstory .content_list .item_block:hover .content {box-shadow: 0 7px 15px rgba(0,0,0,0); } .mlist.brandstory .content_wrapper .content_list .item_block:hover .item_wrapper{background: #244295; border-color:#244295; } .mlist.brandstory .content_wrapper .content_list .item_block:hover .item_info .title, .mlist.brandstory .content_wrapper .content_list .item_block:hover .item_info .description{color: #fff;} .mlist.brandstory .content_wrapper .content_list .item_block:hover .triangle_icon{border-top-color:#244295;margin-top:0px; } .mlist.brandstory .content_wrapper .content_list .item_block:hover .triangle_icon.icon_top{border-bottom-color:#244295;margin-top:-10px;} /*brandstory*/ /*event*/ .mlist.event .content_wrapper .content_list .point{width: 55px; height: 55px; position: relative;float: left;} .mlist.event .content_wrapper .content_list .point .point_small{ position: absolute; width: 10px; height: 10px; border: 6px solid #cc0e15; background: #fff; border-radius: 50%; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .mlist.event .content_wrapper .content_list .point .point_big{ position: absolute; width: 38px; height: 38px; font-size: 16px; color: #244295; border: 8px solid #bb2429; border-radius: 50%; transform: scale(0.5,0.5); top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; line-height: 38px; background: #fff; opacity: 0; } .mcustomize .wrapper .mlist.event{ background: transparent} .mlist.event .content_list .item_block{ margin-bottom: 0} .mlist.event .content_wrapper .content_list .item_block:hover .point .point_big{transform: scale(1,1); opacity: 1} .mlist.event .content_list .item_block .content .item_wrapper{ position: relative;height: 62px;border-bottom: 1px dotted #ca5559; line-height: 62px; margin-left: 78px; margin-bottom: 0} .mlist.event .content_list .item_block .content .item_wrapper .title{ font-size:16px; color:#fff; width:86px; text-align:left; float: left;} .mlist.event .content_list .item_block .content .item_wrapper .description{ transition:all .3s ease-out; text-align:left; font-size:16px; color:#fff;line-height:62px;margin-left: 112px;} .mlist.event .content_list .item_block .content .item_wrapper .description div{width: 100%;} /*event*/ .npagePage .mlist.event .container_header { position: relative;padding-left: 78px;padding-bottom:30px; margin-left: 0} .mlist.event .container_header:after{ content:''; position:absolute;left:20px;top:41px;width:10px;height:10px; border:2px solid #fff; border-radius: 50% } .mlist.event .container_header .title{color:#fff;text-align: left; font-size: 28px;} .mlist.event .container_header .subtitle{color: rgba(255,255,255,0.5);text-align: left;} .mlist.event .module_container.wide{ padding-left:0; padding-right:0} .mlist.event .content_wrapper{ position:relative; width:100%} .mlist.event .content_wrapper .content_list{ position:relative; height:100%; z-index: 2} .mlist.event .content_wrapper .content_list .item_block{ position: relative;z-index: 2} .mlist.event .content_wrapper .content_list .item_block:last-child .content .item_wrapper{ border-bottom: 0} .mlist.event .content_wrapper .content_list:after{content:''; position:absolute;left:26px;top:-65px;width:1px;height:100%; background:rgba(255,255,255,0.3); padding-top:30px;} .mlist.event .content_list .item_block .content{ background:none; position:relative} .agent-desktop .mlist.event .content_list .item_block:hover .content{box-shadow:none} .module.mcustomize .content_list.flex-start .col-50 .image{ padding-top:212px } .module.mcustomize .content_list.flex .custitem > .wrapper > .mlist{padding: 160px 140px 160px 0;} /*event*/ /*videom */ #indexPage .mlist.videom .module_container{width:90%; padding-left: 0; padding-right: 0;} .mlist.videom .module_container{padding-bottom:120px;} .mlist.videom .content_wrapper{ position: relative} .mlist.videom .container_header{ margin-left: 0; text-align: left;padding-top: 96px; padding-bottom:45px} .mlist.videom .container_header .title{ font-size: 32px; color: #2a2a2a;} .mlist.videom .container_header .subtitle{font-size: 13px; color: #8f8f8f;} .mlist.videom .content_wrapper .content_list{ z-index: 2; margin: 0 -2px;} .mlist.videom .content_wrapper .content_list .item_block .item_img{ position: relative;background-size: 100%;transition: all 0.36s ease 0s;} .mlist.videom .content_wrapper .content_list .item_block .item_img .item_img_info{position: absolute;top:50%;transform: translateY(-10%); text-align: center;padding: 0 15px;left: 0;right: 0;transition: all .36s ease 0s; opacity: 0} .mlist.videom .content_wrapper .content_list .item_block .item_img_info .title{ font-size: 16px; color: #fff;} .mlist.videom .content_wrapper .content_list .item_block .item_img_info .subtitle{font-size:12px; color:rgba(255,255,255,0.6);} .mlist.videom .content_wrapper .content_list .item_block:hover .item_img{background-size: 106%;} .mlist.videom .container_content .bx-wrapper{overflow: hidden;} .mlist.videom .content_list .item_block{padding: 0; margin-bottom: 0; margin-right: 0;} .mlist.videom .content_list .item_block .item_img_mask{ position:absolute;left:0; top:0; background-color:rgba(0,0,0,.5);width:100%; height:100%; opacity:0; transition: all 0.2s ease 0s;} .mlist.videom .content_list .item_block .item_icon{position:absolute;left:50%; top:50%;transition: all .6s ease; font-size:0; transform:translate3d(-50%,-50%,0); opacity: 1} .mlist.videom .content_list .item_block .item_icon svg{transform:scale(.8,.8);} .mlist.videom .content_list .item_block .item_icon circle{ fill:#244295;stroke-width:16;stroke:rgba(255,255,255,.3);} .mlist.videom .content_list .item_block .item_icon circle.progress{stroke: none;stroke-dasharray: 238.76104;stroke-dashoffset: 238.76104; transition:all cubic-bezier(.16,.57,0,.76) 1s .2s} .mlist.videom .content_list .item_block .item_icon polygon{fill:rgba(255,255,255,1); transition:all ease .4s .2s} .mlist.videom .bx-wrapper .bx-controls-direction a:hover{ background:#244295 } .mlist.videom .slider .bx-wrapper .bx-pager{ display: none;} .mlist.videom .slider .bx-wrapper .bx-controls-direction a.bx-prev{left:-42px} .mlist.videom .slider .bx-wrapper .bx-controls-direction a.bx-next{right:-42px} .mlist.videom .slider:hover .bx-wrapper .bx-controls-direction a.bx-prev{left:0} .mlist.videom .slider:hover .bx-wrapper .bx-controls-direction a.bx-next{right:0} .agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_img_info{transform: translateY(-60%);opacity: 1} .agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_img_mask{ opacity:1;} .agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon{transform:translate3d(-50%,-30%,0);top:-10%; opacity: 0} .agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon circle.progress{stroke-dashoffset:0} .agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon polygon{fill:rgba(255,255,255,1);} .mlist.videom .content_list .item_block .item_wrapper{padding: 25px 10px; text-align:center} .mlist.videom .content_wrapper:not(.slider) .item_block{padding: 0 10px; margin-bottom: 20px;} @keyframes popupMp4BgfadeIn { 0% { background-color:rgba(0,0,0,0) } 100% { background-color:rgba(0,0,0,1) } } #popup-mp4{ background-color:rgba(0,0,0,0); animation:ease popupMp4BgfadeIn .5s forwards} #popup-mp4 .fixed-container{ background-color:#232323} .pageEditor .mlist.videom .content_wrapper .content_list{ margin: 0} .pageEditor .mlist.videom{padding-bottom:60px;} .pageEditor .mlist.videom.module .container_header{padding-top:80px;} /*鏂伴椈銆佽棰戠殑宸笉澶氬彲鍏辩敤*/ .mlist.news .module_container .content_wrapper > .more,.mlist.project .module_container .content_wrapper > .more,.mlist.service .module_container .content_wrapper > .more,.mlist.videom .module_container .more{display: block; padding:0;width: 138px; height: 40px; margin: 50px auto 0; line-height: 40px; border-color:#ededed;border-radius: 5px; text-align: center; color: #b5b5b5; font-size: 14px; } .mlist.project .module_container .content_wrapper > .more{ margin-top: 60px;} /*videom*/ /*project*/ .mlist.project .module_container.wide{max-width: 90%; margin: 0 auto;padding:0 0 60px;} .mlist.project .module_container{max-width: 1400px; margin:0 auto } .mlist.project .container_header{ margin-left:0; text-align:left;} .mlist.project .content_list .item_block .item_img{padding-bottom:66.666%; position: relative;transition: all 0.3s ease 0s; display: block} .mlist.project .content_list .item_block .item_img_mask{ position:absolute;left:0; top:0; background-color:rgba(0,0,0,.5);width:100%; height:100%; opacity:0; transition: all 0.2s ease 0s;} .mlist.project .content_wrapper:not(.masonry) .content_list .item_block:hover .item_img { background-size: 106%; } .mlist.project .row.gutter{ margin: 0 -1px} .mlist.project .content_list .item_block{padding-left: 1px;padding-right:1px; overflow: hidden; margin-bottom: 10px;} .mlist.project .content_list .item_block .item_wrapper{text-align:center;padding:18px 10px;transition: all 0.36s ease 0s;} .mlist.project .content_list .item_block .item_wrapper .subtitle{ font-size: 14px;transition: all 0.36s ease 0s; line-height: 20px;} .mlist.project .content_list .item_block .item_wrapper .title{ font-size: 20px; color:#333;transition: all 0.3s ease 0s; line-height: 26px;} .mlist.project .slider .bx-wrapper .bx-controls-direction a{width: 32px; height: 70px; margin-top: -52px;opacity: 0} .mlist.project .slider .bx-wrapper .bx-controls-direction a i{margin-top: 24px; margin-left: 13px;font-size: 20px;} .mlist .slider .bx-wrapper .bx-controls-direction a i{font-size: 20px;margin-top: 9px; margin-left: 16px;} .mlist.project .slider .bx-wrapper .bx-controls-direction a.bx-prev{left:-34px} .mlist.project .slider .bx-wrapper .bx-controls-direction a.bx-next{right:-34px} .mlist.project .slider .bx-wrapper:hover .bx-controls-direction a.bx-prev{left:0;opacity: 1} .mlist.project .slider .bx-wrapper:hover .bx-controls-direction a.bx-next{right:0;opacity: 1} .agent-desktop .mlist.project .content_list .item_block .item_icon a:hover .item_icon_bg{background-color: transparent;border-color:#fff;color: #fff;transform: scale(1.2, 1.2);} .agent-desktop .mlist.project .content_list .item_block .item_icon a:hover i{ color:#fff} .agent-desktop .mlist.project .content_list .item_block:hover .item_img .item_img_mask{ opacity:1;} .agent-desktop .mlist.project .content_list .item_block:hover .item_img .item_icon{top:50%;opacity:1;} .agent-desktop .mlist.project .content_list .item_block:hover .item_wrapper{color: #fff; background:#236ff6; } .agent-desktop .mlist.project .content_list .item_block:hover .item_wrapper .title,.agent-desktop .mlist.project .content_list .item_block:hover .item_wrapper .subtitle{color: #fff;} #popup-module-slider{background-color:rgba(0,0,0,.9); overflow:hidden} #popup-module-slider .fixed-container,#popup-module-slider .fixed-container .module{ background:none; width:100%;} #popup-module-slider .fixed-container .mlist .module_container.wide{ padding-top:20px; padding-bottom:20px} #popup-module-slider .fixed-container #postSlider{ height:100%; display:flex; align-items:center;justify-content: center;} #popup-module-slider .fixed-container .bx-wrapper .bx-loading{ background-color:transparent} #popup-module-slider .fixed-container .bx-wrapper .bx-viewport{ max-width:90%; margin:0 auto} #popup-module-slider .fixed-container .bx-wrapper img{ margin:0 auto;max-height:calc(100vh - 42px)} #popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a{ background-color:transparent;background-color:rgba(255,255,255,.2);border-radius:20px; transition:all ease-out .2s } .agent-desktop #popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a:hover{background-color:rgba(255,255,255,.4);} #popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a i{ color:#fff} .mlistpost.project #postContent #postInfo .usetdate{ display: none} /*project*/ /*project list*/ .npagePage .mlist.project .row[class*="gutter"]{ margin: 0 -5px;} .npagePage .mlist.project .content_list .item_block{padding: 0 5px;} /*project list*/ .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description{padding-top: 50px} /*news*/ .mlist.news .module_container.wide{width:90%; margin: 0 auto;} .npagePage .mlist.news .module_container{padding:60px 0;} .mlist .content_wrapper:not(.masonry) .content_list .item_block .item_img{background-size: 100%} .mlist.news .container_header{ margin-left:0; text-align:left;} .mlist.news .content_list .item_block .item_wrapper{position: absolute;top:0;left:0;bottom:0;right:0; border: 1px solid #e3e3e3;} .mlist.news .content_list .item_block .item_wrapper .wrap{position: absolute; top:50%; left: 0;width:80%;padding:0 10%; transform: translateY(-50%);} .mlist.news .content_list .item_block .item_img{padding-bottom:49.355%;opacity: 0;transition: all 0.3s ease 0s;} .mlist.news .content_wrapper:not(.masonry) .content_list .item_block:hover .item_img{background-size: 106%} .mlist.news .content_list .item_block .item_wrapper .title{font-size:20px;color:#2a2a2a;} .mlist.news .content_list .item_block .item_wrapper .description{ font-size:14px;color: #8e8e8e; height:52px; line-height:26px; position:relative;margin-top: 4%; overflow:hidden} .mlist.news .content_list .item_block .item_img .item_img_mask{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.3); width: 100%; height: 100%; opacity: 0; transition: all 0.2s ease 0s;} .mlist.news .content_list .item_block .item_wrapper .item_datebox{ margin-top:8%; } .mlist.news .content_list .item_block .item_wrapper .item_date{background: transparent;float:left;font-family: HELVETICANEUELTPRO-THEX, Arial} .mlist.news .content_list .item_block .item_wrapper .item_date .year{ font-size: 16px;color:#8e8e8e;} .mlist.news .content_list .item_block .item_wrapper .item_date .day{font-size: 24px;color: #8e8e8e;} .mlist.news .content_list .item_block .more{width:30px;height: 20px;float:right;padding: 0; overflow: hidden; border: 0; border-left:1px solid rgba(255,255,255,0.2); text-indent: -110px; border-radius: 0;opacity: 0;transition: all 0.3s ease 0s;margin-top: 8px;} .mlist.news .content_list .item_block .more:after{color:#fff; font-size:28px;padding-left: 89px; text-indent: 1px; line-height: 18px;transition: all 0.3s ease 0s;} .mlist.news .content_list .item_block:hover .more{opacity: 1} .mlist.news .content_list .item_block:hover .more:after{padding-left: 120px;} .mlist.news .content_list .item_block:hover .item_wrapper{ border-color: transparent;} .mlist.news .content_list .item_block:hover .item_img,.mlist.news .content_list .item_block:hover .item_img .item_img_mask {opacity: 1} .mlist.news .content_list .item_block:hover .item_wrapper .title, .mlist.news .content_list .item_block:hover .item_wrapper .description, .mlist.news .content_list .item_block:hover .item_wrapper .item_date .year, .mlist.news .content_list .item_block:hover .item_wrapper .item_date .day{color:#fff;} .mlist.news .slider .bx-wrapper .row.gutter{margin: 0;} .mlist.news .content_list .item_block{ position: relative;padding: 0 10px;} .mlistpost.news>.module_container{padding-bottom: 0} /*news*/ /*service */ .mlist.service{background: #f6f6f6} .mlist.service .content_list .item_block .title{font-size:20px;} .mlist.service .content_list .item_block .subtitle{ display: none;} .mlist.service .content_wrapper:not(.masonry) .content_list .item_block .item_img{float:left;width:140px; height:140px; overflow: hidden; border-radius: 50%;padding: 0} .mlist.service .content_list .item_block{ width: 68%;padding:30px 16%;box-sizing: inherit; margin-bottom: 0; position: relative;transition: all 0.3s ease 0s; } .mlist.service .content_list .item_block .line_1{ position:absolute;top:0;width:68%;height: 1px; background: #ebebeb;} .mlist.service .content_list .item_block .item_img_mask{width: 100%;height: 100%;position: absolute;left: -10px;top: -10px; border:#ffffff 10px solid;transition: all ease-out .2s;} .mlist.service .content_list .item_block .item_wrapper{ text-align:left; margin-left:190px;transition: all linear .2s;transform: translateY(30%); padding-right: 80px;} .mlist.service .content_list .item_block .item_wrapper .description{ font-size:14px; margin:10px 0 ; color: #686868; height:48px; overflow:hidden; line-height:24px} .mlist.service .content_list .item_block .item_wrapper .description p{ width: 100%; height: 100%; overflow: hidden;} .mlist.service .content_list .item_block:hover{ background: #fff;} .mlist.service .content_list .item_block:hover .line_1,.mlist.service .content_list .item_block.first .line_1{ height: 0;} .mlist.service .content_list .item_block:hover .title {color: #244295;} .mlist.service .content_list .item_block .more,.mlist.store .content_list .item_block .more{width:30px;height: 20px;padding: 0; overflow: hidden; border: 0; border-left:1px solid #e3e3e3; text-indent: -110px; border-radius: 0;opacity:0;transition: all 0.3s ease 0s;margin-top: 8px; position: absolute;top:48px;right: 0;} .mlist.service .content_list .item_block .more:after,.mlist.store .content_list .item_block .more:after{color:#fff; font-size:28px;padding-left:58px; text-indent: 1px; line-height: 18px;transition: all 0.3s ease 0s;} .mlist.service .content_list .item_block .more{ margin-top:6px;} .mlist.service .content_list .item_block:hover .more,.mlist.store .content_list .item_block:hover .more{opacity: 1} .mlist.service .content_list .item_block:hover .more:after,.mlist.store .content_list .item_block:hover .more:after{padding-left:86px; color: #244295} .mlist.service .row[class*="gutter"]{ margin: 0} /*service*/ /*service list*/ .npagePage .mlist.service .content_list .item_block.col-50{padding: 30px 5%;width: 40%;} .npagePage .mlist.service .content_list .item_block .line_1{left: 0;bottom: 0;top: auto;width: 100%} .npagePage .mlist.service .content_list .item_block.first .line_1{height:1px} .npagePage .mlist.service .content_list .item_block:last-child .line_1{height: 0;} .npagePage .mlist.service .module_container .content_wrapper > .more{ display: none} .npagePage .mlist.service .container_content{padding-top:50px} /*service list*/ /*imagelink */ .mlist.imagelink .module_container{max-width: 1400px;width: 100%;padding: 78px 0} .mlist.imagelink .module_container.wide{width:90%; max-width: 90%} .mlist.imagelink .module_container{ overflow: hidden;} .mlist.imagelink .content_list .item_block{position: relative; padding:0 5px;} .mlist.imagelink .content_list .item_block .wireframe{ position: absolute; top:0;bottom:0;left:0;right:0;border:1px solid #e5e5e5} .mlist.imagelink .content_list .item_block .line{ position: absolute;bottom:0;height: 4px;width:0;transform: translatex(-50%);left: 50%; background:#236ff6;transition: all 0.36s ease 0s;} .mlist.imagelink .content_wrapper:not(.slider) .content_list .item_block{margin-bottom: 10px;} .mlist.imagelink .row[class*="gutter"]{ margin: 0;} .mlist.imagelink .content_list .item_block:hover .line{width: 100% } .mlist.imagelink .slider .bx-wrapper .bx-controls-direction a{ background: #f4f4f4;} .mlist.imagelink .bx-wrapper .bx-controls-direction a i{color: #686868;} .mlist.imagelink .slider .bx-wrapper .bx-controls-direction a.bx-prev{left: -40px;} .mlist.imagelink .slider .bx-wrapper .bx-controls-direction a.bx-next{right: -40px;} .mlist.imagelink .slider:hover .bx-wrapper .bx-controls-direction a.bx-prev{left:0;} .mlist.imagelink .slider:hover .bx-wrapper .bx-controls-direction a.bx-next{right:0;} .mlist.imagelink .slider .bx-wrapper .bx-pager{ display: none;} .mlist.imagelink .bx-wrapper .bx-controls-direction a:hover{ background:#244295 } .mlist.imagelink .bx-wrapper .bx-controls-direction a:hover i{ color: #fff;} .mlist.imagelink .content_wrapper:not(.slider) .content_list{ margin: 0 -5px;} /*imagelink */ /*team*/ .mlist.team .content_list .item_block{padding: 0 6px; margin-bottom: 10px;} .mlist.team .content_list .item_block .item_img_mask{ position:absolute;left:0; top:0; background-color:rgba(255,255,255,.8);width:100%; height:100%; opacity:0; transition: all 0.2s ease 0s;} .mlist.team .content_list .item_block .item_icon{width:56px; height:56px;position:absolute;left:50%; top:-80px; margin-left:-30px; margin-top:-10px; opacity:1;transition: all 0.46s ease 0s; font-size:0; background:#244295; border-radius: 50%; } .mlist.team .content_list .item_block .item_icon .line_top{ width: 18px; height: 2px; background: #fff;position: absolute;top: 50%; left: 50%; margin-left: -9px; } .mlist.team .content_list .item_block .item_icon .line_bottom{ width:2px; height:18px; background: #fff;position: absolute;top:50%;left:50%; margin-left: 0; margin-left: -1px; margin-top: -8px; } .mlist.team .content_list .item_block .item_wrapper { text-align: center;padding:10px 16px;transition: all 0.46s ease 0s;} .mlist.team .content_list .item_block .item_wrapper .title{font-size: 20px; color: #2a2a2a;transition: all 0.3s ease 0s; } .mlist.team .content_list .item_block .item_wrapper .subtitle{font-size: 13px;color:#8f8f8f;transition: all 0.3s ease 0s;} .mlist.team .content_list .item_block:hover .item_img_mask { opacity:1} .mlist.team .content_list .item_block:hover .item_wrapper{ background: #244295} .mlist.team .content_list .item_block:hover .item_wrapper .title,.mlist.team .content_list .item_block:hover .item_wrapper .subtitle{color:#fff;} .mlist.team .content_list .item_block:hover .item_icon{ top:50%; margin-top: -48px;} .pageEditor .mlist.team{ margin: 0 -20px;} .mlist.teamleader .content_list .item_block:hover .item_img{background-size: 106%;} /*teamleader*/ .mlist.teamleader .content_list .item_block{ position: relative;} .mlist.teamleader .content_list .item_block .item_img{padding-bottom: 104.36%;transition: all 0.36s ease 0s;} .mlist.teamleader .content_list .item_block .item_img_summary{position: absolute;transform:translateY(0%);top:100%;width:90%; padding: 0 5%; transition:all 0.36s ease 0s; text-align: center ;margin-top: 20px; height:95px} .mlist.teamleader .content_list .item_block .item_img .item_img_mask{ background: #d3232c; width: 100%; position: absolute; top:0;left:0; height: 100%; opacity: 0; transition:all 0.36s ease 0s} .mlist.teamleader .content_list .item_block .title{color:#fff; font-size: 24px;} .mlist.teamleader .content_list .item_block .subtitle{font-size: 13px;color:#f8f8f8; transition:all 0.62s ease 0s; margin-top:90px;} .mlist.teamleader .content_list .item_block:hover .item_img .item_img_mask{opacity:0.9} .mlist.teamleader .content_list .item_block:hover .item_img_summary{top:50%; transform:translateY(-50%)} .mlist.teamleader .content_list .item_block:hover .subtitle{ margin-top:5px;} .mlist.teamleader .slider .bx-wrapper .bx-controls-direction a{width: 32px; height: 70px; margin-top: -52px;opacity: 0} .mlist.teamleader .slider .bx-wrapper .bx-controls-direction a i{margin-top: 24px; margin-left: 13px;font-size: 20px;} .mlist .slider .bx-wrapper .bx-controls-direction a i{font-size: 20px;margin-top: 9px; margin-left: 16px;} .mlist.teamleader .slider .bx-wrapper .bx-controls-direction a.bx-prev{left:-34px} .mlist.teamleader .slider .bx-wrapper .bx-controls-direction a.bx-next{right:-34px} .mlist.teamleader .slider:hover .bx-wrapper .bx-controls-direction a.bx-prev{left:0;opacity: 1} .mlist.teamleader .slider:hover .bx-wrapper .bx-controls-direction a.bx-next{right:0;opacity: 1} .pageEditor .mlist.teamleader{ margin: 0 -15px;} .mlist.teamleader .content_list .item_block:hover .item_img{background-size: 106%;} /*teamleader*/ /*teamleader post*/ .mlistpost.teamleader #postContent #postInfo,.mlistpost.team #postContent #postInfo{text-align: left; border-bottom: 0; margin-bottom:8px;padding-bottom: 0;padding-top: 14px;} .mlistpost.teamleader #postContent #postInfo .module_container:after,.mlistpost.team #postContent #postInfo .module_container:after{ content: ''; display: block; clear: both;} .mlistpost.teamleader #postContent #postInfo .title,.mlistpost.team #postContent #postInfo .title{float: left; font-size: 36px;color: #2a2a2a;} .mlistpost.teamleader #postContent #postInfo .subtitle,.mlistpost.team #postContent #postInfo .subtitle{float: left;color:#8f8f8f; font-size: 13px;margin-top: 28px; } .mlistpost.teamleader #postContent #postInfo .subtitle:before,.mlistpost.team #postContent #postInfo .subtitle:before{content: '/'; display: inline-table; margin: 0 5px 0 10px;} .mlistpost.teamleader #postContent .row[class*="gutter"] > .col-60,.mlistpost.team #postContent .row[class*="gutter"] > .col-60{padding:0 5% 0 3% } /****container_header****/ .mlist.videom .container_header,.mlist.news .container_header,.mlist.project .container_header,.mlist.service .container_header,.mlist.imagelink .container_header{ margin-left: 0; text-align: left;padding-top: 40px; padding-bottom:40px} .mlist.videom .container_header .title,.mlist.news .container_header .title,.mlist.project .container_header .title,.mlist.store .container_header .title,.mlist.service .container_header .title,#indexPage .module.mcustomize .container_header .title,.mlist.job .container_header .title,.mlist.honor .container_header .title,.mlist.brandstory .container_header .title,.mlist.imagelink .container_header .title{ font-size:28px; color: #2a2a2a;} .mlist.videom .container_header .subtitle,.mlist.news .container_header .subtitle,.mlist.project .container_header .subtitle,.mlist.service .container_header .subtitle,#indexPage .module.mcustomize .container_header .subtitle,.mlist.imagelink .container_header .subtitle{font-size: 14px; color: #8f8f8f;} #indexPage .module.mcustomize .container_header .subtitle{ margin-top: auto} /**mcustomize with service **/ .module.mcustomize .content_list.flex .custitem > .wrapper >.mlist.service{padding:0; text-align: center} .module.mcustomize .content_list.flex .mlist.service .row[class*="gutter"]{margin: 0} .module.mcustomize .content_list.flex .mlist.service .more.hide{ display: none} .module.mcustomize .content_list.flex .mlist.service .content_wrapper > .more:after{ font-size: 26px; line-height: 40px; } .module.mcustomize .content_list.flex .mlist.service .content_wrapper > .more:hover:after{ color:#fff; } .module.mcustomize .content_list.flex .mlist.service .content_wrapper > .more:hover{background: #244295; border-color: #244295; } #indexPage .module.mcustomize .container_header{padding-top: 96px;padding-bottom: 60px; max-width: 100%; background: #fff;} /****#indexPage container_category****/ #indexPage .container_hc:after{ content: ''; display: block;clear: both;} #indexPage .container_hc .container_header{float: left;} #indexPage .container_hc .container_category{float: right;width: auto;margin-top:46px; margin-right:-2px;font-size: 0} .pageEditor .module .module{background-color:transparent} .mlist .content_wrapper{ position: relative} .mlist.project .content_list .item_block .item_icon,.mlist.store .content_list .item_block .item_icon{width:56px; height:56px;position:absolute;left:50%; top:-80px; margin-left:-30px; margin-top:-10px; opacity:0; transition: all 0.46s ease 0s; font-size:0; background:#236ff6; border-radius: 50%; } .mlist.project .content_list .item_block .item_icon .line_top,.mlist.store .content_list .item_block .item_icon .line_top{ width: 18px; height: 2px; background: #fff;position: absolute;top: 50%; left: 50%; margin-left: -9px; } .mlist.project .content_list .item_block .item_icon .line_bottom,.mlist.store .content_list .item_block .item_icon .line_bottom{ width:2px; height:18px; background: #fff;position: absolute;top:50%;left:50%;margin-left: -1px; margin-top: -8px; } .mlist.project .content_list .item_block .item_icon:hover,.mlist.store .content_list .item_block .item_icon:hover,.mlist.team .content_list .item_block .item_icon:hover{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} /***/ /***/ .mcustomize .module_container .content_list .description .white.more{ border-radius:3px;border-color: rgba(221,221,221,0.4)} .mcustomize .module_container .content_list .description .white.more::after{ display: none;} .agent-desktop .module_container .content_list .description .more.white:hover{background: #236ff6; border-color: #236ff6 } /**store **/ .mlist.store .content_wrapper:not(.masonry) .content_list .item_block .item_img{padding-bottom: 46.333%;transition: all 0.3s ease 0s; } .mlist.store .content_list .item_block .item_wrapper{ padding:34px 60px 34px 10px;} .mlist.store .content_list .item_block .title{font-size: 22px; color: #4d4d4d;} .mlist.store .content_list .item_block .subtitle{font-size:14px;color:#8f8f8f; margin-top: 10px; } .mlist.store .content_list .item_block .more{bottom: 46px;top: auto;right: 15px;} .mlist.store .content_list .item_block:hover .more::after{color:#244295 } .mlist.store .content_list .item_block:hover .item_img .item_img_mask{opacity:0.5} .mlist.store .content_list .item_block:hover .item_icon{top:50%;margin-top: -30px;opacity: 1} .mlist.store .content_list .item_block .item_img .item_img_mask{ background: #000; width: 100%; position: absolute; top:0;left:0; height: 100%; opacity: 0; transition:all 0.36s ease 0s} .mlist.store .content_wrapper:not(.masonry) .content_list .item_block:hover .item_img{background-size: 106%;} .mlist.store .content_list .item_block:hover .title{color:#244295} /**store **/ /**job **/ .mlist.job .content_list .item_block .title{ height:80px; line-height:80px;font-size:22px;color:#7e7e7e; padding: 0 30px;border: 1px solid #fbfbfb; border-bottom: 0;transition:all 0.36s ease 0s;background: #fbfbfb;} .mlist.job .content_list .item_block .subtitle{font-size:15px;} .mlist.job .content_list .item_block .item_cont{color:#7e7e7e; padding:36px 30px;border: 1px solid #f6f6f6; } .mlist.job .content_list .item_block .line{width: 100%; height: 1px;background: #e6e6e6;margin: 35px auto} .mlist.job .content_list .item_block .description{font-size:13px; line-height:24px;height:264px; overflow: hidden; } .mlist.job .content_list .item_block .more{border-radius: 4px; margin-top: 30px; padding: 0; color: #b5b5b5; width: 164px; padding: 0; width: 164px; height: 40px; line-height: 40px; text-align: center;} .mlist.job .content_list .item_block:hover .title{background:#244295;color: #fff;} .mlist.job .content_list .item_block .more:hover{background:#244295; border-color:#244295;color: #fff; } .mlist.job .content_list .item_block .more:hover:after{color: #fff;} .mlist.job .content_list .item_cont .more::after { font-size: 18px; width: 0; opacity: 0; margin-left: 0; transition: all 0.36s ease 0s;} .mlist.job .content_list .item_cont .more:hover::after { color: #fff; opacity: 1; width: auto; margin-left: 14px; } /**job **/ /**store post**/ .mlistpost.store #postContent #postInfo{border-bottom: 0} .mlistpost.store #postContent #postInfo .title{font-size: 22px; color: #4d4d4d;} .mlistpost.store #postContent #postInfo .subtitle{font-size: 14px;color:#8f8f8f;margin-top: 10px;} .mlistpost.store .module_container{max-width: 1400px;} .mlistpost.store .content_list .item_block .title{ font-size: 16px;color: #4d4d4d; } .mlistpost.store .content_list .item_block.col-50{width: 33.3333%} .mlistpost.store .tags a{padding: 14px 34px;font-size:16px;color:#b5b5b5 } .mlistpost.store .postfooter .module_container{border: 0;} .agent-desktop .mlistpost.store .tags a:hover{background: #244295; color: #fff; border-color: #244295;} .mlistpost.store .content_list .item_block:hover .more::after {color: #244295; } /**store post**/ .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.qwde{padding-top: 5% !important} %;} .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.kydds{padding-top: 1%;} .npagePage .mlist.module .module_container .content_wrapper > .more{ display: none} #header .nav{ margin-left: 0} .agent-desktop .tags a:hover{background: #244295;border-color: #244295; color: #fff;} #indexPage #topSlider .sliderArrow{ width: 30px; height: 52px; position: absolute; bottom: 52px; z-index: 2; animation: fadeInUp 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -moz-animation: fadeInUp 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -o-animation: fadeInUp 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; display: block; left: 50%; margin-left: -12px; color: transparent; font-size: 0; background-size: 100%; background-repeat: no-repeat; display: block; } #indexPage #topSlider .sliderArrow { color:#fff; font-size: 36px; } .pageEditor .row.gutter{margin: 0} .pageEditor .row.gutter > [class*="col-"]{padding: 0 15px;} .pageEditor .mlist.brandstory,.pageEditor .mlist.honor,.pageEditor .mlist.videom{ margin: 0 -15px;} .wheelup #header{position: fixed;top: -80px;} #indexPage .module.mcustomize .container_header{ text-align: left;text-indent:5%;} /*mlistpost*/ .mlistpost .postfooter .module_container{ border-bottom: 0} .mlistpost #listContent .listtitle{ display: none;} .mlistpost .tags a{padding: 11px 26px;font-size:14px;color:#b5b5b5; margin-right:2px; } .agent-desktop .mlistpost .tags a:hover{background: #244295; color: #fff; border-color: #244295;} .shareicon {margin-top:6px;} #indexPage .mlist.teamleader .module_container.wide,#indexPage .mlist.job .module_container.wide{padding:60px 5%} #indexPage .container_hc .container_category.one{ display: none;} .pageEditor .row.gutter > [class*="col-40"]{padding-left:0} .pageEditor .row.gutter > [class*="col-60"]{padding-right:0} body.openMenu #header .nav .subnav li{ padding: 0 30px; border: 0} @media screen and (max-width:1147px){ #fitem_block_0{padding-left:0;padding-right: 0;} } @media screen and (max-width:1440px){ .kjid{width: 90% !important;} } @media screen and (max-width:1700px){ .sem-box{width: 85%;} } @media screen and (max-width:1610px){ .sem-box{width: 100%;} } @media screen and (max-width:1300px){ .sem-box .wd25{ margin-bottom:2%;} } @media screen and (max-width:973px){ .sem-box .wd25{ width: 100%;} } @media screen and (max-width:1230px){ .towswl{ width: 100%;} .h-lefy { margin-left: 0; } .h-tihy{position: relative;} } @media screen and (min-width:1367px)and (max-width:1440px){ .mlist.service .content_list .item_block{ padding: 23px 16%;} .mlist.service .content_list .item_block .item_wrapper{transform: translateY(24%);} #indexPage .mlist.imagelink .module_container,#footer #flinks .module_container,#footer #copyright .module_container{ width: 90%;} .npagePage.post .postbody,.npagePage.post .postfooter,#listContent .module_container,.mlist.service .module_container,#page_team .mlist,.npagePage .store .module_container{ width:90%; margin: 0 auto;} .pageEditor .videom .container_content{padding-left: 5%; padding-right: 5%; width: auto; margin: 0 -15px;} .npagePage .mlistpost.store>.module_container{max-width:100%;} .npagePage .mlistpost.store .module_container{width: 100%;} .npagePage.post .teamleader .postbody,.npagePage.post .team .postbody{ width: 100%;} .mlist.brandstory .container_content,.pageEditor .mlist.honor {padding-left:5%;padding-right:5%;margin: 0 -15px;} .mlist.project .module_container .content_wrapper > .more,.mlist.news .module_container .content_wrapper > .more,.mlist.videom .module_container .content_wrapper > .more{ top: -111px;} .mlist.news .module_container .content_wrapper > .more{ top: -113px;} .pageEditor .team .row.gutter{margin: 0 -35px;} .pageEditor .mlist.videom{margin: 0 -20px;} .pageEditor .teamleader .row.gutter > [class*="col-"]{padding:0 10px;} .teamleader .slider .bx-wrapper .row.gutter > [class*="col-"]{padding:0} .pageEditor .teamleader .container_content,.pageEditor .mlist.honor{ margin: 0 -30px;} .mlist.event .container_header::after{ top:41px;left: 21px;} .mlist.event .content_wrapper .content_list::after{ left: 27px;} .pageEditor .row.gutter > [class*="col-40"]{padding-left:5%; margin-left: -15px;} .pageEditor .row.gutter > [class*="col-60"]{padding-right:5%;margin-right: -15px;} .npagePage .mlist.job,.npagePage .mlist.project{padding-right: 5%; padding-left: 5%} } @media screen and (min-width:1280px)and (max-width:1366px){ #header .content #headTop{margin-left: 0;} .pageEditor .row.gutter > [class*="col-40"]{padding-left:5%;margin-left: 0} .pageEditor .row.gutter > [class*="col-60"]{padding-right:5%;margin-right:0;} .pageEditor .team .row.gutter{margin: 0 -20px;} .pageEditor .teamleader .container_content,.pageEditor .mlist.videom{margin: 0 -15px;} .mlist.service .content_list .item_block{padding:12px 16%;} #footer #copyright .module_container,.npagePage.post>.content .mlistpost > .module_container ,#footer #flinks .module_container,.mlist.imagelink .module_container.wide,.mlist.news .module_container.wide,.npagePage .mlist.service,.npagePage .mlist.project,.pageEditor .mlist.team, .pageEditor .mlist.teamleader,.npagePage .mlist.store ,.npagePage .mlist.job,.npagePage.post>.content .mlistpost.project .postbody,.npagePage.post>.content .mlistpost.project .postfooter,.npagePage.post>.content .mlistpost.project #listContent,.pageEditor .mlist.brandstory, .pageEditor .mlist.honor, .pageEditor .mlist.videom{padding-left:5%;padding-right:5%;} .npagePage #listContent .mlist{padding-left: 0; padding-right: 0;} .mlist.news .module_container.wide{width: auto} .pageEditor .mlist.team,.pageEditor .mlist.teamleader,.npagePage .service,.npagePage .mlist.service .row[class*="gutter"] { margin: 0 ;} .module.mcustomize .content_list.flex .custitem > .wrapper > .description{padding-top: 0; padding-bottom: 0} .npagePage.post>.content .mlistpost.project > .module_container{padding: 0} } @media screen and (min-width:1026px)and (max-width:1279px){ .module.mcustomize .content_list.flex .custitem > .wrapper > .description{padding: 0 80px; width: auto;} .mlist.teamleader .slider:hover .bx-wrapper .bx-controls-direction a.bx-next{right:0;opacity: 1} } @media screen and (max-width:1200px){ .wd440{width: auto; padding: 2% 2% 0 !important;line-height: 24px !important;} .npagePage .container_contents{width: 100%!important;} .postContent,.ff_postPage .news.mlistpost .listWrap{width: 90%!important;float: none!important;margin: 0 auto;overflow: hidden;} } @media screen and (max-width:1243px){ #footer #copyright span.ellipsis{margin-left: 0px;} #header .nav > li > a, #header.mini .nav > li > a { padding: 30px 20px; margin: 0; } } @media screen and (max-width:978px){ .h-block{ display: block !important;} .stoew{width: 100% !important;} .stoew .more{margin-bottom: 4%;} } @media screen and (max-width:1436px){ .top-banner .ted-rig{margin-right: 25%;} } @media screen and (max-width:1680px){ .mt78{margin-top: 29px} .oered{margin-top: 2% !important;} .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.qwde{padding-top: 1% !important;} } @media screen and (max-width:1300px){ .oered{margin-top: 0 !important;} .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.qwde{padding-top: 2% !important;} } @media screen and (max-width:1260px){ .oered p{line-height: 24px;} .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.qwde{padding-top: 3% !important;} } @media screen and (max-width:1600px){ .techdi .teacbg img{display: none;} .techdi .teacbg .hour-sv{position: relative;top:0;left: 0;width: auto;margin-left: 0;} } @media screen and (max-width:1270px){ #header .nav{display: none;} #header #openBtn { display: block; } .lcitem .rect{background: #fff;} .lcbody{margin-top: 12px;} } @media screen and (max-width:1025px){ #header .content #headTop{margin-left: 0;} .search{padding: 33px 30px;} .lcitem .rect{ background: #fff;} #header .nav > li > a, #header.mini .nav > li > a{ padding: 30px 24px;} .mlist.news .content_list .item_block .item_wrapper .item_datebox{ margin-top:1%; } #indexPage .container_hc .container_category{width: 100%; margin: 0 0 40px;} #indexPage .container_hc .container_header{ width: 100%; max-width: 100%; text-align: center;padding-top: 40px; padding-bottom: 25px;} #indexPage .mlist .container_header .title{ text-align: center} .mlist.module .module_container .content_wrapper > .more{ margin-top:30px; } .mlist.project .module_container .content_wrapper > .more{ margin-top:56px;} .mlist.project .module_container.wide{ padding-bottom:60px; } .module.mcustomize .content_list.flex .custitem > .wrapper > .description{ padding: 0 80px; width: auto;} .mlist.search #search_header #search_form{padding:0;} .wd96 #listContent{padding-left:0 !important;padding-right: 0 !important; } .mlist.job .container_content{ padding-left: 1%;padding-right: 1%;} #footer #flinks .module_container,.mlistpost.job .postbody,.npagePage.post .project .postbody,.npagePage.post .news .postbody,.npagePage.post .service .postbody,.npagePage.post .store .postbody,.mlist.store .container_content,.mlist.project .container_content,.mlistpost.teamleader>.module_container.wide,.mlistpost.team>.module_container.wide ,.pageEditor .team.module .container_content,.pageEditor .teamleader.module .container_content,.pageEditor .mlist.brandstory, .pageEditor .mlist.honor, .pageEditor .mlist.videom,#postContent .postfooter,#listContent{padding-left:5%; padding-right:5%; } #indexPage .mlist.project .container_content,.teamleader #postContent .postfooter,.teamleader #listContent,.team #postContent .postfooter,.team #listContent {padding-left:0;padding-right: 0;} .pageEditor .row.gutter > [class*="col-40"]{padding-left:5%;} .pageEditor .row.gutter > [class*="col-60"]{padding-right:5%;} .mlist.event .container_header::after{ top: 52px;left: 21px;} .mlist.news .content_list .item_block .item_wrapper .description {font-size: 14px;height:28px;line-height: 24px;margin-top: 2%;} .mlist.news .module_container.wide{padding: 50px 0 60px;} .mlist.videom .module_container{padding-bottom:34px; padding-top:5px } .mlist.event .content_wrapper .content_list::after{ left: 27px;} .npagePage .mlist.module .container_header{ padding-top:40px; } #footer #copyright .module_container{padding-left: 5%;padding-right:5%;} .mlist.project .slider .bx-wrapper .bx-controls-direction a{ margin-top: -76px;} .mlist.service .content_list .item_block{padding:20px 16%;} .mlist.imagelink .module_container.wide{width:90%} .mlist.imagelink .module_container{padding: 50px 0} .mlist.search #search_header{padding:0 5%} .mlist.search .content_list{ margin:0 ;padding:0 5%} .pageEditor .mlist.honor{padding-bottom: 55px;} } @media screen and (max-width:1354px){ .font-md-lg { font-size: 24px !important; } .space-t-lg-s { font-size: 18px !important; padding-top: 4% !important; } } @media screen and (max-width:1421px){ .julu .wd80{max-width: 90%;} } .stoew .deof{text-align: left;} @media screen and (max-width: 769px){ .oered p{line-height: 28px} .oered { margin-top: 3% !important; } #indexPage #topSlider ul li .wrapper { display:block; } #indexPage #topSlider ul li .wrapper .description{padding: 20% 0;display: block;} .plyf { display: block !important; margin-top: 6%; } .stoew{padding: 3% 0;} .col-60.wdx54 { width: 100%; margin-top: 0; margin-left: 0; } .Pdfn .selvrs, .Pdfn .selvrs option{font-size: 14px;width: 90%;} .container_target { text-align: left !important; margin-left: 3%; } .module_container { padding: 30px 0 0 0; overflow: hidden; } .postInfo .title { font-size: 24px !important; line-height: 26px !important; } .artpn .listContent_post h3 { padding-top: 30px; color: #000; font-size: 24px; } .npagePage .mlist.module .container_header { padding: 0; } .npagePage .mlist.service .container_content{padding-top: 0} .Pdfn .formlist li.right { float: none; } .wdbf{width: 100% !important;} .htextc, .jcvtit, .stoew .deof { text-align: center !important; } .container_header { padding-bottom: 20px; font-size: 20px; } .Pdfn #frm-apply { width: auto; padding: 0 3%; } .Pdfn .formlist li { float: none; width: 100%; margin: 0; margin-bottom: 3%; overflow: hidden; } .container_category { text-align: center; } .new-ti { margin-top: 6% !important; margin-bottom: 7px; } #sitecontent .mlist.service .content_list .item_block { padding: 30px 16%; width: 68%; } .licter{margin: 0 auto; margin-top: 3%;} .afz-bar .abtitle { margin-top: 5%; } .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.qwde { margin-top: 3% !important; } #footer #flinks .row.gutter li:nth-child(2n), #footer #flinks .row.gutter li:nth-child(3n) { display: none; } #footer #flinks .row.gutter li:nth-child(1n) { margin-bottom: 0; border: none; padding: 10px 0; } .content-lg .col-sm-4 { width: auto !important; float: none !important; } .content-lg .sm-margin-b-50 { width: auto !important; float: none !important; padding: 0 !important; } .content-lg { width: 97% !important; margin: 0 auto !important; } .first .font-md-lg { display: none !important; } .desff { display: none !important; } } @media screen and (max-width:767px){ #indexPage #topSlider ul li .wrapper .description .link_btn{width: 100px;height: 35px;margin-top: 25px;line-height: 35px;} #indexPage #topSlider ul li .wrapper .description{padding: 10% 0;display: block;} #indexPage #topSlider ul li .wrapper .description .subtitle{font-size: 14px;margin-top: 13px;} #indexPage #topSlider ul li .wrapper .description .title{font-size: 18px;} .Pdfn .selvrs, .Pdfn .selvrs option{width: 82%;} .creoes .item_img{display: none !important;} .mlist.brandstory .content_wrapper .content_list .item_block .item_info .title{font-size: 16px;} .module.mcustomize .content_list:not(.flex) .custitem > .wrapper > .description.qwde{margin-top: 3% !important;} .sqpas{margin-top: 0 !important;} .mapContent .mapTitle{margin: 0 0 3% 0} .mapContent .mapTitle .col-md-12 h1{font-size: 18px;} .mapContent .mapList h3{font-size: 16px;} .mapContent .mapTitle .col-md-12 h3{ margin-top: 7%;font-size: 13px;} .sqpas,.mlist.service .container_header .title{font-size: 22px !important;} .secuy .fp-tableCell{display: block;} .secuy .fp-tableCell .chfkd{padding-top: 30vh;} .jcvtit p:first-child span:first-child{color: #232323 !important;} .htextc,.jcvtit,.stoew .deof{text-align: center !important;} .plyf{display: block !important;} #indexPage #topSlider .sliderArrow{display: none;} .smlogo{display: block;margin-top: 12px;} .caran{text-align: center !important;} .fp-section .container{padding-top: 0%; padding-left: 4% !important;padding-right: 4% !important;} .desff{display: none !important;} .link_btn{margin-top: 4% !important;} .mlist.project .container_header{padding-top: 25px;padding-bottom: 25px;} #header{ background-color: #244295 !important;} .first .font-md-lg{display: none !important;} .postInfo .title{font-size: 18px !important;line-height: 24px !important;} .space-t-lg-s{font-size: 14px !important;padding-top: 4% !important;} .copy_area .txt2 {font-size: 12px;} .copy_area .txt1{font-size: 17px;margin-bottom: 15px;}; .smdr{padding-left: 4% !important;padding-right: 4% !important;} .sem-box{margin-top: 3%;} .sem-box .wd25 .title{font-size: 16px;margin-top: 2%;} .sem-box .wd25 .desp{font-size: 10px;margin-top: 2%;line-height: 20px;} .top-banner .band-top{ width: 100%;margin-left: -50%; top:38%;} .top-banner .ted-rig{ width: 100%;float: none;} .top-banner h3{ font-size: 13px;} .top-banner .desf{ margin-top: 15px; font-size: 9px; color: #d8d8d8; line-height: 20px;} .qyli{display: none;} .top-banner .more{margin-top: 1px; padding: 6px 20px} .wd96 .mlist.news .content_list .item_block .item_wrapper .wrap{ top: 22%; left: 50%; width: 90%; margin-left: -45%; padding: 0; transform: translateY(0); } .artpn .listContent_post h3{ padding-top: 30px; color: #000; font-size: 18px; } .afz-bar #banner{padding-bottom: 5% !important;} .job .nocat,.afz-bar .abtitle{margin-top: 5%;} .see-th{margin-top: 3%;} .job .bafa{padding-top: 0;} .artpn .postInfo .description p:last-child{margin-bottom: 0} .artpn .postContent{padding-top: 0 !important;} .artpn .postContent,.artpn .description{margin-bottom: 0 !important;} .wd96 .module_container,.wd96 .mlist.news .module_container.wide{padding-bottom: 0 !important} .wd96{width: 96%!important;} .new-ti{ margin-top: 6% !important;margin-bottom: 7px;} .new-pue{padding-top: 3% !important;} .teacbg{margin-top: 0;padding: 0;background: transparent;} .work_item i{bottom: 5%;display: none;} .space-t-lg-s.zmt12{font-size: 18px !important;} .mlist.brandstory .content_wrapper .content_list .item_block .item_info{width: 77%;} .Pdfn .formlist li.right{float: none;} .content-lg .sm-margin-b-50{width: auto !important;float: none !important;padding: 0 !important;} .font-md-lg{font-size: 18px !important;} .mapContent .mapTitle h3 { line-height: 25px; font-size: 16px; } .mapContent .inputBorder { padding: 0 6%; } .mapContent .mapList .col-md-4{ width:100% !important;} .work_item{height: 200px;position: relative;} .work_item img{display: block;} .teacbg{margin-top: -50px;} .mtn25{margin-top: 0} .mb30{margin-bottom: 0} .work_item .hd{font-size: 16px; top:30%;} .work_item .hd .playfot{font-size: 13px; margin-top: 7px;} .pageEditor .mlist.videom{ padding-bottom: 70px} .techdi .pageEditor .postbody>.module{padding-top: 0;} .techdi #banner{ padding-bottom: 30px !important}; .content-lg .col-sm-4:last-child:after{width:0;background: transparent;} #map{height: 220px;} .container-fluid{display: none;} .content-lg{width: 97% !important; margin: 0 auto !important;} .content-lg .col-sm-4{width: auto !important; float: none !important;} .ab-list{width: 100%;} .f-size13{font-size: 15px;} .npagePage .mlist.module .container_header{padding: 0} .mlist.service .content_wrapper:not(.masonry) .content_list .item_block .item_img{ width: 100px !important;height: 100px !important;margin-left: 5%; padding-bottom: 0!important;} .Pdfn #frm-apply{width: auto; padding: 0 3%;} .Pdfn .formlist li.none{margin-bottom: 3%} .Pdfn .formlist li{float: none ; width: 100%; margin: 0;margin-bottom: 3%} .npagePage .mlist.service .container_content{padding-top: 0} .npagePage .mlist.service .content_list .item_block.col-50{width: 100%; padding-left: 0;padding-right: 0;} .hplay .font-md-lg{font-size: 16px} .hplay .lh-md{font-size: 14px} .mlist.brandstory .content_wrapper .content_list .item_block .item_info .title,.mlist.project .container_header .title,.mlist.news .content_list .item_block .item_wrapper .title,.mlist.project .content_list .item_block .item_wrapper .title{font-size: 17px;} .h-fona,#indexPage .mlist .container_header .title,.mlist.news .container_header .title{font-size: 20px;} .module_container .more{margin-bottom: 6%;} #header .content a#logo, #header.mini .content a#logo { margin-top: 15px;display: none;} .container_target{text-align: left !important;margin-left: 3%;} .ff_postPage .news.mlistpost .content_list .item_block .item_wrapper{width: 100% !important;margin-left: 0!important;margin-top:3%;} .ff_postPage .news.mlistpost .item_imgs{width: 100%!important;} .wd78 { width: 52px;} .wd96 {width: 70px;} .wd105 {width: 76px;} .mlist.project .module_container.wide{padding-bottom: 30px;} .a-number ul li p { font-size: 23px;} #header #openBtn{padding-top: 2px;} .h-tihy{position: relative;}.lcbody{margin-top: 0;} #footer #flinks .row.gutter li:nth-child(1n){margin-bottom: 0;border:none;padding: 10px 0;} #footer #flinks .row.gutter li:nth-child(2n),#footer #flinks .row.gutter li:nth-child(3n){display: none;} #header .content #headTop,.h-lefy{margin-left: 0;} .search { margin-right: 16px; background: transparent; padding: 19px 18px; } .search-input { margin-left: 42px; } .container_category{text-align: center; overflow-x: hidden !important;} .col-33,.col-50{width: 100%;} .module.mcustomize .content_list.flex .custitem > .wrapper >.mlist .item_block{padding: 20px 6%;width: 88%;} .module.mcustomize .content_list.flex .custitem > .wrapper >.mlist .item_block .item_img { width: 36%; padding: 0; height: auto; padding-bottom: 36%; overflow: hidden; border-radius: 50%; } .mlist.service .content_list .item_block .item_wrapper{ text-align: left; margin-left: 54%; margin-right: 3%; transition: all linear .2s; position: absolute; top: 50%; transform: translateY(-50%); padding-right: 0; } .mlist.imagelink .content_list .item_block{ width: calc(50% - 12px); margin: 0 10px 10px 0; box-sizing: border-box; padding: 0 5px;} .mlist.service .content_list .item_block .title{font-size: 18px;margin-top: 3%;} .module.mcustomize .content_list.flex .description{padding: 0; margin-top: 2%;} .mlist.service .content_list .item_block .line_1{width: 87%;} #header .searchtext-btn { padding-left:0; margin-left: 20px; } #header #navWrapper{ margin-top: 5px;} .lcitem .rect{ background: #fff;} .module.mcustomize .content_list .description{padding:10px;} #indexPage .container_hc .container_category{ text-align: center;} body.openMenu #header.mini .nav,body.openMenu #header .nav{top:60px;background-color:#244295;} body.openMenu #header .nav > li > a{margin: 0 20px;overflow: inherit;padding: 14px 0;} .mlist.search #search_header #search_form{padding: 0;} #footer #flinks .content_list .item_block{border-bottom:#eee 1px solid;} #header{ height: 60px;} #sitecontent {padding-top: 60px !important;} #header .nav > li > a::before{ left: -20px; padding: 0 20px;} .mlist.news .module_container.wide{padding-top: 25px;padding-bottom: 45px;} .module.mcustomize .content_list.flex .custitem > .wrapper > .description{width: auto;padding: 10px 10px 30px 10px;} .col-40{width: 100%} .mlist.teamleader .slider .bx-wrapper .bx-controls-direction a{margin-top: -35px;} .mlist.imagelink .row[class*="gutter"]{ margin-right: -10px;} #footer #copyright .module_container{padding:4% 0; text-align: center; font-size: 12px} .mlist.imagelink .module_container{padding: 50px 0} .mlist.search #search_header{padding:0 5%} #indexPage .container_hc .container_header{padding-top: 10px} .julu .wd80{max-width: 88%;} .julu {padding: 30px 0;} .gfgf #banner{padding-bottom: 0 !important} } .pageEditor #banner{padding-bottom: 80px;background: transparent} .pageEditor .postbody>.module{padding-top:45px; padding-bottom: 20px;} .search .content_list.row[class*="gutter"]{ margin: 0;} .right{ float: right; } .mlist.job .content_list .item_block .item_cont{ padding: 17px 30px; } .mlist.job .content_list .item_block .description{ /* height: 356px; */ height: 600px; } @media screen and (max-width: 1440px){ .mlist.job .content_list .item_block .description{ height: 646px; } } @media screen and (max-width: 1380px){ .mlist.job .content_list .item_block .description{ height: 700px; } } @media screen and (max-width: 1109px){ .mlist.job .content_list .item_block .description{ height: 750px; } } @media screen and (max-width: 1047px){ .mlist.job .content_list .item_block .description{ height: 800px; } } @media screen and (max-width: 975px){ .mlist.job .content_list .item_block .description{ height: 880px; } } @media screen and (max-width: 769px){ .mlist.job .content_list .item_block .description{ height: auto; } } @media screen and (max-width: 883px){ .col-33, .col-50 { width: 100%; } .mlist.job .content_list .item_block .description{ height: auto; } }