body{ font-family: '寰蒋鍔犻粦'; } .topHead a{ fill: #ccc; color: #ccc;font-weight: lighter;line-height: 28px; font-size: 12px; } .topHead a svg{ width: 16px; height: 16px; fill: #ccc; display: inline-block; vertical-align: middle; margin-top: -2px; } .topHead a span{ display: inline-block; vertical-align: middle; } .topHead a:hover{ color: #fff; } .topHead a:hover svg{ fill: #fff; } header .manv{ display: none; } header{ position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(255,255,255,.9); z-index: 100; } body{ width: 100%; overflow-x: hidden; } .header_show{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); } .header_show .head .head_nav ul li a,.header_show .head .head_logo a{ line-height: 80px; } .head{ max-width: 1600px; padding: 0; } .head .head_logo a{ display: inline-block; line-height: 108px; } .head .head_logo a img{ max-width: 90px; width: 100%; } .header_show .head_logo a img{ max-width: 73px; } .head div{ display: inline-block; vertical-align: middle; } .head .head_nav ul li{ display: inline-block; } .head .head_nav ul li a{ display: inline-block; line-height: 108px; padding: 0 50px; font-size: 16px; color: #377aa7; } .head .head_nav ul li a.active{ color: #d57b18; } .head .head_nav ul li:hover>a{ color: #d57b18; } .head .head_nav ul li a:hover{ color: #d57b18; } .head .head_nav ul li .sub_nav{ position: absolute; left: 0; top: 99%; width: 100%; height: 0; overflow: hidden; background-color: rgba(255,255,255,.9); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .head .head_nav ul li:hover .sub_nav{ height: 120px; } .head .head_nav ul li .sub_nav dl{ text-align: center; } .head .head_nav ul li .sub_nav dl dd{ display: inline-block; } .head .search{ position: relative; margin-left: 24px; font-size: 0; } .head .search input{ width: 40px; height: 40px; overflow: hidden; border: 0 solid #d57b18; border-radius: 50px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; /*-webkit-transform: translateX(40px);*/ /*-moz-transform: translateX(40px);*/ /*-ms-transform: translateX(40px);*/ /*-o-transform: translateX(40px);*/ /*transform: translateX(40px);*/ vertical-align: middle; color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); } .head .search input::placeholder{ color: rgba(0,0,0,0); } .head .search button{ position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 1; background-color: rgba(0,0,0,0); border: none; vertical-align: middle; outline:none; } .head .search button:focus{ opacity: .8; } .head .search:hover input{ width: 200px; border: 1px solid #d57b18; padding: 0 40px 0 20px; color: #666; } .head .search:hover input::placeholder{ color: rgba(0,0,0,.6); } .head .language{ margin-left: 24px; } .head .language a{ position: relative; display: inline-block; text-transform: uppercase; font-size: 18px; color: #666; padding: 0 10px; } .head .language a:hover{ color: #d57b18; } .head .language a.active{ font-weight: bold; color: #d57b18; } .head .language a:nth-child(2):before{ content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 12px; background-color: #ccc; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .home_banner{ position: relative; width: 100%; overflow: hidden; } .home_banner .bg_img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; background-color: #000; } .home_banner .bg_img img{ position: absolute; left: 50%; top: 0; opacity: .8; width: auto; /*height: 100%;*/ max-width: none; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); /*-webkit-transition: all .5s;*/ /*-moz-transition: all .5s;*/ /*-ms-transition: all .5s;*/ /*-o-transition: all .5s;*/ /*transition: all .5s;*/ } .home_banner .icon{ position: relative; display: inline-block; width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; } .home_banner .con:hover .icon{ background-color: #d57b18; border: 1px solid #d57b18; } .home_banner .con{ position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; color: #fff; } .home_banner .con .text{ margin-top: 24px; } .home_banner .con .text span{ font-size: 14px; margin-top: 12px; } .home_banner .con .text h6{ margin-top: 32px; line-height: 26px; } .home_banner .con .butt{ display: none; margin-top: 82px; } .home_banner .con .butt a{ display: inline-block; background-color: #d57b18; color: #fff; line-height: 55px; font-size: 14px; padding: 0 42px; } .home_banner .con .butt a:hover{ background-color: rgba(213, 123, 24, 0.8); } .home_banner .con .butt a img{ margin-left: 12px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .home_banner .con .butt a:hover img{ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .title .icon{ position: relative; display: inline-block; width: 100px; height: 100px; border: 1px solid #377aa7; border-radius: 50%; vertical-align: middle; } .title .tex{ position: relative; display: inline-block; vertical-align: middle; margin-left: 18px; } .title h1{ color: #377aa7; } .title p{ font-size: 12px; color: #999; margin-top: 12px; } .title h6{ width: 60%; color: #999; margin-top: 12px; line-height: 32px; } .title i{ position: absolute; left: 0; top: 100%; display: inline-block; width: 1px; height: 54px; background-color: #377aa7; margin-top: 36px; } .title i:after{ content: ''; position: absolute; left: 50%; top: 100%; background-color: #377aa7; width: 6px; height: 6px; border-radius: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); margin-top: 8px; } .home_training{ padding: 220px 0; background: url("../images/home_training_bg.jpg") no-repeat fixed; } .home_training .con{ position: relative; max-width: 1600px; padding: 0; } .home_training .con .text,.home_guide .con .text{ display: inline-block; padding: 80px 90px 80px 0; } .home_training .con .box,.home_guide .con .box{ margin: 136px 0 0 118px; font-size: 16px; color: #666; } .home_training .con .box .butt,.home_guide .con .box .butt{ margin-top: 40px; } .home_training .con .box .butt a,.home_guide .con .box a{ display: inline-block; line-height: 55px; padding: 0 58px; color: #fff; background-color: #d57b18; font-size: 14px; box-shadow: 15px 0 34px rgba(201,126,117,.2); } .home_training .con .box .butt a img,.home_guide .con .box a img{ margin-left: 12px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .home_training .con .box .butt a:hover img,.home_guide .con .box a:hover img{ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .home_training .con .box .butt a:hover,.home_guide .con .box a:hover{ background-color: rgba(213, 123, 24, 0.81); } .home_training .con .img{ position: absolute; right: 0; top: 0; width: auto; height: 100%; overflow: hidden; } .home_training .con .img img{ position: absolute; top: -10%; left: 50%; -webkit-transform: translate(-50%,80px); -moz-transform: translate(-50%,80px); -ms-transform: translate(-50%,80px); -o-transform: translate(-50%,80px); transform: translate(-50%,80px); max-width: none; /*-webkit-transition: all .5s;*/ /*-moz-transition: all .5s;*/ /*-ms-transition: all .5s;*/ /*-o-transition: all .5s;*/ /*transition: all .5s;*/ } .home_guide .con{ font-size: 0; } .home_guide .con .text{ padding: 280px 246px 280px 90px; vertical-align: top; background: url("../images/home_guide_bg.jpg") no-repeat fixed; background-size: 100% 100%; } .home_guide .con .img{ position: relative; display: inline-block; height: 100%; vertical-align: top; overflow: hidden; } .home_guide .con .img img{ position: absolute; top: -10%; left: 50%; -webkit-transform: translate(-50%,80px); -moz-transform: translate(-50%,80px); -ms-transform: translate(-50%,80px); -o-transform: translate(-50%,80px); transform: translate(-50%,80px); max-width: none; min-width: 100%; /*-webkit-transition: all .5s;*/ /*-moz-transition: all .5s;*/ /*-ms-transition: all .5s;*/ /*-o-transition: all .5s;*/ /*transition: all .5s;*/ } .home_customer{ padding: 140px 0; } .home_customer .con{ margin-top: 78px; max-width: 1600px; padding: 0; } .home_customer .con .home_customer_banner{ width: 100%; overflow: hidden; } .home_customer .con .home_customer_banner .swiper-slide{ vertical-align: top; height: 180px; } .home_customer .con .home_customer_banner .swiper-slide .img{ position: relative; width: 100%; height: 100%; } .home_customer .con .home_customer_banner .swiper-slide .img:after{ content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 0; height: 0; background-color: #377aa7; opacity: .8; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .home_customer .con .home_customer_banner .swiper-slide:hover .img:after{ width: 100%; height: 100%; } .home_customer .con .home_customer_pagination{ margin-top: 72px; } .home_customer .con .home_customer_pagination span{ opacity: 1; width: 13px; height: 13px; background-color: #333; margin: 0 12px; } .home_customer .con .home_customer_pagination span.swiper-pagination-bullet-active{ background-color: #d57b18; } .home_follow .con{ position: relative; max-width: 1128px; background-color: #377aa7; padding: 32px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .home_follow .con:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 98px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #ccc; } .home_follow .con .box .icon{ position: relative; display: inline-block; width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; vertical-align: middle; } .home_follow .con .box p{ display: inline-block; color: #fff; vertical-align: middle; } .home_follow .con .box .ri p{ font-size: 28px; margin-left: 14px; } .home_follow .con .box .le p{ font-size: 18px; } .home_follow .con .box .img{ display: inline-block; vertical-align: middle; margin-left: 32px; } .bottom{ background-color: #1e1916; padding: 120px 0 0; margin-top: -66px; } .bottom .foot_nav{ position: relative; display: inline-block; width: 1160px; } .bottom .foot_nav ul{ left: -10%; } .bottom .foot_nav ul li{ display: inline-block; margin: 0 16px; vertical-align: bottom; } .bottom .foot_nav ul li a{ font-size: 16px; color: #fff; opacity: .3; } .bottom .foot_nav ul li a:hover{ color: #d57b18; opacity: 1; } .bottom .foot_nav ul li:nth-child(4):after{ content: ''; position: absolute; right: 0; top: 30%; width: 40%; height: 1px; background-color: #35302e; } .bottom .foot_nav ul li:nth-child(4):before{ content: ''; position: absolute; left: 0; top: 30%; width: 48%; height: 1px; background-color: #35302e; } .bottom .foot_nav ul li:nth-child(4) a{ opacity: 1; } .bottom .foot_link{ margin-top: 30px; } .bottom .foot_link a{ position: relative; opacity: .3; font-size: 16px; color: #fff; padding: 0 10px; } .bottom .foot_link a:hover{ opacity: 1; color: #d57b18; } .bottom .foot_link a:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #fff; opacity: .3; } .bottom .foot_link a:first-child:before{ display: none; } .bottom .foot_bott{ background-color: #191512; margin-top: 40px; } .bottom .foot_bott p{ /* opacity: .25; */ line-height: 60px; color: #999; font-size: 14px; } /*瑙e喅鏂规*/ .page_banner{ height: 510px; } .page_banner .bg_img img{ top: -24%; opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translate3d(-50%, -100px, 0); -moz-transform: translate3d(-50%, -100px, 0); -ms-transform: translate3d(-50%, -100px, 0); -o-transform: translate3d(-50%, -100px, 0); transform: translate3d(-50%, -100px, 0); } .page_banner .con{ top: 70%; max-width: 1600px; margin: 0 auto; text-align: left; } .page_banner .con .text{ display: inline-block; width: auto; background-color: rgba(55, 122, 167, 0.66); padding: 20px 36px; text-align: left; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .page_banner .con .text span{ display: block; font-size: 16px; margin-top: 10px; } .solution_plan{ padding: 120px 0 100px; } .solution_plan .con{ max-width: 1600px; margin-top: 80px; padding: 0; } .solution_plan .con ul li a{ position: relative; display: inline-block; height: 300px; background-color: #f6f6f6; padding: 42px 32px 90px; } .solution_plan .con ul li.col-6 a{ height: 260px; } .solution_plan .con ul li a:hover{ background-color: #377aa7; } .solution_plan .con ul li{ margin-bottom: 30px; } .solution_plan .con ul li a h3{ color: #377aa7; font-size: 22px; } .solution_plan .con ul li a:hover h3{ color: #fff; } .solution_plan .con ul li a p{ color: #666; font-size: 16px; margin-top: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .solution_plan .con ul li a:hover p{ color: #fff; } .solution_plan .con ul li a>span{ position: absolute; right: 32px; bottom: 42px; color: #d57b18; vertical-align: middle; } .solution_plan .con ul li a>span img{ margin-left: 12px; vertical-align: middle; } .solution_adv{ background: url("../images/solution_adv_bg.jpg") no-repeat fixed; } .solution_adv .con{ max-width: 1600px; padding: 80px 180px; } .solution_adv .con ul li{ cursor:pointer; } .solution_adv .con ul li .icon{ position: relative; width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; margin: 0 auto; } .solution_adv .con ul li:hover .icon{ background-color: rgba(255, 255, 255, 0.3); } .solution_adv .con ul li .text{ color: #fff; padding: 0 25px; } .solution_adv .con ul li .text h3{ font-size: 22px; margin-top: 24px; line-height: 6px; } .solution_adv .con ul li .text p{ font-size: 16px; margin-top: 20px; line-height: 24px; text-align: left; } .solution_case{ padding: 130px 0 180px; } .solution_case .con{ max-width: 1600px; margin-top: 80px; padding: 0; } .solution_case .con ul li a{ display: inline-block; } .solution_case .con ul li:nth-child(2){ text-align: center; } .solution_case .con ul li:nth-child(3){ text-align: right; } .solution_case .con .text{ margin-top: 24px; } .solution_case .con .text h3{ font-size: 22px; color: #377aa7; } .solution_case .con a:hover .text h3{ color: #d57b18; } .solution_case .con .text p{ font-size: 16px; color: #666; margin-top: 12px; } .thought_con .con{ max-width: 1600px; padding: 40px 0 180px; } .thought_con .con ul li:nth-child(2n){ text-align: center; } .thought_con .con ul li:nth-child(3n){ text-align: right; } .thought_con .con ul li{ margin: 20px 0; } .thought_con .con ul li .box{ display: inline-block; } .thought_con .con ul li .box .img{ position: relative; /**/ /* overflow: hidden; */ width: 100%; height: 0; padding-bottom: 141.3%; /**/ } .thought_con .con ul li .box .img img:nth-child(1){ opacity: 0; } .thought_con .con ul li .box .img img:nth-child(2){ position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; /**/ height: 100%; object-fit: cover; object-position: center; /**/ } .thought_con .con ul li .box:hover .img img:nth-child(2){ width: 110%; max-width: 110%; } .thought_con .con ul li .box .text{ text-align: center; margin-top: 24px; } .thought_con .con ul li .box .text h3{ font-size: 22px; color: #377aa7; } .thought_con .con ul li .box:hover .text h3{ color: #d57b18; } .thought_con .con ul li .box .text p{ font-size: 16px; color: #666; margin-top: 10px; } .thought_con .con ul li .box .butt{ margin-top: 30px; text-align: center; } .thought_con .con ul li .box .butt a{ display: inline-block; padding: 0 42px; line-height: 48px; background-color: #d57b18; color: #fff; font-size: 14px; box-shadow: 12px 3px 34px rgba(201, 126, 117, 0.21); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .thought_con .con ul li .box .butt a:hover{ box-shadow: 0 0 0 rgba(0,0,0,0); opacity: .8; } .thought_con .con ul li .box .butt a span{ vertical-align: middle; } .thought_con .con ul li .box .butt a img{ margin-left: 12px; vertical-align: middle; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .thought_con .con ul li .box .butt a:hover img{ -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .resource_cur{ padding: 120px 0; } .resource_cur .con{ max-width: 1600px; margin-top: 60px; padding: 0; } .resource_cur .con ul li a{ position: relative; height: 100%; display: inline-block; background-color: #f6f6f6; padding: 42px 32px 80px; } .resource_cur .con ul li a:hover{ background-color: #377aa7; } .resource_cur .con ul li a h3{ font-size: 22px; color: #377aa7; } .resource_cur .con ul li a:hover h3{ color: #fff; } .resource_cur .con ul li a p{ font-size: 16px; color: #666; margin-top: 30px; } .resource_cur .con ul li a:hover p{ color: #fff; } .resource_cur .con ul li a>span{ position: absolute; right: 32px; bottom: 42px; color: #d57b18; vertical-align: middle; } .solution_plan .con ul li a>span img{ margin-left: 12px; vertical-align: middle; } .resource_Inf{ padding: 120px 0; background-color: #f3f3f3; } .resource_Inf .con{ max-width: 1600px; margin-top: 80px; padding: 0; } .resource_Inf .con .text{ /*padding: 28px 0;*/ vertical-align: middle; } .resource_Inf .con ul li{ margin-bottom: 24px; } .resource_Inf .con ul li{ position: relative; } .resource_Inf .con ul li:before{ display: none; content: ''; position: absolute; left: 0; top: 12px; width: 24px; height: 2px; background-color: #999; } .resource_Inf .con .text h3{ font-size: 22px; color: #377aa7; } .resource_Inf .con .text p{ font-size: 16px; color: #666; margin-top: 12px; } .resource_Inf .con .img{ text-align: center; vertical-align: middle; } .resource_Inf .con .img img{ width: 288px; } .resource_Inf .con .img a{ display: block; margin-top: 18px; color: #d57b18; } .wind_img div{ z-index: 1000; } .wind_img div img{ max-width:80%; max-height: 80%; z-index: 100; } .resource_pki{ padding: 120px 0; } .resource_pki .con{ max-width: 1600px; padding: 0; } .resource_pki .con ul li:nth-child(2){ text-align: center; } .resource_pki .con ul li:nth-child(3n){ text-align: right; } .resource_pki .con ul li .box{ display: inline-block; width: 360px; text-align: center; cursor:pointer; } .resource_pki .con ul li .icon{ position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #377aa7; } .resource_pki .con ul li .box:hover .icon{ background-color: #dee6f0; } .resource_pki .con ul li h3{ position: relative; font-size: 22px; color: #377aa7; margin-top: 16px; padding: 0 0 16px; } .resource_pki .con ul li h3:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 10px; height: 2px; background-color: #999; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .resource_pki .con ul li p{ font-size: 16px; color: #666; margin-top: 16px; } .resource_bri{ padding: 120px 0; /*background-color: #f3f3f3;*/ } .resource_bri .con{ max-width: 1600px; font-size: 0; position: relative; padding: 0; } .resource_bri .con .img{ display: inline-block; max-width: 45%; max-height: 396px; overflow: hidden; } .resource_bri .con .img img{ /*-webkit-transition: all .5s;*/ /*-moz-transition: all .5s;*/ /*-ms-transition: all .5s;*/ /*-o-transition: all .5s;*/ /*transition: all .5s;*/ } .resource_bri .con .text{ position: absolute; right: 0; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); display: inline-block; max-width: 55%; padding: 0 0 0 86px; } .resource_bri .con .text h3{ font-size: 22px; color: #377aa7; } .resource_bri .con .text p{ font-size: 16px; color: #666; margin-top: 32px; } .resource_course{ padding: 120px 0; width: 100%; overflow: hidden; background: url("../images/resource_course_bg.jpg") fixed; } .resource_course .title h1{ color: #fff; } .resource_course .title h6{ color: #fff; } .resource_course .con{ margin-top: 80px; max-width: 1600px; } .resource_course .course_ban .swiper-slide{ padding: 0 120px 0 0; } .resource_course .course_ban .num{ position: relative; padding: 0 0 40px; } .resource_course .course_ban .num:after{ content: ''; position: absolute; top: 100%; left: 70%; width: 100%; height: 1px; background-color: #fff; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .resource_course .course_ban h1{ color: #fff; text-align: center; } .resource_course .course_ban h1:before{ content: ''; position: absolute; left: 50%; top: 100%; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .resource_course .course_ban .swiper-slide-active h1{ color: #d57b18; } .resource_course .course_ban .swiper-slide-active h1:before{ background-color: #d57b18; } .resource_course .course_ban .swiper-slide-active h1:after{ content: ''; position: absolute; top: 100%; left: 50%; width: 20px; height: 20px; background-color: rgba(213, 123, 24, 0.4); border-radius: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); animation: slide-active-icon 1s ease-in-out infinite .5s; -webkit-animation:slide-active-icon 1s ease-in-out infinite .5s; /*Safari and Chrome*/ opacity: 0; } @keyframes slide-active-icon{ 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } @-webkit-keyframes slide-active-icon{ 0%{ opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } .resource_course .course_ban .text{ /*padding: 0 120px 0 0;*/ text-align: center; margin-top: 40px; } .resource_course .course_ban h3{ font-size: 30px; color: #fff; } .resource_course .course_ban p{ font-size: 16px; color: #fff; margin-top: 20px; line-height: 28px; } .resource_bribott{ background-color: #fff; } .resource_bribott .con .img{ /*max-width:35%;*/ /*max-height: 320px;*/ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .resource_bribott .con .text{ /*max-width: 65%;*/ } .resource_bribott .con .text h1{ position: relative; color: #377aa7; padding: 0 0 30px; } .resource_bribott .con .text h1:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 18px; height: 2px; background-color: #377aa7; } .contact_list{ padding: 120px 0; } .contact_list .con{ max-width: 1600px; padding: 0; } .contact_list ul li{ margin-bottom: 30px; } .contact_list ul li a{ display: inline-block; padding: 46px; background-color: #f6f6f6; width: 100%; height: 100%; } .contact_list ul li a:hover{ background-color: #377aa7; } .contact_list ul li h3{ position: relative; font-size: 22px; color: #377aa7; padding: 0 0 20px; overflow: hidden; } .contact_list ul li a:hover h3{ color: #fff; } .contact_list ul li h3:before,.contact_list ul li h3:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd; } .contact_list ul li h3:after{ background-color: #d57b18; -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -ms-transform: translate(-100%,0); -o-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .contact_list ul li a:hover h3:after{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .contact_list ul li .text{ position: relative; margin-top: 24px; } .contact_list ul li .text p{ position: relative; font-size: 16px; color: #666; padding-left: 52px; line-height: 30px; } .contact_list ul li a:hover .text p{ color: #fff; } .contact_list ul li .text p:nth-child(n+2){ margin-top: 16px; } .contact_list ul li .text p span{ position: absolute; left: 0; top: 0; /*-webkit-transform: translate(0,-50%);*/ /*-moz-transform: translate(0,-50%);*/ /*-ms-transform: translate(0,-50%);*/ /*-o-transform: translate(0,-50%);*/ /*transform: translate(0,-50%);*/ } .position{ font-size: 14px; color: #999; padding: 24px 0; max-width: 1600px; } .position span{ color: #d57b18; } .position a{ color: #999; } .position a:hover{ color: #d57b18; } .solution_eval_dom01{ background:url("../images/solution_eval_dom01_bg.jpg") no-repeat fixed; } .solution_eval_dom01 .con{ margin-top: 50px; max-width: 1600px; padding: 0; } .solution_eval_dom01 .con .mimg{ display: none; } .solution_eval_tab{ padding: 50px 0; } .solution_eval_tab .tab{ max-width: 1600px; padding: 0; } .solution_eval_tab .tab .tab_nav{ position: relative; padding: 0 0 26px; } .solution_eval_tab .tab .tab_nav:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd; } .solution_eval_tab .tab .tab_nav a{ font-size: 20px; color: #666; margin: 0 48px; } .solution_eval_tab .tab .tab_nav a.select{ color: #d57b18; font-weight: bold; } .solution_eval_tab .tab .tab_con{ /*margin-top: 66px;*/ font-size: 0; } .solution_eval_tab .tab .tab_con .box{ display: none; } .solution_eval_tab .tab .tab_con .show{ display: block; } .solution_eval_tab .tab .tab_con .ri_text{ display: inline-block; /*max-width: 940px;*/ width: 58%; vertical-align: middle; } .solution_eval_tab .tab .tab_con .ri_text .tit h1{ color: #333; } .solution_eval_tab .tab .tab_con .ri_text .tit .txt{ font-size: 16px; color: #666; margin-top: 36px; } .solution_eval_tab .tab .tab_con .ri_text .butt{ margin-top: 30px; } .solution_eval_tab .tab .tab_con .ri_text a{ display: inline-block; padding: 0 60px; font-size: 14px; color: #fff; background-color: #d57b18; line-height: 55px; text-transform: uppercase; box-shadow: 12px 3px 34px rgba(201, 126, 117, 0.21); } .solution_eval_tab .tab .tab_con .ri_text .tit a img{ margin-left: 12px; } .solution_eval_tab .tab .tab_con .ri_text .text{ margin-top: 68px; } .solution_eval_tab .tab .tab_con .ri_text .text{ } .solution_eval_tab .tab .tab_con .ri_text .text h3{ /*font-size: 30px;*/ color: #377aa7; } .solution_eval_tab .tab .tab_con .ri_text .text .txt{ font-size: 16px; color: #666; margin-top: 24px; line-height: 30px; } .solution_eval_tab .tab .tab_con .ri_text .text .data{ margin-top: 42px; background-color: #f3f3f3; padding: 42px 0; } .solution_eval_tab .tab .tab_con .ri_text .text .data ul{ position: relative; } .solution_eval_tab .tab .tab_con .ri_text .text .data ul:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 100%; background-color: #ddd; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .solution_eval_tab .tab .tab_con .ri_text .text .data h6{ display: inline-block; font-size: 72px; color: #377aa7; font-weight: bolder; font-family: 'Arial','榛戜綋'; } .solution_eval_tab .tab .tab_con .ri_text .text .data .num span{ font-size: 30px; color: #377aa7; font-weight: bolder; } .solution_eval_tab .tab .tab_con .ri_text .text .data ul li p{ max-width: 200px; font-size: 16px; color: #666; margin: 0 auto; } .solution_eval_tab .tab .tab_con .ri_text .tips{ font-size: 16px; color: #377aa7; margin-top: 24px; } .solution_eval_tab .tab .tab_con .le_img{ display: inline-block; width: 42%; vertical-align: middle; padding-left: 20px; overflow: hidden; text-align: right; } .solution_eval_dom03{ padding: 120px 0; background: url("../images/solution_eval_dom03_bg.jpg") no-repeat fixed; background-size: 100% auto; } .solution_eval_dom03 .con,.solution_eval_dom04 .con{ max-width: 1600px; padding: 0; } .solution_eval_dom03 .con .mimg,.solution_eval_dom04 .con .mimg{ display: none; } .solution_eval_dom04{ padding: 80px 0; } .solution_eval_p3{ background: url("../images/solution_eval_p3_bg.png") no-repeat fixed 0 300%; background-color: #f3f3f3; padding: 80px 0; overflow: hidden; } .solution_eval_p3 .con{ max-width: 1600px; font-size: 0; padding: 0; } .solution_eval_p3 .con .text{ width: 70%; display: inline-block; vertical-align: middle; } .solution_eval_p3 .con h3{ font-size: 30px; color: #377aa7; margin-bottom: 60px; } .solution_eval_p3 .con .txt{ font-size: 16px; color: #666; margin-top: 30px; } .solution_eval_p3 .con a{ display: inline-block; padding: 0 60px; font-size: 14px; color: #fff; line-height: 55px; background-color: #d57b18; } .solution_eval_p3 .con .butt{ margin-top: 72px; } .solution_eval_p3 .con a img span{ vertical-align: middle; } .solution_eval_p3 .con a img{ vertical-align: middle; margin-left: 12px; } .solution_eval_p3 .con .img{ width: 30%; display: inline-block; vertical-align: middle; text-align: right; padding-left: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow: hidden; } .solution_vocat_dom01{ background-image: url("../images/solution_vocat_dom01_bg.jpg"); padding: 0 0 120px; } .solution_vocat_tab{ padding: 80px 0 0; } .solution_vocat_tab .tab{ max-width: 100%; padding: 0; } .solution_vocat_tab .tab .tab_nav,.solution_vocat_tab .tab .tab_con .dom_top{ max-width: 1600px; margin: 0 auto; } .solution_vocat_tab .tab .tab_con .ri_text .text p span{ color: #377aa7; font-weight: bolder; } .solution_vocat_tab .tab .tab_con .bott_con{ width: 100%; background-color: #f3f3f3; padding: 62px 0; margin-top: 120px; } .solution_vocat_tab .tab .tab_con .bott_data{ max-width: 1600px; padding: 0; } .solution_vocat_tab .tab .tab_con .bott_data .text{ display: inline-block; width: 40%; vertical-align: middle; } .solution_vocat_tab .tab .tab_con .bott_data .text p{ max-width: 510px; font-size: 16px; color: #666; } .solution_vocat_tab .tab .tab_con .bott_data ul{ position: relative; display: inline-block; width: 60%; vertical-align: middle; } .solution_vocat_tab .tab .tab_con .bott_data ul:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 100%; background-color: #ddd; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .solution_vocat_tab .tab .tab_con .bott_data ul li{ display: inline-block; vertical-align: top; } .solution_vocat_tab .tab .tab_con .bott_data ul li h6{ display: inline-block; font-size: 72px; color: #377aa7; font-weight: bolder; font-family: 'Arial','榛戜綋'; } .solution_vocat_tab .tab .tab_con .bott_data ul li .num span{ font-size: 30px; color: #377aa7; font-weight: bolder; } .solution_vocat_tab .tab .tab_con .bott_data ul li p{ max-width: 340px; font-size: 16px; color: #666; margin: 0 auto; } .solution_vocat_tab .tab .tab_con .bott_data ul li>span{ display: block; font-size: 16px; color: #377aa7; margin-top: 12px; } .solution_vocat_dom03{ background-image: url("../images/solution_vocat_dom03_bg.jpg"); } .solution_ind_dom01{ background-image: url("../images/solution_ind_dom01_bg.jpg"); padding: 0 0 120px; } .solution_ind_tab{ padding: 120px 0 0 ; } .solution_ind_tab .tab .tab_con .ri_text .tit h1{ color: #377aa7; } .solution_ind_tab .tab .tab_con .ri_text .text{ margin-top: 0; } .solution_ind_tab .bott_data{ padding: 100px 0; background-color: #f3f3f3; margin-top: 120px; } .solution_ind_tab .bott_data .con{ max-width: 1600px; font-size: 0; padding: 0; } .solution_ind_tab .bott_data .text{ display: inline-block; width: 40%; vertical-align: middle; } .solution_ind_tab .bott_data .text h3{ color: #377aa7; font-size: 30px; line-height: 42px; } .solution_ind_tab .bott_data .text .txt{ font-size: 16px; color: #666; margin-top: 36px; line-height: 30px; } .solution_ind_tab .bott_data .data{ display: inline-block; width: 60%; vertical-align: middle; padding-left: 60px; } .solution_ind_tab .bott_data .data ul{ position: relative; } .solution_ind_tab .bott_data .data ul:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 100%; background-color: #ddd; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .solution_ind_tab .bott_data .data ul li h6{ display: inline-block; font-size: 72px; color: #377aa7; font-weight: bolder; font-family: 'Arial','榛戜綋'; } .solution_ind_tab .bott_data .data ul li .num span{ font-size: 30px; color: #377aa7; font-weight: bolder; } .solution_ind_tab .bott_data .data ul li p{ max-width: 290px; font-size: 16px; color: #666; margin: 0 auto; } .solution_ind_tab .bott_data .data ul li>span{ display: inline-block; margin-top: 16px; color: #377aa7; font-size: 16px; } .solution_ind_tab .bott_text{ padding: 100px 0; } .solution_ind_tab .bott_text .con{ max-width: 1600px; padding: 0; } .solution_ind_tab .bott_text h3{ font-size: 30px; color: #377aa7; } .solution_ind_tab .bott_text .txt{ font-size: 16px; color: #666; margin-top: 30px; line-height: 30px; } .solution_ind_dom03{ background-image: url("../images/solution_ind_dom03_bg.jpg"); } .solution_ind_dom04{ background: #fff; } .solution_ind_dom05{ background: #f3f3f3; } .solution_strat_dom01{ background-image: url("../images/solution_strat_dom_bg.jpg"); } .solution_strat_tab{ padding: 120px 0; } .solution_strat_dom03{ background-image: url("../images/solution_strat_dom03_bg.jpg"); } .solution_strat_team{ padding: 120px 0; background-color: #f3f3f3; } .solution_strat_team .con{ max-width: 1600px; margin-top: 80px; } .solution_strat_team .strat_team_ban{ width: 100%; overflow: hidden; } .solution_strat_team .strat_team_ban .box{ padding: 0 36px; text-align: center; } .solution_strat_team .strat_team_ban .box .img{ display: inline-block; width: 160px; height: 160px; border: 1px solid #ddd; border-radius: 50%; overflow: hidden; } .solution_strat_team .strat_team_ban .box .tit h3{ font-size: 22px; color: #377aa7; margin-top: 14px; } .solution_strat_team .strat_team_ban .box .tit p{ font-size: 16px; color: #999; margin-top: 8px; } .solution_strat_team .strat_team_ban .box .text{ font-size: 16px; color: #666; line-height: 30px; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .solution_strat_team .strat_team_ban .strat_team_ban-pagination{ text-align: center; margin-top: 60px; } .solution_strat_team .strat_team_ban .strat_team_ban-pagination span{ opacity: 1; width: 14px; height: 14px; background-color: #333; } .solution_strat_team .strat_team_ban .strat_team_ban-pagination .swiper-pagination-bullet-active{ background-color: #d57b18; } .resource_educ_dom01{ padding: 0 0 120px; } .resource_educ_dom01 .title{ max-width: 1600px; } .resource_educ_dom01 .con{ max-width: 1600px; margin-top: 80px; padding: 0; } .resource_educ_dom01 .con .tit{ max-width: 948px; } .resource_educ_dom01 .con .tit h3{ font-size: 32px; color: #377aa7; } .resource_educ_dom01 .con .tit p{ font-size: 16px; color: #666; line-height: 30px; margin-top: 24px; } .resource_educ_dom01 .con .list_educ{ margin-top: 60px; } .resource_educ_dom01 .con .list_educ ul li:nth-child(2n){ text-align: right; } .resource_educ_dom01 .con .list_educ ul li .box{ display: inline-block; max-width: 750px; } .resource_educ_dom01 .con .list_educ ul li .box .img{ position: relative; max-height: 328px; overflow: hidden; background-color: #377aa7; } .resource_educ_dom01 .con .list_educ ul li .box .img .list_tex{ position: absolute; left: 50%; top:150%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 72%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-align: left; } .resource_educ_dom01 .con .list_educ ul li .box:hover .img img{ opacity: .1; } .resource_educ_dom01 .con .list_educ ul li .box:hover .img .list_tex{ top: 50%; } .resource_educ_dom01 .con .list_educ ul li .box .img .list_tex p{ font-size: 16px; color: #fff; margin: 12px 0; } .resource_educ_dom01 .con .list_educ ul li .box .img .list_tex p span{ font-size: 22px; font-weight: bolder; margin-right: 12px; } .resource_educ_dom01 .con .list_educ ul li .box .text{ margin-top: 24px; } .resource_educ_dom01 .con .list_educ ul li .box .text h3{ font-size: 22px; color: #377aa7; } .resource_educ_dom01 .con .list_educ ul li .box .text p{ font-size: 16px; color: #666; margin-top: 16px; } .resource_educ_dom02{ padding: 120px 0; } .resource_educ_dom02 .con{ max-width: 1600px; } .resource_cpda_dom01 .con{ max-width: 1600px; padding: 0 0 120px; } .resource_educ_dom02 .con .mimg{ display: none; } .resource_cpda_dom01 .con .mimg{ display: none; } .resource_cpda_dom02 { padding: 120px 0; } .resource_cpda_dom02 .con{ max-width: 1600px; } .resource_cpda_dom02 .con .mimg{ display: none; } .resource_cpda_cebrief{ padding: 120px 0; } .resource_cpda_cebrief .cebrief_teb{ margin-top: 80px; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav{ position: relative; padding: 0 0 18px; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ddd; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav a{ display: inline-block; font-size: 14px; color: #999; padding: 0 36px; line-height: 36px; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav a.select{ background-color: #d57b18; color: #fff; } .resource_cpda_cebrief .cebrief_teb .cebrief_con{ margin-top: 60px; max-width: 1600px; padding: 0; } .resource_cpda_cebrief .cebrief_teb .cebrief_con .box{ display: none; } .resource_cpda_cebrief .cebrief_teb .cebrief_con .show{ display: block; } .resource_cpda_cebrief .cebrief_teb .cebrief_con .box .mimg{ display: none; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li{ text-align: center; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li:nth-child(4n+1){ text-align: left; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li:nth-child(4n){ text-align: right; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a{ display: inline-block; /*max-width: 346px;*/ overflow: hidden; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img{ position: relative; background-color: #377aa7; overflow: hidden; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a:hover .img img{ opacity: .1; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 100px 40px; text-align: center; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box .num{ position: relative; display: inline-block; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box .num:after{ content: ''; position: absolute; top: 50%; right: 100%; width: 200%; height: 1px; background-color: #ccc; margin-right: 212px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a:hover .img .ux_box .num:after{ margin-right: 12px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box .num span{ position: relative; top: -200px; font-size: 60px; color: #fff; opacity: .3; font-weight: bolder; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a:hover .img .ux_box .num span{ top: 0; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box .data{ position: relative; top: 250px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a:hover .img .ux_box .data{ top: 0; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box h3{ font-size: 24px; color: #fff; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box p{ font-size: 16px; color: #fff; margin-top: 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text{ text-align: center; margin-top: 32px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text h3{ font-size: 24px; color: #377aa7; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a:hover .text h3{ color: #d57b18; } .resource_cpda_dom04,.resource_cpda_dom05{ padding: 120px 0; } .resource_cpda_dom04 .con,.resource_cpda_dom05 .con{ max-width: 1600px; padding: 0; } .resource_cpda_dom04 .con .mimg,.resource_cpda_dom05 .con .mimg{ display: none; } .resource_eng_dom01 .con{ max-width: 1600px; padding: 0 0 120px; } .resource_eng_dom02 .con{ max-width: 1600px; padding: 120px 0 0; } .resource_eng_dom01 .con .mimg,.resource_eng_dom02 .con .mimg{ display: none; } .resource_eng_cebrief .cebrief_teb{ max-width: 1600px; margin-top: 0; background-color: #fff; padding: 80px 0; } .resource_eng_cebrief .cebrief_teb .cebrief_nav{ max-width: 1600px; } .resource_eng_cebrief .cebrief_con ul li a{ width: 100%; text-align: center; } .resource_eng_cebrief .cebrief_con ul li a .text h3{ font-size: 22px; color: #377aa7; } .resource_eng_cebrief .cebrief_con ul li a .text p{ font-size: 14px; color: #999; } .resource_eng_cebrief .cebrief_con ul li a .butt{ margin-top: 24px; } .resource_eng_cebrief .cebrief_con ul li a .butt span{ font-size: 16px; color: #d57b18; } .resource_eng_dom04{ padding: 120px 0; } .resource_eng_dom04 .con{ max-width: 1600px; padding: 0; } .resource_eng_dom05{ padding: 120px 0; } .resource_eng_dom05 .con{ max-width: 1600px; } .resource_eng_dom06{ padding: 120px 0; } .resource_eng_dom06 .con{ max-width: 1600px; padding: 0; } .resource_eng_dom04 .con .mimg,.resource_eng_dom05 .con .mimg,.resource_eng_dom06 .con .mimg{ display: none; } .wind_video{ position: fixed; left: 0; width: 100%; height: 100%; } .wind_video_show{ top: 0; z-index: 10000; } .wind_video .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .wind_video iframe{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-align: center; max-width: 100%; width: 90%; height: 90%; } .wind_video .video video{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .wind_video_show .video{ top: 50%; } .ri_fixed{ position: fixed; right: -100px; bottom: 52px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: 1000; } .ri_fixed_show{ right: 32px; } .ri_fixed a{ display: inline-block; } .ri_fixed .img{ position: relative; width: 50px; height: 50px; background-color: rgba(99, 99, 99, 0.6); } .ri_fixed .img:hover{ background-color: rgba(99, 99, 99, 0.8); } .solution_eval_three .con{ color: #fff; /*font-family: '榛戜綋';*/ } .solution_eval_three .con .tit_top p{ font-size: 16px; } .solution_eval_three .con ul{ margin-top: 148px; } .solution_eval_three .con ul li:nth-child(2n){ text-align: center; } .solution_eval_three .con ul li:nth-child(3n){ text-align: right; } .solution_eval_three .con ul li{ vertical-align: top; } .solution_eval_three .con ul li .box{ max-width: 422px; display: inline-block; padding-top: 100px; margin-top: -100px; } .solution_eval_three .con ul li .tit{ position: relative; } .solution_eval_three .con ul li h3{ font-size: 30px; text-align: center; } .solution_eval_three .con ul li .tit span{ position: absolute; left: 50%; top: -100px; font-size: 120px; opacity: .16; font-weight: bolder; /*font-family: 'Impact';*/ -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .solution_eval_three .con ul li .text{ margin-top: 40px; } .solution_eval_three .con ul li .text p{ font-size: 16px; line-height: 30px; text-align: left; font-weight: lighter; } .solution_eval_three .con ul li .text p span{ font-weight: bolder; } .solution_eval_three .con .bott{ margin-top: 90px; font-size: 16px; } .solution_ind_three .con ul li .tit{ min-height: 70px; } .solution_strat_three .con ul li .box{ max-width: 464px; } .resource_educ_three .con ul{ margin-top: 40px; } .win-form .bg{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; background-color: rgba(0,0,0,.6); } .win-form .bg-show{ display: block; } .win-form .form{ position: fixed; left: 50%; top: 50%; max-width: 100%; background-color: #fff; padding: 30px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: none; } .win-form .form-show{ display: block; } .win-form .form h3{ font-size: 2em; color: #333; text-align: center; margin-bottom: 1em; line-height: 1.5; } .win-form .form p{ font-size: 1em; color: #666; margin-bottom: .5em; } .win-form .form form{ } .win-form .form form input{ width: 100%; height: 60px; font-size: 18px; color: #333; border: 1px solid #ccc; padding: 0 24px; margin-bottom: 20px; line-height: 1.5; } .win-form .form form input[type="button"]{ background-color: #d57b18; font-weight: bolder; color: #fff; border: none; margin-bottom: 0; } .adviser-banner{ height: 448px; } .adviser-banner .bg_img img{ top: 0; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .adviser-content{ position: relative; z-index: 10; padding: 0 160px; margin-top: -267px; } .adviser-title{ position: relative; padding: 86px 0 60px 100px; width: calc(100% - 464px); } .adviser-title h5{ font-size: 40px; color: #fff; font-weight: bold; } .adviser-title p{ font-size: 18px; color: #fff; margin-top: 24px; display: inline-block; } .adviser-title .tag{ position: absolute; right: 0; bottom: 60px; font-size: 22px; color: #fff; display: inline-block; } .adviser-portrait{ padding-right: 100px; margin-top: -312px; } .adviser-text{ padding: 40px 0 0 0; /*width: calc(100% - 464px);*/ width: 100%; font-size: 16px; color: #333; line-height: 1.8em; } .adviser-listtxt{ margin-top: 80px; } .adviser-listtxt .tit h3{ font-size: 30px; color: #377aa7; } .adviser-listtxt ul{ margin-top: 36px; } .adviser-listtxt ul li{ margin-bottom: 30px; padding: 36px; background-color: #f6f6f6; } .adviser-listtxt ul li .tex{ position: relative; padding-left: 18px; font-size: 16px; color: #333; line-height: 2em; } .adviser-listtxt ul li .tex:before{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 8px; background-color: #333; border-radius: 50%; margin-top: 12px; } .adviser-education{ margin-top: 80px; } .adviser-education .tit h3{ font-size: 30px; color: #377aa7; } .adviser-education .tex{ position: relative; font-size: 16px; color: #333; line-height: 2em; margin-top: 36px; } .adviser-relevant{ padding-bottom: 140px; } .adviser-relevant .tit{ text-align: center; margin-top: 120px; } .adviser-relevant .tit h3{ color: #377aa7; font-weight: bold; font-size: 40px; } .adviser-relevant .list{ margin-top: 60px; font-size: 0; } .adviser-relevant .list ul li{ display: inline-block; width: calc((100% - 168px)/5); text-align: center; margin-left: 42px; vertical-align: top; } .adviser-relevant .list ul li:first-child{ /* margin-left: 0; */ } .adviser-relevant .list ul li .text{ padding: 24px 0 0; } .adviser-relevant .list ul li a h5{ font-size: 22px; color: #377aa7; } .adviser-relevant .list ul li a span{ font-size: 16px; color: #666; } .adviser-relevant .list ul li a p{ font-size: 16px; color: #666; margin-top: 12px; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .tabbular-content{ margin-top: 60px; padding: 0 160px; } .tabbular-content .tit h3{ font-size: 32px; color: #377aa7; font-weight: bold; text-align: center; } .tabbular-content .tit{ margin-bottom: 40px; } .tabbular-content .bottom-text{ font-size: 16px; padding: 48px 0 60px 20px; } .modular_form{ padding: 60px 60px 120px; text-align: center; } .modular_form form{ padding: 60px 60px 20px; max-width: 1200px; margin: 0 auto; } .modular_form label{ display: block; margin-bottom: 20px; line-height: 40px; text-align: left; } .modular_form label span{ color: #FF0000; } .modular_form label:after{ clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; } .modular_form label input,.modular_form label select{ width: 90%; float: right; height: 40px; border: 1px solid #eee; padding: 0 24px; color: #333; } .modular_form label input:focus,.modular_form label select:focus{ border: 1px solid #d57b18; } .modular_form label textarea{ width: 90%; float: right; height: 80px; border: 1px solid #eee; padding: 0 24px; color: #333; } .modular_form label textarea:focus{ border-color: #d57b18; } .modular_form button{ width: 120px; height: 40px; background-color: #d57b18; color: #fff; font-size: 16px; border: none; } .modular_form button:hover{ box-shadow: 0 0 10px rgba(0,0,0,.1); } @media (max-width: 1650px){ .head{ max-width: 1360px; } .home_training{ padding: 160px 0; } .home_training .con{ max-width: 1360px; } .home_training .con .text, .home_guide .con .text{ padding: 60px 80px 60px 0; } .home_guide .con .text{ padding: 180px 246px 180px 90px; } .home_customer{ padding: 100px 0; } .home_customer .con{ max-width: 1360px; margin-top: 60px; } .home_customer .con .home_customer_banner .swiper-slide{ height: 160px; } .home_customer .con .home_customer_pagination{ margin-top: 40px; } .page_banner .con{ max-width: 1360px; } .solution_plan{ padding: 100px 0 80px; } .solution_plan .con{ max-width: 1360px; margin-top: 60px; } .solution_adv .con{ max-width: 1360px; padding: 80px 40px; } .solution_case{ padding: 100px 0 160px; } .solution_case .con{ margin-top: 60px; max-width: 1360px; } .thought_con .con{ max-width: 1360px; padding: 40px 0 160px; } .resource_cur{ padding: 100px 0; } .resource_cur .con{ max-width: 1360px; } .resource_Inf{ padding: 100px 0; } .resource_Inf .con{ max-width: 1360px; margin-top: 60px; } .resource_pki{ padding: 100px 0; } .resource_pki .con{ max-width: 1360px; } .resource_bri{ padding: 100px 0; } .resource_bri .con{ max-width: 1360px; } .resource_course{ padding: 100px 0; } .resource_course .con{ max-width: 1360px; margin-top: 60px; } .contact_list{ padding: 100px 0 80px; } .contact_list .con{ max-width: 1360px; } .position{ max-width: 1360px; } .solution_eval_dom01 .con{ max-width: 1360px; margin-top: 20px; } .solution_eval_tab{ padding: 100px 0; } .solution_eval_tab .tab{ max-width: 1360px; } .solution_eval_dom03{ padding: 100px 0; } .solution_eval_dom03 .con, .solution_eval_dom04 .con{ max-width: 1360px; } .solution_eval_p3{ padding: 100px 0; } .solution_eval_p3 .con{ max-width: 1360px; } .solution_vocat_tab{ padding: 100px 0 0; } .solution_vocat_tab .tab{ max-width: 100%; } .solution_vocat_tab .tab .tab_nav, .solution_vocat_tab .tab .tab_con .dom_top{ max-width: 1360px; } .solution_vocat_tab .tab .tab_con .bott_data{ max-width: 1360px; } .solution_vocat_tab .tab .tab_con .bott_con{ margin-top: 100px; } .solution_ind_tab .bott_data .con{ max-width: 1360px; } .solution_ind_tab .bott_data{ padding: 80px 0; margin-top: 100px; } .solution_ind_tab .bott_text{ padding: 80px 0; } .solution_ind_tab .bott_text .con{ max-width: 1360px; } .solution_ind_tab{ padding: 100px 0 0; } .solution_strat_tab{ padding: 100px 0; } .solution_strat_team{ padding: 100px 0; } .solution_strat_team .con{ max-width: 1360px; margin-top: 60px; } .resource_cpda_dom01 .con{ max-width: 1360px; padding: 0 0 100px; } .resource_cpda_dom02{ padding: 100px 0; } .resource_cpda_dom02 .con{ max-width: 1360px; } .resource_cpda_cebrief{ padding: 100px 0; } .resource_cpda_cebrief .cebrief_teb{ margin-top: 60px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con{ max-width: 1360px; } .resource_cpda_dom04, .resource_cpda_dom05{ padding: 100px 0; } .resource_cpda_dom04 .con, .resource_cpda_dom05 .con{ max-width: 1360px; } .resource_educ_dom01{ padding: 0 0 100px; } .resource_educ_dom01 .title{ max-width: 1360px; } .resource_educ_dom01 .con{ max-width: 1360px; margin-top: 60px; } .resource_educ_dom02{ padding: 100px 0; } .resource_educ_dom02 .con{ max-width: 1360px; } .resource_eng_dom01 .con{ max-width: 1360px; padding: 0 0 100px; } .resource_eng_dom02 .con{ max-width: 1360px; padding: 100px 0 0; } .resource_eng_cebrief .cebrief_teb{ max-width: 1360px; margin-top: 0; } .resource_eng_dom04{ padding: 100px 0; } .resource_eng_dom04 .con{ max-width: 1360px; } .resource_eng_dom05{ padding: 100px 0; } .resource_eng_dom05 .con{ max-width: 1360px; } .resource_eng_dom06{ padding: 100px 0; } .resource_eng_dom06 .con{ max-width: 1360px; } .solution_eval_three .con ul li h3{ font-size: 24px; } .adviser-content{ padding: 0 90px; } .tabbular-content{ padding: 0 30px; } } @media (max-width: 1420px){ .head{ max-width: 1200px; } .head .head_logo a{ line-height: 80px; } .head .head_logo a img{ max-height: 40px; } .head .head_nav ul li a{ line-height: 80px; font-size: 14px; padding: 0 36px; } .header_show .head .head_nav ul li a, .header_show .head .head_logo a{ line-height: 60px; } .home_training{ padding: 120px 0; } .home_training .con{ max-width: 1200px; } .home_training .con .text, .home_guide .con .text{ padding: 40px 60px 40px 0; } .home_guide .con .text{ padding: 160px 140px 160px 80px; } .home_customer{ padding: 80px 0; } .home_customer .con{ max-width: 1200px; margin-top: 40px; } .home_customer .con .home_customer_pagination{ margin-top: 20px; } .page_banner .con{ max-width: 1200px; } .solution_plan{ padding: 80px 0; } .solution_plan .con{ margin-top: 40px; max-width: 1200px; } .solution_plan .con ul li a p{ font-size: 14px; margin-top: 16px; } .solution_adv .con{ max-width: 1200px; padding: 60px 0; } .solution_case{ padding: 80px 0 120px; } .solution_case .con{ margin-top: 40px; max-width: 1200px; } .solution_plan .con ul li a h3{ font-size: 18px; } .solution_adv .con ul li .text h3{ font-size: 18px; } .solution_adv .con ul li .text p{ font-size: 14px; } .solution_case .con .text h3{ font-size: 18px; } .solution_case .con .text p{ font-size: 14px; } .thought_con .con{ max-width: 1200px; padding: 40px 0 120px; } .thought_con .con ul li .box .text h3{ font-size: 18px; } .thought_con .con ul li .box .text p{ font-size: 14px; } .resource_cur{ padding: 80px 0; } .resource_cur .con{ max-width: 1200px; margin-top: 40px; } .resource_cur .con ul li a h3{ font-size: 18px; } .resource_cur .con ul li a p{ font-size: 14px; } .title h6{ max-width: 980px; width: auto; } .resource_Inf{ padding: 80px 0; } .resource_Inf .con{ margin-top: 40px; max-width: 1200px; } .resource_Inf .con .text h3{ font-size: 18px; } .resource_Inf .con .text p{ font-size: 14px; } .resource_pki{ padding: 80px 0; } .resource_pki .con{ max-width: 1200px; } .resource_pki .con ul li h3{ font-size: 18px; } .resource_pki .con ul li p{ font-size: 14px; } .resource_bri{ padding: 80px 0; } .resource_bri .con{ max-width: 1200px; } .resource_bri .con .text h3{ font-size: 18px; } .resource_bri .con .text p{ font-size: 14px; } .resource_bri .con .text{ padding-left: 40px; } .resource_course{ padding: 80px 0; } .resource_course .con{ max-width: 1200px; } .resource_course .course_ban h3{ font-size: 24px; } .resource_course .course_ban p{ font-size: 14px; } .contact_list{ padding: 80px 0 60px; } .contact_list .con{ max-width: 1200px; } .contact_list ul li h3{ font-size: 18px; } .contact_list ul li .text p{ font-size: 14px; line-height: 24px; } .contact_list ul li .text p:nth-child(n+2){ margin-top: 10px; } .contact_list ul li a{ padding: 32px; } .position{ max-width: 1200px; } .solution_eval_dom01 .con{ max-width: 1200px; } .solution_eval_tab{ padding: 60px 0; } .solution_eval_tab .tab{ max-width: 1200px; } .solution_eval_tab .tab .tab_con .ri_text .tit h1{ font-size: 26px; } .solution_eval_tab .tab .tab_con .ri_text .tit p{ font-size: 16px; } .solution_eval_tab .tab .tab_con .ri_text .text h3{ font-size: 22px; } .solution_eval_tab .tab .tab_con .ri_text .text .txt{ font-size: 14px; line-height: 24px; margin-top: 16px; } .solution_eval_tab .tab .tab_con .ri_text .text .data ul li p{ font-size: 14px; } .solution_eval_tab .tab .tab_con .ri_text .text .data h6{ font-size: 60px; } .solution_eval_tab .tab .tab_con .ri_text .text .data .num span{ font-size: 24px; } .solution_eval_tab .tab .tab_con .ri_text .text{ margin-top: 40px; } .solution_eval_tab .tab .tab_con .ri_text .tit .txt{ margin-top: 24px; } .solution_eval_tab .tab .tab_nav a{ font-size: 16px; } .solution_eval_tab .tab .tab_con{ margin-top: 36px; } .solution_eval_tab .tab .tab_con .ri_text .text .data{ padding: 32px 0; margin-top: 32px; } .solution_eval_dom03{ padding: 80px 0; } .solution_eval_dom03 .con, .solution_eval_dom04 .con{ max-width: 1200px; } .solution_eval_dom04{ padding: 80px 0; } .solution_eval_p3{ padding: 80px 0; } .solution_eval_p3 .con{ max-width: 1200px; } .solution_eval_p3 .con h3{ margin-bottom: 30px; font-size: 24px; } .solution_eval_p3 .con p{ margin-top: 16px; font-size: 14px; } .solution_eval_p3 .con .butt{ margin-top: 42px; } .solution_vocat_dom01{ padding: 0 0 80px; } .solution_vocat_tab .tab{ max-width: 100%; } .solution_vocat_tab .tab .tab_nav, .solution_vocat_tab .tab .tab_con .dom_top{ max-width: 1200px; } .solution_vocat_tab .tab .tab_con .bott_con{ margin-top: 80px; } .solution_vocat_tab .tab .tab_con .bott_data{ max-width: 1200px; } .solution_vocat_tab{ padding: 60px 0 0; } .solution_vocat_tab .tab .tab_con .bott_data .text p{ font-size: 14px; } .solution_vocat_tab .tab .tab_con .bott_data ul li p,.solution_vocat_tab .tab .tab_con .bott_data ul li>span{ font-size: 14px; } .solution_vocat_tab .tab .tab_con .bott_data ul li h6{ font-size: 60px; } .solution_vocat_tab .tab .tab_con .bott_data .text{ padding-right: 20px; } .solution_ind_dom01{ padding: 0 0 80px; } .solution_ind_tab .bott_data{ margin-top: 80px; padding: 60px 0; } .solution_ind_tab .bott_data .con{ max-width: 1200px; } .solution_ind_tab .bott_data .text h3{ font-size: 22px; line-height: 36px; } .solution_ind_tab .bott_data .text p{ font-size: 14px; line-height: 24px; } .solution_ind_tab .bott_data .data ul li h6{ font-size: 60px; } .solution_ind_tab .bott_data .data ul li p{ font-size: 14px; } .solution_ind_tab .bott_data .data ul li>span{ font-size: 14px; } .solution_ind_tab .bott_text{ padding: 60px 0; } .solution_ind_tab .bott_text .con{ max-width: 1200px; } .solution_ind_tab{ padding: 60px 0 0; } .solution_strat_tab{ padding: 60px 0; } .solution_strat_team{ padding: 80px 0; } .solution_strat_team .strat_team_ban .box{ padding: 0 24px; } .solution_strat_team .con{ max-width: 1200px; } .resource_cpda_dom01 .con{ max-width: 1200px; padding: 0 0 80px; } .resource_cpda_dom02{ padding: 80px 0; } .resource_cpda_dom02 .con{ max-width: 1200px; } .resource_cpda_cebrief{ padding: 80px 0; } .resource_cpda_cebrief .cebrief_teb .cebrief_con{ max-width: 1200px; margin-top: 46px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text{ margin-top: 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text h3{ font-size: 18px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box{ padding: 60px 20px; } .resource_cpda_dom04, .resource_cpda_dom05{ padding: 80px 0; } .resource_cpda_dom04 .con, .resource_cpda_dom05 .con{ max-width: 1200px; } .resource_educ_dom01 .title{ max-width: 1200px; } .resource_educ_dom01 .con{ max-width: 1200px; } .resource_educ_dom01 .con .list_educ ul li .box .img .list_tex p{ font-size: 14px; } .resource_educ_dom01 .con .list_educ ul li .box .img .list_tex p span{ font-size: 18px; } .resource_educ_dom01 .con .list_educ{ margin-top: 40px; } .resource_educ_dom01 .con .list_educ ul li .box .text h3{ font-size: 18px; } .resource_educ_dom01 .con .list_educ ul li .box .text p{ font-size: 14px; } .resource_educ_dom02{ padding: 80px 0; } .resource_educ_dom02 .con{ max-width: 1200px; } .resource_eng_dom01 .con{ max-width: 1200px; padding: 0 0 80px; } .resource_eng_dom02 .con{ max-width: 1200px; padding: 80px 0 0; } .resource_eng_cebrief .cebrief_teb{ max-width: 1200px; padding: 60px 0; } .resource_eng_dom04,.resource_eng_dom05,.resource_eng_dom06{ padding: 80px 0; } .resource_eng_dom04 .con,.resource_eng_dom05 .con,.resource_eng_dom06 .con{ max-width: 1200px; } .adviser-title{ padding: 86px 0 60px 60px; } .adviser-text{ } .adviser-portrait{ padding-right: 60px; } } @media (max-width: 1259px){ header .head{ display: none; } header .manv{ display: block; } .moblie_head{ display:block; height:110px; background: rgba(255, 255, 255, 0.9); position:fixed; top:0px; left:0px; width:100%; z-index:999; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .moblie_head .mlogo{ position: relative; width: 80px; height: 110px; margin-left: 24px; text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .moblie_head .mlogo a{ position: absolute; top: 50%; left: 0; transform:translate(0,-50%); width: 100%; font-size: 0; display: inline-block; } .moblie_head .search{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .moblie_head .search input{ width: 216px; height: 52px; border-radius: 50px; border: 1px solid #d57b18; font-size: 18px; padding: 0 56px 0 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0,0,0,0); } .moblie_head .search input:focus{ width: 280px; } .moblie_head .search button{ position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); border: none; background-color: rgba(0,0,0,0); outline: none; } .moblie_head .search button:focus{ opacity: .8; } .moblie_head .menu{ position: relative; height: 110px; width: 28px; margin-right: 24px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .moblie_head .menu a{ position: absolute; top: 50%; left: 0; transform:translate(0,-50%); } .moblie_head_show,.moblie_head_show .mlogo, .moblie_head_show .menu{ height: 90px; background-color: #fff; } .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:1000} .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1} .a_txt .div2{ position: relative; width:100%; height: 240px; z-index:100; filter:alpha(opacity=0); opacity:0; padding: 24px 24px 0 0; box-sizing: border-box; } .a_txt .div2 a:nth-child(1){ position: absolute; left: 50%; top: 24px; width: 25%; transform:translate(-50%,0); margin-top: 50px; } .a_txt .div2 a:nth-child(2){ position: absolute; left: 24px; top: 24px; width: 28px; } .a_txt .div2 a:nth-child(2) img{ width: 100%; } .a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#fff; overflow-y: scroll; height:100%; z-index:100; right:-80%; } .a_txt .div3 ul{ padding-left:5%; padding-right:5%; } .a_txt .div3 ul li{ position: relative; } .a_txt .div3 ul li a{ position: relative; display:block; height:80px; color:#333; line-height:80px; padding-left:5%; font-size:22px; } .a_txt .div3 ul li.active a{ color: #d57b18; } .a_txt .div3 ul li a.a_js2:after{ content: ""; position: absolute; bottom: 0; left: -110%; width: 100%; height: 1px; background: #0b2952; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s } .a_txt .div3 ul li a.a_js20:after{ left: -30%; } .a_txt .div3 ul li .a_js2{ -webkit-transition:all 0s; -moz-transition:all 0s; transition:all 0s } .a_txt .div3 ul li .a_txt2 .a_list2{ position: relative; } .a_txt .div3 ul li i{ position: absolute; top: 0; right: 10px; display: inline-block; width: 80px; height: 80px; background:url(../images/plus.png) center no-repeat; transition: all .5s; } .a_txt .div3 ul li .a_txt2{ position: relative; } .a_txt .div3 ul li .a_txt2 i{ width: 60px; height: 60px; background-size: 20%; } .a_txt .div3 ul li .a_txt2 a:after{ display: none; } .a_txt .div3 ul li .a_txt2 .a_txt2 a{ padding-left: 42px; color: #999; } .a_txt .div3 ul li .a_js2_on{ transform:rotate(90deg); -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s } .a_txt .div3 ul li .a_js2_on i{ position: absolute; top: 0; right: 10px; display: inline-block; width: 80px; height: 80px; background:url(../images/plus.png) center no-repeat; transition: all .5s; } .a_txt .div3 ul li .a_txt2{display:none} .a_txt .div3 ul li .a_txt2 a{ margin-left: 24px; color: #666; height:60px; line-height:60px; font-size:24px; } .a_txt .div3 ul li .a_txt2 a span{ color: #0099ff; margin-right: 10px; } .a_txt .div3 .language{ padding: 0 24px; margin-top: 20px; text-align: right; } .a_txt .div3 .language a{ position: relative; font-size: 28px; text-transform: uppercase; color: #999; padding: 0 10px; } .a_txt .div3 .language a:nth-child(2):after{ content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 80%; background-color: #ddd; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .a_txt .div3 .language a.active{ color: #d57b18; } /*瀵艰埅缁撴潫*/ .home_banner .con .butt a{ font-size: 18px; } .home_training{ padding: 100px 24px; } .home_training .con .text, .home_guide .con .text{ width: 100%; padding: 0; } .home_training .con .img{ position: relative; display: block; height: 200px; } .title .icon{ display: block; margin: 0 auto; } .title .tex{ width: 100%; text-align: center; margin-left: 0; margin-top: 20px; } .title i{ left: 50%; margin-top: 24px; } .home_training .con .box, .home_guide .con .box{ margin:120px 0 20px; text-align: center; font-size: 20px; } .home_training .con .box .butt a, .home_guide .con .box a{ font-size: 18px; } .home_guide .con .text{ padding: 80px 0; } .home_guide .con .img{ display: block; margin: 0 auto; } .home_customer .con{ margin-top: 24px; padding: 0 24px; } .home_follow{ padding: 0 24px; } .home_follow .con .box .le p{ display: block; margin-top: 10px; } .home_follow .con .box .img{ margin-left: 0; } .home_follow .con .box .ri p{ font-size: 24px; margin-top: 10px; } .bottom .foot_nav{ width: 100%; } .page_banner{ height: 460px; } .home_banner .bg_img img{ height: 100%; } .page_banner .bg_img img{ top: 0; height: 140%; } .page_banner .con .text{ padding: 20px 24px; } .page_banner .con .text span{ font-size: 18px; } .solution_plan .con{ padding: 0 24px; } .solution_plan .con ul li a h3{ font-size: 22px; } .solution_plan .con ul li a p{ font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .solution_plan .con ul li a>span{ font-size: 18px; bottom: 28px; } .solution_adv .con{ overflow: hidden; } .solution_adv .con ul li .text h3{ font-size: 22px; } .solution_adv .con ul li .text p{ font-size: 18px; } .solution_case .con{ padding: 0 24px; } .solution_case .con .text h3{ font-size: 22px; } .solution_case .con .text p{ font-size: 18px; } .thought_con{ padding: 0 24px; } .thought_con .con ul li .box .text h3{ font-size: 22px; } .thought_con .con ul li .box .text p{ font-size: 18px; } .thought_con .con ul li .box .butt a{ font-size: 18px; } .resource_cur .con{ padding: 0 24px; } .resource_cur .con ul li a h3{ font-size: 22px; } .resource_cur .con ul li a p{ font-size: 18px; } .resource_cur .con ul li a>span{ font-size: 18px; } .resource_cur .con ul li{ margin-bottom: 30px; } .resource_Inf .con{ padding: 0 24px; } .resource_Inf .con .text h3{ font-size: 22px; } .resource_Inf .con .text p{ font-size: 18px; } .resource_Inf .con .img a{ font-size: 18px; } .resource_pki .con{ padding: 0 24px; } .resource_pki .con ul li .box{ max-width: 100%; } .resource_pki .con ul li h3{ font-size: 22px; } .resource_pki .con ul li p{ font-size: 18px; } .resource_bri .con{ padding: 0 24px; } .resource_bri .con .text h3{ font-size: 22px; } .resource_bri .con .text p{ font-size: 18px; margin-top: 16px; } .resource_bri .con .img{ max-width: 100%; } .resource_bri .con .text{ position: relative; top: 0; max-width: 100%; padding-left: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); margin-top: 20px; } .resource_course .course_ban p{ font-size: 18px; } .resource_course .con{ padding: 0 24px; } .contact_list .con{ padding: 0 24px; } .contact_list ul li h3{ font-size: 22px; } .contact_list ul li .text p{ font-size: 18px; } .position{ padding: 24px; font-size: 18px; } .solution_eval_dom01 .con{ padding: 0 24px; } .solution_eval_dom01 .con .img{ display: none; } .solution_eval_dom01 .con .mimg{ display: block; } .solution_eval_tab .tab .tab_nav a{ font-size: 22px; margin: 0 32px; } .solution_eval_tab .tab .tab_con{ padding: 0 24px; } .solution_eval_tab .tab .tab_con .ri_text{ width: 100%; } .solution_eval_tab .tab .tab_con .le_img{ width: 100%; padding-left: 0; margin-top: 20px; max-height: 200px; } .solution_eval_tab .tab .tab_con .le_img .img{ width: 100%; } .solution_eval_tab .tab .tab_con .le_img .img img{ width: 100%; height: auto; } .solution_eval_tab .tab .tab_con .ri_text .tit p{ font-size: 18px; } .solution_eval_tab .tab .tab_con .ri_text .tit a{ font-size: 18px; } .solution_eval_tab .tab .tab_con .ri_text .text h3{ font-size: 24px; } .solution_eval_tab .tab .tab_con .ri_text .tit h1{ font-size: 32px; } .solution_eval_tab .tab .tab_con .ri_text .text p{ font-size: 18px; } .solution_eval_tab .tab .tab_con .ri_text .text .data h6{ font-size: 72px; } .solution_eval_tab .tab .tab_con .ri_text .text .data ul li p{ font-size: 18px; max-width: 80%; } .solution_eval_tab .tab .tab_con .ri_text .tips{ font-size: 20px; } .solution_eval_dom03 .con, .solution_eval_dom04 .con{ padding: 0 24px; } .solution_eval_dom03 .con .img,.solution_eval_dom04 .con .img{ display:none; } .solution_eval_dom03 .con .mimg,.solution_eval_dom04 .con .mimg{ display:block; } .solution_eval_p3 .con{ padding: 0 24px; } .solution_eval_p3 .con h3{ font-size: 32px; } .solution_eval_p3 .con p,.solution_eval_p3 .con a{ font-size: 18px; } .solution_vocat_tab .tab{ } .solution_vocat_tab .tab .tab_nav{ width:100%; white-space: nowrap; overflow-x:scroll; overflow-y:hidden } .solution_vocat_tab .tab .tab_nav a{ display:inline-block; } .solution_vocat_tab .tab .tab_con{ padding: 0; } .solution_vocat_tab .tab .tab_con .dom_top{ padding: 0 24px; } .solution_vocat_tab .tab .tab_con .bott_data .text p{ font-size: 18px; max-width: 100%; } .solution_vocat_tab .tab .tab_con .bott_data{ padding: 0 24px; } .solution_vocat_tab .tab .tab_con .bott_data .text{ width: 100%; } .solution_vocat_tab .tab .tab_con .bott_data ul{ width: 100%; margin-top: 20px; } .solution_vocat_tab .tab .tab_con .bott_data ul li h6{ font-size: 72px; } .solution_vocat_tab .tab .tab_con .bott_data ul li p, .solution_vocat_tab .tab .tab_con .bott_data ul li>span{ font-size: 18px; } .solution_eval_tab .tab .tab_nav{ width:100%; white-space: nowrap; overflow-x:scroll; overflow-y:hidden } .solution_ind_tab .bott_data{ padding: 60px 24px; } .solution_ind_tab .bott_data .text{ width: 100%; } .solution_ind_tab .bott_data .data{ width: 100%; padding-left: 0; margin-top: 20px; } .solution_ind_tab .bott_data .data ul li h6{ font-size: 72px; } .solution_ind_tab .bott_data .text p{ font-size: 18px; } .solution_ind_tab .bott_data .data ul li p{ font-size: 18px; max-width: 100%; } .solution_ind_tab .bott_data .data ul li>span{ font-size: 18px; } .solution_ind_tab .bott_text .con{ padding: 0 24px; } .solution_ind_tab .bott_text p{ font-size: 18px; } .solution_strat_team .strat_team_ban .box{ padding: 0 12px; } .solution_strat_team .strat_team_ban .box .tit p{ font-size: 18px; } .solution_strat_team .strat_team_ban .box .text{ font-size: 18px; } .resource_cpda_dom01 .con{ padding: 0 24px 80px; } .resource_cpda_dom02 .con{ padding: 0 24px; } .resource_cpda_dom01 .con .img,.resource_cpda_dom02 .con .img{ display: none; } .resource_cpda_dom01 .con .mimg,.resource_cpda_dom02 .con .mimg{ display: block; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav a{ font-size: 18px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con{ padding: 0 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con .box ul{ display: none; } .resource_cpda_cebrief .cebrief_teb .cebrief_con .box .mimg{ display: block; } .resource_cpda_cebrief .cebrief_teb .cebrief_con .box .img{ display: none; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box .data{ top: 300px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box p{ font-size: 18px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text h3{ font-size: 22px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li{ margin-bottom: 30px; text-align: center; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li:nth-child(4n+1),.resource_cpda_cebrief .cebrief_teb .cebrief_con ul li:nth-child(4n){ text-align: center; } .resource_cpda_dom04 .con, .resource_cpda_dom05 .con{ padding: 0 24px; } .resource_cpda_dom04 .con .img,.resource_cpda_dom05 .con .img{ display: none; } .resource_cpda_dom04 .con .mimg,.resource_cpda_dom05 .con .mimg{ display:block; } .resource_educ_dom01 .con{ padding: 0 24px; } .resource_educ_dom01 .con .list_educ ul li .box .text h3{ font-size: 22px; } .resource_educ_dom01 .con .list_educ ul li .box .text p{ font-size: 18px; } .resource_educ_dom02 .con{ padding: 0 24px; } .resource_educ_dom02 .con .img{ display: none; } .resource_educ_dom02 .con .mimg{ display: block; } .resource_eng_dom01 .con{ padding: 0 24px 80px; } .resource_eng_dom02 .con{ padding: 80px 24px 0; } .resource_eng_dom01 .con .img,.resource_eng_dom02 .con .img{ display: none; } .resource_eng_dom01 .con .mimg,.resource_eng_dom02 .con .mimg{ display: block; } .resource_cpda_cebrief{ padding: 60px 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav a.select{ font-size: 22px; } .resource_eng_cebrief .cebrief_teb{ padding: 40px 0; } .resource_eng_cebrief .cebrief_con ul li a .butt span{ font-size: 18px; } .resource_eng_dom04 .con, .resource_eng_dom05 .con, .resource_eng_dom06 .con{ padding: 0 24px; } .resource_eng_dom04 .con .mimg,.resource_eng_dom05 .con .mimg,.resource_eng_dom06 .con .mimg{ display: block; } .resource_eng_dom04 .con .img,.resource_eng_dom05 .con .img,.resource_eng_dom06 .con .img{ display: none; } .resource_educ_dom01 .con .list_educ ul li .box .img{ max-height: 200px; } .wind_video .video{ max-width: 90%; } .wind_video .video video{ max-width: 100%; } .solution_eval_three .con .tit_top p{ font-size: 22px; } .solution_eval_three .con ul{ margin-top: 50px; } .solution_eval_three .con ul li,.solution_eval_three .con ul li:nth-child(2n),.solution_eval_three .con ul li:nth-child(3n){ margin-top: 92px; text-align: center; } .solution_eval_three .con ul li .box{ max-width: 100%; width: 100%; } .solution_eval_three .con ul li .text p{ font-size: 18px; } .solution_eval_three .con .bott{ font-size: 22px; } .win-form .form{ width: 80%; } .adviser-content{ padding: 0 24px; } .adviser-portrait{ width: 40%; } .adviser-title{ width: 60%; } .adviser-title,.adviser-text{ padding-left: 0; } .adviser-portrait{ margin-top: -220px; } .adviser-title{ padding: 42px 0 10px 0; } .adviser-content{ margin-top: -190px; } .adviser-portrait{ padding-right: 24px; } .adviser-title .tag{ bottom: 10px; } .adviser-relevant .tit{ margin-top: 80px; } .adviser-education{ margin-top: 60px; } .adviser-listtxt{ margin-top: 60px; } .adviser-relevant .list ul li{ width: calc((100% - 100px)/5); margin-left: 20px; } .tabbular-content{ padding: 0 24px; } .tabbular-content{ margin-top: 40px; } .tabbular-content .tit{ margin-bottom: 20px; } .tabbular-content .tit h3{ font-size: 24px; } } @media (max-width: 760px){ .moblie_head,.moblie_head .mlogo,.moblie_head .menu{ height: 80px; } .moblie_head_show, .moblie_head_show .mlogo, .moblie_head_show .menu{ height: 60px; } .moblie_head .mlogo{ width: 50px; margin-left: 12px; } .moblie_head .menu{ width: 24px; margin-right: 12px; } .moblie_head .search input{ width: 140px; height: 32px; font-size: 12px; padding: 0 40px 0 10px; } .moblie_head .search input:focus{ width: 160px; } .moblie_head .search button{ right: 6px; } .a_txt .div2 a:nth-child(2){ width: 24px; } .a_txt .div2{ height: 160px; } .a_txt .div3 ul li a{ height: 60px; font-size: 16px; line-height: 60px; } .a_txt .div3 ul li i{ width: 60px; height: 60px; background-size: 20%; } .a_txt .div3 ul li .a_txt2 a{ font-size: 14px; height: 46px; } .a_txt .div3 .language a{ font-size: 20px; } .font-weight-bold{ font-size: 18px; } .home_banner .con .text span{ font-size: 12px; } .home_banner .con .text h6{ font-size: 14px; } .home_banner .con .butt a{ font-size: 14px; } .home_training{ padding: 40px 12px; } .home_training .con .box, .home_guide .con .box{ font-size: 14px; margin: 72px 0 20px; } .title i{ margin-top: 12px; height: 32px; } .title .icon{ width: 80px; height: 80px; } .title .icon img{ max-width: 50%; } .home_training .con .box .butt, .home_guide .con .box .butt{ margin-top: 20px; } .home_training .con .box .butt a, .home_guide .con .box a{ font-size: 14px; line-height: 42px; padding: 0 32px; } .home_training .con .img{ height: 180px; } .home_training .con .img img,.home_guide .con .img img{ width: 100%; } .home_guide{ padding: 0 0 40px; } .home_guide .con .text{ padding: 40px 0; } .home_customer .con{ padding: 0 12px; } .home_customer{ padding: 40px 0; } .home_customer .con .home_customer_banner .swiper-slide{ height: 120px; padding: 20px; } .home_customer .con .home_customer_pagination{ margin-top: 10px; } .home_customer .con .home_customer_pagination span{ width: 8px; height: 8px; margin: 0 6px; } .home_follow{ padding: 0 12px; } .home_follow .con{ padding: 24px; } .home_follow .con .box .icon{ width: 80px; height: 80px; } .home_follow .con .box .ri p{ font-size: 14px; margin-left: 0; display: block; } .home_follow .con .box .le p{ font-size: 14px; } .bottom{ padding: 150px 0 0; } .bottom .foot_nav ul li{ display: none; } .bottom .foot_nav ul li:nth-child(4){ display: block; } .bottom .foot_bott p{ line-height: 20px; padding: 10px 0; } .bottom .foot_bott{ margin-top: 10px; } .page_banner{ height: 340px; } .solution_plan{ padding: 40px 0; } .title h6{ line-height: 24px; } .solution_plan .con{ padding: 0 12px; overflow: hidden; } .solution_plan .con ul li a{ height: 200px; padding: 24px 24px 42px; } .solution_plan .con ul li a h3{ font-size: 18px; } .solution_plan .con ul li a p{ font-size: 12px; } .solution_plan .con ul li a>span{ font-size: 14px; bottom: 24px; } .solution_plan .con ul li{ margin-bottom: 12px; } .solution_eval_tab .tab .tab_nav:after{ width: 120%; } .solution_adv{ padding: 0 12px; background-size: auto 100%; } .solution_adv .con ul li{ margin-bottom: 30px; } .solution_adv .con ul li .text{ padding: 0 10px; } .solution_adv .con ul li .text h3{ font-size: 18px; } .solution_adv .con ul li .text p{ font-size: 12px; line-height: 20px; } .solution_case{ padding: 40px 0; } .solution_case .con{ padding: 0 12px; margin-top: 30px; overflow: hidden; } .solution_case .con ul li{ margin-bottom: 24px; text-align: center; } .solution_case .con ul li:nth-child(3n){ text-align: center; } .solution_case .con .text{ margin-top: 16px; } .solution_case .con .text h3{ font-size: 18px; } .solution_case .con .text p{ font-size: 14px; margin-top: 4px; } .thought_con{ padding: 0 12px; } .thought_con .con{ padding: 40px 0 60px; overflow: hidden; } .thought_con .con ul li{ margin-bottom: 30px; text-align: center; } .thought_con .con ul li:nth-child(3n){ text-align: center; } .thought_con .con ul li .box .img{ height: 200px; } .thought_con .con ul li .box .text h3{ font-size: 18px; } .thought_con .con ul li .box .text p{ font-size: 14px; } .thought_con .con ul li .box .butt a{ font-size: 14px; padding: 0 24px; line-height: 36px; } .thought_con .con ul li .box .butt{ margin-top: 20px; } .resource_cur{ padding: 40px 0; } .resource_cur .con{ padding: 0 12px; margin-top: 20px; overflow: hidden; } .resource_cur .con ul li{ margin-bottom: 12px; } .resource_cur .con ul li a{ padding: 24px 24px 40px; } .resource_cur .con ul li a h3{ font-size: 18px; } .resource_cur .con ul li a p{ font-size: 12px; margin-top: 12px; } .resource_cur .con ul li a>span{ font-size: 14px; bottom: 12px; } .resource_Inf{ padding: 40px 0; overflow: hidden; } .resource_Inf .con .text{ padding: 0 0 20px; } .resource_Inf .con .text h3{ font-size: 18px; } .resource_Inf .con .text p{ font-size: 14px; } .resource_Inf .con .img a{ font-size: 16px; } .resource_pki{ padding: 40px 0; } .resource_pki .con{ padding: 0 12px; overflow: hidden; } .resource_pki .con ul li{ margin-bottom: 24px; text-align: center; } .resource_pki .con ul li:nth-child(3n){ text-align: center; } .resource_pki .con ul li p{ font-size: 14px; } .resource_bri{ padding: 40px 0; } .resource_bri .con{ padding: 0 12px; } .resource_bri .con .text h3{ font-size: 18px; } .resource_bri .con .text p{ font-size: 14px; } .resource_course .course_ban h3{ font-size: 18px; } .resource_course .course_ban p{ font-size: 12px; line-height: 20px; } .resource_course .course_ban .swiper-slide{ padding: 0 60px 0 0; } .resource_bribott .con .text h1{ font-size: 24px; } .contact_list{ padding: 40px 0; } .contact_list .con{ padding: 0 12px; overflow: hidden; } .contact_list ul li a{ padding: 16px; } .contact_list ul li h3{ font-size: 18px; padding: 0 0 12px; } .contact_list ul li .text{ margin-top: 12px; } .contact_list ul li .text p{ font-size: 14px; } .contact_list ul li{ margin-bottom: 12px; } .position{ font-size: 14px; } /*.solution_eval_dom01 .con{*/ /* padding: 0 0;*/ /*}*/ .solution_eval_tab .tab .tab_nav a{ font-size: 16px; margin: 0 14px; } .solution_eval_tab{ padding: 40px 0; } .solution_eval_tab .tab .tab_con{ margin-top: 18px; padding: 0 12px; overflow: hidden;; } .solution_eval_tab .tab .tab_con .ri_text .tit h1{ font-size: 22px; } .solution_eval_tab .tab .tab_con .ri_text .tit p{ font-size: 14px; margin-top: 12px; } .solution_eval_tab .tab .tab_con .ri_text .tit a{ font-size: 14px; line-height: 36px; padding: 0 24px; } .solution_eval_tab .tab .tab_con .ri_text .text h3{ font-size: 18px; } .solution_eval_tab .tab .tab_con .ri_text .text p{ font-size: 14px; } .solution_eval_tab .tab .tab_con .ri_text .text .data ul li p{ font-size: 12px; line-height: 20px; } .solution_eval_tab .tab .tab_con .ri_text .text .data{ padding: 24px 0; } .solution_eval_tab .tab .tab_con .ri_text .text .data h6{ font-size: 42px; } .solution_eval_tab .tab .tab_con .ri_text .tips{ font-size: 14px; margin-top: 12px; } .solution_eval_dom03{ padding: 40px 0; } .solution_eval_dom03 .con, .solution_eval_dom04 .con{ padding: 0 12px; } .solution_eval_dom04{ padding: 40px 0; } .solution_eval_p3{ padding: 40px 0; } .solution_eval_p3 .con .text{ width: 100%; } .solution_eval_p3 .con{ padding: 0 12px; } .solution_eval_p3 .con h3{ font-size: 24px; margin-bottom: 16px; } .solution_eval_p3 .con p, .solution_eval_p3 .con a{ font-size: 14px; } .solution_eval_p3 .con a{ line-height: 36px; padding: 0 24px; } .solution_eval_p3 .con .butt{ margin-top: 18px; } .solution_eval_p3 .con .img{ width: 100%; padding-left: 0; margin-top: 20px; } .solution_vocat_dom01{ padding: 0 0 40px; } .solution_vocat_tab .tab .tab_con{ padding: 0; } .solution_vocat_tab .tab .tab_con .dom_top{ padding: 0 12px; } .solution_vocat_tab .tab .tab_con .ri_text .text{ margin-top: 0; } .solution_vocat_tab .tab .tab_con .bott_con{ margin-top: 40px; padding: 20px 0; } .solution_vocat_tab .tab .tab_con .bott_data{ padding: 0 12px; overflow: hidden; } .solution_vocat_tab .tab .tab_con .bott_data .text{ padding-right: 0; } .solution_vocat_tab .tab .tab_con .bott_data .text p{ font-size: 14px; } .solution_vocat_tab .tab .tab_con .bott_data ul li h6{ font-size: 42px; } .solution_vocat_tab .tab .tab_con .bott_data ul li p, .solution_vocat_tab .tab .tab_con .bott_data ul li>span{ font-size: 12px; } .solution_vocat_tab .tab .tab_con .bott_data ul{ margin: 20px auto; } .solution_ind_dom01{ padding: 0 0 40px; } .solution_ind_tab .tab .tab_con .ri_text .text{ margin-top: 0; } .solution_ind_tab .bott_data{ margin-top: 40px; padding: 30px 12px; } .solution_ind_tab .bott_data .text h3{ font-size: 18px; line-height: 26px; } .solution_ind_tab .bott_data .text p{ font-size: 14px; } .solution_ind_tab .bott_data .data ul li h6{ font-size: 42px; } .solution_ind_tab .bott_data .data ul li p,.solution_ind_tab .bott_data .data ul li>span{ font-size: 12px; } .solution_ind_tab .bott_text{ padding: 30px 0; } .solution_ind_tab .bott_text h3{ font-size: 20px; } .solution_ind_tab .bott_text p{ font-size: 14px; line-height: 24px; margin-top: 16px; } .solution_ind_tab{ padding: 40px 0 0; } .solution_eval_p3 .con h3{ font-size: 18px; } .solution_strat_tab{ padding: 40px 0; } .solution_strat_team .strat_team_ban .box .tit h3{ font-size: 18px; } .solution_strat_team .strat_team_ban .box .tit p{ font-size: 14px; } .solution_strat_team .strat_team_ban .box .text{ font-size: 14px; line-height: 24px; } .solution_strat_team .strat_team_ban .box{ padding: 0; } .solution_strat_team .strat_team_ban .strat_team_ban-pagination{ margin-top: 24px; } .solution_strat_team .strat_team_ban .strat_team_ban-pagination span{ width: 8px; height: 8px; } .solution_strat_team .con{ margin-top: 30px; } .solution_strat_team{ padding: 40px 0; } .resource_cpda_dom01 .con{ padding: 0 0 40px; } .resource_cpda_dom02{ padding: 40px 0; } .resource_cpda_dom02 .con{ padding: 0 12px; } .resource_cpda_cebrief{ padding: 30px 12px; } .resource_eng_cebrief{ padding: 30px 0; } .resource_cpda_cebrief .cebrief_teb{ margin-top: 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav a{ font-size: 14px; padding: 0 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_nav a.select{ font-size: 16px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con{ margin-top: 24px; padding: 0; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text h3{ font-size: 16px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .text{ margin-top: 12px; } .resource_cpda_dom04, .resource_cpda_dom05{ padding: 40px 0; } .resource_cpda_dom04 .con, .resource_cpda_dom05 .con{ padding: 0 0; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box{ padding: 24px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box .num span{ font-size: 30px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box h3{ font-size: 14px; } .resource_cpda_cebrief .cebrief_teb .cebrief_con ul li a .img .ux_box p{ font-size: 12px; margin-top: 12px; } .resource_educ_dom01 .con{ margin-top: 30px; padding: 0 12px; } .resource_educ_dom01 .con .tit h3{ font-size: 24px; } .resource_educ_dom01 .con .tit p{ font-size: 14px; margin-top: 12px; line-height: 24px; } .resource_educ_dom01 .con .tit{ padding: 0 ; } .resource_educ_dom01 .con .list_educ ul li{ margin-bottom: 24px; } .resource_educ_dom01 .con .list_educ ul li .box .text{ margin-top: 14px; } .resource_educ_dom01 .con .list_educ ul li .box .text h3{ font-size: 18px; } .resource_educ_dom01 .con .list_educ ul li .box .text p{ font-size: 14px; } .resource_educ_dom01 .con .list_educ ul li .box .text p{ margin-top: 12px; } .resource_educ_dom01{ padding: 0 0 40px; } .resource_educ_dom02{ padding: 40px 0; } .resource_educ_dom02 .con{ padding: 0 12px; } .resource_eng_dom01 .con{ padding: 0 0 40px; } .resource_eng_dom02 .con{ padding: 40px 0 0; } .resource_cpda_cebrief .cebrief_teb{ margin-top: 0; padding: 20px 0; } .resource_eng_cebrief .cebrief_teb .cebrief_nav{ width: 100%; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; padding: 0 12px 18px; } .resource_eng_cebrief .cebrief_teb .cebrief_con{ padding: 0 12px; } .resource_eng_cebrief .cebrief_con ul li a .butt span{ font-size: 14px; } .resource_eng_cebrief .cebrief_con ul li a .butt{ margin-top: 12px; } .resource_eng_dom04, .resource_eng_dom05, .resource_eng_dom06{ padding: 40px 0; } .resource_eng_dom04 .con, .resource_eng_dom05 .con, .resource_eng_dom06 .con{ padding: 0 0; } .bottom .foot_nav ul li:nth-child(4):before{ width: 32%; } .ri_fixed{ bottom: 32px; } .ri_fixed_show{ right: 12px; } .ri_fixed .img{ width: 36px; height: 36px; } .wind_video .video{ min-width: 80%; } .wind_video .video video{ min-width: 100%; } .solution_eval_three .con .tit_top p{ font-size: 14px; } .solution_eval_three .con ul{ margin-top: 0; } .solution_eval_three .con ul li,.solution_eval_three .con ul li:nth-child(2n),.solution_eval_three .con ul li:nth-child(3n){ margin-top: 62px; } .solution_eval_three .con ul li h3{ font-size: 18px; } .solution_eval_three .con ul li .tit span{ font-size: 72px; top: -58px; } .solution_eval_three .con ul li .text{ margin-top: 20px; } .solution_eval_three .con ul li .text p{ font-size: 12px; line-height: 20px; } .solution_eval_three .con .bott{ font-size: 14px; margin-top: 36px; } .solution_eval_three .con ul li{ position: relative; padding-bottom: 20px; } .solution_eval_three .con ul li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 90%; height: 1px; background-color: rgba(255, 255, 255, 0.51); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .win-form{ font-size: 10px; } .win-form .form form input{ height: 36px; padding: 0 12px; font-size: 14px; margin-bottom: 14px; } .adviser-title h5{ font-size: 28px; } .adviser-title{ padding: 20px 0 10px 0; } .adviser-portrait{ margin-top: -174px; } .adviser-banner{ height: 200px; } .adviser-content{ margin-top: -80px; } .adviser-title p{ margin-top: 40px; color: #333; } .adviser-title p{ font-size: 16px; } .adviser-title .tag{ position: relative; color: #333; margin-top: 10px; font-size: 16px; } .adviser-text{ padding-top: 10px; font-size: 14px; } .adviser-listtxt,.adviser-education{ margin-top: 32px; } .adviser-listtxt .tit h3{ font-size: 24px; } .adviser-listtxt ul{ margin-top: 24px; } .adviser-listtxt ul li{ padding: 16px; } .adviser-listtxt ul li .tex{ font-size: 12px; } .adviser-listtxt ul li .tex:before{ margin-top: 8px; } .adviser-education .tex{ margin-top: 20px; font-size: 14px; } .adviser-relevant .tit{ margin-top: 40px; } .adviser-relevant .list{ margin-top: 30px; } .adviser-relevant .list ul li{ width: calc((100% - 20px)/2); margin-bottom: 20px; } .adviser-relevant .list ul li:nth-child(2n + 1){ margin-left: 0; } .adviser-relevant{ padding-bottom: 40px; } .adviser-relevant .list ul li a p{ font-size: 12px; } .adviser-relevant .list ul li a h5{ font-size: 16px; } .adviser-relevant .list ul li .text{ padding-top: 16px; } .adviser-relevant .tit h3{ font-size: 32px; } .adviser-education .tit h3{ font-size: 24px; } .tabbular-content{ padding: 0 12px; } } .qywh_pc { position: relative; width: 100%; } .qywh_pc .qywh_div { display: inline-block; width: 31%; background-color: #EEEEEE; } .qywh_table { display: table; } .qywh_img { display: table-cell; width: 30%; height: 100%; vertical-align: middle; padding: 2%; } .qywh_text { display: table-cell; width: 70%; padding: 2% 0 2% 3%; } .qywh_m { display: none; } .color_black { color: #000000; } @media(max-width:768px) { .qywh_pc { display: none; } .qywh_m { display: block; } .qywh_m .qywh_div { background-color: #EEEEEE; margin-bottom: 5px; } }