/*================================================*/ /* Style.Css */ /* Copyright © 2009-2019 CloudV.cn */ /*================================================*/ @charset "utf-8"; @import url('common.css?t=2'); /*==================== 通用样式 ====================*/ .dy-container-full { width:100%; margin:0 auto; } .dy-container-mid { min-width:1240px; width:1240px; margin:0 auto; } .dy-container-full:before, .dy-container-mid:before { content:" "; display:block; width:0; height:0; clear:both; } .dy-container-full:after, .dy-container-mid:after { content:" "; display:block; width:0; height:0; clear:both; } .dy-btn { display:inline-block; margin-bottom:0; padding:5px 20px; text-align:center; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; background-image:none; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:background-color 0.35s ease; transition:background-color 0.35s ease; -moz-border-radius:22px; -webkit-border-radius:22px; border-radius:22px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; } .dy-btn.disable { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none; color:#d0d0d0; background-color:#f8f8f8; cursor:not-allowed; } .dy-btn.disable:hover { color:#d0d0d0; background-color:#f8f8f8; } .dy-btn:hover { -webkit-transition:background-color 0.35s ease; transition:background-color 0.35s ease; } .btn-white { color:#000; background-color:#fff; font-size:16px; } .btn-white:hover { color:#fff; background-color:#000; } .btn-master { color:#fff; background-color:#ff4400; font-size:16px; } .btn-master:hover { background-color:#059157; } .btn-basic { color:#fff; background-color:#7e7d7d; font-size:16px; } .btn-basic:hover { background-color:#666; } .btn-lesser { color:#666; background-color:#f4f4f4; font-size:16px; } .btn-lesser:hover { background-color:#e3e3e3; } .btn-bottom { color:#666; background-color:#fff; font-size:16px; border:1px solid #e3e3e3; } .btn-bottom:hover { background-color:#f8f8f8; } .btn-other { color:#666; background-color:#fff; font-size:16px; } .btn-other:hover { background-color:#f8f8f8; } .btn-size-master { width:196px; height:60px; line-height:60px; } .btn-size-tiny { width:120px; height:44px; line-height:44px; } .btn-size-basic { width:196px; height:44px; line-height:44px; } .btn-size-longer { width:370px; height:60px; line-height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; } .btn-size-alter { width:196px; height:60px; line-height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; } .btn-size-bottom { width:173px; height:51px; line-height:51px; -webkit-border-radius:25.5px; -moz-border-radius:25.5px; -ms-border-radius:25.5px; -o-border-radius:25.5px; border-radius:25.5px; } .dy-row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .dy-row .col-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%; } .dy-row .col-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; } .dy-row .col-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; } .dy-row .col-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; } .dy-row .col-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; } .dy-row .col-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } .dy-row .col-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; } .dy-row .col-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; } .dy-row .col-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%; } .dy-row .col-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; } .dy-row .col-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; } .dy-row .col-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .no-data { text-align:center; font-size:14px; color:#333; line-height:2em; padding:30px 0; } .layui-flow-more { width:100%; padding:20px 0; overflow:hidden; } /*==================== H5动效 ====================*/ @-moz-keyframes gfadeIn { 0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-webkit-keyframes gfadeIn { 0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-o-keyframes gfadeIn { 0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @keyframes gfadeIn { 0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-webkit-keyframes slideIn { 0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-o-keyframes slideIn { 0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-moz-keyframes slideIn { 0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @keyframes slideIn { 0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-moz-keyframes gfadeOut { 0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-webkit-keyframes gfadeOut { 0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-o-keyframes gfadeOut { 0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @keyframes gfadeOut { 0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-moz-keyframes scaleIn { 0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-webkit-keyframes scaleIn { 0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-o-keyframes scaleIn { 0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @keyframes scaleIn { 0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } } @-webkit-keyframes move_wave { 0% { transform:translateX(0) translateZ(0) scaleY(1)} 50% { transform:translateX(-25%) translateZ(0) scaleY(0.75)} 100% { transform:translateX(-50%) translateZ(0) scaleY(1)} } @-moz-keyframes move_wave { 0% { transform:translateX(0) translateZ(0) scaleY(1)} 50% { transform:translateX(-25%) translateZ(0) scaleY(0.75)} 100% { transform:translateX(-50%) translateZ(0) scaleY(1)} } @-o-keyframes move_wave { 0% { transform:translateX(0) translateZ(0) scaleY(1)} 50% { transform:translateX(-25%) translateZ(0) scaleY(0.75)} 100% { transform:translateX(-50%) translateZ(0) scaleY(1)} } @keyframes move_wave { 0% { transform:translateX(0) translateZ(0) scaleY(1)} 50% { transform:translateX(-25%) translateZ(0) scaleY(0.75)} 100% { transform:translateX(-50%) translateZ(0) scaleY(1)} } .list-model.active li { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; } .list-model.active li:nth-child(1) { animation-delay:0.4s; } .list-model.active li:nth-child(2) { animation-delay:0.6s; } .list-model.active li:nth-child(3) { animation-delay:0.8s; } .list-model.active li:nth-child(4) { animation-delay:1.0s; } .list-model.active li:nth-child(5) { animation-delay:1.2s; } .list-model.active li:nth-child(6) { animation-delay:1.4s; } .list-model.active li:nth-child(7) { animation-delay:1.6s; } .list-model.active li:nth-child(8) { animation-delay:1.8s; } .list-model.active li:nth-child(9) { animation-delay:2.0s; } .list-model.active li:nth-child(10) { animation-delay:2.2s; } .list-model.active li:nth-child(11) { animation-delay:2.4s; } .list-model.active li:nth-child(12) { animation-delay:2.6s; } .list-model.active li:nth-child(13) { animation-delay:2.8s; } .list-model.active li:nth-child(14) { animation-delay:3.0s; } .list-model.active li:nth-child(15) { animation-delay:3.2s; } .list-model.active li:nth-child(16) { animation-delay:3.4s; } .list-model.active li:nth-child(17) { animation-delay:3.6s; } .list-model.active li:nth-child(18) { animation-delay:3.8s; } .list-model.active li:nth-child(19) { animation-delay:4.0s; } .list-model.active li:nth-child(20) { animation-delay:4.2s; } .show-model.active { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; } /*==================== 鼠标进入图片效果 ====================*/ .hover-zoom { -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom img { -webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; width:100%; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom:hover { background:#333; } .hover-zoom:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); opacity:1; filter:alpha(opacity=100); } .hover-fade { -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; background:#333; } .hover-fade img { width:100%; opacity:1; filter:alpha(opacity=100); -webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; } .hover-fade:hover img { opacity:0.8; filter:alpha(opacity=80); width:100%; } .hover-shiftup { -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear; } .hover-shiftup:hover { -webkit-transform:translate3d(0, -3px, 0); -moz-transform:translate3d(0, -3px, 0); transform:translate3d(0, -3px, 0); } .hover-opacity08:hover img { opacity:0.8; filter:alpha(opacity=80); } .hover-shadow:hover { box-shadow:0 15px 30px rgba(0,0,0,.1); } .hover-zoom-out img:hover { z-index:5; -webkit-transform:scale3d(1.1, 1.1, 1.1); -moz-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; } /*==================== 头部菜单栏 ====================*/ #dy_header { position:absolute; left:0; right:0; top:0; z-index:999; height:auto; font-size:14px; background-color:#fff; background-color:transparent; } #dy_header[data-theme="white"] { color:#fff; } #dy_header[data-theme="black"] { color:#000; } #dy_header .dy-nav { position:relative; text-align:center; margin:0 auto; z-index:2; } #dy_header .dy-nav .dy-nav-logo { position:absolute; top:0; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; height:60px; z-index:2; vertical-align:middle; } #dy_header .dy-nav .dy-nav-logo a.nav-logo { -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-orient:vertical; -webkit-box-pack:center; } #dy_header .dy-nav .dy-nav-logo a.nav-logo .logo { display:inline-block; width:159px; height:18px; position:relative; background-repeat:no-repeat; background-position:center center; background-image:url('../Images/logo_black.png'); background-size:159px 18px; } #dy_header[data-theme="white"] .dy-nav .dy-nav-logo a.nav-logo .logo { background-image:url('../Images/logo_white.png'); } #dy_header[data-theme="black"] .dy-nav .dy-nav-logo a.nav-logo .logo { background-image:url('../Images/logo_black.png'); } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list { width:auto; height:60px; text-align:center; display:inline-block; } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item { display:inline-block; text-align:center; vertical-align:middle; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a { -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; color:#333; display:inline-block; vertical-align:middle; height:100%; line-height:60px; margin:0 13px; padding:0 10px; position:relative; -webkit-transition:opacity 0.3s ease,color 0.35s ease; transition:opacity 0.3s ease,color 0.35s ease; } #dy_header[data-theme="white"] .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a { color:#fff; } #dy_header[data-theme="black"] .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a { color:#000; } #dy_header[data-theme="white"] .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a:hover, #dy_header[data-theme="white"] .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item.active a { color:#f2a93b; } #dy_header[data-theme="black"] .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a:hover, #dy_header[data-theme="black"] .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item.active a { color:#f2a93b; } #dy_header .dy-nav .dy-nav-link { position:absolute; top:0; right:0; display:-webkit-box; display:-ms-flexbox; display:flex; height:60px; z-index:2; vertical-align:middle; } #dy_header .dy-nav .dy-nav-link a.icon-help { -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-orient:vertical; -webkit-box-pack:center; font-size:14px; } #dy_header[data-theme="white"] .dy-nav .dy-nav-link a.icon-help { color:#fff; } #dy_header[data-theme="black"] .dy-nav .dy-nav-link a.icon-help { color:#000; } #dy_header .dy-nav .dy-nav-link a.icon-help:hover, #dy_header .dy-nav .dy-nav-link a.icon-help.active { color:#f2a93b; } #dy_header .dy-nav .dy-nav-link a.icon-help .icon { padding-right:8px; display:inline-block; width:18px; height:18px; position:relative; background-repeat:no-repeat; background-position:center center; background-image:url('../Images/icon_help_black.png'); background-size:18px 18px; } #dy_header[data-theme="white"] .dy-nav .dy-nav-link a.icon-help .icon { background-image:url('../Images/icon_help_white.png'); } #dy_header[data-theme="black"] .dy-nav .dy-nav-link a.icon-help .icon { background-image:url('../Images/icon_help_black.png'); } #dy_header .dy-nav .dy-nav-link a.icon-help:hover .icon, #dy_header .dy-nav .dy-nav-link a.icon-help.active .icon { background-image:url('../Images/icon_help_active.png'); } /*==================== 滚动广告栏 ====================*/ #dy_slider { position:relative; } #dy_slider .dy-slider { position:relative; overflow:hidden; min-height:320px; height:100vh; } #dy_slider .dy-slider .swiper-container { width:100%; height:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide { position:relative; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-image { width:100%; height:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-image img { height:100%; width:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn { position:absolute; left:0; right:0; bottom:12%; z-index:10; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a { display:inline-block; width:164px; height:52px; line-height:52px; border-radius:5px; background:#32C424; color:#fff; text-align:center; font-size:18px; margin:0 12px; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a:nth-child(2) { background:#0168ff; } #dy_slider .dy-slider .swiper-container .swiper-pagination { bottom:3%; } #dy_slider .dy-slider .swiper-pagination-bullet { width:10px; height:10px; background:rgba(255,255,255,.6); } #dy_slider .dy-slider .swiper-pagination-bullet-active { background:rgba(255,255,255,1); } /* 文字 */ #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text { position:absolute; top:25%; right:5%; width:45%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:5%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:5%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="top"] .slide-text { top:25%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="middle"] .slide-text { top:40%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h1 { color:#fff; font-size:60px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h2 { color:#fff; font-size:48px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h3 { color:#fff; font-size:32px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h4 { color:#fff; font-size:28px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h5 { color:#fff; font-size:24px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h6 { color:#fff; font-size:20px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text p { color:#fff; font-size:18px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .line { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link { margin-top:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a { color:#fff; font-size:18px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:after { position:absolute; content:''; display:block; width:24px; height:1px; background-color:#fff; bottom:-5px; left:49.5%; margin-left:-8px; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn { margin-top:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a { background:rgba(242,169,59,.5); color:#fff; font-size:16px; padding:3px 20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a:hover { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h1, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h2, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h3, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h4, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h5, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h6, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text p { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h1, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h2, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h3, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h4, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h5, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h6, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text p { color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .line { border-bottom:1px solid #fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .line { border-bottom:1px solid #000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a { color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a:after { background-color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a:after { background-color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover { color:#f2a93b; -webkit-transition:color .4s ease; transition:color .4s ease; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover:after { background-color:#f2a93b; width:75px; margin-left:-33px; } /* 工作机会滚动广告 */ #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text.careers h1, #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text.careers h2, #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text.careers h3, #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text.careers h4, #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text.careers p { text-align:left; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-btn a { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-btn a { color:#000; } /*==================== 内页Banner ====================*/ #dy_banner { position:relative; width:100%; } #dy_banner .dy-banner { width:100%; } #dy_banner .dy-banner .banner-wrapper { width:100%; } #dy_banner .dy-banner .banner-wrapper .banner-image { display:inline-block; width:100%; height:auto; } #dy_banner .dy-banner .banner-wrapper .banner-image img { width:100%; height:auto; } #dy_banner .dy-banner .banner-wrapper .banner-text { position:absolute; top:35%; right:5%; text-align:right; } #dy_banner .dy-banner .banner-wrapper[text-xposition="left"] .banner-text { left:5%; } #dy_banner .dy-banner .banner-wrapper[text-xposition="right"] .banner-text { right:5%; } #dy_banner .dy-banner .banner-wrapper[text-yposition="top"] .banner-text { top:35%; } #dy_banner .dy-banner .banner-wrapper[text-yposition="middle"] .banner-text { top:45%; } #dy_banner .dy-banner .banner-wrapper .banner-text h1 { color:#fff; font-size:60px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper .banner-text p { color:#fff; font-size:18px; line-height:1.8em; } #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text h1, #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text h2, #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text h3, #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text h4, #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text h5, #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text h6, #dy_banner .dy-banner .banner-wrapper[data-theme="black"] .banner-text p { color:#000; } #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text h1, #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text h2, #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text h3, #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text h4, #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text h5, #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text h6, #dy_banner .dy-banner .banner-wrapper[data-theme="white"] .banner-text p { color:#fff; } /*==================== 内容栏 ====================*/ #dy_main { position:relative; } #dy_main .main-wrapper .wrapper-title { text-align:center; margin-bottom:30px; } #dy_main .main-wrapper .wrapper-title h2 { position:relative; display:inline-block; color:#f2a93b; font-size:36px; height:36px; line-height:1em; margin-bottom:20px; } #dy_main .main-wrapper .wrapper-title h2:before { content:" "; position:absolute; left:-35px; top:19px; display:block; height:1px; background:#f2a93b; width:25px; } #dy_main .main-wrapper .wrapper-title h2:after { content:" "; position:absolute; right:-35px; top:19px; display:block; height:1px; background:#f2a93b; width:25px; } #dy_main .main-wrapper .wrapper-title small { display:block; color:#666; font-size:16px; padding-bottom:10px; } #dy_main .main-wrapper .wrapper-title small:last-child { padding-bottom:0; } /*==================== 首页推荐广告栏 ====================*/ #dy_main .index-promos { position:relative; display:inline-block; width:100%; height:100%; } #dy_main .index-promos .index-promos-list { position:relative; } #dy_main .index-promos .index-promos-list .promos-item { position:relative; margin-top:4px; overflow:hidden; height:420px; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail { height:100%; position:relative; overflow:hidden; } #dy_main .index-promos .index-promos-list .promos-item:nth-child(odd) .promos-detail { margin-right:2px; } #dy_main .index-promos .index-promos-list .promos-item:nth-child(even) .promos-detail { margin-left:2px; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-cover { position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-pack:center; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-cover img, #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-cover picture, #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-cover video { width:auto; height:100%; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-text { position:absolute; display:block; top:0; width:100%; padding:60px 0; text-align:center; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-text h2 { color:#fff; line-height:1.2em; font-size:32px; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-text h3 { color:#fff; line-height:1.2em; margin-top:10px; font-size:18px; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-text .info { padding:0 60px; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-text .info p { color:#fff; line-height:1.6em; margin-top:10px; font-size:16px; } #dy_main .index-promos .index-promos-list .promos-item .promos-detail .promos-link { position:absolute; display:block; top:0; width:100%; height:100%; } #dy_main .index-promos .index-promos-list .promos-item[data-theme="white"] .promos-detail .promos-text h2, #dy_main .index-promos .index-promos-list .promos-item[data-theme="white"] .promos-detail .promos-text h3, #dy_main .index-promos .index-promos-list .promos-item[data-theme="white"] .promos-detail .promos-text .info p { color:#fff; } #dy_main .index-promos .index-promos-list .promos-item[data-theme="black"] .promos-detail .promos-text h2, #dy_main .index-promos .index-promos-list .promos-item[data-theme="black"] .promos-detail .promos-text h3, #dy_main .index-promos .index-promos-list .promos-item[data-theme="black"] .promos-detail .promos-text .info p { color:#000; } /*==================== 首页底部版权导航栏 ====================*/ #dy_footer { position:relative; z-index:9; padding:30px 0 20px 0; background-color:#fff; } #dy_footer .footer-link { margin:0 auto; padding:20px 0 15px 0; color:#98979a; } #dy_footer .footer-link ul { float:left; width:990px; } #dy_footer .footer-link ul li { float:left; text-align:center; width:15%; font-size:12px; } #dy_footer .footer-link ul li a { display:block; overflow:hidden; } #dy_footer .footer-link ul li img { width:40px; display:block; margin:0 auto; } #dy_footer .footer-link ul li span { line-height:30px; font-size:12px; color:#666; } #dy_footer .footer-link .onlive-server { float:right; width:250px; text-align:right; margin-top:-18px; } #dy_footer .footer-link .onlive-server span { color:#666; font-size:12px; line-height:30px; } #dy_footer .footer-link .onlive-server .tel { color:#f2a93b; font-size:25px; margin-top:-6px; line-height:40px; } #dy_footer .footer-link .onlive-server .onlive-btn { height:30px; padding:0 16px; overflow:hidden; position:relative; text-align:center; line-height:30px; color:#fff; margin-top:3px; display:inline-block; font-size:14px; background:#f2a93b; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } #dy_footer .footer-link .onlive-server .onlive-btn:hover { color:#fff; } #dy_footer .footer-link .onlive-server img { position:absolute; width:20px; top:50%; left:0; margin-top:-10px; } #dy_footer .footer-copyright { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; margin:0 auto; padding-top:24px; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:1px #ebebeb solid; } #dy_footer .footer-copyright .copyright-left { -webkit-box-flex:1; -ms-flex:1; flex:1; line-height:24px; } #dy_footer .footer-copyright .copyright-left ul { width:100%; overflow:hidden; } #dy_footer .footer-copyright .copyright-left ul li { float:left; color:#666; margin-right:20px; font-size:13px; line-height:24px; color:#666; } #dy_footer .footer-copyright .copyright-left ul li:last-child { margin-right:0; } #dy_footer .footer-copyright .copyright-left ul li a { color:#666; font-size:13px; } #dy_footer .footer-copyright .copyright-left ul li a:hover { color:#000; } #dy_footer .footer-copyright .copyright-left ul.beian li.gabeian { background:url(../Images/icon_gabeian.png) no-repeat left; background-size:14px; padding-left:16px; } #dy_footer .footer-copyright .copyright-left ul.beian li.gsbeian { background:url(../Images/icon_gsbeian.png) no-repeat left; background-size:14px; padding-left:16px; } #dy_footer .footer-copyright .copyright-left ul.beian li:hover.gabeian { background:url(../Images/icon_gabeian_on.png) no-repeat left; background-size:14px; padding-left:16px; } #dy_footer .footer-copyright .copyright-left ul.beian li:hover.gsbeian { background:url(../Images/icon_gsbeian_on.png) no-repeat left; background-size:14px; padding-left:16px; } #dy_footer .footer-copyright .copyright-right { font-size:13px; text-align:right; padding-left:2em; color:#999; } #dy_footer .footer-copyright .copyright-right strong { display:inline-block; vertical-align:middle; } #dy_footer .footer-copyright .copyright-right a { color:#999; font-size:20px; vertical-align:middle; margin-left:15px; -webkit-transition:color 0.35s ease; transition:color 0.35s ease; } #dy_footer .footer-copyright .copyright-right a.of-global-link { margin-left:15px; padding-left:15px; position:relative; } #dy_footer .footer-copyright .copyright-right a.of-global-link em { width:1px; top:3px; bottom:3px; position:absolute; left:0; background-color:#999; } #dy_footer .footer-copyright .copyright-right a:hover { color:#666; } #dy_footer .footer-copyright .copyright-right a span { font-size:13px; padding-left:.5em; display:inline-block; vertical-align:middle; } #dy_footer .footer-copyright .copyright-right a b { font-size:16px; vertical-align:middle; } #dy_footer .footer-copyright .copyright-right a b:before { vertical-align:text-top; } #dy_footer .footer-copyright .copyright-right .subscribe { float:right; position:relative; padding-top:18px; } #dy_footer .footer-copyright .copyright-right .subscribe a { display:inline-block; *margin-right:3px; } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img { display:inline-block; width:20px; height:20px; position:relative; top:4px; *top:2px; background-repeat:no-repeat; background-position:center center; background-size:20px 20px; } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img.icon-weibo { background-image:url('../Images/icon_weibo.png'); } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img.icon-weixin { background-image:url('../Images/icon_weixin.png'); } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img.icon-qzone { background-image:url('../Images/icon_qzone.png'); } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img.icon-weibo:hover { background-image:url('../Images/icon_weibo_on.png'); } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img.icon-weixin:hover { background-image:url('../Images/icon_weixin_on.png'); } #dy_footer .footer-copyright .copyright-right .subscribe .icon-img.icon-qzone:hover { background-image:url('../Images/icon_qzone_on.png'); } #dy_footer .footer-copyright .copyright-right .subscribe a#wechat_qrcode .qr-box { display:none; position:absolute; bottom:30px; left:10px; height:120px; padding:5px; text-align:left; border:0; background:0 0; color:#333; font-size:16px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.2)!important; box-shadow:0 0 10px rgba(0,0,0,.2)!important; background-color:#fff; margin-bottom:0; z-index:99; } #dy_footer .footer-copyright .copyright-right .subscribe a#wechat_qrcode .qr-box img { width:100px; height:100px; } #dy_footer .footer-copyright .copyright-right .subscribe a#wechat_qrcode .qr-box span { display:block; font-size:12px; text-align:center; } #dy_footer .footer-copyright .copyright-right .subscribe a#wechat_qrcode:hover .qr-box { display:block; } #dy_footer .footer-copyright .copyright-right .subscribe .icon-hr { display:inline-block; width:1px; height:14px; background:#eee; margin:0 10px; position:relative; top:5px; *top:3px; } /*==================== 关于我们 ====================*/ #dy_main .about-wrapper { width:100%; background-color:#fff; } #dy_main .about-wrapper .wrapper-body { width:100%; } #dy_main .about-wrapper .wrapper-body ul li { width:100%; margin:4px 0 0; position:relative; overflow:hidden; height:680px; } #dy_main .about-wrapper .wrapper-body ul li .about-img { position:absolute; z-index:1; top:0; left:45%; width:2560px; -webkit-transform:translate(-45%, 0); -ms-transform:translate(-45%, 0); transform:translate(-45%, 0); } #dy_main .about-wrapper .wrapper-body ul li .about-img img { width:100%; height:auto; } #dy_main .about-wrapper .wrapper-body ul li .about-text { position:relative; z-index:2; width:1240px; margin:0 auto; top:90px; text-align:center; } #dy_main .about-wrapper .wrapper-body ul li .about-text h2 { line-height:1.2em; font-size:48px; } #dy_main .about-wrapper .wrapper-body ul li .about-text h3 { display:block; font-size:24px; line-height:1.2em; margin-top:20px; margin-bottom:15px; } #dy_main .about-wrapper .wrapper-body ul li .about-text p { font-size:16px; line-height:1.6em; padding-top:10px; } #dy_main .about-wrapper .wrapper-body ul li[data-theme="white"] .about-text h2, #dy_main .about-wrapper .wrapper-body ul li[data-theme="white"] .about-text h3, #dy_main .about-wrapper .wrapper-body ul li[data-theme="white"] .about-text p { color:#fff; } #dy_main .about-wrapper .wrapper-body ul li[data-theme="black"] .about-text h2, #dy_main .about-wrapper .wrapper-body ul li[data-theme="black"] .about-text h3, #dy_main .about-wrapper .wrapper-body ul li[data-theme="black"] .about-text p { color:#000; } /* 我们的优势 */ #dy_main .advantage-wrapper { position:relative; display:inline-block; width:100%; height:100%; background-color:#fff; } #dy_main .advantage-wrapper .wrapper-body { position:relative; } #dy_main .advantage-wrapper .wrapper-body ul li { position:relative; margin-top:4px; overflow:hidden; height:420px; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail { height:100%; position:relative; overflow:hidden; } #dy_main .advantage-wrapper .wrapper-body ul li:nth-child(odd) .advantage-detail { margin-right:2px; } #dy_main .advantage-wrapper .wrapper-body ul li:nth-child(even) .advantage-detail { margin-left:2px; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-cover { position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-pack:center; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-cover img, #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-cover picture, #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-cover video { width:auto; height:100%; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-text { position:absolute; display:block; top:0; width:100%; padding-top:80px; text-align:center; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-text h2 { color:#fff; line-height:1.2em; font-size:32px; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-text h3 { color:#fff; line-height:1.2em; margin-top:10px; font-size:20px; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-text .info { padding:20px 60px 0 60px; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-text .info p { color:#fff; line-height:1.6em; margin-top:10px; font-size:16px; } #dy_main .advantage-wrapper .wrapper-body ul li .advantage-detail .advantage-link { position:absolute; display:block; top:0; width:100%; height:100%; } #dy_main .advantage-wrapper .wrapper-body ul li[data-theme="white"] .advantage-detail .advantage-text h2, #dy_main .advantage-wrapper .wrapper-body ul li[data-theme="white"] .advantage-detail .advantage-text h3, #dy_main .advantage-wrapper .wrapper-body ul li[data-theme="white"] .advantage-detail .advantage-text .info p { color:#fff; } #dy_main .advantage-wrapper .wrapper-body ul li[data-theme="black"] .advantage-detail .advantage-text h2, #dy_main .advantage-wrapper .wrapper-body ul li[data-theme="black"] .advantage-detail .advantage-text h3, #dy_main .advantage-wrapper .wrapper-body ul li[data-theme="black"] .advantage-detail .advantage-text .info p { color:#000; } /* 团队 */ #dy_main .team-wrapper { width:100%; margin-top:4px; background-color:#fff; } #dy_main .team-wrapper .wrapper-body { position:relative; } #dy_main .team-wrapper .wrapper-body .team-list { width:100%; margin:0 auto; } #dy_main .team-wrapper .wrapper-body .team-list .team-info { position:absolute; float:left; left:0; top:0; width:calc(50% - 2px); height:100%; margin-right:4px; background:url(../Images/bg_team.jpg); -o-background-size:cover; background-size:cover; background-position:center; } #dy_main .team-wrapper .wrapper-body .team-list .team-info .info-wrap { position:relative; vertical-align:middle; width:100%; height:100%; z-index:2; color:#fff; text-align:center; } #dy_main .team-wrapper .wrapper-body .team-list .team-info .info-wrap h3 { font-size:22px; color:#fff; margin-bottom:24px; padding-top:15%; } #dy_main .team-wrapper .wrapper-body .team-list .team-info .info-wrap h2 { color:#fff; margin:0; font-size:48px; margin-bottom:29px; } #dy_main .team-wrapper .wrapper-body .team-list .team-info .info-wrap p { margin:0 57px; font-size:16px; color:#fff; height:60px; line-height:60px; border-top:1px solid #fff; border-bottom:1px solid #fff; } #dy_main .team-wrapper .wrapper-body .team-list .team-info .mask-bg { background:#000; opacity:.5; } #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall { margin-left:calc(50% + 2px); width:calc(50% + 2px); } #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater { position:relative; float:left; width:calc(20% - 4px); height:auto; margin-right:4px; margin-bottom:4px; -webkit-transition:all ease-out .3s; -o-transition:all ease-out .3s; -moz-transition:all ease-out .3s; transition:all ease-out .3s; overflow:hidden; } #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater:nth-child(5n) { margin-right:0; } #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater:nth-child(11), #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater:nth-child(12), #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater:nth-child(13), #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater:nth-child(14), #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater:nth-child(15) { margin-bottom:0; } #dy_main .team-wrapper .wrapper-body .team-list ul.avater-wall li.avater img { width:100%; height:100%; } /*==================== 发展历程 ====================*/ #dy_main .history-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .history-wrapper .wrapper-body { width:100%; } #dy_main .history-wrapper .wrapper-body ul { width:100%; overflow:hidden; } #dy_main .history-wrapper .wrapper-body ul li { width:calc(50% - 30px); padding-bottom:30px; } #dy_main .history-wrapper .wrapper-body ul li h2 { font-size:28px; color:#333; line-height:2em; } #dy_main .history-wrapper .wrapper-body ul li h2 .round { position:absolute; width:14px; height:14px; background-color:#f2a93b; top:20px; right:-7px; border-radius:32px; } #dy_main .history-wrapper .wrapper-body ul li p { font-size:16px; color:#666; line-height:1.6em; margin-bottom:10px; } #dy_main .history-wrapper .wrapper-body ul li p img { width:100%; height:auto; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(odd) { float:left; padding-right:30px; border-right:1px dotted #aeaeae; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(even) { float:right; padding-left:29px; border-left:1px dotted #aeaeae; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(odd) h2, #dy_main .history-wrapper .wrapper-body ul li:nth-child(odd) p { text-align:right; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(even) h2 .round { left:-7px; right:0; } /*==================== 合作伙伴 ====================*/ #dy_main .partners-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .partners-wrapper .wrapper-body { width:100%; } #dy_main .partners-wrapper .wrapper-body ul { position:relative; } #dy_main .partners-wrapper .wrapper-body ul li { float:left; width:400px; margin-right:20px; margin-bottom:20px; } #dy_main .partners-wrapper .wrapper-body ul li:nth-child(3n) { margin-right:0; } #dy_main .partners-wrapper .wrapper-body ul li .item { overflow:hidden; position:relative; width:100%; height:250px; background-color:#fff; } #dy_main .partners-wrapper .wrapper-body ul li .item .cover { width:100%; height:100%; } #dy_main .partners-wrapper .wrapper-body ul li .item .cover img { width:100%; height:100%; } #dy_main .partners-wrapper .wrapper-body ul li .title { padding-top:5px; width:100%; height:90px; background-color:#fff; border-top:1px solid #f5f5f5; overflow:hidden; } #dy_main .partners-wrapper .wrapper-body ul li .title h2 { text-align:center; color:#333; font-size:22px; line-height:2em; } #dy_main .partners-wrapper .wrapper-body ul li .title p { text-align:center; color:#999; font-size:16px; line-height:1.5em; } /*==================== 联系我们 ====================*/ #dy_main .contact-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .contact-wrapper .wrapper-body { width:100%; } #dy_main .contact-wrapper .wrapper-body ul li { display:block; margin-bottom:40px; background-color:#fff; overflow:hidden; } #dy_main .contact-wrapper .wrapper-body ul li:last-child { margin-bottom:0; } #dy_main .contact-wrapper .wrapper-body ul li .contact-cover { width:100%; } #dy_main .contact-wrapper .wrapper-body ul li .contact-cover img { width:100%; height:auto; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info { width:100%; height:280px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-map { float:left; width:620px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-map .dy-map { width:100%; height:280px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-text { float:right; width:580px; height:260px; padding:10px 20px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-text h2 { font-size:28px; line-height:2em; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-text h2 span { padding-left:10px; font-size:16px; color:#999; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-text p { font-size:16px; line-height:2em; } /*==================== 在线留言 ====================*/ #dy_main .feedback-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .feedback-wrapper .wrapper-body { width:100%; } #dy_main .feedback-wrapper .wrapper-body .feedback-form { width:100%; margin:0 auto; overflow:hidden; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-input { width:calc(25% - 15px); float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-input .input-title { width:100%; line-height:2em; font-size:18px; color:#333; margin-bottom:5px; display:block; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-input input { width:100%;line-height:40px; background:#f1f1f1; padding:0 6px; font-size:14px; color:#333; border:0px; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-input input.alert { background:#fbe8d3; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-input:nth-child(4n) { margin-right:0; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-textarea { margin-bottom:20px; width:100%; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-textarea .textarea-title { width:100%; line-height:2em; font-size:18px; color:#333; margin-bottom:5px; display:block; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-textarea textarea { width:100%; border:none; background:#f1f1f1; height:200px; padding:6px; font-size:14px; color:#333; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-textarea textarea.alert { background:#fbe8d3; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-select .select-title { width:100%; font-weight:300; line-height:2em; font-size:18px; color:#333; margin-bottom:5px; display:block; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-select select { width:100%; border:none; background:#f1f1f1; line-height:40px; display:block; height:40px; padding:0 5px; color:#333; font-size:14px; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-submit { width:100%; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-submit input { float:right; width:400px; font-size:14px; color:#333; height:40px; line-height:40px; background:#ddd; transition:all 0.3s ease; border:0px; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-submit input:hover { background:#f2a93b; color:#fff; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-submit input.disabled { background:#f1f1f1; color:#bbb; } #dy_main .feedback-wrapper .wrapper-body .feedback-form .form-submit input.alert { background:#fbe8d3; color:#f00; } /*==================== 服务与产品 ====================*/ #dy_main .service-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .service-wrapper .wrapper-body { width:100%; } #dy_main .service-wrapper .wrapper-body ul { position:relative; } #dy_main .service-wrapper .wrapper-body ul li { float:left; width:610px; margin-right:20px; margin-bottom:20px; } #dy_main .service-wrapper .wrapper-body ul li:nth-child(2n) { margin-right:0; } #dy_main .service-wrapper .wrapper-body ul li .item { overflow:hidden; position:relative; width:100%; height:280px; } #dy_main .service-wrapper .wrapper-body ul li .item .cover { width:100%; height:100%; } #dy_main .service-wrapper .wrapper-body ul li .item .cover.bg-cover { -o-background-size:cover; background-size:cover; background-position:center; } #dy_main .service-wrapper .wrapper-body ul li .item .mask { -webkit-transition:opacity ease-in .2s; -o-transition:opacity ease-in .2s; -moz-transition:opacity ease-in .2s; transition:opacity ease-in .2s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; } #dy_main .service-wrapper .wrapper-body ul li:hover .item .mask { opacity:1; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .mask-bg { background:#1c4448; opacity:.5; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .mask-bg.fill-box { position:absolute; left:0; top:0; width:100%; height:100%; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap { margin:0; position:absolute; left:50%; top:50%; width:74%; height:164px; margin-left:-37%; margin-top:-82px; z-index:1; color:#fff; text-align:center; display:table; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect { -webkit-transition:all ease-out .2s; -o-transition:all ease-out .2s; -moz-transition:all ease-out .2s; transition:all ease-out .2s; -webkit-transform:scale3d(2, 2, 1); -moz-transform:scale3d(2, 2, 1); transform:scale3d(2, 2, 1); } #dy_main .service-wrapper .wrapper-body ul li:hover .item .mask .info-wrap .bound-effect { -webkit-transform:scale3d(1, 1, 1); -moz-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect i { position:absolute; width:28px; height:23px; border:1px solid transparent; opacity:.5; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect .lt { left:0; top:0; border-top-color:#fff; border-left-color:#fff; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect .rt { right:0; top:0; border-top-color:#fff; border-right-color:#fff; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect .lb { left:0; bottom:0; border-bottom-color:#fff; border-left-color:#fff; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .bound-effect .rb { right:0; bottom:0; border-bottom-color:#fff; border-right-color:#fff; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .text-middle { width:100%; color:#fff; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .text-middle h3 { margin:0 auto; font-size:28px; height:28px; line-height:28px; text-align:center; width:420px; color:#fff; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .text-middle p { margin:10px auto 0 auto; font-size:14px; color:#fff; text-align:left; width:420px; line-height:1.2em; } #dy_main .service-wrapper .wrapper-body ul li .item .mask .info-wrap .text-middle p:first-child { margin-top:20px; } #dy_main .service-wrapper .wrapper-body ul li .title { width:100%; height:100px; background-color:#fff; overflow:hidden; } #dy_main .service-wrapper .wrapper-body ul li .title h2 { text-align:center; color:#333; font-size:28px; line-height:2em; } #dy_main .service-wrapper .wrapper-body ul li .title p { text-align:center; color:#999; font-size:16px; line-height:1.5em; } /*==================== 资讯动态 ====================*/ #dy_main .news-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .news-wrapper .wrapper-body { width:100%; } /* 列表 */ #dy_main .news-wrapper .wrapper-body ul { width:100%; } #dy_main .news-wrapper .wrapper-body ul li { margin-bottom:30px; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li:last-child { margin-bottom:0; } #dy_main .news-wrapper .wrapper-body .news-text { float:left; width:700px; height:180px; padding:10px 20px; background-color:#fff; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-text h2 { font-size:24px; line-height:2em; } #dy_main .news-wrapper .wrapper-body .news-text h3 { font-size:16px; color:#999; line-height:1em; margin-top:15px; } #dy_main .news-wrapper .wrapper-body .news-text h3 i { font-style:normal; margin-right:24px; } #dy_main .news-wrapper .wrapper-body .news-text h3 i:last-child { margin-right:0; } #dy_main .news-wrapper .wrapper-body .news-text h3 i:before { content:""; display:inline-block; width:18px; height:14px; vertical-align:-1px; } #dy_main .news-wrapper .wrapper-body .news-text h3 i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:14px 14px; } #dy_main .news-wrapper .wrapper-body .news-text h3 i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:14px 14px; } #dy_main .news-wrapper .wrapper-body .news-text p { margin-top:18px; font-size:16px; color:#666; line-height:1.5em; height:4.5em; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-img { float:right; width:500px; } #dy_main .news-wrapper .wrapper-body .news-img picture { display:inline-block; width:500px; height:200px; } #dy_main .news-wrapper .wrapper-body .news-img picture img { width:500px; height:200px; } /* 详情 */ #dy_main .news-wrapper .wrapper-body .news-content { width:100%; } #dy_main .news-wrapper .wrapper-body .news-content h2 { font-size:32px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-content .info-time { font-size:16px; text-align:center; color:#999; line-height:2em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-content .info-content { width:100%; font-size:16px; line-height:1.5em; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-content .info-content p { font-size:16px; color:#333; line-height:1.5em; margin-top:10px; } #dy_main .news-wrapper .wrapper-body .news-content .info-content img { max-width:100%; } /*==================== 案例分享 ====================*/ #dy_main .cases-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .cases-wrapper .wrapper-body { width:100%; } #dy_main .cases-wrapper .wrapper-body .cases-banner { width:100%; overflow:hidden; } #dy_main .cases-wrapper .wrapper-body .cases-banner span { position:relative; display:block; width:100%; height:100%; transition:opacity .2s linear; background-position:center; background-repeat:no-repeat; background-size:cover; } #dy_main .cases-wrapper .wrapper-body .cases-banner img { width:100%; height:auto; } #dy_main .cases-wrapper .wrapper-body ul { margin-bottom:50px; } #dy_main .cases-wrapper .wrapper-body ul li { float:left; position:relative; width:303px; height:375px; margin-right:9px; margin-top:10px; background-color:#fff; overflow:hidden; transition:all .3s ease; } #dy_main .cases-wrapper .wrapper-body ul li.big { width:615px; height:610px; } #dy_main .cases-wrapper .wrapper-body ul li.big a { background-size:cover; } #dy_main .cases-wrapper .wrapper-body ul li.big .case-info { top:58px; } #dy_main .cases-wrapper .wrapper-body ul li.big .case-name { color:#333; font-size:28px; margin-bottom:0; } #dy_main .cases-wrapper .wrapper-body ul li.big .case-desc { color:#333; font-size:18px; margin-bottom:3px; } #dy_main .cases-wrapper .wrapper-body ul li:nth-child(4n) { margin-right:0; } #dy_main .cases-wrapper .wrapper-body ul li .item-box { height:100%; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-mask { background:#000; opacity:.4; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box, #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box { display:block; width:100%; height:100%; text-align:center; background-repeat:no-repeat; background-position:center; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-img { margin-top:0; width:100%; height:100%; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info { position:absolute; top:35%; left:0; width:100%; text-align:center; line-height:1.2em; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info h2 { color:#fff; font-size:32px; line-height:1em; margin-bottom:10px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info h3 { color:#fff; font-size:16px; line-height:1em; margin-bottom:10px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info p { color:#fff; font-size:12px; line-height:1em; margin-bottom:10px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info p:last-child { margin-top:20px; margin-bottom:0; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info a { color:#fff; font-size:14px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info a:after { position:absolute; content:''; display:block; width:16px; height:1px; background-color:#fff; bottom:-5px; left:50%; margin-left:-8px; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info a:hover { color:#ffd493; -webkit-transition:color .4s ease; transition:color .4s ease; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .cate-box .cate-info a:hover:after { background-color:#ffd493; width:58px; margin-left:-29px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-img { position:absolute; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-img.main-img { margin-top:30px; margin-left:36.5px; width:230px; height:230px; display:block; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-img.main-img img { width:230px; height:230px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-img.hover-img { margin-top:0; margin-left:0; width:303px; height:190px; display:none; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-img.hover-img img { width:303px; height:190px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box:hover .case-img.main-img { display:none; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box:hover .case-img.hover-img { display:block; -webkit-animation:slideIn 1s both; -moz-animation:slideIn 1s both; -o-animation:slideIn 1s both; animation:slideIn 1s both; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info { position:absolute; width:100%; text-align:center; line-height:1.2em; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info.main-info { top:280px; left:0; display:block; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info.hover-info { top:220px; left:0; display:none; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info p { margin-bottom:8px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info p:last-child { margin-bottom:0; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info p.case-name { color:#333; font-size:16px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info p.case-desc { color:#999; font-size:12px; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info .case-content { padding:0 20px; height:128px; overflow:hidden;} #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box .case-info .case-content p { color:#999; text-align:left; font-size:12px; line-height:1.5em; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box:hover .case-info.main-info { display:none; } #dy_main .cases-wrapper .wrapper-body ul li .item-box .case-box:hover .case-info.hover-info { display:block; -webkit-animation:slideIn 1s both; -moz-animation:slideIn 1s both; -o-animation:slideIn 1s both; animation:slideIn 1s both; } /*==================== 招聘职位 ====================*/ #dy_main .job-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } #dy_main .job-wrapper .wrapper-body { width:100%; } #dy_main .job-wrapper .wrapper-body ul { width:100%; } #dy_main .job-wrapper .wrapper-body ul li { display:block; height:260px; margin-bottom:20px; background-color:#fff; color:#333; overflow:hidden; } #dy_main .job-wrapper .wrapper-body ul li:last-child { margin-bottom:0; } #dy_main .job-wrapper .wrapper-body ul li.active { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info { float:left; width:700px; height:240px; padding:10px 20px; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 { font-size:28px; color:#333; line-height:2em; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 .submit-btn { margin-left:20px; color:#333; font-size:16px; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 .submit-btn:hover { color:#f2a93b; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 .submit-btn span { color:#f2a93b; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 .submit-btn:hover span { color:#999; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 .submit-btn span:first-child { padding-right:4px; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info h2 .submit-btn span:last-child { padding-left:4px; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info .job-info { font-size:14px; line-height:1.8em; overflow:hidden; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info .job-info .title { float:left; width:90px; color:#999; } #dy_main .job-wrapper .wrapper-body ul li .job-list-info .job-info .info { padding-left:90px; } #dy_main .job-wrapper .wrapper-body ul li .job-list-cover { float:right; width:500px; height:260px; } #dy_main .job-wrapper .wrapper-body ul li .job-list-cover p img { width:500px; height:260px; } /*==================== 帮助中心 ====================*/ #dy_main .help-wrapper { width:100%; padding:60px 0; background-color:#fafafa; } /* 查询条 */ #dy_main .help-wrapper .wrapper-search { width:100%; margin:30px auto; } #dy_main .help-wrapper .wrapper-search .search-box { position:relative; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 60px 0 20px; width:590px; -webkit-border-radius:25px / 50%; -moz-border-radius:25px / 50%; border-radius:25px / 50%; border:1px solid #ddd; } #dy_main .help-wrapper .wrapper-search .search-box.alert { border:1px solid #fbb; } #dy_main .help-wrapper .wrapper-search .search-input { height:48px; background:rgba(130,130,130,.001); } #dy_main .help-wrapper .wrapper-search .search-input form { height:100%; } #dy_main .help-wrapper .wrapper-search .search-input form input { padding:0; color:#333; font-size:18px; width:100%; height:100%; line-height:48px; background-color:transparent; border:none 0; outline:none; } #dy_main .help-wrapper .wrapper-search .search-icon { position:absolute; top:14px; right:20px; width:20px; height:20px; cursor:pointer; } #dy_main .help-wrapper .wrapper-search .search-icon>g { stroke:#ccc; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_main .help-wrapper .wrapper-search .search-key { width:100%; margin:20px 0; } #dy_main .help-wrapper .wrapper-search .search-key p { line-height:2em; font-size:18px; text-align:center; } #dy_main .help-wrapper .wrapper-search .search-key p span { font-size:18px; color:#ff4400; } /* 子菜单 */ #dy_main .help-wrapper .wrapper-nav { width:100%; } #dy_main .help-wrapper .wrapper-nav .nav { display:inline-block; vertical-align:top; background-color:#fff; margin-bottom:10px; margin-right:16px; padding:10px 0; width:298px; text-align:center; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; cursor:pointer; } #dy_main .help-wrapper .wrapper-nav .nav:nth-child(4n) { margin-right:0; } #dy_main .help-wrapper .wrapper-nav .nav img { width:100px; height:100px; border:0; } #dy_main .help-wrapper .wrapper-nav .nav img.main-image { display:inline-block; } #dy_main .help-wrapper .wrapper-nav .nav img.active-image { display:none; } #dy_main .help-wrapper .wrapper-nav .nav h2 { font-size:16px; line-height:2em; } #dy_main .help-wrapper .wrapper-nav .nav p { font-size:12px; line-height:2em; } #dy_main .help-wrapper .wrapper-nav .nav:hover h2, #dy_main .help-wrapper .wrapper-nav .nav:hover p, #dy_main .help-wrapper .wrapper-nav .nav.active h2, #dy_main .help-wrapper .wrapper-nav .nav.active p { color:#35b8f9; } #dy_main .help-wrapper .wrapper-nav .nav:hover img.main-image, #dy_main .help-wrapper .wrapper-nav .nav.active img.main-image { display:none; } #dy_main .help-wrapper .wrapper-nav .nav:hover img.active-image, #dy_main .help-wrapper .wrapper-nav .nav.active img.active-image { display:inline-block; } /* 帮助列表 */ #dy_main .help-wrapper .wrapper-body { width:100%; } #dy_main .help-wrapper .wrapper-body ul { width:100%; } #dy_main .help-wrapper .wrapper-body ul li { float:left; width:100%; width:calc(50% - 20px); margin-right:40px; border-bottom:1px #ebebeb solid; overflow:hidden; } #dy_main .help-wrapper .wrapper-body ul li:nth-child(2n) { margin-right:0; } #dy_main .help-wrapper .wrapper-body ul li.open .help-title>:first-child { white-space:normal!important; } #dy_main .help-wrapper .wrapper-body ul li.open .help-open { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #dy_main .help-wrapper .wrapper-body ul li .help-title { padding:16px 0; font-size:0; line-height:26px; width:100%; position:relative; cursor:pointer; } #dy_main .help-wrapper .wrapper-body ul li .help-title>:first-child { display:inline-block; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:30px; width:100%; font-size:18px; color:#333; text-align:justify; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; } #dy_main .help-wrapper .wrapper-body ul li .help-title>:first-child i { display:inline-block; width:18px; height:18px; vertical-align:-2px; padding-right:4px; } #dy_main .help-wrapper .wrapper-body ul li .help-title>:first-child i.help { background:url(../Images/icon_help.png) no-repeat; background-size:18px 18px; } #dy_main .help-wrapper .wrapper-body ul li .help-title>:nth-child(2) { background:url(../Images/icon_open.png); -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%; width:12px; height:12px; position:absolute; right:8px; top:23px; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_main .help-wrapper .wrapper-body ul li .help-answer { display:none; padding:30px; background-color:#fff; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-tag { width:100%; height:auto; overflow:hidden; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-tag .tag { width:100%; height:auto; margin-bottom:20px; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-tag .tag span { display:inline-block; background:#7fc5ad; padding:5px 10px; color:#fff; margin-right:10px; margin-bottom:10px; font-size:14px; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-tag .tag span:first-child { background:#f2a93b; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-tag .tag span:last-child { margin-right:0; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-content { width:100%; height:auto; overflow:hidden; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-content h1 { display:block; line-height:1.5em; font-size:16px; color:#333; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-content p { display:block; word-wrap:break-word; line-height:1.5em; font-size:16px; color:#666; padding-bottom:10px; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-content a { color:#f2a93b; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-content div { height:auto; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-bottom { width:100%; padding-bottom:10px; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-bottom .help-close { margin-top:14px; float:right; line-height:1.5em; font-size:14px; color:#f2a93b; text-align:right; } #dy_main .help-wrapper .wrapper-body ul li .help-answer .help-bottom .help-close:hover { cursor:pointer; } /* 详情 */ #dy_main .help-wrapper .wrapper-body .help-content { width:100%; padding-top:20px; } #dy_main .help-wrapper .wrapper-body .help-content h2 { font-size:32px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .help-wrapper .wrapper-body .help-content .info-time { font-size:16px; text-align:center; color:#999; line-height:2em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; } #dy_main .help-wrapper .wrapper-body .help-content .info-tag { width:100%; height:auto; margin:20px 0; overflow:hidden; } #dy_main .help-wrapper .wrapper-body .help-content .info-tag .tag { width:100%; height:auto; } #dy_main .help-wrapper .wrapper-body .help-content .info-tag .tag span { display:inline-block; background:#7fc5ad; padding:5px 10px; color:#fff; margin-right:10px; margin-bottom:10px; font-size:14px; } #dy_main .help-wrapper .wrapper-body .help-content .info-tag .tag span:first-child { background:#f2a93b; } #dy_main .help-wrapper .wrapper-body .help-content .info-tag .tag span:last-child { margin-right:0; } #dy_main .help-wrapper .wrapper-body .help-content .info-content { width:100%; font-size:16px; line-height:1.5em; overflow:hidden; } #dy_main .help-wrapper .wrapper-body .help-content .info-content p { font-size:16px; color:#333; line-height:1.5em; margin-top:10px; } #dy_main .help-wrapper .wrapper-body .help-content .info-content img { max-width:100%; } #dy_main .help-wrapper .wrapper-body .help-content .info-content a { color:#007aff; } /*==================== 404页面 ====================*/ #dy_error { width:100%; height:100vh; position:relative; } #dy_error .error-box { width:100%; } #dy_error .error-box .error-top { width:100%; padding:40px 0; height:55vh; box-sizing:border-box; position:relative; display:-webkit-flex; display:flex; background:#e2e2e2; } #dy_error .error-box .error-top .error-info { width:80%; margin:0 auto; align-self:flex-end; -webkit-align-self:flex-end; } #dy_error .error-box .error-top .error-info h2 { font-size:100px; margin-bottom:5px; line-height:1.5em; } #dy_error .error-box .error-top .error-info h4 { font-size:24px; line-height:1.5em; margin-bottom:10px; } #dy_error .error-box .error-top .error-info p { font-size:14px; line-height:1.5em; margin-bottom:5px; } #dy_error .error-box .error-bottom { padding:20px 0; box-sizing:border-box; height:45vh; background:#f1f1f1; } #dy_error .error-box .error-bottom p { font-size:12px; line-height:1.5em; }