/*================================================*/ /* Style.Css */ /* Copyright © 2009-2019 CloudV.cn */ /*================================================*/ @charset "utf-8"; @import url('common.css?t=112'); /*======================== 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; } } @-moz-keyframes scaleOut { 0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } 100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } } @-webkit-keyframes scaleOut { 0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } 100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } } @-o-keyframes scaleOut { 0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } 100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } } @keyframes scaleOut { 0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } 100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } } @-webkit-keyframes moveWave { 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 moveWave { 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 moveWave { 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 moveWave { 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; } .flashing li i img, .flashing { -webkit-animation:scaleOut 1.3s infinite ease-in-out; -moz-animation:scaleOut 1.3s infinite ease-in-out; -o-animation:scaleOut 1.3s infinite ease-in-out; animation:scaleOut 1.3s infinite ease-in-out; } /*======================== 按钮风格 ========================*/ .dy-btn { font-size:14px; color:#fff; text-align:center; width:100%; height:2.4em; line-height:2.4em; font-weight:500; background:#96baf6; cursor:pointer; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; } .dy-btn.small-size { font-size:12px; height:2em; line-height:2em; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .dy-btn.middle-size { font-size:12px; height:2.4em; line-height:2.4em; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .dy-btn.big-size { font-size:12px; height:3em; line-height:3em; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .dy-btn.orange { color:#fff; background:#0fa37f; } .dy-btn.sky-blue { color:#fff; background:#96baf6; } .dy-btn.light-blue { color:#419df2; background:#eff7ff; } .dy-btn.light-gray { color:#aaa; background:#eee; } .dy-btn.grass-green { color:#5e8442; background:#c5e3af; } .dy-btn.pink { color:#fff; background:#fb827b; } .dy-btn.light-pink { color:#f48772; background:#ffefef; } .dy-btn.light-purple { color:#743a5f; background:#e0bae8; } .dy-btn.light-yellow { color:#604534; background:#faf1d1; } /*======================== 通用 ========================*/ .no-data { text-align:center; font-size:14px; color:#333; line-height:2em; padding:30px 0; } .dy-screen-mid { padding-left:8px!important; padding-right:8px!important; } .dy-screen-full { width:100%!important; } /*======================== 首页进入广告封面 ========================*/ #dy_jump { position:fixed; z-index:10000000000; width:100%; height:100%; } #dy_jump .cover-box { width:100%; height:100%; overflow:hidden; } #dy_jump .cover-box .cover-bg { width:100%; height:100%; } #dy_jump .cover-box .cover-bg img { width:100%; height:100%; } #dy_jump .cover-box .cover-copyright { position:absolute; z-index:10000000001; margin:0 auto; bottom:20px; width:100%; color:#fff; text-align:center; } #dy_jump .cover-box .cover-copyright p { height:2em; line-height:2em; font-size:11px; color:#fff; text-align:center; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=0.9); overflow:hidden; } #dy_jump[data-theme="white"] .cover-box .cover-copyright p { color:#fff; } #dy_jump[data-theme="black"] .cover-box .cover-copyright p { color:#000; } /*======================== 顶部导航条 ========================*/ #dy_header { position:absolute; z-index:999999; width:100%; height:40px; background:none; transition:all 0.35s ease-out; } #dy_header .header-box { width:100%; overflow:hidden; } #dy_header .header-box .top-left, #dy_header .header-box .top-right { position:absolute; top:0; z-index:9; } #dy_header .header-box .top-left { left:0; } #dy_header .header-box .top-right { right:0; } #dy_header .header-box .header-title { height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; } #dy_header .header-box .header-title i { content:""; display:inline-block; width:110px; height:20px; background-repeat:no-repeat; background-size:110px 20px; margin-top:10px; } #dy_header .header-box .header-title i.logo { background-image:url(../Images/logo_white.png); } #dy_header .header-box .drop-down-menu { width:45px; height:40px; cursor:pointer; } #dy_header .header-box .drop-down-menu .menu-close { position:relative; margin:10px 0 0 13px; } #dy_header .header-box .drop-down-menu .menu-close > div { position:absolute; width:20px; height:1px; background:#fff; left:0; border-radius:3px; -webkit-transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); } #dy_header .header-box .drop-down-menu .menu-close .menu-Item-f { top:0; } #dy_header .header-box .drop-down-menu .menu-close .menu-Item-s { top:8px; } #dy_header .header-box .drop-down-menu .menu-close .menu-Item-t { top:16px; } #dy_header .header-box .drop-down-menu .menu-close.menu-expand .menu-Item-f { top:8px; -webkit-transform:translateZ(0) rotate(-45deg); -ms-transform:translateZ(0) rotate(-45deg); transform:translateZ(0) rotate(-45deg); } #dy_header .header-box .drop-down-menu .menu-close.menu-expand .menu-Item-s { -webkit-transform:translateZ(0) rotate(45deg); -ms-transform:translateZ(0) rotate(45deg); transform:translateZ(0) rotate(45deg); } #dy_header .header-box .drop-down-menu .menu-close.menu-expand .menu-Item-t { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } #dy_header .header-box .drop-down-menu .menu-close.menu-expand > div { background:#000!important; } #dy_header .header-box .operation-btn { width:40px; height:40px; } #dy_header .header-box .operation-btn .icon { margin:8px 0px 0px 4px; width:22px; height:22px; text-align:center; overflow:hidden; } #dy_header .header-box .operation-btn .icon i { content:""; display:inline-block; width:22px; height:22px; background-repeat:no-repeat; background-size:22px 22px; } #dy_header .header-box .operation-btn .icon i.smalllogo { background-image:url(../Images/smalllogo_white.png); } #dy_header .header-box .operation-btn .icon i.goback { background-image:url(../Images/icon_goback_white.png); } #dy_header[data-theme="white"] .header-box .header-title { color:#fff; } #dy_header[data-theme="black"] .header-box .header-title { color:#000; } #dy_header[data-theme="white"] .header-box .header-title i.logo { background-image:url(../Images/logo_white.png); } #dy_header[data-theme="black"] .header-box .header-title i.logo { background-image:url(../Images/logo_black.png); } #dy_header[data-theme="white"] .header-box .drop-down-menu .menu-close > div { background:#fff; } #dy_header[data-theme="black"] .header-box .drop-down-menu .menu-close > div { background:#000; } #dy_header[data-theme="white"] .header-box .operation-btn .icon i.smalllogo { background-image:url(../Images/smalllogo_white.png); } #dy_header[data-theme="black"] .header-box .operation-btn .icon i.smalllogo { background-image:url(../Images/smalllogo_black.png); } #dy_header[data-theme="white"] .header-box .operation-btn .icon i.goback { background-image:url(../Images/icon_goback_white.png); } #dy_header[data-theme="black"] .header-box .operation-btn .icon i.goback { background-image:url(../Images/icon_goback_black.png); } /*======================== 顶部下拉菜单内容 ========================*/ #head_nav { position:absolute; left:0; top:0; width:100%; height:0; z-index:999; background:#fff; margin:0; padding:0; overflow:hidden; overflow-y:scroll; transition:all .2s ease-out; opacity:0; } #head_nav.head-nav-show { height:100%; padding-top:40px; opacity:1; } #head_nav.head-nav-show .head-nav-box ul.head-nav-container li { transform:none; -webkit-transform:none; opacity:1; } #head_nav .head-nav-box { padding:8px 0; border-top:1px solid #f5f5f5; } #head_nav .head-nav-box ul.head-nav-container li { font-size:14px; padding-top:10px; border-bottom:1px solid #f5f5f5; opacity:0; -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; } #head_nav .head-nav-box ul.head-nav-container li .nav-a { background-size:12px; color:#00d0fa; margin-bottom:5px; cursor:pointer; display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; justify-content:flex-start; -webkit-justify-content:flex-start; } #head_nav .head-nav-box ul.head-nav-container li .nav-a .icon { margin:0 10px; width:40px; height:40px; } #head_nav .head-nav-box ul.head-nav-container li .nav-a .icon i, #head_nav .head-nav-box ul.head-nav-container li .nav-a .icon em, #head_nav .head-nav-box ul.head-nav-container li .nav-a .icon img { display:block; width:40px; height:40px; background-size:40px 40px; background-repeat:no-repeat; } #head_nav .head-nav-box ul.head-nav-container li .nav-a p { display:inline-block; height:45px; font-size:14px; color:#333; font-weight:500; line-height:1.6em; margin-left:5px; } #head_nav .head-nav-box ul.head-nav-container li .nav-a p span { display:block;; font-size:12px; color:#999; line-height:1.8em } #head_nav .head-nav-box ul.head-nav-container li:nth-child(1) { animation-delay:0.4s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(2) { animation-delay:0.6s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(3) { animation-delay:0.8s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(4) { animation-delay:1.0s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(5) { animation-delay:1.2s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(6) { animation-delay:1.4s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(7) { animation-delay:1.6s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(8) { animation-delay:1.8s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(9) { animation-delay:2.0s; } #head_nav .head-nav-box ul.head-nav-container li:nth-child(10) { animation-delay:2.2s; } /*======================== 底部版权 ========================*/ #dy_copyright { width:100%; padding:15px 0 5px 0; background:#f1f1f1; transition:all 0.3s ease-out; } #dy_copyright .copyright-box { margin:0 auto 45px; } #dy_copyright .copyright-box .copyright-container { text-align:center; font-size:11px; } #dy_copyright .copyright-box .copyright-container a { color:#aaa; padding-right:6px; } #dy_copyright .copyright-box .copyright-container a:last-child { padding-right:0; } #dy_copyright .copyright-box .copyright-container p { line-height:1.8em; height:1.8em; color:#aaa; } #dy_copyright .copyright-box .copyright-container p.tel { line-height:2.8em; height:2.8em; padding-bottom:2px; font-weight:600; } #dy_copyright .copyright-box .copyright-container p.tel i { display:inline-block; padding-right:4px; width:12px; height:12px; vertical-align:-2px; background:url(../Images/icon_bottomtel.png) no-repeat; background-size:12px auto; } #dy_copyright .copyright-box .copyright-container p.tel span { padding:4px 16px; border:1px solid #ddd; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } #dy_copyright .copyright-box .copyright-container p.info { font-size:11px; } /*======================== 底部菜单栏 ========================*/ #dy_footer { position:fixed; width:100%; bottom:0; z-index:99; background:#fff; margin-left:0%; transition:all 0.3s ease-out; box-shadow:0 -1px 2px #dadada; } #dy_footer .footer-box { display:flex; display:-webkit-flex; flex-flow:row nowrap; -webkit-flex-flow:row nowrap; justify-content:space-between; -webkit-justify-content:space-between; height:45px; } #dy_footer .footer-box .footer-container { flex:auto; -webkit-flex:auto; font-size:12px; text-align:center; line-height:45px; background:#fff; width:25%; flex-grow:1; -webkit-flex-grow:1; } #dy_footer .footer-box .footer-container i, #dy_footer .footer-box .footer-container em, #dy_footer .footer-box .footer-container img { display:block; width:20px; height:20px; margin:5px auto 0; background-size:20px 20px; background-repeat:no-repeat; } #dy_footer .footer-box .footer-container span { font-size:12px; color:#333; font-weight:500; text-align:center; height:16px; line-height:16px; display:block; } #dy_footer .footer-box .footer-container.on span { color:#0fa37f; } #dy_footer .footer-box .footer-container.footer-center { width:50px; height:50px; border-radius:50%; flex-grow:0; -webkit-flex-grow:0; line-height:50px; position:relative; top:-8px; box-shadow:0 -3px 3px #c3c3c3; flex-shrink:0; -webkit-flex-shrink:0; margin:0 10px; } #dy_footer .footer-box .footer-container.footer-center .pic { width:30px; height:30px; font-size:0; padding:10px; } #dy_footer .footer-box .footer-container.footer-center .pic i, #dy_footer .footer-box .footer-container.footer-center .pic em, #dy_footer .footer-box .footer-container.footer-center .pic img { display:block; width:100%; height:100%; margin:0; background-size:100% 100%; background-repeat:no-repeat; } #dy_footer .footer-box .footer-container span.only-text { font-size:14px; font-weight:400; text-align:center; height:45px; line-height:45px; display:block; } #dy_footer .footer-box .footer-container span.only-text.mid { font-size:18px; height:50px; line-height:50px; } /*======================== 首页：滚动广告 ========================*/ #dy_slider { position:relative; width:100%; overflow:hidden; } #dy_slider .swiper-container { width:100%; height:100%; } #dy_slider .swiper-container .swiper-pagination { text-align:right; } #dy_slider .swiper-container .swiper-pagination .swiper-pagination-bullet { width:12px; height:2px; display:inline-block; border-radius:0; background:rgba(255,255,255,.6);} #dy_slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:rgba(255,255,255,.8); } #dy_slider .swiper-container-horizontal .swiper-pagination-bullets { left:-15px; bottom:5px; } /* 图片 */ #dy_slider .swiper-container .swiper-wrapper .swiper-slide { width:100%; height:100%; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-image { width:100%; height:100%; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-image img { height:100%; width:100%; } /* 文字 */ #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text { position:absolute; top:30%; right:2%; width:48%; text-align:right; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-xposition="left"] .slide-text { left:2%; text-align:left; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-xposition="right"] .slide-text { right:2%; text-align:right; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-yposition="top"] .slide-text { top:30%; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-yposition="middle"] .slide-text { top:40%; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-yposition="bottom"] .slide-text { top:auto; bottom:30%; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h1 { color:#fff; font-size:22px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h2 { color:#fff; font-size:18px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h3 { color:#fff; font-size:16px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h4 { color:#fff; font-size:14px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h5 { color:#fff; font-size:12px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h6 { color:#fff; font-size:10px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text p { color:#fff; font-size:12px; line-height:1.5em; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text .line { padding-bottom:6px; margin-bottom:6px; border-bottom:1px solid #fff; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-link { margin-top:10px; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-link a { color:#fff; font-size:12px; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h1, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h2, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h3, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h4, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h5, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h6, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text p { color:#000; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text .line { border-bottom:1px solid #000; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h1, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h2, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h3, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h4, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h5, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h6, #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text p { color:#fff; } #dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text .line { border-bottom:1px solid #fff; } /*======================== 主框架 ========================*/ #dy_main { width:100%; min-height:390px; } #dy_main .layui-flow-more { width:100%; font-size:12px; color:#666; line-height:4em; overflow:hidden; } /*======================== 首页：焦点推荐菜单栏 ========================*/ #dy_main .focus-menu-box { width:100%; margin-bottom:10px; background:#fff; overflow:hidden; } #dy_main .focus-menu-box ul.focus-menu-container { width:100%; padding:8px 0; overflow:hidden; } #dy_main .focus-menu-box ul.focus-menu-container li { position:relative; float:left; width:25%; padding:8px 0; text-align:center; } #dy_main .focus-menu-box ul.focus-menu-container li a { display:block; color:#333; font-size:12px; } #dy_main .focus-menu-box ul.focus-menu-container li i, #dy_main .focus-menu-box ul.focus-menu-container li em, #dy_main .focus-menu-box ul.focus-menu-container li img { display:block; width:36px; height:36px; margin:0 auto; background-size:36px 36px; background-repeat:no-repeat; } #dy_main .focus-menu-box ul.focus-menu-container li span { display:block; height:18px; line-height:18px; font-size:12px; color:#333; font-weight:500; } /*======================== 首页：标题栏 ========================*/ #dy_main .index-title-box { height:30px; margin:10px 0; overflow:hidden; } #dy_main .index-title-box h2 { height:30px; line-height:30px; text-align:center; color:#333; font-size:15px; } /*======================== 首页：资讯热点 ========================*/ #dy_main .index-news-box { height:45px; margin-bottom:10px; background:#fff; overflow:hidden; } #dy_main .index-news-box .news-left { width:17%; height:100%; position:relative; float:left; background:url(../Images/icon_hotnews.png) no-repeat center center; } #dy_main .index-news-box .news-left::after { content:''; width:1px; height:82%; background:#eee; position:absolute; top:4px; right:0px; } #dy_main .index-news-box .news-right { float:left; width:83%; height:100%; } #dy_main .index-news-box .news-right .swiper-container { height:100%; padding-right:8px; } #dy_main .index-news-box .news-right .swiper-container .swiper-wrapper .swiper-slide { width:100%; height:100%; padding:0 10px; } #dy_main .index-news-box .news-right .swiper-container .swiper-wrapper .swiper-slide .news-title { height:27px; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .index-news-box .news-right .swiper-container .swiper-wrapper .swiper-slide .news-title a { font-size:14px; color:#333; font-weight:500; } #dy_main .index-news-box .news-right .swiper-container .swiper-wrapper .swiper-slide .news-subtitle { font-size:11px; color:#999; height:18px; } /*==================== 首页：推荐广告 ====================*/ #dy_main .index-recommend { width:100%; background:#fff; overflow:hidden; } #dy_main .index-recommend .index-recommend-container { padding:8px 0; margin:0 auto; overflow:hidden; } #dy_main .index-recommend .index-recommend-container .recommend { position:relative; height:130px; margin-bottom:6px; text-align:center; overflow:hidden; } #dy_main .index-recommend .index-recommend-container .recommend picture { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:-9; } #dy_main .index-recommend .index-recommend-container .recommend picture img { width:100%; height:100%; } #dy_main .index-recommend .index-recommend-container .recommend a { display:block; width:100%; height:100%; z-index:1; } #dy_main .index-recommend .index-recommend-container .recommend .txt { color:#333; font-size:12px; line-height:2em; text-align:right; padding-top:20px; padding-left:20px; } #dy_main .index-recommend .index-recommend-container .recommend .txt .desc { margin-top:10px; color:#666; font-size:11px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; line-height:28px!important; overflow:visible; } #dy_main .index-recommend .index-recommend-container .recommend.recommend-1, #dy_main .index-recommend .index-recommend-container .recommend.recommend-4 { width:60%; } #dy_main .index-recommend .index-recommend-container .recommend.recommend-2, #dy_main .index-recommend .index-recommend-container .recommend.recommend-3 { width:calc(40% - 6px); } #dy_main .index-recommend .index-recommend-container .recommend.recommend-3, #dy_main .index-recommend .index-recommend-container .recommend.recommend-4 { margin-bottom:0; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt { color:#fff; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt { color:#333; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt .desc { color:#fafafa; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt .desc { color:#666; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="left"] .txt { text-align:left; padding-left:20px; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="middle"] .txt { text-align:center; padding-left:0; padding-right:0; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="right"] .txt { text-align:right; padding-right:20px; } /*======================== 内页Banner ========================*/ #dy_main .banner-box { position:relative; width:100%; margin:0 auto; } #dy_main .banner-box .banner-container { width:100%; overflow:hidden; } #dy_main .banner-box .banner-container .banner-image { width:100%; height:auto; } #dy_main .banner-box .banner-container .banner-image img { width:100%; height:auto; } #dy_main .banner-box .banner-container .banner-text { position:absolute; width:100%; top:40%; text-align:center; } #dy_main .banner-box[text-xposition="left"] .banner-container .banner-text { text-align:left; } #dy_main .banner-box[text-xposition="middle"] .banner-container .banner-text { text-align:center; } #dy_main .banner-box[text-xposition="right"] .banner-container .banner-text { text-align:right; } #dy_main .banner-box[text-yposition="top"] .banner-container .banner-text { top:35%; } #dy_main .banner-box[text-yposition="middle"] .banner-container .banner-text { top:55%; } #dy_main .banner-box[text-yposition="bottom"] .banner-container .banner-text { top:65%; } #dy_main .banner-box .banner-container .banner-text h1 { color:#fff; font-size:22px; line-height:1.5em; } #dy_main .banner-box .banner-container .banner-text h2 { color:#fff; font-size:18px; line-height:1.5em; } #dy_main .banner-box .banner-container .banner-text h3 { color:#fff; font-size:16px; line-height:1.5em; } #dy_main .banner-box .banner-container .banner-text h4 { color:#fff; font-size:14px; line-height:1.5em; } #dy_main .banner-box .banner-container .banner-text h5 { color:#fff; font-size:12px; line-height:1.5em; } #dy_main .banner-box .banner-container .banner-text h6 { color:#fff; font-size:10px; line-height:1.5em; } #dy_main .banner-box .banner-container .banner-text p { color:#fff; font-size:11px; line-height:1.5em; } #dy_main .banner-box[data-theme="black"] .banner-container .banner-text h1, #dy_main .banner-box[data-theme="black"] .banner-container .banner-text h2, #dy_main .banner-box[data-theme="black"] .banner-container .banner-text h3, #dy_main .banner-box[data-theme="black"] .banner-container .banner-text h4, #dy_main .banner-box[data-theme="black"] .banner-container .banner-text h5, #dy_main .banner-box[data-theme="black"] .banner-container .banner-text h6, #dy_main .banner-box[data-theme="black"] .banner-container .banner-text p { color:#000; } #dy_main .banner-box[data-theme="white"] .banner-container .banner-text h1, #dy_main .banner-box[data-theme="white"] .banner-container .banner-text h2, #dy_main .banner-box[data-theme="white"] .banner-container .banner-text h3, #dy_main .banner-box[data-theme="white"] .banner-container .banner-text h4, #dy_main .banner-box[data-theme="white"] .banner-container .banner-text h5, #dy_main .banner-box[data-theme="white"] .banner-container .banner-text h6, #dy_main .banner-box[data-theme="white"] .banner-container .banner-text p { color:#fff; } /*========================内页二级导航栏目========================*/ #dy_subnav { width:100%; height:40px; line-height:40px; z-index:999; margin-bottom:0; border-bottom:1px solid #f5f5f5; background:#fff; } #dy_subnav .sub-nav-box { width:100%; margin:0 auto; } #dy_subnav_fixed { position:fixed; top:0; width:100%; height:40px; line-height:40px; z-index:300; border-bottom:1px solid #f5f5f5; background:#fff; visibility:hidden; } #dy_subnav_fixed .sub-nav-box { width:100%; margin:0 auto; } #dy_subnav .sub-nav-box .swiper-container, #dy_subnav_fixed .sub-nav-box .swiper-container { width:100%; margin:0 auto; display:inline-block; } #dy_subnav .sub-nav-box .swiper-container .swiper-wrapper .swiper-slide, #dy_subnav_fixed .sub-nav-box .swiper-container .swiper-wrapper .swiper-slide { position:relative; width:25%; height:40px; line-height:40px; text-align:center; font-size:12px; } #dy_subnav .sub-nav-box .swiper-container .swiper-wrapper .swiper-slide a, #dy_subnav_fixed .sub-nav-box .swiper-container .swiper-wrapper .swiper-slide a { display:block; color:#0fa37f; font-weight:500; } #dy_subnav .sub-nav-box .swiper-container .swiper-wrapper .swiper-slide.active a, #dy_subnav_fixed .sub-nav-box .swiper-container .swiper-wrapper .swiper-slide.active a { color:#fff; background:url(../Images/bg_menu.png) no-repeat center center; } /*======================== 内页文章详情 ========================*/ #dy_main .view-box { margin:0 auto; padding:8px 0 20px; background:#fff; } #dy_main .view-box .view-container { overflow:hidden; } #dy_main .view-box .view-container .content-cover { margin-bottom:15px; text-align:center; } #dy_main .view-box .view-container .content-cover img { width:100%; height:auto; } #dy_main .view-box .view-container .content-title { margin-bottom:10px; text-align:center; } #dy_main .view-box .view-container .content-title.have-subtitle { padding-bottom:10px; border-bottom:1px solid #f5f5f5; } #dy_main .view-box .view-container .content-title .title { font-size:16px; line-height:1.5em; color:#333; font-weight:500; padding:8px 0; position:relative; overflow:hidden; } #dy_main .view-box .view-container .content-title .title.small { font-size:12px; } #dy_main .view-box .view-container .content-title .sub-title { font-size:12px; color:#999; line-height:1.5em; } #dy_main .view-box .view-container .content-title .sub-title i { font-size:12px; color:#999; font-style:normal; padding-right:20px; } #dy_main .view-box .view-container .content-title .sub-title i:last-child { padding-right:0; } #dy_main .view-box .view-container .content-title .sub-title i:before { content:""; display:inline-block; width:15px; height:12px; vertical-align:-2px; } #dy_main .view-box .view-container .content-title .sub-title i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:12px 12px; } #dy_main .view-box .view-container .content-title .sub-title i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:12px 12px; } #dy_main .view-box .view-container .content-title .sub-title i.ver:before { background:url(../Images/icon_ver.png) no-repeat; background-size:12px 12px; } #dy_main .view-box .view-container .content-info { width:100%; margin:0 auto; padding-bottom:15px; font-size:13px; color:#666; line-height:1.8em; } #dy_main .view-box .view-container .content-info:last-child { padding-bottom:0; } #dy_main .view-box .view-container .content-info p { font-size:13px; color:#333; line-height:1.8em; margin-bottom:8px; word-wrap:break-word; overflow:hidden; } #dy_main .view-box .view-container .content-info img { width:100%; max-width:100%; height:auto; } #dy_main .view-box .view-container .content-tag { width:100%; margin:8px auto; } #dy_main .view-box .view-container .content-tag .tag { width:100%; height:auto; font-size:11px; line-height:1.5em; } #dy_main .view-box .view-container .content-tag .tag span { display:inline-block; background:#7fc5ad; padding:3px 5px; color:#fff; margin-right:5px; margin-bottom:5px; font-size:11px; } #dy_main .view-box .view-container .content-tag .tag span:first-child { background:#f2a93b; } #dy_main .view-box .view-container .content-tag .tag span:last-child { margin-right:0; } #dy_main .view-box .view-container .content-desc { width:100%; background:#f5f5f5; padding:20px 0; font-size:16px; line-height:2em; margin:20px 0; border-radius:10px; overflow:hidden; } #dy_main .view-box .view-container .content-desc p { padding:0 10px; font-size:13px; color:#333; line-height:1.8em; } /* 留言 */ #dy_main .view-box.feedback .view-container .content-info input { height:34px; margin:3px 0; } #dy_main .view-box.feedback .view-container .content-info .form-input { width:calc(100% - 16px); background:#f5f5f5; padding:4px 8px; font-size:12px; color:#666; line-height:2em; border:0; } #dy_main .view-box.feedback .view-container .content-info input.alert, #dy_main .view-box.feedback .view-container .content-info textarea.alert { background:#fbe8d3; } #dy_main .view-box.feedback .view-container .content-info .submit { font-size:13px; line-height:1.6em; text-align:center; width:100%; display:block; padding:8px 0; box-sizing:border-box; background:#0fa37f; color:#fff; margin:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; } #dy_main .view-box.feedback .view-container .content-info .submit.disabled { background:#eee; color:#666; } #dy_main .view-box.feedback .view-container .content-info .submit.alert { background:#fbe8d3; color:#f00; } /*======================== 内页：查询框 ========================*/ #dy_main .search-box { width:100%; padding:14px 0; height:32px; background:url(../Images/bg_search.jpg) no-repeat; background-size:auto 60px; } #dy_main .search-box .search-container { width:100%; overflow:hidden;} #dy_main .search-box .search-container { position:relative; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 60px 0 20px; width:calc(100% - 16px); -webkit-border-radius:16px / 50%; -moz-border-radius:16px / 50%; border-radius:16px / 50%; border:1px solid #fff; } #dy_main .search-box .search-container.alert { border:1px solid #f00; } #dy_main .search-box .search-container .search-input { height:32px; } #dy_main .search-box .search-container .search-input form { height:100%; } #dy_main .search-box .search-container .search-input form input { padding:0; color:#fff; font-size:14px; width:100%; height:100%; line-height:32px; background-color:transparent; border:none 0; outline:none; } #dy_main .search-box .search-container .search-icon { position:absolute; top:8px; right:20px; width:16px; height:16px; cursor:pointer; } #dy_main .search-box .search-container .search-icon>g { stroke:#fff; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } /* 关键词 */ #dy_main .search-key-box { width:100%; padding:8px 0 0; } #dy_main .search-key-box .search-key-container { width:100%; overflow:hidden;} #dy_main .search-key-box .search-key-container .search-key { width:100%; } #dy_main .search-key-box .search-key-container .search-key p { font-size:13px; color:#333; line-height:2em; text-align:center; } #dy_main .search-key-box .search-key-container .search-key p span { font-size:13px; color:#ff4400; } /*======================== 内页封面标题：业务领域之案例 ========================*/ #dy_main .list-box { width:100%; padding:8px 0; overflow:hidden; } #dy_main .list-box.bgw { background:#fff; } #dy_main .list-box .list-title { margin-bottom:10px; overflow:hidden; } #dy_main .list-box .list-title h2 { color:#333; font-size:16px; font-weight:500; text-align:center; } #dy_main .list-box .list-cover { margin-bottom:6px; overflow:hidden; } #dy_main .list-box .list-cover .cover-image { width:100%; height:auto; } #dy_main .list-box .list-cover .cover-image img { width:100%; height:auto; } #dy_main .list-box .list-cover .cover-title { position:absolute; display:block; top:45%; padding:0 4%; width:92%; text-align:left; line-height:1.5em; } #dy_main .list-box .list-cover .cover-title h2 { color:#fff; font-size:14px; font-weight:500; } #dy_main .list-box .list-cover .cover-title h3 { color:#fff; font-size:13px; font-weight:500; } /* 工作机会 */ #dy_main .list-box.career .list-cover .cover-title { top:35%; text-align:center; } #dy_main .list-box.career .list-cover .cover-title h2, #dy_main .list-box.career .list-cover .cover-title h3 { color:#fff; } /*======================== 内页列表：文字栏目-帮助 ========================*/ #dy_main .list-box ul.txt-list-container { width:100%; overflow:hidden; } #dy_main .list-box ul.txt-list-container li { position:relative; margin-bottom:6px; padding:8px 0; padding-right:22px!important; background:#fff; border-bottom:1px solid #f5f5f5; overflow:hidden; } #dy_main .list-box ul.txt-list-container li:last-child { margin-bottom:0px; } #dy_main .list-box ul.txt-list-container li .item-info .item-title { font-size:14px; color:#333; font-weight:500; line-height:1.5em; height:1.5em; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.txt-list-container li .item-info .item-title i { display:inline-block; width:13px; height:13px; vertical-align:-2px; padding-right:4px; } #dy_main .list-box ul.txt-list-container li .item-info .item-title i.help { background:url(../Images/icon_help.png) no-repeat; background-size:13px 13px; } #dy_main .list-box ul.txt-list-container li .item-info .item-info { padding-left:17px; font-size:12px; color:#999; line-height:1.5em; height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.txt-list-container li::after { content:""; position:absolute; right:10px; top:13px; width:10px; height:10px; border:1px solid #999; border-bottom:0; border-left:none; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } #dy_main .list-box ul.txt-list-container li.no-arrow::after { border:0; } /*======================== 内页列表：上大图下文列表栏目-关于/优势/招聘岗位 ========================*/ #dy_main .list-box ul.bigpic-txt-list-container { background:#fff; overflow:hidden; } #dy_main .list-box ul.bigpic-txt-list-container li { width:100%; margin-bottom:10px; padding-bottom:10px; background:#fff; border-bottom:1px solid #f5f5f5; } #dy_main .list-box ul.bigpic-txt-list-container li:last-child { border-bottom:0; } #dy_main .list-box ul.bigpic-txt-list-container li .item-cover { margin-bottom:10px; text-align:center; } #dy_main .list-box ul.bigpic-txt-list-container li .item-cover img { width:100%; height:auto; } #dy_main .list-box ul.bigpic-txt-list-container li .item-title { width:100%; text-align:center; overflow:hidden; } #dy_main .list-box ul.bigpic-txt-list-container li .item-title .title { font-size:16px; line-height:3em; color:#333; font-weight:500; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.bigpic-txt-list-container li .item-title .title span { padding-left:10px; font-size:12px; color:#999; } #dy_main .list-box ul.bigpic-txt-list-container li .item-title .sub-title { font-size:12px; color:#999; line-height:1.5em; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info { width:100%; margin:0 auto; font-size:13px; color:#666; line-height:1.5em; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info p { font-size:13px; color:#333; line-height:1.8em; margin-bottom:8px; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info p.t { color:#333; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info p i { display:inline-block; width:12px; height:12px; vertical-align:-2px; padding-right:4px; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info p i.address { background:url(../Images/icon_address.png) no-repeat; background-size:12px 12px; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info p i.tel { background:url(../Images/icon_tel.png) no-repeat; background-size:12px 12px; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info img { width:100%; height:auto; } #dy_main .list-box ul.bigpic-txt-list-container li .item-info img.half { width:50%; height:auto; } #dy_main .list-box ul.bigpic-txt-list-container li .item-btn { width:100%; margin-top:8px; text-align:center; overflow:hidden; } /* 联系我们 */ #dy_main .list-box.contact ul.bigpic-txt-list-container li .item-title { text-align:left; } #dy_main .list-box.contact ul.bigpic-txt-list-container li .item-map { width:100%; margin-bottom:10px; } #dy_main .list-box.contact ul.bigpic-txt-list-container li .item-map .dy-map { width:100%; height:150px; } /* 人才招聘 */ #dy_main .list-box.career ul.bigpic-txt-list-container li .item-info { padding-top:8px; } #dy_main .list-box.career ul.bigpic-txt-list-container li .item-title .title, #dy_main .list-box.career ul.bigpic-txt-list-container li .item-title .sub-title { text-align:left; } #dy_main .list-box.career ul.bigpic-txt-list-container li .item-info p { margin-bottom:4px; } /*======================== 内页列表：时间线列表栏目-发展历程 ========================*/ #dy_main .list-box .timeline-container { background:#fff; padding:8px 0; overflow:hidden; } #dy_main .list-box .timeline-container ul { width:calc(100% - 40px); float:right; border-left:1px dotted #ddd; padding-left:24px; } #dy_main .list-box .timeline-container ul li { width:100%; padding-bottom:10px; } #dy_main .list-box .timeline-container ul li .timeline-title { position:relative; margin-bottom:6px; font-size:16px; color:#333; line-height:2em; } #dy_main .list-box .timeline-container ul li .timeline-title .round { content:''; position:absolute; top:8px; left:-44px; -webkit-transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(50%); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:20px; height:18px; background-color:#666; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:solid 4px #ebedf0; z-index:2; } #dy_main .list-box .timeline-container ul li .timeline-info { margin-bottom:6px; font-size:13px; color:#666; line-height:1.5em; } #dy_main .list-box .timeline-container ul li .timeline-image { margin-bottom:20px; } #dy_main .list-box .timeline-container ul li .timeline-image img { width:100%; height:auto; } /*======================== 内页列表：图片墙列表 ========================*/ #dy_main .list-box ul.picwall-list-container { position:relative; overflow:hidden; } #dy_main .list-box ul.picwall-list-container li { float:left; width:calc(33.3333333333333% - 4px); margin-right:6px; margin-bottom:6px; background:#fff; } #dy_main .list-box ul.picwall-list-container li:nth-child(3n) { margin-right:0; } #dy_main .list-box ul.picwall-list-container li a { display:block; } #dy_main .list-box ul.picwall-list-container li dt { overflow:hidden; width:100%; } #dy_main .list-box ul.picwall-list-container li dt img { width:100%; height:100%; } #dy_main .list-box ul.picwall-list-container li dd { width:100%; display:inline-block; padding:2px 8px; box-sizing:border-box; text-align:center; background:#f5f5f5; } #dy_main .list-box ul.picwall-list-container li dd .item-title { font-size:12px; color:#333; height:1.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.picwall-list-container li dd .item-info { font-size:9px; color:#999; height:1.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*======================== 内页列表：图片列表栏目-业务/案例/合作伙伴 ========================*/ #dy_main .list-box ul.pic-list-container { position:relative; overflow:hidden; } #dy_main .list-box ul.pic-list-container li { float:left; width:calc(50% - 3px); margin-bottom:6px; background:#fff; } #dy_main .list-box ul.pic-list-container li:nth-child(2n) { float:right; } #dy_main .list-box ul.pic-list-container li a { display:block; } #dy_main .list-box ul.pic-list-container li dt { overflow:hidden; width:100%; } #dy_main .list-box ul.pic-list-container li dt img { width:100%; height:100%; } #dy_main .list-box ul.pic-list-container li dd { width:100%; display:inline-block; padding:8px 8px; box-sizing:border-box; } #dy_main .list-box ul.pic-list-container li dd .item-title { font-size:14px; color:#333; font-weight:500; height:1.8em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.pic-list-container li dd .item-info { font-size:11px; color:#666; height:1.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.pic-list-container li dd .item-desc { font-size:11px; color:#999; height:1.5em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .list-box ul.pic-list-container li dd .item-content { width:100%; overflow:hidden; } #dy_main .list-box ul.pic-list-container li dd .item-content p { font-size:11px; color:#666; line-height:1.5em; overflow:hidden; } #dy_main .list-box ul.pic-list-container li dd.line { padding-top:8px; border-top:1px solid #f5f5f5; } #dy_main .list-box ul.pic-list-container li dd.status-info { position:relative; font-size:10px; color:#999; padding:0 8px; line-height:2.4em; height:2.4em; white-space:nowrap; border-top:1px solid #f5f5f5; overflow:hidden; } #dy_main .list-box ul.pic-list-container li dd.status-info i { font-size:10px; color:#999; font-style:normal; } #dy_main .list-box ul.pic-list-container li dd.status-info i:before { content:""; display:inline-block; width:14px; height:10px; vertical-align:-1px; } #dy_main .list-box ul.pic-list-container li dd.status-info i.buy:before { background:url(../Images/icon_shopping.png) no-repeat; background-size:10px 10px; } #dy_main .list-box ul.pic-list-container li dd.status-info i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:10px 10px; } #dy_main .list-box ul.pic-list-container li dd.status-info i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:10px 10px; } /* 案例 */ #dy_main .list-box.case ul.pic-list-container li dd .item-title { font-size:13px; } /* 合作伙伴/资质/奖励 */ #dy_main .list-box.about ul.pic-list-container li dt { text-align:center; } #dy_main .list-box.about ul.pic-list-container li dd p { text-align:center; } /* 服务 */ #dy_main .list-box.service ul.pic-list-container li dd .item-title { text-align:center; } #dy_main .list-box.service ul.pic-list-container li dd .item-info { height:6.0em; white-space:normal; } /* 团队 */ #dy_main .list-box.team ul.pic-list-container li dd .item-info { font-size:13px; color:#0fa37f; font-weight:500; } #dy_main .list-box.team ul.pic-list-container li dd .item-desc { font-size:10px; color:#ec6102; font-weight:500; } #dy_main .list-box.team ul.pic-list-container li dd .item-content { height:210px; } /* 联系信息 */ #dy_main .list-box.contactus ul.pic-list-container li dd .item-title { text-align:center; } #dy_main .list-box.contactus ul.pic-list-container li dd .item-info a { font-size:13px; color:#0fa37f; font-weight:500; text-align:center; } /*======================== 内页列表：左图右文栏目-资讯列表/联系我们 ========================*/ #dy_main .list-box ul.pic-txt-list-container { position:relative; overflow:hidden; } #dy_main .list-box ul.pic-txt-list-container li { margin-bottom:6px; padding:8px 0; background:#fff; overflow:hidden; } #dy_main .list-box ul.pic-txt-list-container li:last-child { margin-bottom:0px; } #dy_main .list-box ul.pic-txt-list-container li .box-left { float:left; width:41%; height:auto; overflow:hidden; } #dy_main .list-box ul.pic-txt-list-container li .box-left img { width:100%; height:100%; } #dy_main .list-box ul.pic-txt-list-container li .box-right { float:right; margin-left:8px; width:calc(59% - 8px); } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-title { font-size:14px; color:#333; font-weight:500; line-height:1.5em; max-height:3em; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-title .title { font-size:14px; color:#333; font-weight:500; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-info { font-size:12px; color:#666; line-height:1.4em; height:2.8em; margin-bottom:3px; overflow:hidden; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-content p { font-size:12px; color:#666; line-height:1.4em; margin-bottom:3px; overflow:hidden; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-content p i { display:inline-block; width:12px; height:12px; vertical-align:-2px; padding-right:4px; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-content p i.address { background:url(../Images/icon_address.png) no-repeat; background-size:12px 12px; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-content p i.tel { background:url(../Images/icon_tel.png) no-repeat; background-size:12px 12px; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-status { font-size:10px; color:#999; line-height:1.5em; height:1.5em; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-status i { font-size:10px; color:#999; font-style:normal; margin-right:14px; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-status i:before { content:""; display:inline-block; width:14px; height:10px; vertical-align:-1px; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-status i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:10px 10px; } #dy_main .list-box ul.pic-txt-list-container li .box-right .list-status i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:10px 10px; } #dy_main .list-box.about ul.pic-txt-list-container { margin-bottom: 8px; } /* 联系地址 */ #dy_main .list-box.contact ul.pic-txt-list-container li .box-left { width:calc(15% - 8px); padding-left:8px; } #dy_main .list-box.contact ul.pic-txt-list-container li .box-right { width:calc(85% - 8px - 8px); padding-right:8px; } /*======================== 内页列表：左文右图栏目-客户反馈 ========================*/ #dy_main .list-box ul.txt-pic-list-container { position:relative; overflow:hidden; } #dy_main .list-box ul.txt-pic-list-container li { margin-bottom:6px; padding:8px 0; background:#fff; overflow:hidden; } #dy_main .list-box ul.txt-pic-list-container li:last-child { margin-bottom:0px; } #dy_main .list-box ul.txt-pic-list-container li .box-left { float:left; margin-right:8px; width:calc(59% - 8px); } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-title { font-size:14px; color:#333; line-height:1.5em; max-height:3em; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-title .title { font-size:14px; color:#333; font-weight:500; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-info { font-size:12px; color:#666; line-height:1.4em; max-height:2.8em; margin-bottom:3px; overflow:hidden; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-content p { font-size:12px; color:#666; line-height:1.4em; margin-bottom:3px; overflow:hidden; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-status { font-size:10px; color:#999; line-height:1.5em; height:1.5em; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-status i { font-size:10px; color:#999; font-style:normal; margin-right:14px; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-status i:before { content:""; display:inline-block; width:14px; height:10px; vertical-align:-1px; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-status i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:10px 10px; } #dy_main .list-box ul.txt-pic-list-container li .box-left .list-status i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:10px 10px; } #dy_main .list-box ul.txt-pic-list-container li .box-right { float:right; width:41%; height:auto; overflow:hidden; } #dy_main .list-box ul.txt-pic-list-container li .box-right img { width:100%; height:100%; } #dy_main .list-box.about ul.txt-pic-list-container { margin-bottom: 8px; } /* 客户反馈 */ #dy_main .list-box.feedback ul.txt-pic-list-container li .box-left { width:calc(85% - 8px - 8px); padding-left:8px; } #dy_main .list-box.feedback ul.txt-pic-list-container li .box-right { width:calc(15% - 8px); padding-right:8px; } /*======================== 加载提示框 ========================*/ #loading { z-index:999999; font-size:13px; color:#fff; line-height:24px; padding-top:70px; padding-bottom:20px; padding-left:10px; padding-right:10px; text-align:center; width:200px; position:fixed; left:50%; top:50%; margin-left:-100px; margin-top:-75px; background:rgba(0,0,0,.8); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-animation-duration:1s!important; } #loading span { display:block; width:40px; height:40px; position:absolute; left:90px; top:20px; background:url(../Images/icon_loading.png) no-repeat; background-size:40px auto; } #loading .fail { background:url(../Images/icon_fail.png) no-repeat; background-size:40px auto; } #loading .success { background:url(../Images/icon_success.png) no-repeat; background-size:40px auto; } /*======================== 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:100%; 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 .error-img { width:80%; margin:0 auto 15px; padding-bottom:10px; border-bottom:1px dashed #aaa; text-align:center; } #dy_error .error-box .error-top .error-info .error-img img { width:200px; height:87px; } #dy_error .error-box .error-top .error-info h4 { font-size:20px; text-align:center; line-height:1.5em; margin-bottom:10px; } #dy_error .error-box .error-top .error-info p { font-size:14px; text-align:center; line-height:1.5em; margin-bottom:10px; } #dy_error .error-box .error-top .error-info p i { font-style:normal; color:#43bafe; } #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; }