/*================================================*/ /* Style.Css */ /* Copyright © 2009-2019 CloudV.cn */ /*================================================*/ @charset "utf-8"; @import url('common.css'); /*==================== 通用样式 ====================*/ .dy-container-full { width:100%; margin:0 auto; } .dy-container-mid { min-width:1240px; width:1240px; margin:0 auto; } .dy-container-mid-mw { min-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-container-left { float:left; width:200px; margin:0 auto; } .dy-container-right { float:right; min-width:1000px; width:1000px; margin:0 auto; } .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-blue { color:#fff; background-color:#649ff7; font-size:14px; } .btn-blue:hover { color:#fff; background-color:#107c4a; } .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; } .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-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 { width:100%; height:80px; font-size:14px; background-color:#fff; } #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:80px; margin-top:0; 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; height:80px; } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list { float:right; width:auto; height:80px; line-height:80px; 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; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:35px; } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item:last-child { margin-right:0; } #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; font-weight:400; display:inline-block; height:100%; line-height:80px; position:relative; -webkit-transition:opacity 0.3s ease,color 0.35s ease; transition:opacity 0.3s ease,color 0.35s ease; } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a:hover, #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item.active a { color:#107c4a; } #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item a:hover:before, #dy_header .dy-nav .dy-navlist-wrapper .dy-nav-list .dy-nav-item.active a:before { content:" "; position:absolute; left:0; top:0; display:block; height:2px; background:#107c4a; width:100%; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; } #dy_slider .dy-slider { position:relative; 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: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:#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-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="middle"] .banner-text { left:25%; } #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[text-yposition="bottom"] .banner-text { top:85%; } #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.bg { background-image:url(../Images/bg_index.jpg); background-repeat:no-repeat; background-position:center center; background-size:100% auto; overflow:hidden; } #dy_main .main-wrapper { width:100%; } /* 文字标题 */ #dy_main .main-wrapper .wrapper-title { text-align:center; margin-bottom:30px; } #dy_main .main-wrapper .wrapper-title .wrapper-body h2 { position:relative; display:inline-block; color:#000; font-size:36px; height:36px; line-height:1em; margin-bottom:20px; } #dy_main .main-wrapper .wrapper-title .wrapper-body h2 span { color:#107c4a; padding-left:20px; text-transform:Uppercase; } #dy_main .main-wrapper .wrapper-title .wrapper-body h2:before { content:" "; position:absolute; left:-80px; top:19px; display:block; height:1px; background:#ddd; width:60px; } #dy_main .main-wrapper .wrapper-title .wrapper-body h2:after { content:" "; position:absolute; right:-80px; top:19px; display:block; height:1px; background:#ddd; width:60px; } #dy_main .main-wrapper .wrapper-title .wrapper-body h3 { position:relative; display:inline-block; color:#000; font-size:36px; height:36px; line-height:1em; margin-bottom:20px; } #dy_main .main-wrapper .wrapper-title .wrapper-body h3 span { color:#107c4a; padding-left:10px; text-transform:Uppercase; } #dy_main .main-wrapper .wrapper-title .wrapper-body small { display:block; color:#666; font-size:16px; text-transform:Uppercase; padding-bottom:10px; } #dy_main .main-wrapper .wrapper-title .wrapper-body small:last-child { padding-bottom:0; } /* 图片背景标题 */ #dy_main .main-wrapper .wrapper-title-image { text-align:center; background-image:url(../Images/bg_title.jpg); background-repeat:no-repeat; background-position:center center; background-size:100% auto; overflow:hidden; } #dy_main .main-wrapper .wrapper-title-image .wrapper-body { background:rgba(0,0,0,.3); padding:50px 0; } #dy_main .main-wrapper .wrapper-title-image .wrapper-body h2 { position:relative; display:inline-block; color:#fff; font-size:36px; height:36px; line-height:1em; margin-bottom:20px; } #dy_main .main-wrapper .wrapper-title-image .wrapper-body small { display:block; color:#fff; font-size:18px; text-transform:Uppercase; } /*==================== 首页：推荐栏目 ====================*/ #dy_main .index-promos-wrapper { width:100%; margin:0 auto; padding:80px 0; } #dy_main .index-promos-wrapper .index-promos-list ul { overflow:hidden; } #dy_main .index-promos-wrapper .index-promos-list ul li { float:left; overflow:hidden; } #dy_main .index-promos-wrapper .index-promos-list ul li:nth-child(2n+1) { margin-right:30px; margin-bottom:30px; } #dy_main .index-promos-wrapper .index-promos-list img { display:inline-block; } #dy_main .index-promos-wrapper .index-promos-list.promos-left { float:left; width:870px; overflow:hidden; } #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li span { position:absolute; width:100%; height:24px; line-height:24px; left:0; bottom:0; font-size:16px; color:#fff; text-align:center; } #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(1), #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(1) img { width:520px; height:240px; } #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(2), #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(2) img { width:320px; height:240px; } #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(3), #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(3) img { width:320px; height:240px; } #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(4), #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li:nth-child(4) img { width:520px; height:240px; } #dy_main .index-promos-wrapper .index-promos-list.promos-right { float:right; width:340px; height:510px; overflow:hidden; } #dy_main .index-promos-wrapper .index-promos-list.promos-right img { width:340px; height:510px; } #dy_main .index-promos-wrapper .index-promos-list.promos-left ul li span, #dy_main .index-promos-wrapper .index-promos-list.promos-right span { position:absolute; background:rgb(0,0,0,0.3); width:100%; height:32px; line-height:32px; left:0; bottom:0; font-size:16px; color:#fff; text-align:center; } /*==================== 首页：产品中心 ====================*/ #dy_main .index-product-wrapper { width:100%; padding:80px 0 60px; background:#fafafa; padding-bottom:0; overflow:hidden; } #dy_main .index-product-wrapper .wrapper-body { width:100%; } #dy_main .index-product-wrapper .wrapper-body ul { margin-bottom:50px; } #dy_main .index-product-wrapper .wrapper-body ul li { float:left; position:relative; width:232px; margin-right:20px; margin-bottom:20px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; overflow:hidden; } #dy_main .index-product-wrapper .wrapper-body ul li:nth-child(5n) { margin-right:0; } #dy_main .index-product-wrapper .wrapper-body ul li { width:232px; } #dy_main .index-product-wrapper .wrapper-body ul li .product-cover { width:232px; height:154px; overflow:hidden; } #dy_main .index-product-wrapper .wrapper-body ul li .product-cover img { width:232px; height:154px; } #dy_main .index-product-wrapper .wrapper-body ul li .product-info { width:100%; margin:20px 0; text-align:center; line-height:1.2em; display:block; } #dy_main .index-product-wrapper .wrapper-body ul li .product-info p { margin-bottom:8px; } #dy_main .index-product-wrapper .wrapper-body ul li .product-info p:last-child { margin-bottom:0; } #dy_main .index-product-wrapper .wrapper-body ul li .product-info p.pic-name { color:#333; font-size:16px; } #dy_main .index-product-wrapper .wrapper-body ul li .product-info p.pic-desc { color:#666; font-size:12px; } #dy_main .index-product-wrapper .wrapper-body ul li .product-info i { width:20px; height:1px; background-color:#666; display:block; margin:5px auto; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .index-product-wrapper .wrapper-body ul li:hover .product-info p { color:#107c4a; } #dy_main .index-product-wrapper .wrapper-body ul li:hover .product-info i { width:70px; background-color:#0dc36f; -webkit-transition:all .4s ease; transition:all .4s ease; } /*==================== 首页：合作伙伴 ====================*/ #dy_main .index-partner-wrapper { width:100%; padding:20px 0 60px; } #dy_main .index-partner-wrapper .partner-list { width:100%; margin:0 auto; overflow:hidden; } #dy_main .index-partner-wrapper .partner-list ul { width:100%; } #dy_main .index-partner-wrapper .partner-list ul li { float:left; width:228px; height:114px; margin-right:20px; overflow:hidden; position:relative; text-align:center; cursor:default; } #dy_main .index-partner-wrapper .partner-list ul li:last-child { margin-right:0; } #dy_main .index-partner-wrapper .partner-list ul li img { width:228px; height:114px; } #dy_main .index-partner-wrapper .partner-list ul li img.desaturate { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); } #dy_main .index-partner-wrapper .partner-list ul li.effect:hover img.desaturate { transition:all 0.3s ease-in-out 0s; filter:grayscale(100%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); } /*==================== 首页：新闻中心 ====================*/ #dy_main .index-news-wrapper { width:100%; padding:80px 0 60px!important; } /*==================== 底部版权 ====================*/ #dy_footer { background-image:url(../Images/bg_footer.jpg); background-repeat:no-repeat; background-position:center center; background-size:100% auto; overflow:hidden; } #dy_footer .footer-container { padding:36px 0 20px 0; background:rgba(0,0,0,.7); } #dy_footer .footer-copyright { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; } #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:#fff; margin-right:20px; font-size:14px; line-height:24px; color:#fff; } #dy_footer .footer-copyright .copyright-left ul li:last-child { margin-right:0; } #dy_footer .footer-copyright .copyright-left ul li a { color:#fff; font-size:14px; } #dy_footer .footer-copyright .copyright-left ul li a:hover { color:#abffd8; } #dy_footer .footer-copyright .copyright-left ul li span { color:#fff; font-size:14px; } #dy_footer .footer-copyright .copyright-left ul li span.icon { background-repeat:no-repeat; background-position:left; background-size:14px; padding-left:17px; } #dy_footer .footer-copyright .copyright-left ul li span.icon.address { background-image:url(../Images/icon_bottom_address.png); } #dy_footer .footer-copyright .copyright-left ul li span.icon.tel { background-image:url(../Images/icon_bottom_tel.png); } #dy_footer .footer-copyright .copyright-left ul li span.icon.email { background-image:url(../Images/icon_bottom_email.png); } #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-right .qrcode { float:right; width:100px; position:relative; text-align:center; } #dy_footer .footer-copyright .copyright-right .qrcode img { width:80px; height:80px; } #dy_footer .footer-copyright .copyright-right .qrcode p { color:#fff; font-size:10px; text-align:center; padding-top:3px; } /*==================== 内页：中间菜单 ====================*/ #dy_main .focus-menu-wrapper { padding:0px; } #dy_main .focus-menu-wrapper .wrapper-body { width:100%; background:#f5f5f5; } #dy_main .focus-menu-wrapper .wrapper-body ul { margin:0 auto; text-align:center; } #dy_main .focus-menu-wrapper .wrapper-body ul li { display:inline-block; width:20%; text-align:center; cursor:pointer; text-decoration:none; color:#202d40; } #dy_main .focus-menu-wrapper .wrapper-body ul li a { padding:20px 0px; display:block; vertical-align:middle; width:100%; text-align:center; cursor:pointer; text-decoration:none; color:#202d40; } #dy_main .focus-menu-wrapper .wrapper-body ul li a span { display:block; font-size:32px; } #dy_main .focus-menu-wrapper .wrapper-body ul li a span .icon { display:inline-block; width:50px; height:50px; background-repeat:no-repeat; background-size:50px; } #dy_main .focus-menu-wrapper .wrapper-body ul li a label { font-size:14px; color:#333; text-align:center; } #dy_main .focus-menu-wrapper .wrapper-body ul li.active a label { color:#107c4a; } /*==================== 内页：左侧菜单 ====================*/ #dy_main .dy-container-left .left-container { background:#f1f1f1; } #dy_main .dy-container-left .left-container h2 { background:#0dc36f; height:113px; } #dy_main .dy-container-left .left-container h2 p { text-decoration:none; display:block; color:#fff; text-align:center; font-size:25px; padding:32px 0; } #dy_main .dy-container-left .left-container h2 p em { font-weight:400; color:#fff; } #dy_main .dy-container-left .left-container h2 p span { display:block; font-size:15px; color:#fff; text-transform:uppercase; } #dy_main .dy-container-left .left-container .menu-list { background:#fafafa; padding-bottom:50px; } #dy_main .dy-container-left .left-container .menu-list .menu-container { padding:10px 15px 0px 15px; overflow:hidden; } #dy_main .dy-container-left .left-container .menu-list .menu-container li.main-menu { margin-top:5px; line-height:40px; } #dy_main .dy-container-left .left-container .menu-list .menu-container li.main-menu a.main-menu-item { display:block; padding:0 15px; /*border-bottom:1px solid #eee;*/ font-size:16px; color:#333; font-weight:400; height:42px; line-height:42px; background-color:#fff; background-image:url(../Images/icon_arrow_right.png); background-repeat:no-repeat; background-position:150px center; } #dy_main .dy-container-left .left-container .menu-list .menu-container li.main-menu.active a.main-menu-item { color:#fff; background-color:#0dc36f; background-image:url(../Images/icon_arrow_right_active.png); /*border-bottom:1px solid #0dc36f;*/ } #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu { margin-top:5px; margin-bottom:12px; } #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu.close { display:none; } #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu.open { display:block; } #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu li { height:42px; line-height:42px; background:none; margin-top:0px; border-bottom:1px solid #eee; } #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu li a { height:42px; line-height:42px; font-size:14px; color:#333; margin-left:15px; padding-left:22px; background-image:url(../Images/icon_arrow_right2.png); background-repeat:no-repeat; background-position:left center;} #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu li.active { border-bottom:1px solid #0dc36f; } #dy_main .dy-container-left .left-container .menu-list .menu-container ul.sub-menu li.active a { color:#107c4a; background-image:url(../Images/icon_arrow_right2_active.png); } #dy_main .dy-container-left .left-container .menu-contact { width:100%; height:90px; background:#0dc36f; overflow:hidden; } #dy_main .dy-container-left .left-container .menu-contact dt { float:left; padding-left:10px; padding-top:8px; *padding-top:22px; } #dy_main .dy-container-left .left-container .menu-contact dt img { width:39px; height:38px; display:block; margin-top:22px; } #dy_main .dy-container-left .left-container .menu-contact dd { padding-left:58px; *padding-left:28px; height:52px; padding-top:25px; } #dy_main .dy-container-left .left-container .menu-contact dd span { font-size:14px; color:#fff; } #dy_main .dy-container-left .left-container .menu-contact dd p { font-size:16px; color:#fff; font-weight:500; } /*==================== 内页：关于我们 ====================*/ #dy_main .about-wrapper { width:100%; padding:60px 0; background:#fff; overflow:hidden; } #dy_main .about-wrapper .wrapper-body { width:100%; } #dy_main .about-wrapper .wrapper-body .about-content { margin:0px auto; padding-bottom:60px; } #dy_main .about-wrapper .wrapper-body .about-content h2 { font-size:32px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-content h3 { font-size:24px; text-align:center; color:#999; line-height:1.2em; margin-bottom:10px; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-content .about-info { margin-top:20px; } #dy_main .about-wrapper .wrapper-body .about-content .about-info p { font-size:16px; line-height:2em; color:#333; margin-bottom:15px; } #dy_main .about-wrapper .wrapper-body .about-content .about-info p img { width:100%; height:auto; } #dy_main .about-wrapper .wrapper-body .about-content .about-info p:last-child { margin-bottom:0px; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-wrapper { width:100%; padding:60px 0; background:#fff; overflow:hidden; } #dy_main .contact-wrapper .wrapper-body { width:100%; } #dy_main .contact-wrapper .wrapper-body .contact-title { text-align:center; border-bottom:1px solid #dadada; padding-bottom:20px; } #dy_main .contact-wrapper .wrapper-body .contact-title p { font-size:25px; color:#333; line-height:2em; } #dy_main .contact-wrapper .wrapper-body ul li { padding-bottom:30px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info { overflow:hidden; margin-top:40px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-cover { float:left; overflow:hidden; width:600px; height:200px; background:rgba(0,0,0,.5); } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-cover img { width:100%; height:auto; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-show { overflow:hidden; padding-left:20px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-show h2 { font-size:20px; color:#000; line-height:1.6em; padding-bottom:5px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-show h2 span { font-size:16px; color:#999; padding-left:10px; } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-show p { font-size:16px; color:#333; line-height:1.6em; padding-bottom:3px; } #dy_main .contact-wrapper .wrapper-body .map-content { margin:0 auto; padding-top:20px; } #dy_main .contact-wrapper .wrapper-body .map-content .contact-map { margin-bottom:20px; overflow:hidden; } #dy_main .contact-wrapper .wrapper-body .map-content .contact-map .dy-map { width:100%; height:330px; } /*==================== 首页/内页：资讯动态 ====================*/ /* 资讯列表 */ #dy_main .news-wrapper { width:100%; padding:60px 0; overflow:hidden; } #dy_main .news-wrapper .wrapper-body { width:100%; } #dy_main .news-wrapper .wrapper-body ul { width:100%; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li { width:600px; height:110px; text-align:left; float:left; margin-right:40px; margin-bottom:40px; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li:nth-child(2n) { margin-right:0px; } #dy_main .news-wrapper .wrapper-body ul li .cover { float:left; width:176px; height:110px; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li .cover img { width:176px; height:110px; } #dy_main .news-wrapper .wrapper-body ul li dl { margin-left:196px; height:110px; } #dy_main .news-wrapper .wrapper-body ul li dl dt { display:block; } #dy_main .news-wrapper .wrapper-body ul li dl dt p { padding-top:2px; line-height:21px; font-size:14px; color:#333; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li dl dt h3 a { font-size:18px; color:#000; height:24px; line-height:24px; } #dy_main .news-wrapper .wrapper-body ul li dl dt h3 a:hover { color:#107c4a; } #dy_main .news-wrapper .wrapper-body ul li dl dt h4 { font-size:12px; color:#999; height:22px; line-height:22px; } /* 资讯详情 */ #dy_main .news-wrapper .wrapper-body .news-content { margin:0px auto; } #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 h3 { 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 .news-info { margin-top:20px; } #dy_main .news-wrapper .wrapper-body .news-content .news-info p { font-size:16px; line-height:2em; color:#333; margin-bottom:15px; } #dy_main .news-wrapper .wrapper-body .news-content .news-info p img { max-width:100%; height:auto; } #dy_main .news-wrapper .wrapper-body .news-content .news-info p:last-child { margin-bottom:0px; } /*==================== 内页：产品展示 ====================*/ #dy_main .product-wrapper { width:100%; padding:60px 0; overflow:hidden; } #dy_main .product-wrapper .wrapper-body { width:100%; } #dy_main .product-wrapper .wrapper-body ul { margin-bottom:50px; } #dy_main .product-wrapper .wrapper-body ul li { float:left; position:relative; width:235px; margin-right:20px; margin-bottom:20px; background:#fafafa; -webkit-transition:all .4s ease; transition:all .4s ease; overflow:hidden; } #dy_main .product-wrapper .wrapper-body ul li:nth-child(4n) { margin-right:0; } #dy_main .product-wrapper .wrapper-body ul li .item-box { width:100%; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box { width:100%; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-img { width:235px; height:155px; overflow:hidden; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-img img { width:235px; height:155px; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-info { width:100%; margin:20px 0; text-align:center; line-height:1.2em; display:block; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-info p { margin-bottom:8px; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-info p:last-child { margin-bottom:0; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-info p.pic-name { color:#333; font-size:16px; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-info p.pic-desc { color:#666; font-size:12px; } #dy_main .product-wrapper .wrapper-body ul li .item-box .product-box .product-info i { width:20px; height:1px; background-color:#666; display:block; margin:5px auto; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .product-wrapper .wrapper-body ul li:hover .item-box .product-box .product-info p { color:#107c4a; } #dy_main .product-wrapper .wrapper-body ul li:hover .item-box .product-box .product-info i { width:70px; background-color:#0dc36f; -webkit-transition:all .4s ease; transition:all .4s ease; } /* 产品详情 */ #dy_main .product-wrapper .wrapper-body .productdetail-cover { margin-top:20px; text-align:center; } #dy_main .product-wrapper .wrapper-body .productdetail-cover img { max-width:100%; } #dy_main .product-wrapper .wrapper-body .productdetail-info { margin-top:20px; padding-top:10px; border-top:1px solid #dadada; } #dy_main .product-wrapper .wrapper-body .productdetail-info p { font-size:16px; line-height:2em; color:#333; margin-bottom:8px; } #dy_main .product-wrapper .wrapper-body .productdetail-info p img { max-width:100%; height:auto; } #dy_main .product-wrapper .wrapper-body .productdetail-info p:last-child { margin-bottom:0px; } /*==================== 首页/内页：图片列表-产品、设备、环境、合作伙伴等 ====================*/ #dy_main .pic-wrapper { width:100%; padding:60px 0; overflow:hidden; } #dy_main .pic-wrapper .wrapper-body { width:100%; } #dy_main .pic-wrapper .wrapper-body ul { margin-bottom:50px; } #dy_main .pic-wrapper .wrapper-body ul li { float:left; position:relative; width:295px; margin-right:20px; margin-bottom:20px; background:#fafafa; -webkit-transition:all .4s ease; transition:all .4s ease; overflow:hidden; } #dy_main .pic-wrapper .wrapper-body ul li.big { width:615px; height:610px; } #dy_main .pic-wrapper .wrapper-body ul li.big a { background-size:cover; } #dy_main .pic-wrapper .wrapper-body ul li.big .pic-info { top:58px; } #dy_main .pic-wrapper .wrapper-body ul li.big .pic-name { color:#333; font-size:28px; margin-bottom:0; } #dy_main .pic-wrapper .wrapper-body ul li.big .pic-desc { color:#333; font-size:18px; margin-bottom:3px; } #dy_main .pic-wrapper .wrapper-body ul li:nth-child(4n) { margin-right:0; } #dy_main .pic-wrapper .wrapper-body ul li .item-box { width:100%; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box { width:100%; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img { width:295px; height:184px; overflow:hidden; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img img { width:295px; height:184px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img.pic-environment { width:295px; height:184px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img.pic-environment img { width:295px; height:184px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img.pic-equipment { width:295px; height:221px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img.pic-equipment img { width:295px; height:221px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img.pic-partners { width:295px; height:148px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-img.pic-partners img { width:295px; height:148px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-info { width:100%; margin:20px 0; text-align:center; line-height:1.2em; display:block; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-info p { margin-bottom:8px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-info p:last-child { margin-bottom:0; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-info p.pic-name { color:#333; font-size:16px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-info p.pic-desc { color:#666; font-size:12px; } #dy_main .pic-wrapper .wrapper-body ul li .item-box .pic-box .pic-info i { width:20px; height:1px; background-color:#666; display:block; margin:5px auto; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .pic-wrapper .wrapper-body ul li:hover .item-box .pic-box .pic-info p { color:#107c4a; } #dy_main .pic-wrapper .wrapper-body ul li:hover .item-box .pic-box .pic-info i { width:70px; background-color:#0dc36f; -webkit-transition:all .4s ease; transition:all .4s ease; } /* 详情 */ #dy_main .pic-wrapper .wrapper-body .picdetail-cover { margin-top:20px; text-align:center; } #dy_main .pic-wrapper .wrapper-body .picdetail-cover img { max-width:100%; } #dy_main .pic-wrapper .wrapper-body .picdetail-info { margin-top:20px; padding-top:10px; border-top:1px solid #dadada; } #dy_main .pic-wrapper .wrapper-body .picdetail-info p { font-size:16px; line-height:2em; color:#333; margin-bottom:8px; } #dy_main .pic-wrapper .wrapper-body .picdetail-info p img { max-width:100%; height:auto; } #dy_main .pic-wrapper .wrapper-body .picdetail-info p:last-child { margin-bottom:0px; } /* 放大图片展示层 */ .dy-enlarge { position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:99999999; width:100%; height:100%; display:none; } .dy-enlarge .enlarge-container { position:absolute; background:#fff; } .dy-enlarge .enlarge-container img { border:5px solid #fff; } .dy-enlarge .enlarge-container .about-video { width:640px; height:360px; border:1px solid #fff; margin:0px auto; } /*==================== 首页/内页：视频列表 ====================*/ #dy_main .video-wrapper { width:100%; padding:60px 0; overflow:hidden; } #dy_main .video-wrapper .wrapper-body { width:100%; } #dy_main .video-wrapper .wrapper-body ul { margin-bottom:50px; } #dy_main .video-wrapper .wrapper-body ul li { float:left; position:relative; width:295px; margin-right:20px; margin-bottom:20px; background:#fafafa; -webkit-transition:all .4s ease; transition:all .4s ease; overflow:hidden; } #dy_main .video-wrapper .wrapper-body ul li.bg { background-size:295px 184px; background-repeat:no-repeat; } #dy_main .video-wrapper .wrapper-body ul li:nth-child(4n) { margin-right:0; } #dy_main .video-wrapper .wrapper-body ul li .item-box { height:100%; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box { width:100%; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-play { width:295px; height:184px; overflow:hidden; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-play img { width:295px;height:184px; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-info { width:100%; margin:20px 0; text-align:center; line-height:1.2em; display:block; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-info p { margin-bottom:8px; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-info p:last-child { margin-bottom:0; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-info p.video-name { color:#333; font-size:16px; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-info p.video-desc { color:#666; font-size:12px; } #dy_main .video-wrapper .wrapper-body ul li .item-box .video-box .video-info i { width:20px; height:1px; background-color:#666; display:block; margin:5px auto; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .video-wrapper .wrapper-body ul li:hover .item-box .video-box .video-info p { color:#107c4a; } #dy_main .video-wrapper .wrapper-body ul li:hover .item-box .video-box .video-info i { width:70px; background-color:#0dc36f; -webkit-transition:all .4s ease; transition:all .4s ease; } /*==================== 内页：人才招聘列表 ====================*/ #dy_main .job-wrapper { width:100%; padding:60px 0; overflow:hidden; } #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 { float:left; *zoom:1; width:560px; margin-right:40px; margin-bottom:40px; padding:20px; background:#fafafa; } #dy_main .job-wrapper .wrapper-body ul li:nth-child(2n) { margin-right:0; } #dy_main .job-wrapper .wrapper-body ul li:before, #dy_main .job-wrapper .wrapper-body ul li:after { display:table; content:""; } #dy_main .job-wrapper .wrapper-body ul li:after { clear:both; } #dy_main .job-wrapper .wrapper-body ul li .job-thumb { display:none; } #dy_main .job-wrapper .wrapper-body ul li .job-data { float:left; color:#999; font-size:16px; width:140px; padding-top:0px; position:relative; } #dy_main .job-wrapper .wrapper-body ul li .job-data span { display:block; width:100%; text-align:center; } #dy_main .job-wrapper .wrapper-body ul li .job-data span.number { font-size:30px; font-weight:500; color:#08c508; } #dy_main .job-wrapper .wrapper-body ul li .job-data span.address { color:#999; font-size:14px; line-height:28px; } #dy_main .job-wrapper .wrapper-body ul li .job-data span.education { color:#999; font-size:14px; padding-top:15px; line-height:28px; } #dy_main .job-wrapper .wrapper-body ul li .job-data span.en-lang { font-size:12px; } #dy_main .job-wrapper .wrapper-body ul li .job-content { margin-left:150px; padding-left:25px; border-left:1px solid #ddd; } #dy_main .job-wrapper .wrapper-body ul li .job-content h3 { font-size:24px; height:32px; line-height:32px; color:#000; } #dy_main .job-wrapper .wrapper-body ul li .job-content h3 .share { float:right; } #dy_main .job-wrapper .wrapper-body ul li .job-content h4 { margin:8px 0 5px; font-size:16px; color:#000; } #dy_main .job-wrapper .wrapper-body ul li .job-content h4 span { font-size:14px; color:#666; } #dy_main .job-wrapper .wrapper-body ul li .job-content p { font-size:14px; color:#666; height:30px; line-height:30px; } #dy_main .job-wrapper .wrapper-body ul li .job-content p em { color:#107c4a; } #dy_main .job-wrapper .wrapper-body ul li .job-content p em i { display:inline-block; width:26px; height:16px; vertical-align:-2px; background:url(../Images/icon_jobtel.png) no-repeat; background-size:16px auto; } #dy_main .job-wrapper .wrapper-body ul li .job-content p em a { color:#107c4a; } /*==================== 内页：留言 ====================*/ #dy_main .feedback-wrapper { width:100%; padding:60px 0; background:#fafafa; overflow:hidden; } #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:#107c4a; 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_online { position:fixed; z-index:99999999; right:0px; top:79px; width:200px; padding:10px; background:#fafafa; font-size:12px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } #dy_online .online-tel-title { height:32px; background:url('../Images/online_hotline.png') no-repeat; } #dy_online .online-tel-show { color:#333; line-height:150%; text-align:center; } #dy_online .online-tel-show .tel{ color:#107c4a; font-size:20px; text-align:center; font-style:italic; font-weight:500; display:block; padding:5px 0px; } #dy_online .online-qq-title { height:30px; background:url('../Images/online_qq.png') no-repeat;} #dy_online .online-qq-show .qq { height:32px; line-height:32px; } #dy_online .online-qq-show .qq a { font-weight:500; } #dy_online .online-qq-show .qq a:active, #dy_online .online-qq-show .qq a:hover { color:#107c4a; } #dy_online .online-qrcode { padding:10px 0px 0px 0px; text-align:center; margin:0 auto;} #dy_online .online-qrcode img { width:110px; height:110px; } #dy_online .online-qrcode .tips { text-align:center; color:#666; display:block; line-height:24px; } #dy_online .online-spr { border-bottom:1px dashed #c0c0c0; margin:8px 0px; } #dy_online .online-close { position:absolute; right:5px; top:5px; width:12px; height:12px; background:url('../Images/icon_close.png') no-repeat; } #dy_online .online-close a { display:block; height:10px; } #dy_online .online-close a span { display:none; } /*==================== 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; }