@charset "utf-8"; /* CSS Document */ body{ font-size:100%;line-height:1.1; width:100%; position:relative; font-family:"微软雅黑",arial,sans-serif; overflow-x:hidden; background: #fff; } *{ padding:0; margin:0;} img{ max-width:100%;} #bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; } .j_tab{ display:table; width:100%; height:100%;} .j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;} *{ margin:0; padding:0; outline:none; } a{ color:inherit;} a:focus{ outline: none !important;} h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;} h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} li h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} img{ max-width:100%; max-height:100%;} .img{ overflow: hidden;} .img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; } li:hover .img img,.img:hover img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); } svg{ max-width:100%; max-height:100%;} table{table-layout: fixed;} .ovh{ overflow: hidden;} button{ border: 0; outline: 0; } .m1100{ width:1100px; margin:0 auto; display: block; position:relative;} .m{ max-width: 1700px; margin: 0 auto; padding:0 50px; display: block; } .m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; padding:0 40px; display: block; position:relative;} .m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;} .m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .pad_top{ padding-top:5.25rem;} .pad_bot{ padding-bottom:5.25rem;} .pad_aside{ padding-left:45px; padding-right:45px;} .draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;} .draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;} svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;} svg.drawcircle circle { fill: none; box-sizing:border-box; stroke-width: 1; stroke: none; stroke-dasharray: 0 , 188.49; stroke-dashoffset:188.49; transition: all .3s linear 0s; } .draw_h:hover svg.drawcircle circle { stroke:#fff; stroke-dasharray:188.49 , 0; stroke-dashoffset:188.49; -webkit-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1); transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1); -moz-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1); -ms-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1); -o-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1); } .draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .draw_h:hover .icon{ fill:#0081cc;} input::-webkit-input-placeholder{color:#b7b7b7;} input::-moz-placeholder{ color:#b7b7b7;} input:-moz-placeholder{ color:#b7b7b7;} input:-ms-input-placeholder{ color:#b7b7b7;} input:focus::-webkit-input-placeholder {color: transparent;} input:focus:-moz-placeholder {color: transparent;} input:focus::-moz-placeholder {color: transparent;} input:focus:-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder{color:#b7b7b7;} textarea::-moz-placeholder{ color:#b7b7b7;} textarea:-moz-placeholder{ color:#b7b7b7;} textarea:-ms-input-placeholder{ color:#b7b7b7;} textarea:focus::-webkit-input-placeholder {color: transparent;} textarea:focus:-moz-placeholder {color: transparent;} textarea:focus::-moz-placeholder {color: transparent;} textarea:focus:-ms-input-placeholder {color: transparent;} select{-webkit-appearance: none; outline:none; background-image:url(../images/arrow_down.svg) !important; background-position:95% center !important; background-repeat:no-repeat !important; background-size:15px !important;} input,button,textarea{ border:0; box-shadow:0; outline:0; -webkit-appearance:none; border-radius:0;} /*===========================header=============================*/ #header{ position: absolute; height:5.9375rem; z-index:999; width:100%; top:0; } #header .m{ height:100%; display: flex; justify-content: space-between;} #logo{ float:left; height:100%;} #logo img{ width: 185px;} #logo .img02{ display: none; } #header .fr{ max-width: 1100px; flex-grow: 1; display: flex; justify-content: space-between;} #nav{ float:left; flex-grow: 1; margin-right: 2rem; } #nav ul{display: flex; } #nav ul li{ float:left; flex-grow: 1; height:5.9375rem; line-height:5.9375rem; position:relative; z-index:0;} #nav ul li a{ display:block; text-align: center; height: 100%;} #nav ul li h3{ font-size:1.125rem; color:#fff; display: inline-block; line-height:5.9375rem; overflow:hidden; position:relative; text-align: center; } #nav ul li h3:before{ content: ""; display: block; width: 0; height: 3px; background: #2482ff; position: absolute; bottom: 0; right: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } #nav ul li.on h3,#nav ul li:hover h3{ color: #2482ff !important;} #nav ul li.on h3:before,#nav ul li:hover h3:before{ width: 100%; left: 0; right: auto;} #nav ul li .sub{ position:absolute; top:100%; background:rgba(59,136,228,.9); width:120px; left:50%; margin-left:-60px; z-index: 10000; display: none; } #nav ul li .sub .box{ text-align: center; padding: 10px;} #nav ul li .sub a{ padding:0; line-height:2; color: #fff; transition:.3s; font-size:15px;} #nav ul li .sub a:hover{ color:#fff; padding-left: 10px;} .top_menu{ float:left; height:5.9375rem; display: flex; align-items: center;} .nav_menu{ display: block; width: 7.375rem; height: 3.125rem; line-height: 3.125rem; text-align: center; background: #f850c8; color: #fff; font-size: .875rem; border-radius: 1.625rem; -webkit-border-radius: 1.625rem; -moz-border-radius: 1.625rem; -ms-border-radius: 1.625rem; -o-border-radius: 1.625rem; } /***********************/ /*手机导航开始*/ #m_header{ display:none; height:4.5rem; position:absolute; background: #fff; top:0; width:100%; z-index:999; transition:0s 1.5s; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #m_header .m{ position:relative; height:100%;} #m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;} #m_logo img{ display:block; height: 60%;} /*导航按钮开始*/ #nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:absolute; height:4.5rem; right:0; top: 0; display:none; } #nav_btn_box .m{ height: 100%;} #nav_btn_box.on{ background:none; } #nav_btn{} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;} #nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;} #nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 1.75rem;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */} #nav_btn .navbtn::after, #nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;} #nav_btn .navbtn::after{top: -5px;} #nav_btn .navbtn::before{top: 5px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} /*导航按钮结束*/ .m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;} .m_nav_list::-webkit-scrollbar {display:none} #m_nav { z-index: 99999; position: fixed; background:#0071ef; width:16rem; height:100vh; right: -400px; top: 0; display:none; padding:50px 0; overflow:hidden; pointer-events: none; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;} #m_nav.act{ pointer-events: auto; right:0;} #m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; } #m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{ } #m_nav li .a h3{ line-height:4.5rem; height:4.5rem; color:#fff; padding:0; font-size:1.125rem; float:left;} #m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;} #m_nav li .a span i{ font-size:0;} #m_nav .title .a i{ opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:4.5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;} #m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} #m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} #m_nav li{display:block;width:100%;} .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; } #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{ background:none; } #m_nav .title .list span a:hover{ color: #014085;} #m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;} /*三级导航 开始*/ #m_nav .title .list .void>a{background-size:10px; position:relative;} #m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;} #m_nav .title .list span{ position:relative; display:block;} #m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;} #m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;} .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .section{ overflow: hidden;} /*首页banner*/ #banner .swiper-container { height:100vh; } #banner .swiper-slide { overflow: hidden; } #banner .m{ height: 100%;} #banner .slide-inner { position: absolute; width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;} #banner .txt{ color: #fff; text-align: center;} #banner .txt h3{ font-size: 4.5rem; font-family: yuanxin; color: #fff; } #banner .txt h4{ font-size: 1.625rem; font-family: BEBASNEUE-BOOK; margin-top: 1.75rem; font-style: italic; letter-spacing: 2px; } #banner .swiper-button-prev{ background:url(../images/banner_left.png) center no-repeat; width: 5rem !important; height: 5rem !important; background-size:1.5rem;opacity:.8; left:5%;} #banner .swiper-button-next{ background:url(../images/banner_right.png) center no-repeat; width: 5rem !important; height: 5rem !important; background-size:1.5rem; opacity:.8; right:5%;} #banner .letter span{ display: inline-block; opacity: 0; font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; } #banner .swiper-slide-active .letter span{ -webkit-animation: fadeInRight 1s forwards; animation: fadeInRight 1s forwards; } .mouse_down { position: absolute; left:50%; bottom: 100px; margin-left:-2rem; width: 4rem; text-align: center; text-align: center; z-index: 50; opacity:.9; } .mouse_down span { display: inline-block; width: 3.125rem; height:3.125rem; border:1px solid #fff; border:1px solid rgba(255,255,255,.6); border-radius:50%; margin: auto; position: relative; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; } .mouse_down span svg{ width: 16px; height:20px; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -10px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; } .mouse_down b { display: block; text-align: center; color: #fff; font-size: .875rem; font-style: italic; font-weight: normal; margin-top: .75rem; } @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); } } @keyframes arrow { 0% { opacity: 0; transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 5px, 0px); } } .splitlist { line-height: 1.2; overflow: hidden; white-space: pre-wrap; } .splitlist.flag span { -webkit-animation: fadeInRight 1s forwards; animation: fadeInRight 1s forwards; } .splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; } .splitlist span.letters { color: #0054A3; } .photoActives { position: relative; overflow: hidden; } .photoActives .photoActive { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 3; } .photoActives.reset_photoActive .photoActive { bottom: -100%; -webkit-transition: 1.6s; transition: 1.6s; -webkit-transition-timing-function: var(--ease-in-out-b); transition-timing-function: var(--ease-in-out-b); } .s_tt{margin-bottom: 4rem;} .s_tt span{ font-size: 2.25rem; color: #dbdce0; font-family: ALIBABA-PUHUITI-HEAVY; text-transform: uppercase;} .s_tt h3{ font-size: 5rem; color: #000000; font-family: ALIBABA-PUHUITI-HEAVY; margin-bottom: 1.25rem; } .s_tt p{ font-size: 1rem; line-height: 1.5; color: #909090; } .s_tt .btn_arr2{ margin-top: 4.875rem;} .s_tt.white{ text-align: center;} .s_tt.white h3{ color: #fff;} .s_tt.white p{color: rgba(255,255,255,.5);} #s_news{ background: url(../images/s_news_bg.jpg) center no-repeat; background-size: cover; position: relative;} #s_news .s_tt{ text-align: center;} #s_news ul{} #s_news ul li{ padding: 0 3.125rem;} #s_news ul li a{ display: block; overflow: hidden; background: #fff; padding: 3.125rem 4.3125rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #s_news ul li .box{ position: relative;} #s_news ul li .img{ width: 18.125rem; height: 18.125rem; float: left; overflow: hidden; position: relative; z-index: 1; transform: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } #s_news ul li .img img{ object-fit: cover; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; } #s_news ul li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); } #s_news ul li .txt{ width:calc(100% - 18.125rem); height: 100%; padding-top: 1rem; padding-left: 3rem; float: right; } #s_news ul li .time{ color: #dbdbdb; margin-bottom: 2rem;} #s_news ul li .time span{ font-family: ALIBABA-PUHUITI-HEAVY; font-size: 3.25rem; display: block;} #s_news ul li .time b{ font-weight: normal; } #s_news ul li .txt h5{ font-size: 1.375rem; line-height: 1.75rem; max-height: 3.5rem; white-space: normal; color: #565656; margin-bottom: 1rem;} #s_news ul li .txt p{ font-size: .875rem; line-height: 1.625rem; height: 3.25rem; overflow: hidden; margin-bottom: 2.5rem; } #s_news ul li .btn_arr{ width: 1.5rem;} #s_news .slick-dots{ bottom:-3.25rem;} #s_news .slick-dots li{ margin:0 7px; padding: 0; display: inline-block; vertical-align: middle; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } #s_news .slick-dots li button{ display: none;} #s_news .slick-dots li{ position:relative; display:inline-block; width:8px; height:8px; border-radius:50%; border:2px solid #fff; background:#fff; box-sizing:border-box; opacity:.5; } #s_news .slick-dots li.slick-active{ background:none;width:12px; height:12px; opacity: 1; } #s_peixun{ position: relative; z-index: 1;} #s_peixun .s_tt{ float: left;} #s_peixun .pic{ float: right; position: absolute; z-index: 9; left: 45%; bottom:10vh ; right: 50px;} .s_peixun_bg{ position: absolute; right: 0; bottom: 0; z-index: -1; max-width: 80%;} .s_peixun{ max-height: 80vh;} .btn_arr2{ display: block; width: 10.8125rem; height: 3.75rem; line-height: 3.75rem; text-align: center; background: #f850c8; color: #fff; font-size: 1rem; letter-spacing: 2px; border-radius: 1.875rem; -webkit-border-radius: 1.875rem; -moz-border-radius: 1.875rem; -ms-border-radius: 1.875rem; -o-border-radius: 1.875rem; } .btn_arr2 font{ margin-left: .5rem; display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; border-radius: 50%; position: relative; overflow: hidden;} .btn_arr2 font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/btn_arr.svg) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.25rem; transition: .5s;} .btn_arr2 font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/btn_arr.svg) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.25rem; transition: .5s;} .btn_arr2:hover font:before{ left: 0;} .btn_arr2:hover font:after{ left: 100%;} .page__btn { -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; overflow: hidden; position: relative; text-transform: capitalize; z-index: 1; } .page__btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: #2482ff; -webkit-transition: width .5s ease-in-out,height .5s ease-in-out; transition: width .5s ease-in-out,height .5s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1; } .page__btn:hover{ color:#fff !important; } .page__btn:hover span { width: 400px; height: 400px } .courseSwiper{ position: absolute; left: 0; right: 33%; overflow: hidden; padding-bottom: 3rem;} .courseSwiper .li{ padding: 0 1.625rem;} .courseSwiper .li a{ display: block; background: #f2f3f7; overflow: hidden; border-radius: 1.875rem; -webkit-border-radius: 1.875rem; -moz-border-radius: 1.875rem; -ms-border-radius: 1.875rem; -o-border-radius: 1.875rem; } .courseSwiper .li h5{ line-height: 5rem; height: 5rem; font-size: 1.375rem; color: #4c4c4c; padding: 0 2.25rem; } .courseSwiper .li .img{ border-radius: 1.875rem 0 1.875rem 1.875rem; -webkit-border-radius: 1.875rem 0 1.875rem 1.875rem; -moz-border-radius: 1.875rem 0 1.875rem 1.875rem; -ms-border-radius: 1.875rem 0 1.875rem 1.875rem; -o-border-radius: 1.875rem 0 1.875rem 1.875rem; } .courseSwiper .li .img img{} #s_wanghong{} #s_wanghong .left{ float: left; max-width: 40%;} #s_wanghong .center{} #s_wanghong .right{ float: right; max-width: 18.75rem; overflow: hidden;} .s_wh_nav{ max-width: 540px; margin-top: 2.5rem;} .s_wh_nav .slick-track{ margin-left: 0;} .s_wh_nav li{ padding-top: 2rem; padding-bottom: 1.75rem; float: left;} .s_wh_nav li a{ position:relative; z-index: 1; border-radius: 50%; overflow: hidden; display: block; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; } .s_wh_nav li .img{ position: relative; z-index: 1; width: 4.0625rem; height: 4.0625rem; margin: 0 auto; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .s_wh_nav li .img img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .s_wh_nav li .img:before{ content: ""; display: block; position: absolute; z-index: 99; width: 100%; height: 100%; left: 0; top: 0; border: 3px solid transparent; transition: .5s; box-sizing: border-box; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .s_wh_nav li h5{ text-align: center; font-size: 12px; color: #6b6b6b; position: absolute; bottom: -1.75rem; width: 100%; opacity: 0; transition: .5s; transform: translateY(-1rem); -webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem); -ms-transform: translateY(-1rem); -o-transform: translateY(-1rem); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .s_wh_nav li.slick-current a{ transform: translateY(-1.125rem); -webkit-transform: translateY(-1.125rem); -moz-transform: translateY(-1.125rem); -ms-transform: translateY(-1.125rem); -o-transform: translateY(-1.125rem); } .s_wh_nav li.slick-current h5{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .s_wh_nav li.slick-current .img:before{border: 3px solid #2482ff; } .s_wh_phone{ position: absolute; bottom: 0; left: 49%;} .s_wh_for02{ position: absolute; cursor: grab;width: 225px; top: 12px; left: 121px; } .s_wh_for02 li img,.s_wh_for02 .slick-list{ overflow: hidden; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; } .s_shuzi{ color: #000; text-align: center;} .s_shuzi div{ white-space: nowrap;} .s_shuzi span{ font-size: 4.875rem; font-family: ALIBABA-PUHUITI-HEAVY;} .s_shuzi font{font-family: ALIBABA-PUHUITI-HEAVY; font-size: 1.5rem;} .s_shuzi p{ font-size: .9375rem; color: #757575;} .s_shuzi .hide{ display: none;} .s_shuzi li+li{ margin-top: 4.25rem;} .s_wh_for02:after{ content: ""; display: block; width: 110px; height: 14px; background: url(../images/s_wh_arr.png) center no-repeat; position: absolute; top: 50%; right: -150px;} #s_yinliu{ position: relative;} #s_yinliu .s_tt{ float: right; position: relative; z-index: 99;} #s_yinliu .pic{ float: left; position: absolute; z-index: 9; left:10%; bottom:0;} .s_yinliu_bg{ position: absolute; left: 0; bottom: 0;} .s_yinliu{ max-height:80vh;} .ico_appbox{ max-width: 330px;} .ico_appbox li{ width: 25%; float: left; height: 5.125rem; line-height: 5.125rem;} .ico_appbox li img{ max-width: 3.375rem;} #s_team{ position: relative; z-index: 1;} .s_team_left{ max-width: 45%;} .s_team_right{ max-width: 50%;} .s_team_bg{ position: absolute; z-index: -1; right: 0; bottom: 0; height: 100%; width: 50%;} .s_team_bg[aos=slide-left] { transform-origin: right; -webkit-transform: translate(0,0) scaleX(.7); -ms-transform: translate(0,0) scaleX(.7); transform: translate(0,0) scaleX(.7); -moz-transform: translate(0,0) scaleX(.7); -o-transform: translate(0,0) scaleX(.7); } .s_team_bg.aos-animate[aos=slide-left] { -webkit-transform: translate(0,0) scaleX(1); -ms-transform: translate(0,0) scaleX(1); transform: translate(0,0) scaleX(1); -moz-transform: translate(0,0) scaleX(1); -o-transform: translate(0,0) scaleX(1); } .s_team_bg.on{ -webkit-transform: translate(0,0) scaleX(2.5) !important; -ms-transform: translate(0,0) scaleX(2.5) !important; transform: translate(0,0) scaleX(2.5) !important; -moz-transform: translate(0,0) scaleX(2.5) !important; -o-transform: translate(0,0) scaleX(2.5) !important; } .s_team_bg svg{ width: 100%; height: 100%;} .s_team_bg img{ width: 100%; height: 100%;} svg path { -webkit-transition:.5s; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -moz-transition:.5s; } .s_team_bg.on path{d: path("M-0.000,0.000 L1006.000,0.000 L1006.000,998.000 L-0.000,998.000 L-0.000,0.000 Z");} .s_team_bg.on path{d: path("M-0.000,-0.000 L1006.000,-0.000 L1006.000,1001.000 L-0.000,1001.000 C0.000,1001.000 -2.806,812.985 0.676,490.126 C4.040,178.176 0.000,-0.000 0.000,-0.000 Z");} .s_team_slide{ max-width: 375px; margin-right: 130px;} .s_team_slide li{} .s_team_slide li a{ padding: 5rem 4rem; display: block; background: #fff; text-align: center; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .s_team_slide li .img{} .s_team_slide li .img img{} .s_team_slide li .txt{ padding-top: 1.625rem;} .s_team_slide li .txt h5{ font-size: 1.25rem; color: #535353; margin-bottom: .25rem;} .s_team_slide li .txt span{ font-size: .875rem; color: #989898; text-transform:uppercase;} .s_team_slide li .btn_arr2{ margin: 0 auto; margin-top: 2.75rem;} #certify { background-color: inherit; position: absolute; left: 60%; width: 390px; margin: 0 auto } #certify .swiper-container { overflow: visible; } #certify .swiper-slide{ width: 375px; height: 540px; } #certify .swiper-slide a{ opacity: .2; width: 375px; height: 540px; } #certify .swiper-slide.swiper-slide-active a{ opacity: 1;} #certify .swiper-slide a{ padding: 5rem 4rem; display: block; background: #fff; text-align: center; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #certify .swiper-slide .img{} #certify .swiper-slide .img img{} #certify .swiper-slide .txt{ padding-top: 1.625rem;} #certify .swiper-slide .txt h5{ font-size: 1.25rem; color: #535353; margin-bottom: .25rem;} #certify .swiper-slide .txt span{ font-size: .875rem; color: #989898; text-transform:uppercase;} #certify .swiper-slide .btn_arr2{ margin: 0 auto; margin-top: 2.75rem;} #certify .swiper-button-prev { left: -120px; width: 45px; height: 45px; background: none; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -120px; width: 45px; height: 45px;background: none; } /**/ .certify{ background-color: inherit; width: 23.4375rem; margin: 0 7rem; position: relative; z-index: 1;} .certify:before,.certify:after{ content: ""; display: block; width: 100%; height: 100%; background: #fff; opacity: .2; position: absolute; z-index: -1; top: 0; border-radius: 7px; transform: scale(.85); -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); -o-transform: scale(.85); -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; } .certify:before{left: -3.5rem;} .certify:after{right: -3.5rem;} .certify.on:before{ animation: fadeInRight2 1s forwards; -webkit-animation: fadeInRight2 1s forwards; } .certify.on:after{ animation: fadeInLeft2 1s forwards; -webkit-animation: fadeInLeft2 1s forwards; } @-webkit-keyframes fadeInLeft2{ 0%{ opacity:0; -webkit-transform:translate3d(-20px,0,0) scale(.85); transform:translate3d(-20px,0,0) scale(.85); -moz-transform:translate3d(-20px,0,0) scale(.85); -ms-transform:translate3d(-20px,0,0) scale(.85); -o-transform:translate3d(-20px,0,0) scale(.85); } 100%{ opacity:.2; -webkit-transform:translate3d(0,0,0) scale(.85); transform:translate3d(0,0,0) scale(.85); -moz-transform:translate3d(0,0,0) scale(.85); -ms-transform:translate3d(0,0,0) scale(.85); -o-transform:translate3d(0,0,0) scale(.85); }} @-webkit-keyframes fadeInRight2{ 0%{ opacity:0; -webkit-transform:translate3d(20px,0,0) scale(.85); transform:translate3d(20px,0,0); -moz-transform:translate3d(20px,0,0); -ms-transform:translate3d(20px,0,0); -o-transform:translate3d(20px,0,0); } 100%{ opacity:.2; -webkit-transform:translate3d(0,0,0) scale(.85); transform:translate3d(0,0,0) scale(.85); -moz-transform:translate3d(0,0,0) scale(.85); -ms-transform:translate3d(0,0,0) scale(.85); -o-transform:translate3d(0,0,0) scale(.85); }} .certify li{ opacity: .5;} .certify li a{ transition: .5s; transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .certify li.slick-current{ opacity: 1;} .certify li.slick-current a{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .certify li a{ padding: 5rem 4rem; display: block; background: #fff; text-align: center; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .certify li .img{ height: 11.25rem;} .certify li .img img{} .certify li .txt{ padding-top: 1.625rem;} .certify li .txt h5{ font-size: 1.25rem; color: #535353; margin-bottom: .25rem;} .certify li .txt span{ font-size: .875rem; color: #989898; text-transform:uppercase;} .certify li .btn_arr2{ margin: 0 auto; margin-top: 2.75rem;} .certify .slide_arrow{position: absolute; top: 50%; margin-top: -22px;width: 45px;height: 45px; cursor: pointer;} .certify .prev { left: -7rem; } .certify .next { right: -7rem; } .s_pingtai{} .s_pingtai li{ width: 25%; float: left; text-align: center; color: #fff; padding: 0 1.875rem;} .s_pingtai .box{ padding: 6.125rem 0; border: 1px solid rgba(255,255,255,.5); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .s_pingtai li div div{font-family: ALIBABA-PUHUITI-HEAVY;} .s_pingtai li span{ font-size: 4.375rem;} .s_pingtai li b{ font-size: 1.5rem;} .s_pingtai li p{ font-size: .9375rem; margin-top: .875rem; margin-bottom: 3.125rem;} .s_pingtai li font{ display: block; height: 3.125rem; width: 3.125rem; line-height: 3.125rem; margin: 0 auto;} .s_pingtai li:hover font{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @-moz-keyframes jello { from, 11.1%, to { -moz-transform: none; transform: none } 22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .slide{ position: relative;} .swiper-container2 .swiper-slide{ overflow: hidden;} #footer{ color: #fff; background: #2d2d31; overflow: hidden; padding-top: 4.375rem; } #footer>.m{ display: flex; justify-content: space-between; max-width: 1600px;} #footer h3{ font-size: 1.5rem; color: #dbdbdb; margin-bottom: 1rem;} .foot_lianxi{ font-size: .875rem; color: #dbdbdb; line-height: 1.625rem;} #footer .right{ } .copyright{ font-size: .875rem; margin-top: 2.5rem; padding-top: 1.25rem; padding-bottom: 3rem; color: rgba(255,255,255,.35); line-height: 1.375rem; text-align: center; border-top: 1px solid #545559;} .foot_share{ margin-top: 1.25rem; } .foot_share h4{ font-size: .875rem; color: #525252; margin-bottom: .75rem;} .foot_share ul{ clear: both; margin:0 -.3125rem; } .foot_share ul li{ display:inline-block; vertical-align: middle; margin:0 .3125rem; position:relative;} .foot_share ul li a{ display:inline-block; width:2rem; height:2rem; line-height:1.875rem; text-align:center; border-radius:50%; cursor:pointer;} .foot_share ul li a svg{ transition:.3s; max-width:55%; max-height:50%; display: inline-block; vertical-align: middle; opacity: .5; transition:.3s ; -webkit-transition:.3s ; -moz-transition:.3s ; -ms-transition:.3s ; -o-transition:.3s ; } .foot_share ul li a{ position: relative; z-index:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .foot_share ul li a:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border:1px solid #c8c8c9; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .foot_share ul li a:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block; background: #2482ff; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;} .foot_share ul li a:hover:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); } .foot_share ul li a:hover:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;} .foot_share ul li a:hover svg{ opacity: 1;} .foot_share ul li p{ font-size:.875rem; color:#969696; margin-top:1rem;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position: fixed;width: 100%;height: 100%;top: 0;z-index: 99999999999;} .tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto; } .tc1 .close:hover{ transform:rotate(180deg);} .tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc1 .tc-box{ position:absolute; background: #d9d9d9; border-radius: .5rem; overflow: hidden; top:50%; z-index:9999; width: 18rem; left:50%; margin-left: -9rem; margin-top: -9rem; padding: 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; } .tc1 .tc.act .tc-box{ transform:scale(1);} .tc1 .tc.act{display: block; } .tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; } .tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} .tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;} .tc1 .tc-box h5{ padding-top: 1rem; font-size: .875rem; color: #6c6c6c;text-align:center;} .fp-viewing-page7 #header{ display: none !important;} .fp-viewing-page3 #nav ul li h3,.fp-viewing-page4 #nav ul li h3,.fp-viewing-page5 #nav ul li h3,.fp-viewing-page6 #nav ul li h3,.ny #nav ul li h3{ color: #333;} .fp-viewing-page3 #logo .img01,.fp-viewing-page4 #logo .img01,.fp-viewing-page5 #logo .img01,.fp-viewing-page6 #logo .img01,.ny #logo .img01{ display: none;} .fp-viewing-page3 #logo .img02,.fp-viewing-page4 #logo .img02,.fp-viewing-page5 #logo .img02,.fp-viewing-page6 #logo .img02,.ny #logo .img02{ display: block;} .foot_ewm{} .foot_ewm ul{ margin: 0 -.875rem;} .foot_ewm ul li{ padding: 0 .875rem; width: 50%; float: left;} .foot_ewm ul li .box{ border: 1px solid #57575a; padding: 7px; overflow: hidden; display: flex;} .foot_ewm ul li .box img{ width: 6.875rem; height: 6.875rem; float: left;} .foot_ewm ul li .box .txt{ width:8.5rem; height: 6.875rem; display: flex; align-items: center; padding: 0 0 0 1.25rem;} .foot_ewm ul li .box .txt p{ font-size: .75rem; color: #ebebeb; line-height:1.25rem; } .foot_ewm ul li h5{ text-align: center; width: 100%; font-size: .875rem; color: #e0e0e0; margin-top: 1rem;} .zixu_wap{ display:none !important} @keyframes scaleToggleOne { 0 { transform:scale(1); -webkit-transform:scale(1) } 50% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleTwo { 0 { transform:scale(1); -webkit-transform:scale(1) } 20% { transform:scale(1); -webkit-transform:scale(1) } 60% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleThree { 0 { transform:scale(1); -webkit-transform:scale(1) } 33% { transform:scale(1); -webkit-transform:scale(1) } 66% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .livechat-girl { width: 3.8125rem; height: 3.8125rem; border-radius: 50%; position: fixed; bottom: 1px; right: 2.5rem; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) } .livechat-girl:focus { outline: 0 } .livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) } .livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #f10000, #f10000); position: absolute; right: 1px; top: 1px; z-index: 50 } .livechat-girl .girl { position: absolute; top: -1px; left: -1px; width: 100%; height: auto; z-index: 50 } .livechat-girl .animated-circles .circle { background: rgba(61, 145, 254, 0.25); width: 3.75rem; height: 3.75rem; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) } .livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards } .livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards } .livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards ; -webkit-animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards ; } .livechat-girl.animation-stopped .circle { opacity: 0!important } .livechat-girl.animation-stopped .circle { opacity: 0!important } .livechat-girl .livechat-hint { position: absolute; right: 2.5rem; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) } .livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 } .livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important } .livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis } @media only screen and (max-width:1599px) { .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important } } @media only screen and (max-width:1309px) { .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important } } @media only screen and (max-width:1124px) { .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important } } .rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: .875rem; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 } .rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 } .rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #ffffff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 } .rd-notice-type-success { background-color: #3d90fe; -webkit-box-shadow: 0 5px 10px 0 rgba(241, 0, 0, 0.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) } .rd-notice-type-success .rd-notice-content { background-color: #3d90fe } .rd-notice-type-success:after { background-color: #3d90fe; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) } .rd-notice-position-left { margin-left: -20px } .rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px } .rd-notice-tooltip.single-line .rd-notice-content { height: 2.5rem; padding: 0 1.25rem; line-height: 2.5rem; white-space: nowrap } /* 内页开始 */ #n_main{ position: relative; min-height: 600px; background: #f2f3f7; padding-top: 5.9375rem;} #n_main .m{ max-width: 1600px;} .ny #header{ background: #fff; position: fixed; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .ny #nav ul li h3{ color: #333;} .ny #logo .img01{ display: none;} .ny #logo .img02{ display: block;} .ny #m_header{ background: #fff; } .ny #m_logo .img01{ display: none;} .ny #m_logo .img02{ display: block;} .ny #nav_btn .navbtn::after, .ny #nav_btn .navbtn::before{ background: #999;} #n_banner{ height: 31.25rem; background: url(../images/n_banner.jpg) center no-repeat; color: #fff; text-align: left;} #n_banner .m{ max-width: 1600px; height: 100%;} #n_banner h2{ font-size: 4rem; font-family: ALIBABA-PUHUITI-HEAVY; margin-bottom: 1.25rem;} #n_banner h3{ font-size: 1.125rem;} #n_banner h4{ font-size: 3rem; margin-bottom: 2rem;} .bn_search{ width: 26.25rem; max-width: 100%; height:55px; border-radius: 25px; overflow: hidden; margin: 0 auto; overflow: hidden; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; } .bn_search .input{ width:100%; height: 55px; padding-left: 27px; font-size: .9375rem; color: #5c5c5c; background: #fff; } .bn_search .button{ width: 45px; height: 45px; border-radius: 50%; background: url(../images/search_white.svg) center no-repeat #2482ff; background-size: 20px; position: absolute; top: 5px; right: 5px; border:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #n_nav{ border-bottom: 1px solid #dbdcdf;} #n_nav ul{ text-align: center; font-size: 0;} #n_nav ul li{ display: inline-block; position: relative; z-index: 1;} #n_nav ul li a{ display: block; padding: 0 1.875rem; height: 5.25rem; line-height: 5.25rem; font-size: 1.25rem; color: #313235; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; } #n_nav ul li:before{ content: ""; display: block; width: 0; height: 100%; background: #2482ff; position: absolute; top: 0; right: 0; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } #n_nav ul li:hover:before,#n_nav ul li.on:before{ width: 100%; left: 0; right: auto;} #n_nav ul li:hover a,#n_nav ul li.on a{ color: #fff;} #n_course{} #n_course ul{ margin: 0 -1.125rem; overflow: hidden; margin-top: -2.5rem;} #n_course ul li{ width: 25%; float: left; padding: 0 1.125rem; margin-top: 2.5rem;} #n_course ul li a{ display: block; max-width: 475px; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #n_course ul li .img{} #n_course ul li .img img{} #n_course ul li .txt{ padding: 1.875rem; background: #fff;} #n_course ul li .txt h2{ font-size: 1.25rem; color: #2f2f31; margin-bottom: .75rem;} #n_course ul li .txt p{ font-size: .875rem; line-height: 1.25rem; margin-bottom: .25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #848484; } /*翻页*/ .page { text-align:center; margin-top:3.625rem; font-size: 0;} .page li{ display:inline-block; list-style: none; } .page a{ padding:0 10px; min-width: 2.5rem; text-align: center; line-height:2.5rem; display:inline-block; background: #fff; margin:0 0.375rem; color:#3b3b3b; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; } .page .on{ background:#2482ff !important; color:#fff; } .page a:hover{ background:#2482ff !important; color:#fff; text-decoration:none; } .page svg{ width: 1rem; height: .875rem; display: inline-block; vertical-align: middle;} .page a:hover svg path{ fill: #fff;} .bg_white .page a{ background: #f2f3f7;} .left_con .page{ text-align: left;} #n_yunying{} #n_yunying .m{ max-width: 1310px;} #n_yunying .left_con{ width: calc(100% - 23.625rem); float: left; padding-right: 2.75rem;} #n_yunying .right_con{ width: 23.625rem; float: right; position: sticky; top: 6rem;} .n_yunying_list ul{ margin-top: -1.25rem;} .n_yunying_list ul li{} .n_yunying_list ul li a{ display: block; overflow: hidden; padding: 1.25rem 0; position: relative;} .n_yunying_list ul li .img{ width: 16.5rem; float: left; margin-right: 1.875rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #dad9d9;} .n_yunying_list ul li .img img{} .n_yunying_list ul li .txt .j_tab{ table-layout: fixed;} .n_yunying_list ul li .txt{ width: calc(100% - 16.5rem); height: 100%; position: absolute; top: 0; right: 0; padding-left: 1.75rem; } .n_yunying_list ul li .txt h2{ font-size: 1.375rem; color: #404040;} .n_yunying_list ul li .txt p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; margin-top: 1.25rem; margin-bottom: 2rem;} .n_yunying_list ul li .time{ font-size: .875rem; color: #737373; line-height: 1.2rem; font-family: Roboto; padding-left: 1.25rem; background: url(../images/date.svg) left center no-repeat; background-size: .875rem;} .right_con .item_box{ padding: 2.125rem; box-shadow: 0px 0px 12px 0px rgba(105, 145, 184, 0.25); margin-bottom: 1.875rem;} .right_con .item_box .tt{ font-size: 1.375rem; color: #303030; padding-bottom: 1.125rem; border-bottom: 1px solid #e5e6e9; padding-top:.5rem; margin-bottom: 1.25rem;} .n_yunying_list ul li:hover .txt h2{ color: #2482ff;} .top_search{ width: 100%; height: 2.875rem; margin-top: 3px;overflow: hidden; position: relative; margin-bottom: 1.25rem; } .top_search .input{ width: calc(100% - 2.875rem); height: 2.875rem; padding-left: 20px; font-size: .875rem; color: #737373; border:1px solid #ccc; } .top_search .button{ width: 2.875rem; height: 100%; background: url(../images/search_white.svg) center no-repeat #2482ff; background-size: 20px; position: absolute; top: 0; right: 0; border:0; } .right_tag{ overflow: hidden; margin: 0 -5px; margin-top: -.875rem;} .right_tag li{ min-width: 33.33%; float: left; padding: 0 5px; margin-top: .875rem; } .right_tag li a{ padding: 0 .625rem; border: 1px solid #e5e6e9; display: block; position: relative; z-index: 1; text-align: center; font-size: .875rem; color: #787878; height: 2.375rem; line-height: 2.25rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .right_tag li a:before{ content: ""; display: block; width: 0; height: 100%; opacity: 0; background: #2482ff; position: absolute; top: 0; right: 0; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;} .right_tag li a:hover:before{ width: 100%; left: 0; right: auto; opacity: 1;} .right_tag li a:hover{ color: #fff; border: 1px solid #2482ff;} .bg_white{ background: #fff !important;} .right_hot{} .right_hot li{} .right_hot li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; color: #494949; height: 2.5rem; line-height: 2.5rem;} .right_hot li i{ display: inline-block; width: 1.5625rem; height: 1.5625rem; line-height: 1.5625rem; text-align: center; margin-right: .5rem; background: url(../images/right_ico.png) center no-repeat; background-size: contain !important; font-size: .8125rem; color: #fff; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; } .right_hot li:first-child i{ background: url(../images/right_ico01.png) center no-repeat;} .right_hot li:nth-child(2) i{ background: url(../images/right_ico02.png) center no-repeat;} .right_hot li:nth-child(3) i{ background: url(../images/right_ico03.png) center no-repeat;} .right_hot li:hover a{ color: #2482ff;} .ar_article{ font-size:1rem; color:#000; line-height:1.875rem; text-align:justify; } .ar_article h4{ font-size: 1.125rem;font-family: ALIBABA-PUHUITI-MEDIUM; font-weight: bold;} .ar_article p{font-size: 1rem;;color:#000;line-height:1.875rem; padding-bottom:1.75rem;} .ar_article strong{ font-weight:bold;} .ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;} .ar_article td *,.ar_article th *{ font-size:0.95rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;} .ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;} .ar_article img{ max-width:100%; margin-bottom: 1.5rem;} .ar_article a{ color:#363636;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;} .ar_article ul li, .ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style: inherit;} .ar_article ul li p, .ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; } .ar_article ul, .ar_article ol{ margin-bottom:15px;} .ar_position{ font-size: .9375rem; line-height: 1.5; color: #777; margin-bottom: .5rem;} .ar_position a,.ar_position span{ margin: 0 3px;} .ar_position a:hover{ color: #2482ff;} .ar_title{ margin-bottom: 1rem;} .ar_title h2{ font-size: 2rem; color: #404040; margin-bottom: .75rem; line-height: 1.5;font-family: ALIBABA-PUHUITI-MEDIUM;} .ar_title .time{ font-size: .9375rem; color: #737373; line-height: 1.2rem; font-family: Roboto; padding-left: 1.25rem; background: url(../images/date.svg) left center no-repeat; background-size: .875rem;} .ar_title .teacher{ font-size: .9375rem; color: #737373; line-height: 1.2rem; font-family: Roboto; padding-left: 1.25rem; background: url(../images/teacher.svg) left center no-repeat; background-size: 1rem;} #n_news_xq{ position: relative;} #n_news_xq .m{ max-width: 1310px;} #n_news_xq .left_con{ width: calc(100% - 20.625rem); float: left; padding-right: 2.25rem;} #n_news_xq .right_con{ width: 20.625rem; float: right; position: sticky; top: 6rem;} .ar_tag{ overflow: hidden; margin: 0 -5px; padding-bottom: 2.25rem; border-bottom: 1px solid #e5e6e9;} .ar_tag li{ display: inline-block; float: left; padding: 0 5px; margin-top: .875rem; } .ar_tag li a{ border: 1px solid #e5e6e9; display: block; position: relative; z-index: 1; padding: 0 1.125rem; text-align: center; font-size: .875rem; color: #787878; height: 2.375rem; line-height: 2.25rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .ar_tag li a:before{ content: ""; display: block; width: 0; height: 100%; opacity: 0; background: #2482ff; position: absolute; top: 0; right: 0; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;} .ar_tag li a:hover:before{ width: 100%; left: 0; right: auto; opacity: 1;} .ar_tag li a:hover{ color: #fff; border: 1px solid #2482ff;} .right_ewm{ width: 210px; margin: 0 auto; text-align: center;} .right_ewm .pic{ position: relative; margin-bottom: .875rem;} .right_ewm .pic .ewm{ position: absolute; left: 2px; top: 2px; width: 196px;} .right_ewm p{ font-size: .9375rem; color: #8a8a8a;} .ar_pinglun{ padding-top: 2.625rem;} .ar_pinglun .tt{ font-size: 1.375rem; color: #404040;font-family: ALIBABA-PUHUITI-BOLD; margin-bottom: 1.75rem; } /* 评论 */ #ds-reset .ds-avatar img{ width: 4.6875rem !important; height: 4.6875rem !important;-webkit-transform:none !important; box-shadow: none !important; border: 0 !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #ds-reset .ds-replybox{ padding-left: 6.25rem !important;} #ds-reset .ds-textarea-wrapper{ border: 1px solid #e2e3e7 !important; border-radius: 5px 5px 0 0; overflow: hidden; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; } #ds-reset .ds-textarea-wrapper textarea{background: #f2f3f7; height: 6.5rem !important;} #ds-reset .ds-gradient-bg{background: #f2f3f7 !important; height: 2.5rem !important;} #ds-reset .ds-post-toolbar{ box-shadow: none !important; border: 1px solid #e2e3e7 !important; border-right: 0 !important; height: 2.5rem !important; overflow: hidden; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; } #ds-reset .ds-post-button{height: 2.5rem !important; background: #3269ff !important; color: #fff !important;text-shadow:none !important;} #ds-reset .ds-toolbar-buttons{ top: .625rem !important;} #ds-reset .ds-comments-info .ds-comment-count{ padding: 5px 1.5rem !important; border:0 !important; border-radius: 25px !important; background: #f2f3f7 !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; -ms-border-radius: 25px !important; -o-border-radius: 25px !important; } #dr_module_comment_57 #ds-reset .ds-highlight{ color: #3269ff !important;} .city_tt{ text-align: center; margin-bottom: 3.25rem;} .city_tt h2{ font-size: 2.875rem; color: #313235;font-family: 'ALIBABA-PUHUITI-BOLD';} .city_tt p{ font-size: 1.25rem; color: #606062; margin-top: 1.875rem;} .city_tt .span{ font-size: 1.75rem; color: #dbdce0; text-transform: uppercase; display: block; margin-top: .375rem;} .city_tt.white h2{ color: #fff;} .city_tt.white p{ color: #fff;} .city_tt.white .span{ color: #fff;} #city_hongli{ width: 100%; overflow: hidden;} #city_hongli ul{ overflow: hidden; margin: 0 -1.1875rem;} #city_hongli ul li{ width: 33.333%; float: left; padding: 0 1.1875rem;} #city_hongli ul li .box{ overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #city_hongli ul li .img{} #city_hongli ul li .img img{} #city_hongli ul li .txt{ text-align: center; padding: 1.75rem 1rem; background: #fff;} #city_hongli ul li .txt p{ font-size: 1.125rem; line-height: 1.875rem; height: 3.75rem; max-width: 345px; margin: 0 auto;} #city_nixi{ width: 100%; overflow: hidden; background: #2482ff;} #city_nixi ul{ overflow: hidden; margin: 0 -1.375rem; margin-top: -2.5rem;} #city_nixi ul li{ width: 33.3333%; float: left; padding: 0 1.375rem; margin-top: 2.5rem;} #city_nixi ul li .box{} #city_nixi ul li .img{ margin: 0 auto; border: 5px solid #fff; width: 11.875rem; height: 11.875rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #city_nixi ul li .img img{} #city_nixi ul li .txt{ padding: 2rem 1rem; margin-top: -5.9375rem; padding-top: 5.9375rem; text-align: center; background: #fff; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #city_nixi ul li .txt h5{ font-size: 1.625rem; color: #3e3e3e; margin-bottom: .875rem; margin-top: 1.625rem;} #city_nixi ul li .txt p{ font-size: 1.125rem; color: #666666; line-height: 1.75rem; height: 3.5rem; overflow: hidden; max-width: 363px; margin: 0 auto;} #city_ys{ background: #fff; width: 100%; overflow: hidden;} #city_ys ul{ overflow: hidden; margin:-2.75rem -5px ;} #city_ys ul li{ width: 33.33%; float: left; text-align: center; border: 1px dashed #e6e8eb; margin-left: -1px; margin-top: -1px; padding: 2.75rem;} #city_ys ul li .ico{ position: relative; display: inline-block; width: 10.125rem;} #city_ys ul li .font{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;} #city_ys ul li .font img{ max-width: 3.375rem; max-height: 3.375rem;} #city_ys ul li h5{ font-size: 1.5rem; color: #025fe1; font-family: ALIBABA-PUHUITI-BOLD; margin-bottom: .625rem; margin-top: 1.5rem; } #city_ys ul li p{ font-size: 1rem; color: #656565; line-height: 1.625rem;} #city_ys ul li:hover .font img{ animation: jello 1s; -webkit-animation: jello 1s; } #city_jiameng{} #city_jiameng .city_tt{ margin-bottom: .25rem;} #city_jiameng .pic{ text-align: center;} #city_video{ width: 100%; overflow: hidden; background: #fff;} #city_video .ovh{ overflow: visible; position: relative;} #city_video ul{ margin: 0 -1.5625rem;} #city_video ul li{ padding: 0 1.5625rem;} #city_video ul li a{ display: block; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #city_video ul li .img{} #city_video ul li .txt{ background: #f2f3f7; padding: 1.5rem 2.5rem 2.5rem;} #city_video ul li .txt h5{ font-size: 1.5rem; color: #404040; margin-bottom: 1rem;} #city_video ul li .txt p{ font-size: .875rem; color: #777777; line-height: 1.5rem; } .slick_arrow_aside{ position: relative; } .slick_arrow_aside .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:45%; margin-top: -2.375rem; background-size:.9rem !important; display:block;border-radius:50%; font-size:0; cursor:pointer; width: 4.75rem !important; height: 4.75rem !important; line-height: 4.625rem !important;} .slick_arrow_aside .slick-arrow:before{ border: 2px solid #d1d2d5;} .slick_arrow_aside .slick-arrow .arrow{ width: 1rem; height: 1.25rem; display: inline-block; vertical-align: middle;} .slick_arrow_aside .slick-prev2{ left:-8.5rem;} .slick_arrow_aside .slick-next2{ right:-8.5rem;} .slick_arrow_aside .slick-arrow .drawcircle circle { stroke-width: 2;stroke-dasharray: 0 , 260; stroke-dashoffset:260;} .slick_arrow_aside .slick-arrow:hover svg.drawcircle circle {stroke:#2482ff;stroke-dasharray:260 , 0; stroke-dashoffset:260;} .slick_arrow_aside .slick-arrow:hover .arrow path{ stroke:#2482ff; } #city_join{ background: #2482ff; color: #fff; width: 100%; overflow: hidden;} #city_join .txt{ max-width: 469px;} #city_join .txt p{ font-size: 1rem; line-height: 1.75rem; margin-bottom: 1.5rem;} #city_join .txt h3{ font-size: 1.75rem; line-height: 2.5rem; margin-bottom: 1.5rem;} #city_join .txt h3 b{font-family: ALIBABA-PUHUITI-BOLD; font-weight: normal;} #city_join .txt .pic{ margin-top: 1.625rem; width: 12.5rem; height: 12.5rem; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #city_join .left{ width: 40%; padding-top: 2rem;} #city_join .right{ width: 60%;} .join_form{ background: #fff; max-width: 51.75rem; overflow: hidden; padding: 3.25rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .join_form .form-group{ margin: 0; margin-left: 0 !important; margin-right: 0 !important; padding: 0; width: 50%; float: left; padding: 0 .625rem; margin-bottom: .875rem;} .join_form .form-group input{ width: 100%; height: 3.125rem; border-radius: 3px; font-size: 1.125rem; color: #b7b7b7; padding: 0 1.25rem; border: 1px solid #dcdfe6; line-height: 3rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .join_form .form-group textarea{padding: 1rem 1.25rem; height: 8.75rem; border: 1px solid #dcdfe6; border-radius: 3px; width: 100%; font-size: 1.125rem; color: #b7b7b7;} .join_form .btn_submit{ margin: 0 auto; width: 9.375rem; height: 3.125rem; line-height: 3.125rem; font-size: 1rem; letter-spacing: 1px; margin-top: .625rem;} .slick-prev, .slick-next{ z-index: 99;} .form-horizontal .form-group { margin-right: 0; margin-left: 0; } #n_about{ position: relative; width: 100%; overflow: hidden;} #n_about .left{ float: left; display: flex; align-items: center; height: 39.75rem;} #n_about .txt{ padding: 5rem 0;} #n_about .city_tt{ text-align: left; margin-bottom: 1.25rem;} #n_about .tt{ font-size: 1.625rem; color: #313235; line-height: 2.625rem; margin-bottom: 3.375rem;} #n_about .con{ font-size: 1rem; color: #7b7b7b; line-height: 1.875rem;} #n_about .con p{ margin-bottom: 1.25rem;} #n_about .left{ width: 48%; text-align: justify;} #n_about .pic{ width: 47%; height: 39.75rem; position: absolute; right: 0; top: 5rem; object-fit: cover; border-radius: 7.5rem 0 0 0; -webkit-border-radius: 7.5rem 0 0 0; -moz-border-radius: 7.5rem 0 0 0; -ms-border-radius: 7.5rem 0 0 0; -o-border-radius: 7.5rem 0 0 0; } #n_licheng{ background: #2482ff; color: #fff; width: 100%; overflow: hidden;} #n_licheng .city_tt{ margin-bottom: 2rem;} #n_licheng .n_licheng_slide{ margin: 0 -13vh; } #n_licheng ul{ background: url(../images/licheng_line.svg) center no-repeat; height: 30rem; background-size: 100%; position: relative;} #n_licheng ul li{ float: left; position: absolute;} #n_licheng ul li .box{ display: block; width: 100%; height: 100%; min-width: 160px; padding-left: 1.625rem; border-left: 1px dashed #92c1ff;} #n_licheng ul li .box i{ width: 20px; height: 20px; display: block; position: absolute; left: -10px; top: 0; } #n_licheng ul li.li_2 .box i{ top: auto; bottom: 0;} #n_licheng ul li .box i:before{ content: ""; display: block; width: 100%; height: 100%; background: #2482ff; position: absolute; left: 0; top: 0; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } #n_licheng ul li .box i:after{ content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; border: 1px solid #fff; transform: scale(.5); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); } #n_licheng ul li.li_1{ bottom: 50%; margin-bottom: 2.5rem; left: 17%;} #n_licheng ul li.li_2{ top: 50%; margin-top: 2.5rem; left: 47%;} #n_licheng ul li .time{ font-size: 1.375rem; position: absolute; white-space: nowrap;} #n_licheng ul li.li_1 .time{ top:0} #n_licheng ul li.li_2 .time{ bottom:0} #n_licheng ul li.li_1 .box{ padding-top: 2.5rem; } #n_licheng ul li.li_2 .box{ padding-bottom: 2.5rem;} #n_licheng ul li .con{ font-size: .9375rem; line-height: 1.625rem; min-height: 4.875rem; display: flex;} #n_licheng ul li.li_2 .con{ align-items: flex-end;} #n_licheng .slick-list{ overflow: visible;} #n_licheng ul.slick-slide li{ opacity: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } #n_licheng ul.slick-active li{ opacity: 1;} #n_founder{ position: relative; z-index: 1;height: 52rem; width: 100%; background: #fff; } #n_founder .ovh{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; overflow: hidden;} #n_founder .m{ position: relative; height: 100%;} #n_founder .s_tt{ float: left;} #n_founder .tt{} #n_founder .tt h2{ font-size: 3.375rem; color: #313235;font-family: ALIBABA-PUHUITI-HEAVY;} #n_founder .tt span{ font-size: 1.75rem; color: #dbdce0; text-transform: uppercase; display: block; margin-top: 1rem; margin-bottom: 2rem;} #n_founder .tt h3{ font-size: 1.125rem; line-height: 1.5; padding: .9375rem 1.875rem; background: #2482ff; color: #fff; display: inline-block; border-radius: 2.5rem; -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem; -ms-border-radius: 2.5rem; -o-border-radius: 2.5rem; } #n_founder ul{ margin-top: 4rem;} #n_founder ul li{ font-size: 1.5rem; color: #515253; line-height:2.625rem ;} #n_founder .pic{ position: absolute; z-index: 9; bottom:0; right: 50px;} .sanmiaoshu_bg{ position: absolute; right: 0; bottom: 0; z-index: -1; max-width: 80%;} .sanmiaoshu{} #n_team{ width: 100%; overflow: hidden;} #n_team ul{ margin: 0 -1.375rem;} #n_team ul li{ padding: 0 1.375rem;} #n_team ul li .box{ overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } #n_team ul li .img{} #n_team ul li .img img{} #n_team ul li .txt{ background: #fff; padding: 2.5rem 1.5rem; text-align: center;} #n_team ul li .txt h5{ font-size: 1.875rem; color: #3a3a3c;font-family: ALIBABA-PUHUITI-BOLD; margin-bottom: 1.125rem;} #n_team ul li .txt span{ display: inline-block; overflow: hidden; font-size: 1rem; color: #fff; padding: .5rem 2rem; margin-bottom: 1.25rem; background: #2482ff; line-height: 1.5; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; } #n_team ul li .txt p{ font-size: 1rem; line-height: 1.75rem; height: 7rem; overflow: hidden; color: #6c6c6c;} #n_team .slick-arrow{ top: 50%;} #n_dw{ height: 51.25rem; width: 100%; will-change: transform; overflow: hidden; background: url(../images/n_dw_bg.jpg) center no-repeat; text-align: center; position: relative;} #n_dw .m{ height: 100%; display: flex; align-items: center; justify-content: center;} #n_dw .txt{} #n_dw .mask{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;} #n_dw .mask h2{ font-size: 4.25rem; color: #fff; font-family: ALIBABA-PUHUITI-HEAVY;} #n_honor{ width: 100%; overflow: hidden; background: #fff;} #n_honor .city_tt{ text-align: left;} #n_honor .left{ float: left; padding-top: 2.5rem; width: 40%;} #n_honor .right{ width: 60%; float: right;} #n_honor .con{ font-size: .9375rem; color: #636363; line-height: 1.625rem;} #n_honor .con2{ margin-top: 5rem; font-size:3.5rem; line-height: .95; color: #dcebfc; font-family: ALIBABA-PUHUITI-BOLD; text-transform: uppercase;} #n_honor ul{ max-width: 870px;} #n_honor ul li{ padding: .75rem; width: 50%; float: left; } #n_honor ul li a{ height: 18rem; display: block; background: url(../images/n_honor_li.jpg) center no-repeat; background-size: 100% 100%; color: #fff; padding: 3.125rem; box-shadow: 0px 0px 10px 0px rgba(12, 60, 136, 0.3);} #n_honor ul li i{ display: block; width: 1.875rem; height: 35px; background: url(../images/jiangbei.png) center no-repeat; background-size: contain; margin-bottom: .75rem;} #n_honor ul li h5{ font-size: 2rem; font-family: ROBOTO-BLACK; margin-bottom: 1rem;} #n_honor .scrollbox{ height: 38rem; overflow: auto;} .scrollbox::-webkit-scrollbar {width: 3px;height: 8px;background-color: #F5F5F5;} .scrollbox::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} .scrollbox::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow:none;background-color: #3479e9;} #galleryOverlay{ z-index: 999999999;} #n_zhaopin{ width: 100%; overflow: hidden; } .zhaopin_slide01{ position: relative; padding-bottom:2.5rem; width: 100%; overflow: hidden; } .zhaopin_slide01 li{} .zhaopin_slide01 li a{ display: block; position: relative; width: 100%; height: 100%; z-index: 1;border-radius: .625rem; overflow: hidden; } .zhaopin_slide01 li .pic{ width: 100%; height: 38.75rem; overflow: hidden; background: #000; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .zhaopin_slide01 li .pic img{ width: 100%; height: 100%; object-fit: cover; opacity: .6;} .zhaopin_slide01 li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff;} .zhaopin_slide01 li .txt h4{ width: 16.25rem; height: 16.25rem; line-height: 1.5; overflow: hidden; font-size: 2rem; margin: 0 auto; background: #2482ff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 0 1rem; display: flex; align-items: center; } .zhaopin_slide01 li .txt p{ font-size: 1rem; line-height: 2.25rem; margin-top: 1.5rem; padding: 0 2rem;} .zhaopin_slide01 .slick-dots{ bottom:0; padding:0} .zhaopin_slide01 .slick-dots li{ width:.5rem; height:.5rem; border-radius:.25rem; background:#c3c5c9; transition:.5s} .zhaopin_slide01 .slick-dots li button{ display:none} .zhaopin_slide01 .slick-dots li.slick-active{ width:2.5rem;background:#2482ff;} #banner li .img{ width:100%; height:100vh; z-index:8; } @-webkit-keyframes bgscale { from { -webkit-transform: scale(1); transform: scale(1); } to {-webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes bgscale { from { -webkit-transform: scale(1); transform: scale(1); } to {-webkit-transform: scale(1.1); transform: scale(1.1); } } .zhaopin_slide01 .slick-active .pic{ animation:bgscale 7s linear .3s forwards; animation-fill-mode: forwards; -webkit-animation:bgscale 7s linear .3s forwards; } .zhaopin_slide01 .txt h4{ opacity:0; } .zhaopin_slide01 .txt p{ opacity:0; } /* .zhaopin_slide01 li.slick-current{ z-index:999;} */ .zhaopin_slide01 .remove .txt h4{ animation:quit 1s ease-in forwards; } .zhaopin_slide01 .remove .txt p{ animation:quit 1s ease-in forwards; } .zhaopin_slide01 .slick-current .txt h4{ animation:enter 1s .8s ease-out forwards; -webkit-animation:enter 1s .8s ease-out forwards; } .zhaopin_slide01 .slick-current .txt p{ animation:enter 1s 1.4s ease-out forwards; -webkit-animation:enter 1s 1.4s ease-out forwards; } @-webkit-keyframes enter { 0% { opacity: 0; transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); } 100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } } @keyframes enter { 0% { opacity: 0; transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); } 100% { opacity: 1; transform: translateY(0px); } } @-webkit-keyframes quit { 0% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } 100% { opacity: 0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); -ms-transform:translateY(80px); -o-transform:translateY(80px); } } @keyframes quit { 0% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } 100% { opacity: 0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); -ms-transform:translateY(80px); -o-transform:translateY(80px); } } .zhaopin_slide02{ margin: 0 -1.25rem; margin-top: 4rem; } .zhaopin_slide02 li{ padding: 0 1.25rem;} .zhaopin_slide02 li a{ display: block; background: #fff; padding: 4rem 2rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .zhaopin_slide02 li .img{ width: 12.125rem; height: 12.125rem; margin: 0 auto; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .zhaopin_slide02 li .img img{} .zhaopin_slide02 li .txt{ text-align: center;} .zhaopin_slide02 li .txt h5{ font-size: 1.5rem; color: #313235; margin-top: 1.75rem; margin-bottom: 1rem;} .join_p{ margin-bottom: 3rem; font-size: 1rem; color: #848588;} .join_p span{ display: inline-block; line-height: 1.5rem; padding-left: 1.375rem; background-size: 1.25rem;} .join_p span+span{ margin-left: 1.125rem;} .join-add{ background: url(../images/join_add.svg) left center no-repeat;} .join-work{ background: url(../images/join_work.svg) left center no-repeat;} .join-time{ background: url(../images/join_time.svg) left top no-repeat;font-family: Roboto;} .zhaopin_slide02 .nav_menu{ width: 8.125rem; height: 2.8125rem; line-height: 2.8125rem; margin: 0 auto;} #n_zhaopin .slick_arrow_aside .slick-arrow{ top: 50%; width: 4.0625rem !important; height: 4.0625rem !important; line-height: 4.0625rem !important;} li:hover .page__btn{ color:#fff !important; } li:hover .page__btn span { width: 400px; height: 400px } #n_join02{ width: 100%; overflow: hidden; background: #fff;} #n_join02 .m{ display: flex;} #n_join02 .city_tt{ text-align: left;} #n_join02 .left{ width: 47%; float: left; padding-right: 2rem; position: relative; padding-top: 1rem; z-index: 1;} #n_join02 .right{ width: 53%; max-width: 784px; float: right;} #n_join02 .txt{ font-size: 1.25rem; color: #313235; line-height: 2.125rem; max-width: 585px;} #n_join02 .email{ font-size: 1.25rem; color: #313235; line-height: 35px; margin-top: 3.75rem; display: block;} #n_join02 .email i{ display: inline-block; width: 35px; height: 35px; margin-right: 1.125rem; vertical-align: middle; background: #050606 url(../images/join_email.svg) center no-repeat; background-size: 1.25rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .dotbg{ position: absolute; bottom: 0; left: 0; z-index: -1;} .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:999; pointer-events: none; visibility:hidden; opacity:0; transition:.5s; } .tc.act{ display: block; pointer-events: auto; visibility:visible; opacity:1;} .tc-box{ box-sizing:border-box; z-index:999; display: block; position:relative; } .tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; } .tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; } .tc .j_tab{ table-layout: fixed;} .tc.act .tc-box{opacity: 1;} /*弹窗内容样式*/ .tc_join{ background:#fefcfb; border-radius: .5rem; display: block; position:relative; z-index: 1; padding: 4.25rem;} .tc.act .tc_join{ } .tc_join{ width: 926px; max-width: 90%; margin: 0 auto; padding:4rem 4.5rem; padding-right: 2.75rem; box-sizing:border-box; } .tc_join .tc_close{position: absolute; cursor:pointer; color:#fff; font-size:1.5rem; right: -30px; top: -30px;} .tc_join .tt{ margin-bottom: 2.25rem;} .tc_join .tt h4{ font-size: 2.125rem; color: #313235;font-family: ALIBABA-PUHUITI-BOLD; margin-bottom: 1rem;} .tc_join .scrollbox{ max-height: 22rem; overflow: auto; padding-right: 1.75rem;} #n_apply{ width: 100%; min-height: 100vh; padding: 6rem 0; height: 100%; overflow: hidden; text-align: center; background: url(../images/n_apply_bg.jpg) center no-repeat; background-attachment: fixed; background-size: cover !important;} #n_apply .flexbox{ display: flex; align-items: center; justify-content: center; } .apply_tt{ clear: both;} .apply_tt img{ height: 4.625rem; } .apply_tt h2{ color: #fff;font-size: 2.75rem; margin-top: 1.625rem; } .apply_tt p{ display: inline-block; margin-top: 1.5rem; padding: .625rem 2rem; line-height: 1.5; color: #fff; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; } .loginbox{ background: #ffffff; overflow: hidden; width: 740px; max-width:100%; margin: 0 auto; margin-top: 2rem; margin-bottom: 4rem; padding: 3.75rem 2.5rem 4rem; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .loginbox .tt{ font-size: 2rem; color: #343434;font-family: ALIBABA-PUHUITI-HEAVY; text-align: center; margin-bottom:1.875rem;} .loginbox form{ width: 530px; max-width: 100%; margin: 0 auto;} .loginbox form .form-group{ margin-bottom: .875rem; overflow: hidden; position: relative;} .loginbox form .form-group span{ display: block; width: 5.5rem; line-height: 3.125rem; float: left; text-align: right; font-size: .9375rem; color: #4F4F4F; } .loginbox form .form-group .input{ height: 3.125rem; border: 1px solid #e7e6ea; padding: 0 1rem; float: right; width: calc(100% - 5.5rem); font-size: .875rem; color: #A7A7A7;border-radius: 5px;} .loginbox form .form-group textarea.input{ padding-top: 1rem; padding-bottom: 1rem; height: 7.5rem;} .loginbox form .form-group .yzm{ position: absolute; right: 2px; top: 2px; bottom: 2px;} .loginbox form .tip{ float: right; font-size: .8125rem; color: #949497;} .loginbox form button{ width: calc(100% - 5.5rem); float: right; margin-top: 0rem; height: 3.4375rem; background: #2482ff; color: #fff; font-size: 1rem; border: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } #footer2{ margin-top: 4.5rem;text-align: center; width: 100%; font-size: .875rem; color: rgba(255, 255, 255, 0.35); line-height: 1.875rem;} input::-webkit-input-placeholder{color:#bbbcbc; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */color:#bbbcbc;} input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#bbbcbc;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#bbbcbc;}/* WebKit browsers */ input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */ input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */ input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */ input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */ .btn_flashcenter { display: block; width: 130px; position: relative; overflow: hidden; height: 50px; border-radius: 6px; background: #F99; text-align: center; line-height: 50px; color: #fff; font-size: 16px; transition: 0.52s; } .btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; } .btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; } .btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; } .btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; } @-webkit-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @-moz-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @-ms-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @-webkit-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @-moz-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @-ms-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } #n_user{ width: 100%; min-height: 100vh; height: 100%; overflow: hidden; position: relative;text-align: center; background: url(../images/n_user_bg.jpg) center no-repeat; background-size: cover !important;} #n_user .j_tab{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; table-layout: fixed;} .userbox{ background: #ffffff; overflow: hidden; width: 500px; max-width:100%; margin: 0 auto; margin-top: 2rem; margin-bottom: 4rem; padding: 3.75rem 3.625rem 4rem; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .userbox .tt{ font-size: 2rem; color: #343434; text-align: center; margin-bottom:1.875rem;} .userbox .tt img{ width: 4.875rem;} .userbox .tt h3{ font-size: 1.125rem; color: #535354; font-weight: normal; margin-top: .875rem;} .userbox form{ max-width: 100%; margin: 0 auto;} .userbox form .form-group{ margin-bottom: .875rem; margin-left: 0; margin-right: 0; overflow: hidden; position: relative; border: 1px solid #e7e6ea; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} .userbox form .form-group i.ico_l{ display: block; width: 50px; height: 55px; line-height: 53px; border-right: 1px solid #dfdfdf; float: left; background-size: 1.25rem !important; } .userbox form .form-group .input{ height: 55px; padding: 0 1rem; float: right; width: calc(100% - 50px); font-size: .9375rem; color: #9c9ca0; } .userbox form .form-group textarea.input{ padding-top: 1rem; padding-bottom: 1rem; height: 7.5rem;} .userbox form .form-group .yzm{ position: absolute; right: 2px; top: 2px; bottom: 2px;} .userbox form .tip{ float: right; font-size: .8125rem; color: #949497;} .userbox form button{ width: 100%; margin-top: 1.25rem; height: 55px; line-height: 55px; background: #2482ff; color: #fff; font-size: .9375rem; border: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .userbox .ovh{ margin-top: 3rem; font-size: .875rem; color: #565759;} .userbox .ovh a{ color: #2482ff;} .ico-name{ background: url(../images/ico-name.svg) center no-repeat;} .ico-password{ background: url(../images/ico-password.svg) center no-repeat;} .ico-email{ background: url(../images/ico-email.svg) center no-repeat;} #n_user #footer2{ position: absolute; bottom: 3.125rem; left: 0; width: 100%; } #n_demand #footer2{ position: absolute; bottom: 3.125rem; left: 0; width: 100%; } #n_demand{ width: 100%; height: 100vh; overflow: hidden; text-align: center; background: url(../images/n_apply_bg.jpg) center no-repeat; background-attachment: fixed; background-size: cover !important;} #n_demand .j_tab{ table-layout: fixed;} .demandbox{ width: 888px; max-width: 100%; margin: 0 auto; margin-top: 2rem; margin-bottom: 12rem;} .demandbox .input{ background: #fff; flex-grow: 1; font-size: 1.0625rem; height: 4rem; padding: 0 1.5rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .demandbox form{ display: flex; justify-content: center;} .demandbox .btn_submit{ height: 4rem; line-height: 4rem; font-size: 1.0625rem; margin-left: .75rem;} .demandbox .btn_submit.b01{ background: #3269ff !important;} .demandbox .btn_submit.b02{ background: #b0b1b4 !important;} .demandbox .tip{ text-align: center; color: #fff; font-size: .9375rem; line-height: 1.875rem; margin-top: 3.75rem; } .demandbox .tip b{ font-weight: normal; font-family: ALIBABA-PUHUITI-BOLD;} .demandbox form select{font-size: 1.0625rem; color: #626262; width: 11.25rem; border: 0; height: 4rem; padding: 0 1rem; position: relative; cursor: pointer; display: inline-block; margin-right: 10px; background: #fff; border-radius: 3px;} #ds-reset .ds-comments-info,#ds-reset .ds-comment-body{ padding-left: 6.25rem !important;} ul#dr_comment_list{ margin-left: 6.25rem !important;} #dr_module_comment_51 #ds-reset .ds-highlight{ color: #3269ff !important;} #dr_module_comment_51 #ds-reset li .ds-highlight{ font-size: 1rem; color: #4f4f4f !important;font-family: ALIBABA-PUHUITI-BOLD;} /*弹窗内容样式*/ .tc_pass{ width: 660px; max-width: 90%; margin: 0 auto; padding:4rem ; box-sizing:border-box; background:#fefcfb; border-radius: .5rem; display: block; position:relative; z-index: 1; } .tc_pass .tt{ margin-bottom: 2.25rem;} .tc_pass .tt img{ width: 5.3125rem;} .tc_pass .tt h4{ font-size: 1.5rem; color: #4A4A4A; margin-bottom: 1rem; margin-top: 1.125rem;} .tc_pass .con{ max-width: 398px; margin: 0 auto; line-height: 1.625rem;} .tc_pass .btn_submit{ width: 10rem; height: 3.4375rem; line-height: 3.4375rem; font-size: 1rem; background: #3269ff; margin: 0 auto; margin-top: 3.4375rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; } .tc_pass .close_time{ position: absolute; top: 1.5rem; right: 1.875rem; display: block; width: 5.3125rem; height: 2.5rem; transform: none !important; text-align: center; font-size: .875rem; color: #fff; border-radius: 1.25rem; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; } .tc_pass .ewm{ width: 10.625rem; height: 10.625rem;margin: 0 auto; margin-top: 2.5rem; border: 1px solid #d8dadb; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .tc[name=tc_pass],.tc[name=tc_failed]{ background: rgba(0, 0, 0, 0.7);} .tc[name=tc_search]{ opacity:1;} .tc_shipin { max-width: 780px; margin: 0 auto;} .tc_shipin .video-js{ width:100%; height:100%; position: relative; left: 0; top: 0; right: 0; bottom: 0; padding-top: 60%;} .tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%; cursor: pointer;} .tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; } .tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .video-js{ width: 100% !important; height: 100% !important;} .video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;} video{object-fit:fill; } .vjs-poster{ background-size: cover !important;} #s_video { width: 100%; overflow: hidden;} #s_video .box{ padding: 4.75rem; position: relative; overflow: hidden;} #s_video .box .img{ max-width: 1104px; margin: 0 auto; margin-top: 5rem;} #s_video .txt{ position: absolute; top:0rem; left: 0; right: 0; height:14.375rem;} .bg-cover{ position: absolute;left: 0;top: 4rem; background-repeat: repeat-x; width: 100%;height: 100%; background-position: left center; -webkit-animation: play 50s linear infinite; animation: play 50s linear infinite; } @-webkit-keyframes play { from { background-position: 0% 0; } to { background-position: 100% 0; } } @keyframes play { from { background-position: 0% 0; } to { background-position: 100% 0; } } #n_zhengshu{ width: 100%; height: 100vh; text-align: center;overflow: hidden; position: relative;text-align: center; background: url(../images/n_zhengshu_bg.jpg) center no-repeat; background-size: cover !important;} #n_zhengshu .pic{ display: inline-block; font-size: 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); position: relative;} #n_zhengshu .pic img{ text-align: center; max-height: 73vh;} #n_zhengshu .pic .txt{ position: absolute; left: 3rem; right: 3rem; top: 20%; bottom: 0; font-size: .6875rem; color: #494949; line-height: 1.375rem; } #n_zhengshu .pic .txt .h3{ margin-bottom: .625rem; font-family: ALIBABA-PUHUITI-BOLD;} #n_zhengshu .pic .txt .underline{ background: none; border-bottom: 1px solid #3a3a3a; text-align: center; padding: 0 1.5rem;} #n_zhengshu .pic .txt .con1{font-family: ALIBABA-PUHUITI-BOLD;} #n_zhengshu .pic .txt .con2{ margin-top: .625rem;} #n_zhengshu .btn_arr2{ margin: 0 auto; margin-top: 1.5rem;background-color: #2482ff; margin-bottom: 3rem;} #n_zhengshu .page__btn span{ background: #f850c8;} #n_zhengshu #footer2{ color: #737376;position: absolute; bottom: 3.125rem; left: 0; width: 100%;} .tc_zhengshu{ position: relative; z-index: 999999; padding: 4rem 5.5rem; background: #fff; width: 970px; max-width: 90%; margin: 0 auto; border-radius: .5rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; } .tc_zhengshu .box1{ overflow: hidden; position: relative; padding-bottom: 1.875rem; border-bottom: 1px solid #eeeff0; margin-bottom: 1.875rem;} .tc_zhengshu .box1 .img{ float: left; width: 14.375rem; border-radius:.625rem ; -webkit-border-radius:.625rem ; -moz-border-radius:.625rem ; -ms-border-radius:.625rem ; -o-border-radius:.625rem ; } .tc_zhengshu .box1 .txt{ text-align: left; float: left; width: calc(100% - 14.375rem); padding-left: 1.875rem; padding-top: 2rem; } .tc_zhengshu .box1 .txt h5{ font-size: 2.25rem; color: #393939; font-family: ALIBABA-PUHUITI-HEAVY; } .tc_zhengshu .box1 .txt h6{ font-size: 1rem; color: #fff; margin-top: 1.125rem; margin-bottom: 1rem; background: #2482fe; padding: 5px 1rem; line-height: 1.3; display: inline-block; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; } .tc_zhengshu .box1 .txt h4{ font-size: 1rem; color: #525252; margin-bottom: .625rem; display: none;} .tc_zhengshu .box1 .txt .con{ font-size: .875rem; color: #676767; line-height: 1.625rem;} .tc_zhengshu .box2{} .tc_zhengshu .box2 ul{ margin: 0 -.625rem;} .tc_zhengshu .box2 ul li{ padding: 0 .625rem;} .tc_zhengshu .box2 ul li a{ display: block; position: relative; overflow: hidden; border-radius:.625rem; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; } .tc_zhengshu .box2 ul li .img{ border-radius:.625rem; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; } .tc_zhengshu .box2 ul li h5{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; height: 4rem; line-height: 4rem; color: #fff; font-size: 1rem; background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.75)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75)); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75)); background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.75)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.75))); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111); } .tc_zhengshu .tc_close{ right: -3rem; top: -3rem; position: absolute; cursor: pointer;} .tc_zhengshu .tc_close svg{ width: 2.25rem; height: 2.25rem;} #n_zhengshu .slick_arrow_aside .slick-arrow{ top: 50% !important; margin-top: -1.4125rem; width: 2.8125rem !important; height: 2.8125rem !important; line-height: 2.8125rem !important;} #n_zhengshu .slick_arrow_aside .slick-prev2{ left: -4.125rem;} #n_zhengshu .slick_arrow_aside .slick-next2{ right: -4.125rem;} #n_zhengshu .slick_arrow_aside .slick-arrow .arrow{ width: .5rem;} /*miso*/ .box_table{ display:table; table-layout: fixed; width:100%; height:100%} .box_table_cell{ display:table-cell; vertical-align:middle} .box_table_cell *{ white-space:normal; word-wrap:break-word; } .overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/ .overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;} #zhibo_sj{ background:#f8f8f8; overflow:hidden} #zhibo_sj ul{ margin:0 -1.5625rem; font-size:0; text-align:center} #zhibo_sj ul li{ display:inline-block; height:14.375rem; padding:0 1.5625rem .75rem; max-width:33.3333333%} #zhibo_sj ul li a{ display:block; width:20rem; height:100%; border-radius:.625rem; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08); background:#fff; max-width:100%; transition:.5s; position:relative} #zhibo_sj ul li a:before{ content:""; position:absolute; top:100%; border-left:transparent .625rem solid; border-right:transparent .625rem solid; border-top:transparent .0 solid; left:50%; margin-left:-.625rem; transition:.5s} #zhibo_sj ul li a .ico{width:5rem;height:5rem;position:relative;line-height:5rem;overflow:hidden;display: inline-block;} #zhibo_sj ul li a .ico .ico1, #zhibo_sj ul li a .ico .ico2{ position:absolute; top:0; right:0; bottom:0; left:0; transition:.5s} #zhibo_sj ul li a .ico .ico2{ transform:translateX(-100%)} #zhibo_sj ul li a h2{font-size:1.375rem;color:#474646;margin: 1rem 0 .5rem;line-height:1.25; transition:.5s} #zhibo_sj ul li.on a{ background:#2482ff} #zhibo_sj ul li.on a .ico .ico1{ transform:translateX(100%)} #zhibo_sj ul li.on a .ico .ico2{ transform:translateX(0)} #zhibo_sj ul li.on a h2{ color:#fff} #zhibo_sj ul li.on a:before{ border-top:#2482ff .75rem solid;} .img_zd{ position:relative; width:100%} .img_zd .img_hezi{ padding-bottom:60% !important} .img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;} #zhibo_zb{ background:#2482ff; overflow:hidden} #zhibo_zb .city_tt h2{ color:#fff} #zhibo_zb .city_tt span{ color:#fff} #zhibo_zb ul{ padding-bottom:3rem} #zhibo_zb ul li .box{ background:#fff; padding:1.25rem; border-radius:1.25rem; position:relative} #zhibo_zb ul li .box .img{ width:65.75%;} #zhibo_zb ul li .box .con{ width:calc(100% - 65.75%); position:absolute; top:0; bottom:0; right:0; padding:0 3rem 0 4rem} #zhibo_zb ul li .box .con .h3{ font-size:2rem; color:#484a4c; line-height:3.125rem; text-align:left; font-family: ALIBABA-PUHUITI-BOLD;} #zhibo_zb ul .slick-dots{ bottom:0; padding:0} #zhibo_zb ul .slick-dots li{ width:.5rem; height:.5rem; border-radius:.25rem; background:#fff; transition:.5s} #zhibo_zb ul .slick-dots li button{ display:none} #zhibo_zb ul .slick-dots li.slick-active{ width:2.5rem;} #zhibo_zb .slick_arrow_aside .slick-arrow{ width:4.375rem !important; height:4.375rem !important; line-height:4.25rem !important} #zhibo_zb .slick_arrow_aside .slick-arrow:before{ border:rgba(255,255,255,.8) 2px solid} #zhibo_zb .slick_arrow_aside .slick-arrow .arrow{ height:1rem;} #zhibo_zb .slick_arrow_aside .slick-arrow .arrow path{ stroke:#fff} #zhibo_ly ul{ margin:0 -1.0625rem} #zhibo_ly ul li{ float:left; width:25%; padding:0 1.0625rem; margin-bottom:2.25rem} #zhibo_ly ul li a{ display:block; position:relative; border-radius:.625rem; overflow:hidden} #zhibo_ly ul li a .img .img_hezi{ position:relative; padding-bottom:78.86% !important} #zhibo_ly ul li a .img:after{content:"";position:absolute;top: 0;right:0;bottom: -1px;left:0;background:url(../images/zhibo_ly_top.png) center bottom no-repeat;background-size:100% auto;} #zhibo_ly ul li a .con{ padding:2.5rem 2.5rem 4.375rem; background:#fff; text-align:center} #zhibo_ly ul li a .con h2{ font-size:1.625rem; color:#3a3a3a; font-family: ALIBABA-PUHUITI-BOLD; margin-bottom:1.25rem} #zhibo_ly ul li a .con p{ font-size:.875rem; color:#787878; line-height:1.625rem; height:4.875rem;} #zhibo_yl{ background:#fff; overflow:hidden} #zhibo_yl .bottom{ text-align:center} #zhibo_yl .bottom .h3{font-size:1.625rem;color:#313235;line-height:1.25;margin-bottom: 2rem;} p.p_g{font-size:.9375rem;color:#7b7b7b;line-height:1.875rem;margin-bottom: 2.5rem; text-align:center} #shangwu_fw{ background:#fff; overflow:hidden} #shangwu_fw ul{padding:0 2.375rem 3rem;margin-bottom: 0;} #shangwu_fw ul li .box{background:#2482ff;padding:0;border-radius:1.25rem;position:relative;overflow: hidden;} #shangwu_fw ul li .box .img{ width:60%;} #shangwu_fw ul li .box .con{ width:calc(100% - 60%); position:absolute; top:0; bottom:0; right:0; padding:0 3rem 0 4rem} #shangwu_fw ul li .box .con .h2{font-weight: bold;font-size:2.75rem;font-family: arial;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #fff; opacity: .7;} #shangwu_fw ul li .box .con .h3{font-size:2.75rem;color:#fff;line-height:1.5;font-family: 微软雅黑;margin:.5rem 0 0;font-weight: bold;} #shangwu_fw ul li .box .con p{ font-size:1.125rem; color:#fff; line-height:2rem; margin:1rem 0 3.125rem} #shangwu_fw ul li .box .con .page__btn span{background: #3667d3;} #shangwu_fw ul li .box .con .btn_arr2{ width:9.0625rem; height:3.125rem; line-height:3.125rem} #shangwu_fw ul li .box .con .btn_arr2 font:after{ } #shangwu_fw ul li .box .con .btn_arr2 font{ margin-top:-3px; margin-left:.25rem} #shangwu_fw ul .slick-dots{ bottom:0; padding:0} #shangwu_fw ul .slick-dots li{ width:.5rem; height:.5rem; border-radius:.25rem; background:#ededed; transition:.5s} #shangwu_fw ul .slick-dots li button{ display:none} #shangwu_fw ul .slick-dots li.slick-active{ width:2.5rem; background:#2482ff} #shangwu_pt{background:#fff;border-top:#e9eaee 1px solid;overflow: hidden;} #shangwu_pt ul{ text-align:center; margin:1.5rem 0 0} #shangwu_pt ul li{display:inline-block;padding:0 1.25rem;margin-bottom: 1rem;} #shangwu_hz{background:#f2f3f7;overflow: hidden;} #shangwu_hz ul{ padding:0 3.125rem; margin:0 -1rem} #shangwu_hz ul li{ float:left; width:16.666667%; padding:0 1rem} #shangwu_hz ul li a{ display:block; background:#fff; border-radius:.625rem; padding:1.75rem 1.875rem 6.25rem; text-align:center; cursor:pointer} #shangwu_hz ul li a .h5{ font-size:1.5rem; color:#dddee2; font-family: ALIBABA-PUHUITI-HEAVY; text-align:left} #shangwu_hz ul li a .ico{ width:9.0625rem; height:9.0625rem; background:#f850c8; border-radius:50%; display:inline-block; margin:3.125rem 0 1.5rem; position:relative; z-index:1} #shangwu_hz ul li a .ico:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.5s; transform:scale(0); border-radius:50%; z-index:-1} #shangwu_hz ul li a h2{ font-size:1.5rem; color:#434343; font-family: ALIBABA-PUHUITI-BOLD;} #shangwu_hz ul li a .h6{ font-size:.875rem; color:#a3a3a3; font-family: Roboto; text-transform:uppercase; line-height:1.25; margin:.25rem 0 0} #shangwu_hz ul li a:hover .ico img{ animation: jello 1s; -webkit-animation: jello 1s; } #shangwu_hz ul li a:hover .ico:before{ background:#2482ff; transform:scale(1)} #shangwu_xcp{background:url(../images/shangwu_xcp_bg.jpg) center no-repeat;background-size:cover;padding-bottom:35% !important;position:relative;overflow: hidden;} #shangwu_xcp .top{ position:absolute; top:0; right:0; bottom:0; left:0; text-align:center} #shangwu_xcp .top h2{ font-size:2.875rem; color:#fff; font-family: ALIBABA-PUHUITI-HEAVY; margin-bottom:2rem} #shangwu_xcp a{ display: inline-block;} #shangwu_team .miso_hd ul li{ padding:0 4.375rem; } #shangwu_team .miso_hd ul li .box{ border-radius:.625rem; box-shadow: 0px 0px 25px 0px rgba(99, 102, 106, 0.3); padding:2.5rem 3rem; background:#fff} #shangwu_team .miso_hd ul li .box .left{width:calc(100% - 22rem);padding: 0 6.25rem 0 0;} #shangwu_team .miso_hd ul li .box .right{ width:22rem} #shangwu_team .miso_hd ul li .box h2{font-size:2.5rem;color:#343434;font-family: ALIBABA-PUHUITI-HEAVY;padding: 1.75rem 0 2rem;} #shangwu_team .miso_hd ul li .box dl{font-size:0;margin-bottom:1.25rem;display: flex;} #shangwu_team .miso_hd ul li .box dl dt{background:#2482ff;line-height:1.875rem;padding: 0 1.25rem;border-radius:.9375rem;font-size:1.125rem;color:#fff;display: inline-block;white-space: nowrap;height: 1.875rem;} #shangwu_team .miso_hd ul li .box dl dd{ display:inline-block; font-size:1.125rem; color:#555555; line-height:1.875rem; padding:0 1rem} #shangwu_team .miso_hd ul li .box dl.dl dt{ margin-bottom:.5rem} #shangwu_team .miso_hd ul li .box dl p{font-size:1.125rem;color:#555555;line-height:1.875rem;margin:.75rem 1rem 0;} .list_box1{margin: 1.75rem 0 0;} #shangwu_team{background:#fff;overflow: hidden;} #shangwu_team .m{ max-width: 1310px;} #shangwu_team .miso_hd>ul{ margin:-1.5rem 0 0;} #shangwu_team .miso_hd .list_box1 li{padding:0 .375rem;display:inline-block;margin-bottom: .5rem;} #shangwu_team .miso_hd .slick-list{ padding:1rem 0; overflow: visible !important;} #shangwu_team .miso_hd ul li .box dl.dl1{ float:left; width:50%} #shangwu_team .miso_hd .slick-arrow{top:10rem;bottom:10rem;width: 4.375rem;height: auto;transform: translateX(0) translateY(0);} #shangwu_team .miso_hd ul li .box .right .img{ border-radius:.625rem .625rem 0 0; } #shangwu_team .miso_hd ul li .box .right .img .img_hezi{ padding-bottom:100% !important} #shangwu_team .miso_hd ul li .box .right .con{ padding:1.5rem 10px; margin-top: -2rem; position: relative; background:#2482ff; border-radius:.0 0 .625rem .625rem; text-align:center} #shangwu_team .miso_hd ul li .box .right .con .btn_arr2{ width:10rem; height:3.125rem; line-height:3.125rem; display:inline-block; margin:1.375rem 0 0} #shangwu_team .miso_hd ul li .box .right .con .list_box2 li{ float:left; width:33.333333%; padding:0 0} #shangwu_team .miso_hd ul li .box .right .con .list_box2 li h3{ font-size:1.625rem; color:#fff; font-family: ALIBABA-PUHUITI-HEAVY;} #shangwu_team .miso_hd ul li .box .right .con .list_box2 li h5{ font-size:1.125rem; color:#fff; margin:.25rem 0 0} #shangwu_team .miso_hd ul li .box .right .con .page__btn span{background: #3667d3;} #shangwu_team .miso_bd ul{ padding:0 8.125rem; margin:2.125rem 1.125rem 0} #shangwu_team .miso_bd ul li{ padding:0 1.125rem} #shangwu_team .miso_bd ul li a{ display:block; border-radius:50%; overflow:hidden; position:relative; cursor: pointer;} #shangwu_team .miso_bd ul li a img{ width:100%} #shangwu_team .miso_bd ul li.slick-current a:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#2482ff 3px solid; border-radius:50%} #shangwu_team .miso_hd .slick-arrow{background:#2482ff;z-index: 10;} #shangwu_team .miso_hd .slick-prev{ border-radius:1.25rem 0 0 1.25rem} #shangwu_team .miso_hd .slick-next{ border-radius:0 1.25rem 1.25rem 0} #shangwu_team .miso_hd .slick-prev:before, #shangwu_team .miso_hd .slick-next:before{ font-size:3.25rem} #shangwu_team .miso_hd ul li .box .right .con .btn_arr2{ font-size:1.125rem} #shangwu_team .miso_hd .list_box1 li{} #shangwu_team .miso_hd .list_box1 li img{ max-height:2.5rem} @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1830px){ } @media(max-width: 1630px){ } @media(max-width: 1400px){ #shangwu_hz ul li{ width:33.333333%; margin-bottom:1.25rem} } @media(max-width: 1330px){ } @media(max-width: 1200px){ #zhibo_ly ul li a .con{ padding:1.5rem 1.5rem 2.55rem} #zhibo_ly ul li{ width:50%} #shangwu_fw ul{padding: 0 0 3rem;} #shangwu_fw ul li .box .img{ width:100%} #shangwu_fw ul li .box .con{width:100%;position:relative;padding: 2rem 1.5rem;} #shangwu_team .miso_hd ul li .box .left{ width:100%; padding:0} #shangwu_team .miso_hd ul li .box .right{ width:100%} } @media(max-width: 1060px){ } @media(max-width: 992px){ #zhibo_zb ul li .box .con{ padding:0 1rem 0 1rem} #shangwu_hz ul li{ width:50%} #shangwu_team .miso_bd ul{ padding:0 15px} } @media(max-width: 768px){ #gotop{ right:0; transform:scale(0.7)} #zhibo_sj ul{ margin:0 -7px} #zhibo_sj ul li{padding:0 7px .75rem;height: 10rem;} #zhibo_sj ul li a .ico{ width:4xp; height:4rem; line-height:4rem;} #zhibo_sj ul li a .ico img{ max-width:2.75rem; max-height:2.75rem} #zhibo_sj ul li a h2{ font-size:1.25rem; margin:.5rem 0 0 .5rem} #zhibo_zb ul li .box .img{ width:100%} #zhibo_zb ul li .box .con{width:100%;position: relative;padding: 2rem 1rem 1rem;} #zhibo_zb ul li .box .con .h3{font-size: 1.5rem;line-height:1.5;} #zhibo_zb ul{ padding-bottom:0} #zhibo_zb ul .slick-dots{ bottom:-3rem} #zhibo_ly ul li{ width:100%} #zhibo_yl .bottom .h3{ font-size:1.375rem; line-height:1.5} #zhibo_yl .bottom p a{ display:none} p.p_g br{ display:none} #shangwu_pt ul li{ padding:0 7px} #shangwu_pt ul li img{ max-height:2rem} #shangwu_hz ul{ margin:0 -7px} #shangwu_hz ul li{ padding:0 7px} #shangwu_fw ul li .box .con .h3{ font-size:2rem} #shangwu_hz ul{ padding:0 15px} #shangwu_hz ul li a .ico{width:7rem;height:7rem;margin: 1.125rem 0 1.5rem;} #shangwu_hz ul li a .ico img{ height:2.5rem} #shangwu_hz ul li a{padding: 1.25rem 5px 2rem;} #shangwu_hz ul li a .h5{ padding:0 .5rem} #shangwu_team .miso_hd .slick-arrow{ display:none !important} #shangwu_team .miso_hd ul li{ padding:0 15px} #shangwu_team .miso_hd ul li{ padding:0 5px} #shangwu_team .miso_hd ul li .box{box-shadow: 0px 0px 5px 0px rgba(99, 102, 106, 0.3);padding: 15px 12px;} #shangwu_xcp .top h2{ font-size:1.75rem} #shangwu_xcp .top .h3 img{ height:3rem} #shangwu_team .miso_hd ul li .box h2{ font-size:1.75rem} #shangwu_team .miso_hd .list_box1 li img{ height:1.5rem} } @media(max-width: 456px){ } .n_zhaopin_search{ margin: 0 -1.25rem; margin-top: 4rem; } .n_zhaopin_search li{ padding: 0 1.25rem; width: 25%; float: left; margin-bottom: 1.5rem;} .n_zhaopin_search li a{ display: block; background: #fff; padding: 4rem 2rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .n_zhaopin_search li .img{ width: 12.125rem; height: 12.125rem; margin: 0 auto; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .n_zhaopin_search li .img img{} .n_zhaopin_search li .txt{ text-align: center;} .n_zhaopin_search li .txt h5{ font-size: 1.625rem; color: #313235; margin-top: 1.75rem; margin-bottom: 1rem;} .n_zhaopin_search .nav_menu{ width: 8.125rem; height: 2.8125rem; line-height: 2.8125rem; margin: 0 auto;} /*选择框美化*/ label {font-size:.875rem; color: #817f7f; cursor:pointer; margin-left:10px; font-weight: normal;} label i { font-size:12px; font-style:normal; display:inline-block; width:13px; height:13px; text-align:center; line-height:12px; color:#fff; vertical-align:middle; margin:-2px 5px 1px 0px; border:#ddd 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } input[type="checkbox"],input[type="radio"] {display:none;} input[type="radio"] + i { border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; } input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#3667d3 url(../images/duihao.svg) center no-repeat; background-size: contain; border: 1px solid #3667d3;} input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;} input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;} .lb-nav a{font-size:14px; color: #817f7f; cursor:pointer; margin-left:10px; font-weight: normal; min-width: 77px; display: inline-block;} .lb-nav a i{ display:inline-block; width:13px; height:13px; text-align:center; line-height:12px; color:#fff; vertical-align:middle; margin:-2px 5px 1px 0px; border:#ddd 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .lb-nav a.on i{background:#3667d3 url(../images/duihao.svg) center no-repeat; background-size: contain; border: 1px solid #3667d3;} .tc_xieyi{ padding:50px; background:#fff; max-height: calc(100vh - 100px);max-width:800px; width: 90%; margin:0 auto; min-height:200px; position:relative; z-index:9999;} .tc_xieyi .ar_article{ overflow: auto; height: 100%; max-height: calc(100vh - 300px);} .tc_dingdan .ar_article::-webkit-scrollbar{ display: none;} .tc_close{ position:absolute; right:10px; top:10px; color:#3667d3; cursor:pointer; padding:10px; transition:.5s; font-size:18px; z-index: 999;} .tc_close:hover{ transform:rotate(90deg);} a:hover{ text-decoration: none;} .tc_tt{ margin-bottom: 20px; text-align: center; font-size: 16px; font-weight: bold;} .tag_tt{ font-size: 1.625rem; color: #575757; font-family: ALIBABA-PUHUITI-BOLD; margin-bottom: 3rem;} .tag_tt span{ color: #2482ff;} #gotop{ display:none; width:2.9rem; height:2.9rem; border-radius:50%; overflow:hidden; position:absolute; bottom:10rem; right:3.125rem; position:fixed; z-index:999; background:#2482ff;} #gotop img{ animation: hide-dt-f 3s infinite; } @keyframes hide-dt-f{ 0% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, -10px, 0px); } } #m_header .top_menu { float: right; height: 4.5rem; display: flex; align-items: center; margin-right: 4rem; } #m_header .nav_menu{ width: 6rem; height: 2.5rem; line-height: 2.5rem;} .top_menu{ position: relative;} /* .userlist{ width: 100%; position: absolute; top: 100%; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 1rem 0; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; } .userlist a{ display: block; font-size: .875rem; text-align: center;line-height: 2rem;} .userlist:before{} */ .userlist{ position: absolute; top:5.75rem; display: none; width:100%; z-index: 10000; background: #fff; border: 1px solid #ddd; box-shadow:0px 5px 5px 2px rgba(0,0,0,.07); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .userlist .box{ padding:.625rem 0 .9375rem; background: #fff; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} .userlist .box:before { content: ""; position: absolute; top: 0px; left:10%; height: 30px; width: 30px; background-color: #FFFFFF; border: 1px solid #ddd; z-index: -1; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .userlist a{ display:block; line-height: 2.25rem; font-size: .8125rem; cursor: pointer; text-align: center;} .userlist a:hover{background: #f6f6f6;}