/*================================================*/ /* Style.Css */ /* Copyright © 2009-2020 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:#01499d; } .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 { position:relative; width:100%; height:90px; } /* LOGO */ #dy_header .dy-nav .logo-container { float:left; } #dy_header .dy-nav .logo-container img { height:70px; padding-top:10px; } /* 主菜单 */ #dy_header .dy-nav .menu-container { position:relative; float:right; } #dy_header .dy-nav .menu-container .menu { z-index:202; } #dy_header .dy-nav .menu-container .menu > li { position:relative; margin:0; display:block; float:left; } #dy_header .dy-nav .menu-container .menu > li > a { position:relative; display:block; line-height:60px; padding:30px 0 0; } #dy_header .dy-nav .menu-container .menu > li > a:after { content:''; display:block; width:0; height:2px; background:#01499d; 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_header .dy-nav .menu-container .menu > li > a span { display:block; line-height:60px; padding:0 24px; white-space:nowrap; font-size:16px; color:#333; } #dy_header .dy-nav .menu-container .menu > li:hover > a span, #dy_header .dy-nav .menu-container .menu > li.active > a span { color:#01499d!important; } #dy_header .dy-nav .menu-container .menu > li:hover > a:after, #dy_header .dy-nav .menu-container .menu > li.active > a:after { width:80px; } #dy_header .dy-nav .menu-container .menu > li.submenu > a > span { padding-right:30px; } #dy_header .dy-nav .menu-container .menu > li.submenu > a > span:after { position:absolute; content:""; display:block; width:0; height:0; top:50%; right:10px; margin-top:-2px; border-top:5px solid #01499d; border-left:5px solid transparent; border-right:5px solid transparent; opacity:.6; } #dy_header .dy-nav .menu-container .menu > li.submenu.active > a > span:after, #dy_header .dy-nav .menu-container .menu > li.submenu:hover > a > span:after { opacity:1; } /* 子菜单 */ #dy_header .dy-nav .menu-container .menu li ul { position:absolute; left:0; top:100%; z-index:205; margin:0; display:none; background:#f1f1f1; } #dy_header .dy-nav .menu-container .menu li > ul { box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03); -webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03); } #dy_header .dy-nav .menu-container .menu li ul li { position:relative; padding:0; width:190px; } #dy_header .dy-nav .menu-container .menu li ul li a { padding:10px 10px 10px 20px; display:block; border-bottom:1px solid rgba(0,0,0,0.05); } #dy_header .dy-nav .menu-container .menu li ul li a span { position:relative; display:inline-block; } #dy_header .dy-nav .menu-container .menu > li ul li a:hover, #dy_header .dy-nav .menu-container .menu > li ul li.hover > a { background:rgba(0,0,0,.06); } #dy_header .dy-nav .menu-container .menu > li ul li.current-menu-item > a, #dy_header .dy-nav .menu-container .menu > li ul li.current-menu-ancestor > a { background:rgba(0,0,0,.06); } /* 联系 */ #dy_header .dy-nav .menu-container .hotline { position:absolute; top:10px; right:24px; height:30px; line-height:30px; z-index:2; font-size:16px; color:#f00; font-weight:500; font-style:italic; vertical-align:middle; } #dy_header .dy-nav .menu-container .hotline .icon { position:absolute; left:-28px; top:6px; display:inline-block; width:18px; height:18px; background-repeat:no-repeat; background-position:center center; background-image:url('../Images/icon_top_tel.png'); background-size:18px 18px; padding-right:8px; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; width:100%; background-color:#f1f1f1; } #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%; background-color:#f1f1f1; } #dy_banner .dy-banner { overflow:hidden; } #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 .main-wrapper { width:100%; } #dy_main .main-wrapper .wrapper-title { text-align:center; margin-bottom:20px; } #dy_main .main-wrapper .wrapper-title h1 { position:relative; display:block; font-size:36px; line-height:1.5em; margin-bottom:8px; color:#333; } #dy_main .main-wrapper .wrapper-title h2 { position:relative; display:block; font-size:24px; line-height:1.5em; margin-bottom:8px; color:#333; } #dy_main .main-wrapper .wrapper-title h3 { position:relative; display:inline-block; font-size:16px; line-height:1.5em; margin-bottom:20px; color:#999; } #dy_main .main-wrapper .wrapper-title em { color:#f00; padding:0 6px; } #dy_main .main-wrapper .wrapper-title small { display:block; color:#999; font-size:16px; padding-bottom:10px; } #dy_main .main-wrapper .wrapper-title small:last-child { padding-bottom:0; } #dy_main .main-wrapper .wrapper-title h1.last::after, #dy_main .main-wrapper .wrapper-title h2.last::after, #dy_main .main-wrapper .wrapper-title h3.last::after { position:absolute; content:''; display:block; left:calc(50% - 50px); width:100px; height:2px; background-color:#bbb; bottom:-15px; -webkit-transition:all .4s ease; transition:all .4s ease; } /*==================== 首页：推荐栏目 ====================*/ #dy_main .index-promos { width:100%; padding:50px 0 60px; background:#fff; } #dy_main .index-promos .index-promos-wrapper { width:100%; height:auto; overflow:hidden; } #dy_main .index-promos .index-promos-wrapper .wrapper-body { width:100%; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-l { float:left; width:280px; margin-right:20px; text-align:center; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-l img { width:280px; height:348px; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r { float:right; width:940px; margin:0 auto; overflow:hidden; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul { width:100%; overflow:hidden; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li { float:left; position:relative; width:460px; height:164px; margin-right:20px; margin-bottom:20px; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li:nth-child(2n) { margin-right:0; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li:nth-child(3), #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li:nth-child(4) { margin-bottom:0; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li img { width:460px; height:164px; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li h2 { position:absolute; background:rgba(0,0,0,0.5); font-size:16px; text-align:center; left:0; bottom:0; height:34px; line-height:34px; width:100%; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li h2 a { color:#fff; } #dy_main .index-promos .index-promos-wrapper .wrapper-body .promos-r ul li h2 a:hover { color:#e5322d; } /*==================== 首页：产品中心 ====================*/ #dy_main .index-product { width:100%; padding:50px 0 60px; background:#f1f1f1; } #dy_main .index-product .index-product-wrapper { width:100%; height:auto; overflow:hidden; } #dy_main .index-product .index-product-wrapper .wrapper-body { position:relative; width:100%; height:420px; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image { position:absolute; width:100%; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li { float:left; width:1240px; height:390px; padding-top:10px; overflow:hidden; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item { float:left; width:286px; text-align:center; margin-right:32px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05); background:#fff; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item:nth-child(4n) { margin-right:0px; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box { width:100%; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-image { width:286px; height:286px; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-image img { width:100%; height:100%; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-info { padding:15px 12px; border-top:1px solid #f1f1f1; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-info p.product-title { font-size:18px; color:#333; line-height:2.4em; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-info p.product-desc { font-size:12px; color:#999; line-height:2.4em; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-info i { display:block; background:#aaa; width:100px; height:1px; margin:0 auto; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-info .more { margin-top:15px; margin-bottom:20px; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.image li .pro-item .pro-box .product-info .more em { font-size:14px; color:#666; line-height:2em; border:1px solid #faf9f5; padding:4px 30px; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.point { position:absolute; z-index:20; left:auto; bottom:0; width:100%; text-align:center; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li { display:inline; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a { display:inline-block; width:13px; height:6px; line-height:6px; margin:0 0 0 5px; background:#ccc; font-size:6px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a:link, #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a:visited { background:#ccc; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a:hover { background:#666; text-decoration:none; } #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a.cur, #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a.cur:link, #dy_main .index-product .index-product-wrapper .wrapper-body ul.point li a.cur:visited { background:#666; text-decoration:none; } /*==================== 首页：新闻中心 ====================*/ #dy_main .index-info { width:100%; padding:50px 0 60px; background:#fff; } #dy_main .index-info .index-info-wrapper { width:100%; height:auto; overflow:hidden; } #dy_main .index-info .index-info-wrapper .wrapper-body { width:100%; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box { width:calc(50% - 20px); overflow:hidden; background:#fafafa; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box .img-title { width:100%; overflow:hidden; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box .img-title img { width:600px; height:200px; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box .txt-title { width:100%; overflow:hidden; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box .txt-title p { padding:0 15px; height:50px; line-height:50px; font-size:20px; color:#333; border-bottom:1px solid #f1f1f1; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box .txt-title p span { padding-left:10px; font-size:12px; color:#999; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box.info-box-l { float:left; margin-right:15px; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box.info-box-r { float:right; margin-left:15px; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul { padding:10px 15px 30px; overflow:hidden; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li { overflow:hidden; border-bottom:1px dashed #eee; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li p { position:relative; width:100%; height:40px; line-height:40px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li p a { color:#333; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li p a:hover { color:#000; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li p span { position:absolute; right:0; font-size:14px; color:#999; text-align:right; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li p i { font-size:30px; color:#01499d; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li:nth-child(1) p i { color:#01499d; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li:nth-child(2) p i { color:#0859b9; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li:nth-child(3) p i { color:#166ade; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li:nth-child(4) p i { color:#2b85ec; } #dy_main .index-info .index-info-wrapper .wrapper-body .info-box ul li:nth-child(5) p i { color:#4e9bf3; } /*==================== 底部版权 ====================*/ #dy_footer { background:#083388; overflow:hidden; padding:60px 0px; } #dy_footer .footer-wrapper { margin:0px auto; } #dy_footer .footer-wrapper .footer-logo { width:100%; height:100%; margin-bottom:30px; } #dy_footer .footer-wrapper .footer-logo img { display:block; width:auto; height:60px; margin:0px auto; } #dy_footer .footer-wrapper .footer-menu { text-align:center; margin-bottom:10px; } #dy_footer .footer-wrapper .footer-menu a { padding:0px 20px; font-size:16px; color:#ddd; line-height:2em; position:relative; } #dy_footer .footer-wrapper .footer-menu a:hover { color:#fff; } #dy_footer .footer-wrapper .footer-menu a::after { content:''; width:5px; height:5px; background:#ddd; position:absolute; top:10px; right:-5px; border-radius:50px; } #dy_footer .footer-wrapper .footer-menu a:last-child::after { content:''; width:0px; height:0px; } #dy_footer .footer-wrapper .footer-contact p { text-align:center; line-height:2em; color:#ddd; font-size:14px; } #dy_footer .footer-wrapper .footer-contact p i { display:inline-block; width:16px; height:16px; vertical-align:-3px; padding-right:4px; } #dy_footer .footer-wrapper .footer-contact p i.icon-address { background:url(../Images/icon_bottom_address.png) no-repeat; background-size:16px 16px; } #dy_footer .footer-wrapper .footer-contact p i.icon-tel { background:url(../Images/icon_bottom_tel.png) no-repeat; background-size:16px 16px; } #dy_footer .footer-wrapper .footer-contact a { color:#ddd; } #dy_footer .footer-wrapper .footer-contact a:hover { color:#fff; } #dy_footer .tongji { display:none; } #dy_footer .beian { height:14px; width:14px; padding-bottom:3px; padding-right:2px; } /*==================== 内页：中间菜单 ====================*/ #dy_main .focus-menu-wrapper { padding:0px; } #dy_main .focus-menu-wrapper .wrapper-body { width:100%; } #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:16px; color:#333; text-align:center; } #dy_main .focus-menu-wrapper .wrapper-body ul li.active a label { color:#01499d; } /*==================== 内页：左侧菜单 ====================*/ #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:#01499d; 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:20px 0 60px; 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:24px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-content h3 { font-size:20px; text-align:center; color:#999; line-height:1.2em; margin-bottom:10px; overflow:hidden; } #dy_main .about-wrapper .wrapper-body .about-content h4 { font-size:20px; text-align:center; color:#333; font-weight:600; line-height: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:#666; margin-bottom:15px; } #dy_main .about-wrapper .wrapper-body .about-content .about-info p img { max-width:100%; height:auto; } #dy_main .about-wrapper .wrapper-body .about-content .about-info p:last-child { margin-bottom:0px; } /*==================== 内页：发展历程 ====================*/ #dy_main .history-wrapper { width:100%; padding:20px 0 60px; background:#fff; overflow:hidden; } #dy_main .history-wrapper .wrapper-body { width:100%; } #dy_main .history-wrapper .wrapper-body ul { width:100%; overflow:hidden; } #dy_main .history-wrapper .wrapper-body ul li { width:calc(50% - 30px); padding-bottom:30px; } #dy_main .history-wrapper .wrapper-body ul li h2 { font-size:28px; color:#333; line-height:2em; } #dy_main .history-wrapper .wrapper-body ul li h2 .round { position:absolute; width:14px; height:14px; background-color:#4094f5; top:20px; right:-7px; border-radius:32px; } #dy_main .history-wrapper .wrapper-body ul li p { font-size:16px; color:#666; line-height:1.6em; margin-bottom:10px; } #dy_main .history-wrapper .wrapper-body ul li p img { width:100%; height:auto; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(odd) { float:left; padding-right:30px; border-right:1px dotted #aeaeae; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(even) { float:right; padding-left:29px; border-left:1px dotted #aeaeae; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(odd) h2, #dy_main .history-wrapper .wrapper-body ul li:nth-child(odd) p { text-align:right; } #dy_main .history-wrapper .wrapper-body ul li:nth-child(even) h2 .round { left:-7px; right:0; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-wrapper { width:100%; padding:40px 0 60px; 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:last-child { 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:230px; background:rgba(0,0,0,.5); } #dy_main .contact-wrapper .wrapper-body ul li .contact-info .contact-cover img { width:600px; height:230px; } #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:#333; 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:#666; line-height:1.6em; padding-bottom:3px; } #dy_main .contact-wrapper .wrapper-body.map { padding-top:30px; } #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 .product-wrapper { width:100%; padding:0 0 60px; background:#fafafa; overflow:hidden; } #dy_main .product-wrapper.section-1 { padding-bottom:0; } /* 产品目录 */ #dy_main .product-wrapper .product-menu-wrapper { width:100%; padding:40px 0; background:#fafafa; overflow:hidden; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body { width:100%; height:40px; line-height:40px; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body .main-menu { float:left; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body .main-menu p { font-size:24px; color:#333; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body .main-menu p img { width:53px; height:28px; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body .main-menu p span { padding-left:6px; font-size:24px; color:#333; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body ul { float:left; padding-left:20px; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body ul li { position:relative; display:inline-block; text-align:center; cursor:pointer; color:#202d40; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body ul li span { padding:0 15px; font-size:16px; color:#333; text-align:center; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body ul li.active span { color:#01499d; } #dy_main .product-wrapper .product-menu-wrapper .wrapper-body ul li.active::after { position:absolute; content:''; display:block; left:15px; bottom:0; width:calc(100% - 30px); height:2px; background-color:#01499d; -webkit-transition:all .4s ease; transition:all .4s ease; } /* 产品列表 */ #dy_main .product-wrapper .product-list-wrapper { width:100%; background:#fafafa; overflow:hidden; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body { width:100%; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list { width:100%; overflow:hidden; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li { float:left; width:286px; text-align:center; padding-top:10px; margin-right:32px; margin-bottom:32px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05); background:#fff; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li:nth-child(4n) { margin-right:0px; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box { width:100%; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-image { width:286px; height:286px; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-image img { width:100%; height:100%; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-info { padding:15px 0; border-top:1px solid #f1f1f1; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-info p.product-title { font-size:18px; color:#333; line-height:2.4em; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-info p.product-desc { font-size:12px; color:#999; line-height:2.4em; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-info i { display:block; background:#aaa; width:100px; height:1px; margin:0 auto; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-info .more { margin-top:15px; margin-bottom:20px; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-info .more em { font-size:14px; color:#666; line-height:2em; border:1px solid #faf9f5; padding:4px 30px; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-status { font-size:12px; color:#999; line-height:3em; padding:0 15px; border-top:1px solid #f1f1f1; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-status span { font-size:12px; color:#999; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-status span.status-click { float:left; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-status span.status-click:before { content:""; display:inline-block; width:20px; height:13px; margin-top:10px; margin-right:5px; background:url(../Images/icon_click.png) no-repeat 2px 0px; background-size:16px 16px; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body ul.product-list li .pro-box .product-status span.status-more { float:right; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body .product-tips { width:100%; overflow:hidden; } #dy_main .product-wrapper .product-list-wrapper .wrapper-body .product-tips p { font-size:16px; color:#f00; } /* 产品详情 */ #dy_main .product-wrapper .product-info-wrapper { width:100%; overflow:hidden; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail { overflow:hidden; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list { float:left; width:200px; overflow:hidden; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list .cate-t { height:80px; background:#083388; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list .cate-t h1 { font-size:18px; color:#fff; text-align:center; height:80px; line-height:80px; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list p.no-more { height:40px; line-height:40px; font-size:14px; text-align:center; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list li { float:left; width:200px; text-align:center; padding-top:10px; margin-bottom:10px;} #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list li .pro-box { width:100%; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list li .pro-box .p-image { width:200px; height:200px; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list li .pro-box .p-image img { width:100%; height:100%; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list li .pro-box .p-info { padding:8px 0; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail ul.thiscate-product-list li .pro-box .p-info p.p-title { font-size:12px; color:#333; line-height:2em; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-image img { width:100%; height:auto; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-image p { font-size:12px; color:#666; text-align:center; line-height:3em; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info { float:left; width:1010px; padding-left:30px; overflow:hidden; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info h1 { font-size:24px; color:#333; text-align:center; line-height:2em; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info h2 { font-size:14px; color:#999; text-align:center; line-height:1.6em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info h3 { font-size:18px; color:#333; text-align:center; line-height:1.6em; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .cover { width:100%; text-align:center; overflow:hidden; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .cover img { width:500px; height:500px; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .cover p { font-size:12px; color:#666; text-align:center; line-height:3em; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .content { width:100%; margin-top:20px; overflow:hidden; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .content p { font-size:16px; line-height:2em; color:#666; margin-bottom:8px; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .content p img { max-width:100%; height:auto; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .content p:last-child { margin-bottom:0px; } #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .content td, #dy_main .product-wrapper .product-info-wrapper .wrapper-body .product-detail .product-info .content th { border:1px solid #aaa; } /*==================== 内页：资讯动态 ====================*/ /* 资讯列表 */ #dy_main .news-wrapper { width:100%; padding:40px 0 60px; background:#fff; 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 { margin-bottom:20px; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li span { display:block; width:90px; height:80px; line-height:40px; background:#f1f1f1; float:left; font-size:16px; color:#999; text-align:center; } #dy_main .news-wrapper .wrapper-body ul li span em { display:block; height:40px; line-height:40px; font-size:30px; color:#fff; background:#01499d; } #dy_main .news-wrapper .wrapper-body ul li dl { display:block; height:80px; margin:0 0 0 100px; color:#888; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li dl dt { position:relative; width:100%; line-height:40px; font-size:18px; color:#333; text-overflow:ellipsis; overflow:hidden; } #dy_main .news-wrapper .wrapper-body ul li dl dt a { color:#333; } #dy_main .news-wrapper .wrapper-body ul li dl dt a:hover { color:#000; } #dy_main .news-wrapper .wrapper-body ul li dl dt span { position:absolute; right:0; font-size:14px; color:#999; text-align:right; } #dy_main .news-wrapper .wrapper-body ul li dl dt:first-child { height:40px; white-space:nowrap; } #dy_main .news-wrapper .wrapper-body ul li dl dt:last-child { line-height:20px; font-size:14px; color:#999; } /* 资讯详情 */ #dy_main .news-wrapper .wrapper-body .news-content { margin:0px auto; } #dy_main .news-wrapper .wrapper-body .news-content h2 { font-size:24px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .news-wrapper .wrapper-body .news-content h3 { font-size:14px; text-align:center; color:#999; line-height:1.6em; padding-bottom:10px; border-bottom:1px solid #eee; 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:#666; 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 .support-wrapper { width:100%; padding:40px 0 60px; background:#fff; overflow:hidden; } #dy_main .support-wrapper .wrapper-body { width:100%; } #dy_main .support-wrapper .wrapper-body ul { /*padding:10px 15px 30px;*/ overflow:hidden; } #dy_main .support-wrapper .wrapper-body ul li { overflow:hidden; border-bottom:1px dashed #eee; } #dy_main .support-wrapper .wrapper-body ul li p { position:relative; width:100%; height:40px; line-height:40px; font-size:18px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .support-wrapper .wrapper-body ul li p:hover { color:#000; } #dy_main .support-wrapper .wrapper-body ul li p span { position:absolute; right:0; font-size:14px; color:#999; text-align:right; } /* 技术支持详情 */ #dy_main .support-wrapper .wrapper-body .support-content { margin:0px auto; } #dy_main .support-wrapper .wrapper-body .support-content h2 { font-size:24px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .support-wrapper .wrapper-body .support-content .support-info { margin-top:20px; } #dy_main .support-wrapper .wrapper-body .support-content .support-info p { font-size:16px; line-height:2em; color:#666; margin-bottom:15px; } #dy_main .support-wrapper .wrapper-body .support-content .support-info p img { max-width:100%; height:auto; } #dy_main .support-wrapper .wrapper-body .support-content .support-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:#01499d; } #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:#01499d; } #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:#01499d; } #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:#01499d; } /*==================== 内页：留言 ====================*/ #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:#01499d; 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:#01499d; 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:#01499d; } #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; }