/*================================================*/ /* Style.Css */ /* Copyright © 2009-2019 CloudV.cn */ /*================================================*/ @charset "utf-8"; @import url('common.css'); /*==================== 通用样式 ====================*/ @media only screen and (max-width:1920px) { .dy-container-mid { min-width:1440px; width:1440px; margin:0 auto; } .dy-container-mid-mw { min-width:1440px; margin:0 auto; } #dy_header { display:block!important; } #dy_m_header { display:none!important; } } @media only screen and (max-width:1680px) { .dy-container-mid { min-width:1240px; width:1240px; margin:0 auto; } .dy-container-mid-mw { min-width:1240px; margin:0 auto; } #dy_header { display:block!important; } #dy_m_header { display:none!important; } } @media only screen and (max-width:1239px) { .dy-container-mid { min-width:auto; width:98%; margin:0 auto; } .dy-container-mid-mw { min-width:auto; margin:0 auto; } #dy_header { display:none!important; } #dy_m_header { display:block!important; } #dy_slider { padding-top:100px; } #dy_banner { padding-top:100px; } } .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:2px 20px; text-align:center; font-size:14px; 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; 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:14px; } .btn-white:hover { color:#fff; background-color:#000; } .btn-brown { color:#fff; background-color:#d89c50; font-size:14px; } .btn-brown:hover { color:#fff; background-color:#aa7736; } .btn-master { color:#fff; background-color:#ff4400; font-size:14px; } .btn-master:hover { background-color:#059157; } .btn-basic { color:#fff; background-color:#7e7d7d; font-size:14px; } .btn-basic:hover { background-color:#666; } .btn-lesser { color:#666; background-color:#f4f4f4; font-size:14px; } .btn-lesser:hover { background-color:#e3e3e3; } .btn-bottom { color:#666; background-color:#fff; font-size:14px; border:1px solid #e3e3e3; } .btn-bottom:hover { background-color:#f8f8f8; } .btn-other { color:#666; background-color:#fff; font-size:14px; } .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; } .btn-more { border:1px solid #00a42c; padding:5px 0; width:200px; font-size:14px; color:#00a42c; text-align:center; opacity:0.5; filter:alpha(opacity=50); } .btn-more.big { width:300px; } .btn-more.white { border-color:#fff; color:#fff; } .btn-more:hover { opacity:1; filter:alpha(opacity=100); } .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; } .layui-flow-more { width:100%; padding:20px 0; font-size:14px; text-align:center; overflow:hidden; } .bg-gray { background-color:#fafafa; } .bg-white { background-color:#fff; } /*==================== 动画效果 ====================*/ .trans { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } /* 上下跳动 */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform:translateY(8px); transform:translateY(8px); } 33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px); } 49.95% { -webkit-transform:translateY(4px); transform:translateY(4px); } 66.6% { -webkit-transform:translateY(-2px); transform:translateY(-2px); } 83.25% { -webkit-transform:translateY(1px); transform:translateY(1px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform:translateY(8px); transform:translateY(8px); } 33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px); } 49.95% { -webkit-transform:translateY(4px); transform:translateY(4px); } 66.6% { -webkit-transform:translateY(-2px); transform:translateY(-2px); } 83.25% { -webkit-transform:translateY(1px); transform:translateY(1px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } /* 旋转 */ @-webkit-keyframes revolveFortyFive { 0% { -webkit-transform:rotate(0); transform:rotate(0); } 50% { -webkit-transform:rotate(45deg); transform:rotate(45deg); } 100% { -webkit-transform:rotate(90deg); transform:rotate(90deg); } } @keyframes revolveFortyFive { 0% { -webkit-transform:rotate(0); transform:rotate(0); } 50% { -webkit-transform:rotate(45deg); transform:rotate(45deg); } 100% { -webkit-transform:rotate(90deg); transform:rotate(90deg); } } /*==================== 鼠标进入图片效果 ====================*/ .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:#f1f1f1; } .hover-zoom:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); 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-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; } .hover-icon { transition:all .6s; } .hover-icon:hover { transform:scale(1.2); } .hover-shadow:hover { box-shadow:0 15px 30px rgba(0,0,0,.1); } .shadow { box-shadow:0 2px 19px rgba(68,68,68,.08); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } /*==================== 头部菜单栏 ====================*/ #dy_header { position:fixed; top:0; left:0; width:100%; height:80px; transition:all 0.3s ease-out; z-index:99999; } #dy_header .dy-nav .nav-container { position:relative; width:100%; -webkit-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); } #dy_header .dy-nav .nav-container .logo { float:left; margin-top:10px; -webkit-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); } #dy_header .dy-nav .nav-container .logo .logo-item { width:280px; height:60px; background:url(../Images/logo_top_white.png) no-repeat center center; background-size:auto 60px; } #dy_header .dy-nav .nav-container .nav { position:relative; float:right; height:100%; } #dy_header .dy-nav .nav-container .nav ul { position:static; z-index:1; background:none; height:auto; } #dy_header .dy-nav .nav-container .nav ul li { float:left; line-height:80px; margin-left:42px; opacity:0.8; filter:alpha(opacity=80); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; } #dy_header .dy-nav .nav-container .nav ul li:first-child { margin-left:0; } #dy_header .dy-nav .nav-container .nav ul li a { font-size:15px; color:#fff; font-weight:500; } #dy_header .dy-nav .nav-container .nav ul li.active, #dy_header .dy-nav .nav-container .nav ul li:hover { opacity:1; filter:alpha(opacity=100); } #dy_header .dy-nav .nav-container .nav ul li.lang span { background:none; color:#fff; font-weight:500; padding:0px 8px; border:1px solid #fff; } #dy_header .dy-nav .nav-container .nav ul li.lang span:first-child { border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; -ms-border-top-left-radius:10px; -o-border-top-left-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -ms-border-bottom-left-radius:10px; -o-border-bottom-left-radius:10px; } #dy_header .dy-nav .nav-container .nav ul li.lang span:last-child { border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -ms-border-top-right-radius:10px; -o-border-top-right-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -ms-border-bottom-right-radius:10px; -o-border-bottom-right-radius:10px; } #dy_header .dy-nav .nav-container .nav ul li.lang span.on { background:#fff; color:#444; } #dy_header .dy-nav .nav-container .nav ul li.lang a { font-size:12px; } #dy_header[data-theme="white"] .dy-nav .nav-container .logo .logo-item { background-image:url(../Images/logo_top_white.png); } #dy_header[data-theme="black"] .dy-nav .nav-container .logo .logo-item { background-image:url(../Images/logo_top_black.png); } #dy_header[data-theme="white"] .dy-nav .nav-container .nav ul li a { color:#fff; } #dy_header[data-theme="black"] .dy-nav .nav-container .nav ul li a { color:#333; } #dy_header[data-theme="white"] .dy-nav .nav-container .nav ul li.active a, #dy_header[data-theme="white"] .dy-nav .nav-container .nav ul li:hover a { color:#fff; } #dy_header[data-theme="black"] .dy-nav .nav-container .nav ul li.active a, #dy_header[data-theme="black"] .dy-nav .nav-container .nav ul li:hover a { color:#000; } #dy_header[data-theme="white"] .dy-nav .nav-container .nav ul .lang span { color:#fff; border-color:#fff; } #dy_header[data-theme="white"] .dy-nav .nav-container .nav ul .lang span.on { background:#fff; color:#444; } #dy_header[data-theme="black"] .dy-nav .nav-container .nav ul .lang span { color:#444; border-color:#444; } #dy_header[data-theme="black"] .dy-nav .nav-container .nav ul .lang span.on { background:#444; color:#fff; } /* fixed nav */ #dy_header.fixed-nav { -webkit-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); background-color:#fff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.06); } #dy_header.fixed-nav .dy-nav .nav-container .logo .logo-item { background-image:url(../Images/logo_top_fixed.png); } #dy_header.fixed-nav .dy-nav .nav-container .nav ul li a { color:#333; } #dy_header.fixed-nav .dy-nav .nav-container .nav ul li.active a, #dy_header.fixed-nav .dy-nav .nav-container .nav ul li:hover a { color:#00a42c; } #dy_header.fixed-nav .dy-nav .nav-container .nav ul .lang span { color:#444; border-color:#444; } #dy_header.fixed-nav .dy-nav .nav-container .nav ul .lang span.on { background:#444; color:#fff; } /*==================== 移动端头部菜单栏 ====================*/ #dy_m_header { display:none; position:fixed; top:0; z-index:9999; width:100%; height:100px; margin-left:0%; background:#000; transition:all 0.3s ease-out; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } #dy_m_header .logo-item { position:absolute; top:0; left:0; height:100px; } #dy_m_header .logo-item .logo { margin:10px 0 0 12px; height:80px; overflow:hidden; text-align:center; } #dy_m_header .logo-item .logo img { width:auto; height:80px; } #dy_m_header .menu-item { position:absolute; top:0; right:0; z-index:9; width:105px; height:100px; cursor:pointer; } #dy_m_header .menu-item .menu-close { margin:12px 0 0 12px; position:relative; } #dy_m_header .menu-item .menu-close > div { width:80px; height:3px; background:#fff; position:absolute; left:0; border-radius:3px; -webkit-transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); } #dy_m_header .menu-item .menu-Item-f { top:10px; } #dy_m_header .menu-item .menu-Item-s { top:35px; } #dy_m_header .menu-item .menu-Item-t { top:60px; } #dy_m_header .menu-item.menu-expand>div { top:35px; } #dy_m_header .menu-item.menu-expand .menu-Item-f { position:unset; -webkit-transform:translateZ(0) rotate(-45deg); -ms-transform:translateZ(0) rotate(-45deg); transform:translateZ(0) rotate(-45deg); } #dy_m_header .menu-item.menu-expand .menu-Item-s { position:unset; -webkit-transform:translateZ(0) rotate(45deg); -ms-transform:translateZ(0) rotate(45deg); transform:translateZ(0) rotate(45deg); } #dy_m_header .menu-item.menu-expand .menu-Item-t { position:unset; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } /* 展开菜单 */ #dy_m_header .head-nav { height:0; overflow:hidden; -moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; display:-moz-box; display:-webkit-box; display:-o-box; display:box; -webkit-transition:-webkit-transform .3s ease-in-out; } #dy_m_header .head-nav-show { height:100vh; width:100%; background:#000; } #dy_m_header .head-nav .nav-list { width:100%; margin:0 auto; padding-top:100px; } #dy_m_header .head-nav .nav-list ul li { margin-bottom:20px; text-align:center; -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; } #dy_m_header .head-nav .nav-list ul li:last-child { margin-bottom:0; } #dy_m_header .head-nav .nav-list ul li a { font-size:48px; color:#fff; line-height:2em; font-weight:500; cursor:pointer; } #dy_m_header .head-nav .nav-list ul li:nth-child(1) { animation-delay:0.4s; } #dy_m_header .head-nav .nav-list ul li:nth-child(2) { animation-delay:0.6s; } #dy_m_header .head-nav .nav-list ul li:nth-child(3) { animation-delay:0.8s; } #dy_m_header .head-nav .nav-list ul li:nth-child(4) { animation-delay:1.0s; } #dy_m_header .head-nav .nav-list ul li:nth-child(5) { animation-delay:1.2s; } #dy_m_header .head-nav .nav-list ul li:nth-child(6) { animation-delay:1.4s; } #dy_m_header .head-nav .nav-list ul li:nth-child(7) { animation-delay:1.6s; } #dy_m_header .head-nav .nav-list ul li:nth-child(8) { animation-delay:1.8s; } #dy_m_header .head-nav .nav-list ul li:nth-child(9) { animation-delay:2.0s; } #dy_m_header .head-nav .nav-list ul li:nth-child(10) { animation-delay:2.2s; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; } #dy_slider .dy-slider { position:relative; width:100%; overflow:hidden; } #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:#fff; opacity:0.6; } #dy_slider .dy-slider .swiper-pagination-bullet-active { background:#fff; opacity:0.6; width:30px; border-radius:5px; -webkit-transition:all .4s ease; transition:all .4s ease; } /* 文字 */ #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text { position:absolute; top:35%; right:0; width:45%; text-align:left; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:0; text-align:right; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="center"] .slide-text { left:25%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:0; text-align:left; } #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:35%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="bottom"] .slide-text { top:55%; } #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:#f99f05; -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:#f99f05; width:75px; margin-left:-33px; } /*==================== 内页：Banner ====================*/ #dy_banner { position:relative; width:100%; } #dy_banner .dy-banner { width:100%; } #dy_banner .dy-banner .banner-container { width:100%; } #dy_banner .dy-banner .banner-container .banner-image { display:inline-block; width:100%; height:auto; } #dy_banner .dy-banner .banner-container .banner-image img { width:100%; height:auto; } #dy_banner .dy-banner .banner-container .banner-text { position:absolute; width:100%; top:35%; text-align:right; } #dy_banner .dy-banner .banner-container[text-xposition="left"] .banner-text { text-align:left; } #dy_banner .dy-banner .banner-container[text-xposition="middle"] .banner-text { text-align:center; } #dy_banner .dy-banner .banner-container[text-xposition="right"] .banner-text { text-align:right; } #dy_banner .dy-banner .banner-container[text-yposition="top"] .banner-text { top:35%; } #dy_banner .dy-banner .banner-container[text-yposition="middle"] .banner-text { top:45%; } #dy_banner .dy-banner .banner-container[text-yposition="bottom"] .banner-text { top:65%; } #dy_banner .dy-banner .banner-container .banner-text h1 { color:#fff; font-size:60px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text p { color:#fff; font-size:18px; line-height:1.8em; letter-spacing:4px; font-weight:400; text-transform:uppercase; } #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h1, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h2, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h3, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h4, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h5, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h6, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text p { color:#000; } #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h1, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h2, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h3, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h4, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h5, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h6, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text p { color:#fff; } /*==================== 首页通用标题栏 ====================*/ #dy_main { position:relative; } #dy_main .pub-title { position:relative; width:100%; text-align:center; padding-bottom:20px; margin-bottom:5px; overflow:hidden; } #dy_main .pub-title h2 { font-size:36px; line-height:2em; color:#333; letter-spacing:2px; text-transform:uppercase; } #dy_main .pub-title h2.has-desc { padding-bottom:10px; } #dy_main .pub-title h2 em { display:inline-block; width:10px; } #dy_main .pub-title h2 span { color:#333; font-size:20px; font-weight:400; opacity:0.4; filter:alpha(opacity=40); } #dy_main .pub-title::before { content:''; display:table; border:2px solid #00a42c; height:24px; width:24px; position:relative; top:30px; left:63%; -webkit-animation:revolveFortyFive 2s infinite; animation:revolveFortyFive 2s infinite; } #dy_main .pub-title p { font-size:20px; color:#00a42c; line-height:1em; letter-spacing:2px; } #dy_main .pub-title.white h2, #dy_main .pub-title.white h2 span { color:#fff; } #dy_main .pub-title.white h2 em { background-color:#999; } #dy_main .pub-title.white p { color:#d2f1c6; opacity:0.9; filter:alpha(opacity=90); } /* en */ #dy_main .pub-title p { letter-spacing:0; } /* 关于我们 */ #dy_main .pub-title.about { text-align:left; } @media only screen and (max-width:1920px) { #dy_main .pub-title.about::before { left:62%; } #dy_main[language="en"] .pub-title.about::before { left:39%; } } @media only screen and (max-width:1680px) { #dy_main .pub-title.about::before { left:71%; } #dy_main[language="en"] .pub-title.about::before { left:44%; } } @media only screen and (max-width:1239px) { #dy_main .pub-title.about::before { left:81%; } #dy_main[language="en"] .pub-title.about::before { left:46%; } } /* 我们的优势 */ @media only screen and (max-width:1920px) { #dy_main .pub-title.strengths::before { left:65%; } #dy_main[language="en"] .pub-title.strengths::before { left:62%; } } @media only screen and (max-width:1680px) { #dy_main .pub-title.strengths::before { left:67.5%; } #dy_main[language="en"] .pub-title.strengths::before { left:64%; } } @media only screen and (max-width:1239px) { #dy_main .pub-title.strengths::before { left:71.5%; } #dy_main[language="en"] .pub-title.strengths::before { left:66%; } } /* 合作伙伴 */ #dy_main .pub-title.partner { padding:0; } @media only screen and (max-width:1920px) { #dy_main .pub-title.partner::before { left:84%; } #dy_main[language="en"] .pub-title.partner::before { left:75%; } } @media only screen and (max-width:1680px) { #dy_main .pub-title.partner::before { left:90%; } #dy_main[language="en"] .pub-title.partner::before { left:78%; } } @media only screen and (max-width:1239px) { #dy_main .pub-title.partner::before { left:90%; } #dy_main[language="en"] .pub-title.partner::before { left:82%; } } /*==================== 首页：数字 ====================*/ #dy_main .index-data { width:100%; padding:3% 0; background:#fff; overflow:hidden; } #dy_main .index-data .index-data-container { margin:0 auto; overflow:hidden; } #dy_main .index-data .index-data-container .index-data-container-info { width:100%; } #dy_main .index-data .index-data-container .index-data-container-info ul { width:100%; height:320px; } #dy_main .index-data .index-data-container .index-data-container-info ul li { float:left; width:23.5%; height:320px; margin-right:2%; background:url("../Images/bg_data.png") no-repeat center 170px; background-color:#eac02e; } #dy_main .index-data .index-data-container .index-data-container-info ul li .data-item { padding-top:20px; text-align:center; } #dy_main .index-data .index-data-container .index-data-container-info ul li .data-item .data { position:relative; top:40px; width:100%; margin:0 auto; height:94px; color:#fff; font-size:14px; } #dy_main .index-data .index-data-container .index-data-container-info ul li .data-item .data span { color:#fff; font-size:72px; font-weight:500; } #dy_main .index-data .index-data-container .index-data-container-info ul li .data-item .heading { margin-top:95px; color:#fff; font-size:32px; text-align:center; } #dy_main .index-data .index-data-container .index-data-container-info ul li .data-item p { margin-top:15px; color:#fff; font-size:16px; text-align:center; } #dy_main .index-data .index-data-container .index-data-container-info ul li:nth-child(2) { background-color:#ff7171; } #dy_main .index-data .index-data-container .index-data-container-info ul li:nth-child(3) { background-color:#56a5c1; } #dy_main .index-data .index-data-container .index-data-container-info ul li:nth-child(4) { background-color:#1fd8e3; margin-right:0; } #dy_main .index-data .index-data-container .index-data-container-info ul li:hover .data-item .data { display:inline-block; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px transparent; -webkit-animation-name:wobble-vertical; animation-name:wobble-vertical; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1; } /*==================== 首页：关于我们及新闻 ====================*/ #dy_main .index-about { width:100%; padding:3% 0; background:url(../Images/bg_index_about.jpg) no-repeat center; background-size:cover; overflow:hidden; } #dy_main .index-about .index-about-container { margin:0 auto; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info { display:flex; width:100%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-left { float:left; width:44%; margin-right:3%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right { float:right; width:47%; padding:2% 3%; background:#fff; border-radius:8px; overflow:hidden; } /* 公司介绍 */ #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-txt { margin-bottom:25px; } #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-txt p { font-size:16px; color:#fff; line-height:1.8em; } #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-pic { overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-pic h3 { position:relative; margin-bottom:10px; display:block; position:relative; font-size:24px; color:#d2f1c6; line-height:1.8em; } #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-pic h3 .line { position:absolute; top:50%; right:0; width:20%; height:1px; background:#d2f1c6; } #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-pic .pic { width:100%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-left .about-pic .pic img { width:100%; } /* 新闻导航条 */ #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav { position:relative; height:48px; border-bottom:1px solid #d2f1c6; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav ul { float:left; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav ul li { position:relative; float:left; width:120px; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav ul li a { display:block; padding:10px; text-align:center; font-size:18px; color:#666; font-weight:400; line-height:28px; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav ul li.current a { position:relative; left:0; bottom:0; background:#fff; color:#00a42c; border-top-left-radius:4px; border-top-right-radius:4px; border:1px solid #d2f1c6; border-bottom:none; z-index:2; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav .table-link { display:none; padding:10px 0; float:right; font-size:14px; color:#999; line-height:28px; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav .table-link a { position:relative; font-size:14px; color:#999; padding:0px 10px; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav .table-link a:hover { color:#00a42c; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav .table-link a::after { content:''; width:1px; height:12px; background:#ccc; position:absolute; top:4px; right:0; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-nav .table-link a:last-child::after { content:''; width:0px; height:0px; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content { position:relative; padding-top:30px; height:100%; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .table-box { display:none; } /* en */ #dy_main[language="en"] .index-about .index-about-container .index-about-container-info .about-right .table-nav .table-link a { font-size:12px; } /* 产品栏 */ #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box { width:100%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul { float:left; width:47%; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul:first-child { margin-right:6%; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.top-pic { overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.top-pic .pic { position:relative; width:100%; margin-bottom:24px; text-align:center; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.top-pic .pic img { width:100%; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.top-pic .pic h5 { position:absolute; top:40%; left:0; width:100%; height:24px; font-size:16px; color:#fff; font-weight:500; text-align:center; line-height:1.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.product { position:relative; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.product:last-child { margin-bottom:0; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.product p { width:calc(100% - 24px); background:url(../Images/icon_chip.png) no-repeat left center; background-size:16px; padding-left:24px; font-size:16px; color:#333; line-height:2em; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .product-box ul li.product:hover p { background-image:url(../Images/icon_chip_hover.png); color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } /* 新闻栏 */ #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box { width:100%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul { width:100%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news { width:100%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news .news-item { position:relative; padding-left:33%; margin-bottom:24px; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news .news-item .pic { position:absolute; left:0; top:0; width:30%; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news .news-item .pic img { width:100%; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news .news-item h4 { font-size:18px; color:#333; line-height:1.6em; margin-bottom:5px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news:hover .news-item h4 { color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news .news-item h5 { font-size:12px; color:#999; line-height:1.6em; margin-bottom:5px; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.top-news .news-item p { height:3.2em; font-size:14px; color:#666; line-height:1.6em; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.news { position:relative; padding-left:18%; margin-bottom:10px; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.news:last-child { margin-bottom:0; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.news p { width:82%; font-size:16px; color:#333; line-height:1.9em; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.news span.news-cate { display:block; position:absolute; left:0; top:0; width:14%; padding:0 5px; font-size:12px; color:#00a42c; line-height:2em; text-align:center; border:1px solid #00a42c; border-radius:2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.news span.news-date { position:absolute; right:0; top:0; width:14%; text-align:right; font-size:12px; color:#999; line-height:2em; } #dy_main .index-about .index-about-container .index-about-container-info .about-right .table-content .news-box ul li.news:hover p { color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } /*==================== 首页：优势 ====================*/ #dy_main .index-strengths {width:100%;padding:4% 0; background:url(../Images/bg_index_strengths.jpg) no-repeat center; background-size:cover; overflow:hidden;} #dy_main .index-strengths .index-strengths-container { width:100%; vertical-align:middle; } #dy_main .index-strengths .index-strengths-container * { -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; } #dy_main .index-strengths .index-strengths-container ul { display:block; position:relative; overflow:hidden; padding-top:30px; } #dy_main .index-strengths .index-strengths-container ul li { float:left; display:inline-block; vertical-align:top; width:calc(20% - 8px); text-align:center; margin-right:10px; padding:30px 0; background:rgba(255,255,255,.3); } #dy_main .index-strengths .index-strengths-container ul li:last-child { margin-right:0; } #dy_main .index-strengths .index-strengths-container ul li i { width:120px; display:block; margin:auto; position:relative; overflow:hidden; } #dy_main .index-strengths .index-strengths-container ul li i img { display:block; width:100%; height:auto; } #dy_main .index-strengths .index-strengths-container ul li h3 { padding:20px 10px 0; font-size:18px; color:#333; line-height:1.2em; height:2.4em; text-transform:uppercase; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-strengths .index-strengths-container ul li h4 { padding:0 10px 0; font-size:14px; color:#666; line-height:1.2em; height:2.4em; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-strengths .index-strengths-container ul li:hover { background:rgba(0,0,0,.8); } #dy_main .index-strengths .index-strengths-container ul li:hover * { color:#fff; } /* en */ #dy_main[language="en"] .index-strengths .index-strengths-container ul li h3 { font-size:16px; } #dy_main[language="en"] .index-strengths .index-strengths-container ul li h4 { padding-top:10px; font-size:12px; } /*==================== 首页：合作伙伴 ====================*/ #dy_main .index-partner { width:100%; padding:3% 0 6%; background-color:#fff; overflow:hidden; } #dy_main .index-partner .index-partner-container { display:flex; margin-top:20px; overflow:hidden; } #dy_main .index-partner .index-partner-container .L { float:left; width:30%; text-align:center; border-right:1px #eee solid; } #dy_main .index-partner .index-partner-container .R { float:left; width:70%; margin-left:35px; } #dy_main .index-partner .index-partner-container .R ul { width:100%; margin-top:3%; overflow:hidden; } #dy_main .index-partner .index-partner-container .R ul li { float:left; width:calc(23.5% - 2px); height:auto; margin-right:2%; margin-bottom:2%; border:1px #eee solid; } #dy_main .index-partner .index-partner-container .R ul li:nth-child(4n) { margin-right:0; } #dy_main .index-partner .index-partner-container .R ul li:nth-child(n+5) { margin-bottom:0; } #dy_main .index-partner .index-partner-container .R ul li img { width:100%; height:auto; } /*==================== 内页：导航菜单 ====================*/ #dy_main .page-nav { width:100%; height:60px; border-bottom:solid 1px #f1f1f1; } #dy_main .page-nav.gray { background:#f8f8f8; } #dy_main .page-nav .page-nav-container { position:relative; margin:0 auto; } #dy_main .page-nav .page-nav-container .location { float:right; } #dy_main .page-nav .page-nav-container .location i { margin:0 5px; padding-left:16px; } #dy_main .page-nav .page-nav-container .location i.home { background:url(../Images/icon_home.png) no-repeat left; background-size:14px; } #dy_main .page-nav .page-nav-container .location i.right-arrow { background:url(../Images/icon_rightarrow.png) no-repeat left; background-size:14px; } #dy_main .page-nav .page-nav-container .location a, #dy_main .page-nav .page-nav-container .location span { font-size:14px; color:#333; font-weight:400; line-height:60px; } #dy_main .page-nav .page-nav-container .nav { float:left; } #dy_main .page-nav .page-nav-container .nav nav { position:relative; } #dy_main .page-nav .page-nav-container .nav nav dl i { color:#00a42c; } #dy_main .page-nav .page-nav-container .nav nav ul { width:100%; } #dy_main .page-nav .page-nav-container .nav nav ul li { position:relative; display:block; float:left; margin:0 20px; } #dy_main .page-nav .page-nav-container .nav nav ul li a { position:relative; display:block; font-size:14px; color:#333; font-weight:400; line-height:60px; } #dy_main .page-nav .page-nav-container .nav nav li > a:after { content:''; display:block; width:0; height:1px; background:#00a42c; position:absolute; left:50%; bottom:0px; z-index:10; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } #dy_main .page-nav .page-nav-container .nav nav li:hover > a, #dy_main .page-nav .page-nav-container .nav nav li.active > a { color:#00a42c!important; } #dy_main .page-nav .page-nav-container .nav nav li:hover > a:after, #dy_main .page-nav .page-nav-container .nav nav li.active > a:after { width:80px; } /*==================== 内页：文章通用标题 ====================*/ #dy_main .main-wrapper { overflow:hidden; } #dy_main .main-wrapper .wrapper-title { overflow:hidden; } /* 样式1 */ #dy_main .main-wrapper .wrapper-title .title-1 { width:100%; } #dy_main .main-wrapper .wrapper-title .title-1 h2 { text-align:center; padding-bottom:40px; color:#333; font-size:32px; text-transform:uppercase; } #dy_main .main-wrapper .wrapper-title .title-1 h2 span { text-transform:uppercase; color:#1e9315; font-size:24px; display:block; padding:10px 0; opacity:0.4; filter:alpha(opacity=40); } #dy_main .main-wrapper .wrapper-title .title-1 h2:after { display:block; content:''; margin:5px auto; width:80px; height:4px; background-color:#1e9315; opacity:0.4; filter:alpha(opacity=40); } #dy_main .main-wrapper .wrapper-title .title-1 h2.has-desc { padding-bottom:20px; } #dy_main .main-wrapper .wrapper-title .title-1 p { text-align:center; padding-bottom:40px; color:#666; font-size:16px; line-height:1.5em; } /* 样式2 */ #dy_main .main-wrapper .wrapper-title .title-2 { width:100%; } #dy_main .main-wrapper .wrapper-title .title-2 h2 { position:relative; padding-bottom:10px; color:#333; font-size:32px; } #dy_main .main-wrapper .wrapper-title .title-2 h2 span { color:#3aaaf8; text-transform:uppercase; padding-right:10px; } #dy_main .main-wrapper .wrapper-title .title-2 h2:before { position:absolute; left:0; bottom:0px; width:100px; height:3px; content:""; background:#3aaaf8; } #dy_main .main-wrapper .wrapper-title .title-2 .desc { width:100%; } #dy_main .main-wrapper .wrapper-title .title-2 .desc p { margin:20px 0 40px; color:#666; font-size:16px; line-height:1.5em; } /* 样式3 */ #dy_main .main-wrapper .wrapper-title .title-3 { position:relative; width:100%; text-align:center; padding-top:0; padding-bottom:40px; margin-bottom:5px; overflow:hidden; } #dy_main .main-wrapper .wrapper-title .title-3 h2 span:first-child { font-size:32px; color:#333; letter-spacing:2px; font-weight:400; } #dy_main .main-wrapper .wrapper-title .title-3 h2 span:last-child { position:relative; font-size:20px; color:#333; letter-spacing:2px; font-weight:400; text-transform:uppercase; line-height:1em; bottom:10px; margin-left:10px; opacity:0.4; filter:alpha(opacity=40); } #dy_main .main-wrapper .wrapper-title .title-3 h2 span:last-child::before { position:absolute; width:30%; height:4px; background-color:#00a42c; left:0; bottom:-8px; content:''; } #dy_main .main-wrapper .wrapper-title .title-3 h2.has-desc { padding-bottom:10px; } #dy_main .main-wrapper .wrapper-title .title-3 p { font-size:16px; color:#666; line-height:2em; letter-spacing:2px; } #dy_main .main-wrapper .wrapper-title .title-3.white h2 span:first-child { color:#fff; } #dy_main .main-wrapper .wrapper-title .title-3.white h2 span:last-child { color:#fff; opacity:0.9; filter:alpha(opacity=90); } #dy_main .main-wrapper .wrapper-title .title-3.white h2 span:last-child::before { background-color:#00a42c; } #dy_main .main-wrapper .wrapper-title .title-3.white p { color:#fff; opacity:0.9; filter:alpha(opacity=90); } /*==================== 内页：通用文章 ====================*/ #dy_main .article-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .article-wrapper .wrapper-body { position:relative; margin:0 auto; } #dy_main .article-wrapper .wrapper-body .article-info { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; } #dy_main .article-wrapper .wrapper-body .article-info .L { float:left; width:30%; margin-right:5%; } #dy_main .article-wrapper .wrapper-body .article-info .L img { width:100%; } #dy_main .article-wrapper .wrapper-body .article-info .R { float:right; width:65%; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt { width:100%; overflow:hidden; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt h3 { font-size:24px; color:#333; line-height:2em; padding-bottom:10px; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt .version { font-size:16px; color:#999; line-height:2em; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt .detail { width:100%; overflow:hidden; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt .detail p { font-size:16px; color:#666; padding-bottom:20px; line-height:2em; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt .detail p:last-child { padding-bottom:0; } #dy_main .article-wrapper .wrapper-body .article-info .R .txt .detail img { max-width:100%; } /*==================== 内页：关于我们-公司简介 ====================*/ #dy_main .about-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .about-wrapper .wrapper-body { position:relative; margin:0 auto; } #dy_main .about-wrapper .wrapper-body .about-info { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-info .L { float:left; width:30%; margin-right:5%; } #dy_main .about-wrapper .wrapper-body .about-info .L img { width:100%; } #dy_main .about-wrapper .wrapper-body .about-info .R { float:right; width:65%; } #dy_main .about-wrapper .wrapper-body .about-info .R .txt { width:100%; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-info .R .txt h3 { font-size:24px; color:#333; padding-bottom:20px; line-height:2em; } #dy_main .about-wrapper .wrapper-body .about-info .R .txt .detail { width:100%; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-info .R .txt .detail p { font-size:16px; color:#666; padding-bottom:20px; line-height:2em; } #dy_main .about-wrapper .wrapper-body .about-info .R .txt .detail p:last-child { padding-bottom:0; } #dy_main .about-wrapper .wrapper-body .about-info .R .txt .detail img { max-width:100%; } /*==================== 内页：关于我们-发展历史 ====================*/ #dy_main .history-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .history-wrapper .wrapper-body { overflow:hidden; } #dy_main .history-wrapper .wrapper-body ul { width:100%; overflow:hidden; } #dy_main .history-wrapper .wrapper-body ul li { position:relative; 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:#66cc99; top:20px; right:-7px; border-radius:32px; } #dy_main .history-wrapper .wrapper-body ul li .detail { width:100%; overflow:hidden; } #dy_main .history-wrapper .wrapper-body ul li .detail p { font-size:16px; color:#666; line-height:2em; margin-bottom:10px; } #dy_main .history-wrapper .wrapper-body ul li .detail 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) .detail p { text-align:right; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(even) h2 .round { left:-7px; right:0; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .contact-wrapper .wrapper-body { margin:0 auto; overflow:hidden; } #dy_main .contact-wrapper .wrapper-body .L { float:left; width:30%; margin-right:5%; } #dy_main .contact-wrapper .wrapper-body .L img { width:100%; } #dy_main .contact-wrapper .wrapper-body .R { width:65%; float:right; } #dy_main .contact-wrapper .wrapper-body .R .contact-company { padding-bottom:10px; border-bottom:1px solid #eee; } #dy_main .contact-wrapper .wrapper-body .R .contact-company h2 { font-size:24px; line-height:1.5em; color:#333; } #dy_main .contact-wrapper .wrapper-body .R .contact-company h3 { font-size:16px; line-height:1.5em; color:#666; } #dy_main .contact-wrapper .wrapper-body .R .contact-info { padding:15px 0; border-bottom:1px solid #eee; } #dy_main .contact-wrapper .wrapper-body .R .contact-info p { font-size:16px; color:#666; line-height:2em; } #dy_main .contact-wrapper .wrapper-body .R .contact-info p span { display:inline-block; color:#333; } #dy_main .contact-wrapper .wrapper-body .R .contact-info p a { color:#666; } #dy_main .contact-wrapper .wrapper-body .R .contact-info p a:hover { color:#00a42c; } #dy_main .contact-wrapper .wrapper-body .R .contact-info p.tips { font-size:14px; color:#00a42c; } #dy_main .contact-wrapper .wrapper-body .R .contact-map { margin-top:40px; padding-bottom:40px; /*border-bottom:1px solid #999;*/ } #dy_main .contact-wrapper .wrapper-body .R .contact-map #dyjs_map { display:block; width:100%; height:40vh; } #dy_main .contact-wrapper .wrapper-body .R .contact-code { padding:15px 0; overflow:hidden; border-bottom:1px solid #eee; } #dy_main .contact-wrapper .wrapper-body .R .contact-code .pic { float:left; } #dy_main .contact-wrapper .wrapper-body .R .contact-code .pic img { width:120px; height:120px; } #dy_main .contact-wrapper .wrapper-body .R .contact-code .txt { float:left; margin-left:30px; padding-top:30px; } #dy_main .contact-wrapper .wrapper-body .R .contact-code .txt p { font-size:14px; color:#666; line-height:2em; } /* en */ #dy_main[language="en"] .contact-wrapper .wrapper-body .R .contact-info p span { width:90px; } /*==================== 内页：产品中心 ====================*/ #dy_main .product-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .product-wrapper .wrapper-body { } #dy_main .product-wrapper .wrapper-body ul { width:100%; } #dy_main .product-wrapper .wrapper-body ul li.product-list { float:left; width:32%; margin-right:2%; margin-bottom:2%; } #dy_main .product-wrapper .wrapper-body ul li.product-list .product-item { position:relative; width:calc(100% - 40px); padding:20px; background:#f8f8f8; border-radius:8px; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; } #dy_main .product-wrapper .wrapper-body ul li.product-list .product-item img { width:100%; height:auto; } #dy_main .product-wrapper .wrapper-body ul li.product-list .product-item .text { position:absolute; text-align:center; top:0; width:calc(100% - 40px); height:100%; z-index:999; } #dy_main .product-wrapper .wrapper-body ul li.product-list .product-item .text h3 { padding-top:30%; font-size:16px; color:#fff; line-height:1em; } #dy_main .product-wrapper .wrapper-body ul li.product-list:nth-child(3n) { margin-right:0; } #dy_main .product-wrapper .wrapper-body ul li.product-list .product-item:hover { box-shadow:0 5px 40px rgba(0,0,0,0.1); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); transform:translateY(-10px); } #dy_main .product-wrapper .wrapper-body ul li.product-list .product-item:hover .item-text span{ opacity:1; filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); margin-top:20px; } /* 详情 */ #dy_main .product-wrapper .wrapper-body .product-detail { float:left; width:74%; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-detail .content { width:100%; } #dy_main .product-wrapper .wrapper-body .product-detail .content h2 { font-size:24px; margin-bottom:30px; padding-bottom:6px; color:#333; text-align:center; line-height:2em; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-detail .content .detail { width:100%; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-detail .content .detail p { font-size:16px; color:#333; line-height:2em; padding-bottom:10px; } #dy_main .product-wrapper .wrapper-body .product-detail .content .detail p img { max-width:100%; } #dy_main .product-wrapper .wrapper-body .product-detail .content .detail p:last-child { padding-bottom:0; } #dy_main .product-wrapper .wrapper-body .product-detail .content h4 { background:url(../Images/icon_download.png) no-repeat left center; background-size:16px; padding-left:24px; margin-top:30px; font-size:16px; color:#333; font-weight:500; line-height:2em; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #dy_main .product-wrapper .wrapper-body .product-detail .content h4:hover { background-image:url(../Images/icon_download_hover.png); color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .product-wrapper .wrapper-body .product-cate { float:right; width:23%; } #dy_main .product-wrapper .wrapper-body .product-cate .product-list { background:#f8f8f8; padding:5%; overflow:hidden; margin-bottom:20px; border-radius:10px; } #dy_main .product-wrapper .wrapper-body .product-cate .product-list h3 { font-size:20px; color:#333; display:block; border-bottom:1px solid #b5b5b6; padding:10px 0; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-cate .product-list ul { padding:10px 0; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-cate .product-list ul li { padding:5px 0; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-cate .product-list ul li a { display:block; background:url(../Images/icon_chip.png) no-repeat left center; background-size:14px; padding-left:20px; font-size:14px; color:#666; margin-bottom:3px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .product-wrapper .wrapper-body .product-cate .product-list ul li a:hover { background-image:url(../Images/icon_chip_hover.png); color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } /* en */ #dy_main[language="en"] .product-wrapper .wrapper-body ul li.product-list .product-item .text h3 { font-size:13px; } /*==================== 内页：产品应用 ====================*/ #dy_main .application-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .application-wrapper .wrapper-body { } #dy_main .application-wrapper .wrapper-body .application-detail { float:left; width:74%; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-detail .content { width:100%; } #dy_main .application-wrapper .wrapper-body .application-detail .content h2 { font-size:24px; margin-bottom:30px; padding-bottom:6px; color:#333; text-transform:uppercase; text-align:center; line-height:2em; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-detail .content h2 span { color:#00a42c; font-weight:400; } #dy_main .application-wrapper .wrapper-body .application-detail .content .detail { width:100%; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-detail .content .detail p { font-size:16px; color:#333; line-height:2em; padding-bottom:10px; } #dy_main .application-wrapper .wrapper-body .application-detail .content .detail p img { max-width:100%; } #dy_main .application-wrapper .wrapper-body .application-detail .content .detail p:last-child { padding-bottom:0; } #dy_main .application-wrapper .wrapper-body .application-cate { float:right; width:23%; } #dy_main .application-wrapper .wrapper-body .application-cate .application-list { background:#f8f8f8; padding:5%; overflow:hidden; margin-bottom:20px; border-radius:10px; } #dy_main .application-wrapper .wrapper-body .application-cate .application-list h3 { font-size:20px; color:#333; display:block; border-bottom:1px solid #b5b5b6; padding:10px 0; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-cate .application-list ul { padding:10px 0; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-cate .application-list ul li { padding:5px 0; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-cate .application-list ul li a { display:block; background: url(../Images/icon_chip.png) no-repeat left center; background-size:14px; padding-left:20px; font-size:14px; color:#666; margin-bottom:3px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .application-wrapper .wrapper-body .application-cate .application-list ul li a:hover { background-image:url(../Images/icon_chip_hover.png); color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } /*==================== 内页：服务与销售 ====================*/ #dy_main .service-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .service-wrapper .wrapper-body { margin:0 auto; overflow:hidden; } #dy_main .service-wrapper .wrapper-body ul.service-list { float:left; width:100%; } #dy_main .service-wrapper .wrapper-body ul.service-list li { display:flex; margin-bottom:45px; overflow:hidden; } #dy_main .service-wrapper .wrapper-body ul.service-list li * { -webkit-transition:0.4s ease; -o-transition:0.4s ease; transition:0.4s ease; } #dy_main .service-wrapper .wrapper-body ul.service-list li .pic { float:left; width:35%; overflow:hidden; } #dy_main .service-wrapper .wrapper-body ul.service-list li .pic img { display:block; width:100%; height:auto; } #dy_main .service-wrapper .wrapper-body ul.service-list li .txt { float:right; width:57%; padding:1% 4%; background:#f8f8f8; /*border-bottom:1px #eee solid;*/ } #dy_main .service-wrapper .wrapper-body ul.service-list li .txt h3 { font-size:24px; color:#333; line-height:2em; padding-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .service-wrapper .wrapper-body ul.service-list li .txt p { font-size:16px; color:#666; line-height:1.8em; height:1.8em; margin:5px 0; overflow:hidden; } #dy_main .service-wrapper .wrapper-body ul.service-list li:hover .pic img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } /*==================== 内页：新闻动态 ====================*/ #dy_main .news-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .news-wrapper .wrapper-body { margin:0 auto; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul.news-list { float:left; width:74%; } #dy_main .news-wrapper .wrapper-body ul.news-list li { overflow:hidden; margin-bottom:45px; } #dy_main .news-wrapper .wrapper-body ul.news-list li a { display:block; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul.news-list li * { -webkit-transition:0.4s ease; -o-transition:0.4s ease; transition:0.4s ease; } #dy_main .news-wrapper .wrapper-body ul.news-list li .pic { float:left; width:35%; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul.news-list li .pic img { display:block; width:100%; height:auto; } #dy_main .news-wrapper .wrapper-body ul.news-list li .txt { float:right; width:63%; padding:0 0 13px 0; border-bottom:1px #eee solid; } #dy_main .news-wrapper .wrapper-body ul.news-list li .txt h3 { font-size:20px; color:#333; line-height:2em; padding-bottom:5px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul.news-list li .txt h4 { font-size:14px; color:#999; line-height:1.8em; } #dy_main .news-wrapper .wrapper-body ul.news-list li .txt h4 span { padding-right:10px; color:#999; } #dy_main .news-wrapper .wrapper-body ul.news-list li .txt h5 { font-size:14px; color:#999; line-height:1.8em; } #dy_main .news-wrapper .wrapper-body ul.news-list li .txt p { font-size:16px; color:#666; line-height:1.7em; height:3.4em; margin:6px 0; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul.news-list li a:hover .txt { border-color:#00a42c; } #dy_main .news-wrapper .wrapper-body ul.news-list li a:hover .txt h3 { color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .news-wrapper .wrapper-body ul.news-list li a:hover .txt h5 { color:#00a42c; } #dy_main .news-wrapper .wrapper-body ul.news-list li a:hover .pic img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #dy_main .news-wrapper .wrapper-body .news-hot { float:right; width:23%; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list { background:#f8f8f8; padding:5%; overflow:hidden; margin-bottom:20px; border-radius:10px; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list h3 { font-size:16px; color:#333; display:block; border-bottom:1px solid #b5b5b6; padding:10px 0; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul { padding:10px 0; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li { padding:5px 0; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li a { font-size:12px; color:#666; display:block; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li a h4 { position:relative; display:block; font-size:14px; color:#666; padding-bottom:3px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li a h4:first-child::before { content:''; width:4px; height:4px; border-radius:100px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:5px; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li a h4:last-child { padding-left:10px; font-size:12px; } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li a:hover h4 { color:#00a42c; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .news-wrapper .wrapper-body .news-hot .hotnews-list ul li a:hover h4:first-child::before { background-color:#00a42c; } /* 详情 */ #dy_main .news-wrapper .wrapper-body .news-detail { float:left; width:74%; } #dy_main .news-wrapper .wrapper-body .news-detail h2 { font-size:24px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-detail .info-time { font-size:16px; text-align:center; color:#999; line-height:2em; padding-bottom:20px; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-detail .info-content { width:100%; font-size:16px; line-height:2em; padding-top:20px; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-detail .info-content p { font-size:16px; color:#333; line-height:2em; padding-bottom:10px; } #dy_main .news-wrapper .wrapper-body .news-detail .info-content img { max-width:100%; } #dy_main .news-wrapper .wrapper-body .news-detail .info-content p:last-child { padding-bottom:0; } /*==================== 内页：合作伙伴 ====================*/ #dy_main .partner-wrapper { width:100%; padding:3% 0 0; background:#fff; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body { width:100%; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul { width:100%; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul li { width:100%; padding:50px 0; background:#f8f8f8; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul li:nth-child(2n) { background:#fff; } #dy_main .partner-wrapper .wrapper-body ul li .content { overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul li .content .pic { float:left; width:25%; margin-right:5%; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul li .content .pic img { width:100%; } #dy_main .partner-wrapper .wrapper-body ul li .content .txt { float:right; width:70%; } #dy_main .partner-wrapper .wrapper-body ul li .content .txt h2 { font-size:24px; margin-bottom:10px; color:#333; line-height:2em; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul li .content .txt .detail { width:100%; overflow:hidden; } #dy_main .partner-wrapper .wrapper-body ul li .content .txt .detail p { font-size:16px; color:#333; line-height:2em; padding-bottom:10px; } #dy_main .partner-wrapper .wrapper-body ul li .content .txt .detail p img { max-width:100%; } #dy_main .partner-wrapper .wrapper-body ul li .content .txt .detail p:last-child { padding-bottom:0; } /*==================== 内页：人才招聘 ====================*/ #dy_main .career-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .career-wrapper.job { background:#f8f8f8; padding:3% 0 6%; } #dy_main .career-wrapper .wrapper-body { overflow:hidden; } #dy_main .career-wrapper .wrapper-body .talent-policy { width:100%; } #dy_main .career-wrapper .wrapper-body .talent-policy h2 { font-size:24px; color:#333; text-align:center; line-height:2em; margin-bottom:20px; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .talent-policy .detail { width:100%; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .talent-policy .detail p { font-size:16px; color:#666; line-height:2em; text-align:center; padding-bottom:10px;} #dy_main .career-wrapper .wrapper-body .talent-policy .detail p:last-child { padding-bottom:0;} #dy_main .career-wrapper .wrapper-body .talent-policy .pic { width:100%; margin-top:20px; } #dy_main .career-wrapper .wrapper-body .talent-policy .pic img { width:100%; } #dy_main .career-wrapper .wrapper-body .job-list { width:100%; } #dy_main .career-wrapper .wrapper-body .job-list .job { width:100%; float:left; } #dy_main .career-wrapper .wrapper-body .job-list .job .info { padding:30px 180px 30px 0; position:relative; height:100px; background:#fff; cursor:pointer; } #dy_main .career-wrapper .wrapper-body .job-list .job.on .info { background:#fff; } #dy_main .career-wrapper .wrapper-body .job-list .job .info em { display:block; width:180px; height:150px; position:absolute; right:0; top:0; background:url(../Images/btn_more.png) no-repeat center; } #dy_main .career-wrapper .wrapper-body .job-list .job.on .info em, #dy_main .career-wrapper .wrapper-body .job-list .job .info:hover em { background-image:url(../Images/btn_more_on.png); } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-1 { width:25%; float:left; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-1 h4 { width:100%; float:left; font-size:20px; color:#333; text-align:center; line-height:2em; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-1 h5 { width:100%; float:left; font-size:14px; color:#666; text-align:center; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-2 { width:50%; float:left; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-2 h5 { width:100%; float:left; font-size:16px; color:#333; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-3 { width:25%; float:left; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-3 h5 { width:100%; float:left; font-size:14px; color:#666; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-3 h5 .btn { float:left; margin-top:10px; width:auto; padding:0 50px; height:36px; line-height:36px; text-align:center; background:#73da8f; color:#fff; font-size:14px; cursor:pointer; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; overflow:hidden; } #dy_main .career-wrapper .wrapper-body .job-list .job .info .info-3 h5 .btn:hover { background:#00a42c; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail { width:100%; background:#fff; position:relative; margin-top:9px; float:left; display:none; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info { overflow:hidden; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .top-arrow { position:absolute; left:50%; top:-9px; margin-left:-8px; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .top-arrow img { float:left; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-1 { width:calc(50% - 60px); float:left; padding:40px 20px 40px 40px; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-2 { width:calc(50% - 60px); float:left; padding:40px 40px 40px 20px; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-1 h4, #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-2 h4 { width:100%; float:left; font-size:20px; color:#333; line-height:2em; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-1 .txt, #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-2 .txt { width:100%; float:left; margin-top:7px; } #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-1 .txt p, #dy_main .career-wrapper .wrapper-body .job-list ul.detail .info .info-2 .txt p { font-size:14px; color:#666; line-height:2em; } /*==================== 内页：在线留言 ====================*/ #dy_main .feedback-wrapper { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .feedback-wrapper .wrapper-body { overflow:hidden; } #dy_main .feedback-wrapper .wrapper-body .feedback-form { width:100%; margin:0 auto; overflow:hidden; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul { width:100%; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li { float:left; margin-bottom:30px; border:solid 1px #eee; padding-left:100px; position:relative; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li .name { width:80px; height:51px; line-height:51px; position:absolute; left:0; top:0; font-size:16px; color:#333; font-weight:400; padding-left:20px; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li .name.required { color:#e21b22; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li input { display:block; width:calc(100% - 20px); padding:0 10px; height:51px; line-height:51px; font-size:14px; color:#666; background:#fafafa; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li input.alert { background:#fbe8d3; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li textarea { display:block; width:calc(100% - 20px); height:161px; line-height:31px; font-size:14px; color:#666; padding:10px; background:#fafafa; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li input.alert, #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li textarea.alert { background:#fbe8d3; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.l1 { width:calc(32% - 2px - 100px); margin-right:2%; background:#eee; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.l2 { width:calc(49% - 2px - 100px); margin-right:2%; background:#eee; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.l3 { width:calc(100% - 2px - 100px); background:#eee; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.l4 { width:100%; padding-left:0; border:0; text-align:center; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.l4 input { width:auto; display:inline-block; *display:inline; *zoom:1; padding:0 50px; height:50px; line-height:50px; text-align:center; background:#73da8f; color:#fff; font-size:16px; cursor:pointer; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; overflow:hidden; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.l4 input:hover { background:#00a42c; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li.last { margin-right:0; } #dy_main .feedback-wrapper .wrapper-body .feedback-form ul li:last-child { margin-bottom:0; } /*==================== 底部版权 ====================*/ #dy_footer { width:100%; padding:4% 0 0; background:url(../Images/bg_footer.jpg) no-repeat center; background-size:cover; } #dy_footer .footer-container { width:100%; overflow:hidden; } #dy_footer .footer-container .footer-container-info { overflow:hidden; } #dy_footer .footer-container .footer-container-info .contact { padding-bottom:20px; overflow:hidden; } #dy_footer .footer-container .footer-container-info .contact dl { float:left; width:35%; overflow:hidden; } #dy_footer .footer-container .footer-container-info .contact dl dt { overflow:hidden; float:left; margin-right:25px; } #dy_footer .footer-container .footer-container-info .contact dl dt h3 { font-size:20px; font-weight:400; color:#fff; margin-bottom:8px; display:block; } #dy_footer .footer-container .footer-container-info .contact dl dt p { font-size:16px; color:rgba(255,255,255,0.8); margin-bottom:15px; display:block; } #dy_footer .footer-container .footer-container-info .contact dl dd { overflow:hidden; width:455px; float:left; } #dy_footer .footer-container .footer-container-info .contact dl dd p { font-size:15px; color:rgba(255,255,255,0.8); line-height:35px; padding-left:28px; } #dy_footer .footer-container .footer-container-info .contact dl dd p.tel { background:url(../Images/icon_footer_tel.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .contact dl dd p.fax { background:url(../Images/icon_footer_fax.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .contact dl dd p.email { background:url(../Images/icon_footer_email.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .contact dl dd p a { color:rgba(255,255,255,0.8); } #dy_footer .footer-container .footer-container-info .contact dl dd p a:hover { color:rgba(255,255,255,1); } #dy_footer .footer-container .footer-container-info .contact dl dd em { margin:0 5px; } #dy_footer .footer-container .footer-container-info .contact .nav { float:left; width:30%; } #dy_footer .footer-container .footer-container-info .contact .nav ul { overflow:hidden; } #dy_footer .footer-container .footer-container-info .contact .nav ul li { float:left; font-size:15px; white-space:nowrap; width:33.3333%; } #dy_footer .footer-container .footer-container-info .contact .nav ul li a { color:#fff; display:block; line-height:35px; } #dy_footer .footer-container .footer-container-info .contact .logo {float:right; width:35%; margin-top:10px; text-align:right; overflow:hidden; } #dy_footer .footer-container .footer-container-info .contact .logo img { width:50%; height:auto; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; } #dy_footer .footer-container .footer-container-info .contact .logo p { font-size:12px; color:#fff; text-align:center; margin-top:8px; } #dy_footer .footer-container .footer-container-info .copyright { height:50px; line-height:50px; border-top:1px #666 solid; } #dy_footer .footer-container .footer-container-info .copyright .info { color:#ccc; font-size:14px; } #dy_footer .footer-container .footer-container-info .copyright .info .r { float:right; } #dy_footer .footer-container .footer-container-info .copyright .info .r .gabeian { height:16px; width:16px; padding-right:3px; } #dy_footer .footer-container .footer-container-info .copyright .info .r a { color:#ccc; margin-right:20px; } #dy_footer .footer-container .footer-container-info .copyright .info .r a:last-child { margin-right:0; } #dy_footer .footer-container .footer-container-info .copyright .info .r a:hover { color:#fff; } /* en */ #dy_footer[language="en"] .footer-container .footer-container-info .contact dl dt h3 { font-size:16px; } #dy_footer[language="en"] .footer-container .footer-container-info .contact dl dt p { font-size:13px; } /*==================== 右侧漂浮快捷键 ====================*/ #dy_quicknav { width:50px; position:fixed; right:0px; bottom:10%; z-index:11; } #dy_quicknav ul { width:100%; float:left; position:relative; background:#474747; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; } #dy_quicknav ul li { width:100%; height:50px; float:left; position:relative; border-bottom:solid 1px #575757; } #dy_quicknav ul li:last-child { border-bottom:0; } #dy_quicknav ul li .link { display:block; width:100%; height:100%; text-align:center; background:#474747; } #dy_quicknav ul li:hover .link { background:#00a42c; } #dy_quicknav ul li .eject-box { width:226px; padding:12px; background:#28b74e; position:absolute; right:50px; top:0; display:none; } #dy_quicknav ul li .eject-box h6 { width:100%; float:left; line-height:26px; text-align:center; font-size:14px; color:#fff; } #dy_quicknav ul li .eject-box h6 a { color:#fff; } #dy_quicknav ul li .eject-box h6 a:hover { color:#fff; } #dy_quicknav ul li:hover .eject-box { display:block; } /*==================== 播放器 ====================*/ .dy-video { display:none; z-index:110; width:100%; position:fixed; height:100%; background:rgba(0, 0, 0, 0.6); left:0px; top:0px; } .dy-video .dy-video-container { width:1000px; margin:0 auto; position:absolute; top:15%; left:50%; margin-top:0px; margin-left:-500px; } .dy-video .dy-video-container .videobox { height:600px; position:relative; z-index:1; } .dy-video .dy-video-container .close-btn { display:block; width:25px; height:25px; position:absolute; right:15px; top:-5px; cursor:pointer; z-index:100; margin:-20px -20px 0 0; z-index:9; } .dy-video .dy-video-container .close-btn:before { content:''; position:absolute; top:10px; width:20px; height:2px; background-color:#FFF; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .dy-video .dy-video-container .close-btn:after { content:''; position:absolute; top:10px; width:20px; height:2px; background-color:#FFF; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } /*==================== 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; }