/*================================================*/ /* Style.Css */ /* Copyright © 2009-2021 CloudV.cn */ /*================================================*/ @charset "utf-8"; @import url('common.css?t=31221'); /*======================== 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:#05a045; } .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 { } .dy-screen-full { width:100%!important; } .container { padding-left:8px!important; padding-right:8px!important; } .container-full { width:100%!important; } /*======================== 顶部导航条 ========================*/ #dy_header.header { position:fixed; z-index:700; width:100%; display:block; top:0; transition:0.3s all ease-out; } #dy_header.dy-header { left:85%; } #dy_header.pop-bg { background:#fff; height:48px; border-top:1px solid #eee; border-bottom:1px solid #eee; } #dy_header .h-title { height:48px; line-height:48px; text-align:center; font-size:16px; color:#333; } #dy_header .full-with { width:100%; display:block; } #dy_header .top-left, #dy_header .top-right { position:absolute; top:0; z-index:9; } #dy_header .top-left { left:0; } #dy_header .top-right { right:0; } #dy_header .top-right .menu-close { margin:14px 0 0 13px; position:relative; } #dy_header .top-right .menu-close > div { width:20px; height:2px; background:#333; position:absolute; left:0; border-radius:3px; -webkit-transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); } #dy_header .top-right .menu-Item-f { top:0; } #dy_header .top-right .menu-Item-s { top:8px; } #dy_header .top-right .menu-Item-t { top:16px; } #dy_header .top-right.menu { width:45px; height:48px; cursor:pointer; } #dy_header .top-right .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 .top-right .menu-expand .menu-Item-s { -webkit-transform:translateZ(0) rotate(45deg); -ms-transform:translateZ(0) rotate(45deg); transform:translateZ(0) rotate(45deg); } #dy_header .top-right .menu-expand .menu-Item-t { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } #dy_header .left-item { width:45px; height:48px; } #dy_header .left-item .icon { margin:2px 0px 0px 8px; width:183px; height:44px; text-align:center; overflow:hidden; } #dy_header .left-item .icon img { width:100%; height:100%; } /*======================== 顶部下拉菜单内容 ========================*/ #head_nav { position:fixed; top:50px; width:100%; height:0; object-fit:cover; 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%; 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:0 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; font-weight:350; 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 40px 0; background:#3e3e3e; 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 span { color:#aaa; padding-right:6px; } #dy_copyright .copyright-box .copyright-container span a { color:#aaa; } #dy_copyright .copyright-box .copyright-container span: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:50px; } #dy_footer .footer-box .footer-container { flex:auto; -webkit-flex:auto; font-size:12px; text-align:center; line-height:50px; 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:24px; height:24px; margin:4px auto 0; background-size:24px 24px; background-repeat:no-repeat; } #dy_footer .footer-box .footer-container span { font-size:13px; color:#333; text-align:center; height:20px; line-height:20px; font-weight:400; display:block; } #dy_footer .footer-box .footer-container.on span { color:#0070c6; } #dy_footer .footer-box .footer-container.footer-center { width:60px; height:60px; border-radius:50%; flex-grow:0; -webkit-flex-grow:0; line-height:60px; position:relative; top:-30px; 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:50px; height:50px; font-size:0; padding:5px 5px 3px; } #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:11px; 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; margin-top:50px; background:#fff; } #dy_main .layui-flow-more { width:100%; font-size:12px; color:#666; line-height:4em; overflow:hidden; } /* 公用标题 */ #dy_main .pub-title { position:relative; width:100%; padding-bottom:10px; text-align:center; overflow:hidden; } #dy_main .pub-title h2 span { position:relative; line-height:1; } #dy_main .pub-title h2 span:first-child { font-size:28px; color:#0070c6; font-weight:600; letter-spacing:0; text-transform:uppercase; display:block; opacity:0.3; } #dy_main .pub-title h2 span:last-child { font-size:20px; color:#333; font-weight:600; } #dy_main .pub-title h2 span:last-child:before, #dy_main .pub-title h2 span:last-child:after { content:""; display:block; position:absolute; top:50%; height:2px; width:50px; background:#666; } #dy_main .pub-title h2 span:last-child:before { left:-60px; } #dy_main .pub-title h2 span:last-child:after { right:-60px; } #dy_main .pub-title h2.has-desc { padding-bottom:10px; } #dy_main .pub-title p { font-size:16px; color:#666; line-height:1.5em; } #dy_main .pub-title.white h2 span:first-child { color:#fff; } #dy_main .pub-title.white h2 span:last-child { color:#fff; opacity:0.2; } #dy_main .pub-title.white p { color:#aaa; } /*======================== 内页广告条 ========================*/ #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:45%; } #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_main .index-keyword { width:100%; background:#f4f4f4; padding:13px 0; overflow:hidden; } #dy_main .index-keyword .keyword-container { } #dy_main .index-keyword .keyword-container .l { width:calc(100% - 350px); height:24px; line-height:24px; -webkit-text-size-adjust:none; } #dy_main .index-keyword .keyword-container .l span { background:url(../Images/icon_hot.png) no-repeat left center; padding-left:45px; font-size:16px; color:#404040; font-weight:600; } #dy_main .index-keyword .keyword-container .l a { font-size:14px; color:#000; margin-right:25px; position:relative; } #dy_main .index-keyword .keyword-container .l a:before { content:''; position:absolute; right:-14px; top:4px; width:2px; height:14px; background:#828282; } #dy_main .index-keyword .keyword-container .l a:last-child { padding-right:0; } #dy_main .index-keyword .keyword-container .l a:last-child:before { content:none; } #dy_main .index-keyword .keyword-container .r { float:right; } #dy_main .index-keyword .keyword-container .r input { float:left; height:34px; line-height:32px; border:1px solid #c7c7c7; padding:0 10px; width:299px; outline:none; border-right:none; background:#fff; } #dy_main .index-keyword .keyword-container .r .btn { float:right; width:34px; height:34px; background:url(../Images/icon_search.png) no-repeat center center #e91917; cursor:pointer; } /*==================== 首页：服务项目 ====================*/ #dy_main .index-service { width:100%; padding:3% 0 3%; background:#fff; overflow:hidden; } #dy_main .index-service .index-service-cate { margin-top:0; overflow:hidden; } #dy_main .index-service .index-service-cate a { display:block; float:left; height:44px; line-height:44px; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; background:#e4e4e4; font-size:14px; color:#000; text-align:center; } #dy_main .index-service .index-service-cate a:nth-child(2n) { margin-right:0; } #dy_main .index-service .index-service-cate a:hover { background:#0070c6; color:#fff; } #dy_main .index-service .index-service-container { margin-top:10px; overflow:hidden; } #dy_main .index-service .index-service-container ul { width:100%; } #dy_main .index-service .index-service-container ul li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; } #dy_main .index-service .index-service-container ul li:nth-child(2n) { margin-right:0; } #dy_main .index-service .index-service-container ul li .pic { width:100%; overflow:hidden; } #dy_main .index-service .index-service-container ul li .pic img { display:block; width:100%; height:100%; } #dy_main .index-service .index-service-container ul li p { margin:0; background:#f1f1f1; height:40px; line-height:40px; text-align:center; padding:0 8px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .index-service .index-service-container ul li p a { color:#282828; } /*==================== 首页：服务项目分隔 ====================*/ #dy_main .index-service-separate { width:100%; background:url(../Images/bg_service_separate.jpg) no-repeat center top; padding:2% 0 5%; background-size:cover; } #dy_main .index-service-separate .index-service-separate-container { text-align:center; } #dy_main .index-service-separate .index-service-separate-container span { display:inline-block; height:33px; line-height:33px; font-size:24px; color:rgba(255,255,255,.07); font-weight:600; letter-spacing:0; text-transform:uppercase; } #dy_main .index-service-separate .index-service-separate-container p { margin:0; text-shadow:1px 2px 2px rgba(9,2,4,.48); color:#fff; } #dy_main .index-service-separate .index-service-separate-container i { display:inline-block; width:65px; height:2px; background:#fff; margin-top:8px; } #dy_main .index-service-separate .index-service-separate-container p:nth-child(2) { font-size:20px; font-weight:600; height:26px; line-height:26px; } #dy_main .index-service-separate .index-service-separate-container p:nth-child(3) { font-size:13px; font-weight:600; height:22px; line-height:22px; margin-top:8px; } #dy_main .index-service-separate .index-service-separate-container p:nth-child(5) { font-size:13px; font-weight:600; line-height:22px; margin-top:7px; } #dy_main .index-service-separate .index-service-separate-container .btn { margin-top:20px; text-align:center; font-size:0; -webkit-text-size-adjust:none; } #dy_main .index-service-separate .index-service-separate-container .btn a { width:48%; height:34px; line-height:34px; background:#fd1100; color:#fff; display:inline-block; font-size:14px; font-weight:600; border-radius:15px; margin-right:4%; } #dy_main .index-service-separate .index-service-separate-container .btn a:last-child { margin-right:0; } /*==================== 首页：公司优势 ====================*/ #dy_main .index-advantage { width:100%; padding:3% 0 3%; background:#fff; overflow:hidden; } #dy_main .index-advantage .index-advantage-container { margin-top:0; } #dy_main .index-advantage .index-advantage-container .advantage-list { width:100%; overflow:hidden; position:relative; } #dy_main .index-advantage .index-advantage-container .advantage-list ul { width:400%; display:table; height:auto; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li { display:table-cell; width:25%; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .l { width:100%; float:left; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .l .pic { width:100%; padding-bottom:59.67%; position:relative; overflow:hidden; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .l .pic img { width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r { width:100%; float:right; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info { width:100%; padding-bottom:0; position:relative; background:url(../Images/bg_advantage_right.jpg) repeat-y left 6px,url(../Images/bg_advantage_top.jpg) repeat-x left top,url(../Images/bg_advantage_bottom.jpg) repeat-x left bottom,url(../Images/bg_advantage_right.jpg) repeat-y right 6px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt { height:100%; padding:15px 20px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt h2 { height:26px; line-height:26px; color:#0070c6; font-size:20px; font-weight:600; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt h3 { height:26px; line-height:26px; color:#333; font-size:14px; font-weight:600; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt p { margin:0; line-height:24px; color:#666; font-size:14px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt i { display:inline-block; width:60px; height:3px; background:#9f9f9f; margin:15px 0 15px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt .tel { width:100%; height:40px; line-height:40px; border-radius:20px; background:#dfdfdf; text-align:center; color:#5d5d5d; font-size:20px; margin-top:15px; } #dy_main .index-advantage ul.index-advantage-cate { margin-top:8px; } #dy_main .index-advantage ul.index-advantage-cate li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; height:60px; line-height:60px; color:#fff; text-align:center; background:#3a3a3a; cursor:pointer; position:relative; } #dy_main .index-advantage ul.index-advantage-cate li:nth-child(2n) { margin-right:0; } #dy_main .index-advantage ul.index-advantage-cate li span { display:inline-block; padding-left:35px; font-size:13px; font-weight:600; } #dy_main .index-advantage ul.index-advantage-cate li span.icon { background-repeat:no-repeat; background-position:2px 12px; background-size:28px; } #dy_main .index-advantage ul.index-advantage-cate li.on, #dy_main .index-advantage ul.index-advantage-cate li:hover { background:#0070c6; } /*==================== 首页：案例分享 ====================*/ #dy_main .index-case { width:100%; padding:3% 0 3%; background:#f5f5f5; overflow:hidden; } #dy_main .index-case .index-case-container { position:relative; margin-top:0; } #dy_main .index-case .index-case-container .case-list { width:100%; overflow:hidden; } #dy_main .index-case .index-case-container .case-list .swiper-slide { } #dy_main .index-case .index-case-container .case-list .swiper-slide .item { width:100%; padding-bottom:100%; position:relative; } #dy_main .index-case .index-case-container .case-list .swiper-slide .item img { position:absolute; top:0; left:0; object-fit:cover; width:100%; height:100%; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade { position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,.5); } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt { text-align:center; width:100%; top:40%; position:absolute; transform:translateY(-35%); } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt i { display:inline-block; width:54px; height:54px; background:url(../Images/icon_case_more.png) no-repeat left top; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt p { margin:0; margin-top:21px; height:30px; line-height:30px; font-size:18px; color:#fff; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt em { display:block; width:35px; height:3px; background:#fff; margin:0 auto; margin-top:18px; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt span { display:inline-block; width:121px; height:32px; line-height:32px; border:1px solid #fff; color:#fff; font-size:13px; text-align:center; text-transform:uppercase; margin-top:60px; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt span:hover { border:1px solid #22c995; color:#22c995; } #dy_main .index-case .index-case-container .swiper-button-prev { width:37px; height:91px; background-image:url(../Images/case_larrow.png); background-size:100% 100%; left:-92px; outline:none; margin-top:-45px; } #dy_main .index-case .index-case-container .swiper-button-next { width:37px; height:91px; background-image:url(../Images/case_rarrow.png); background-size:100% 100%; right:-92px; outline:none; margin-top:-45px; } #dy_main .index-case .index-case-more { height:34px; margin-top:15px; position:relative; text-align:center; } #dy_main .index-case .index-case-more:before { content:''; width:100%; height:1px; background:#808080; position:absolute; left:0; top:50%; z-index:1; } #dy_main .index-case .index-case-more a { display:inline-block; width:160px; height:34px; line-height:34px; border:1px solid #808080; text-align:center; font-size:14px; color:#000; background:#f5f5f5; z-index:2; position:relative; } #dy_main .index-case .index-case-more a:hover { color:#22c995; } /*==================== 首页：关于我们 ====================*/ #dy_main .index-about { width:100%; padding:5% 0 5%; background:url(../Images/bg_about.jpg) no-repeat center center; background-size:cover; overflow:hidden; } #dy_main .index-about .index-about-container { margin-top:0; text-align:center; background:#0070c6; position:relative; overflow:hidden; } #dy_main .index-about .index-about-container .pic { width:100%; position:relative; top:0; left:0; } #dy_main .index-about .index-about-container .pic img { width:calc(100% - 6px); height:100%; display:block; border:3px solid #fff; } #dy_main .index-about .index-about-container .txt { width:calc(100% - 20px); float:right; padding:15px 10px 40px; text-align:left; line-height:24px; color:#fff; font-size:13px; } #dy_main .index-about .index-about-container .txt h2 { font-size:18px; font-weight:600; height:26px; line-height:26px; margin-bottom:10px; } #dy_main .index-about .index-about-container .txt p { margin:0; line-height:24px; color:#fff; font-size:13px; } #dy_main .index-about .index-about-container .more { width:41px; height:34px; line-height:34px; font-size:20px; color:#fff; text-align:center; position:absolute; right:0; bottom:0; background:#3a3a3a; } #dy_main .index-about .index-about-container .more:hover { background:#22c995; } /*==================== 首页：新闻资讯 ====================*/ #dy_main .index-news { width:100%; padding:3% 0 3%; background:#f5f5f5; overflow:hidden; } #dy_main .index-news .index-news-container { margin-top:0; } #dy_main .index-news .index-news-container .title { height:25px; border-left:4px solid #0070c6; background:url(../Images/bg_news_title.jpg) repeat-x left bottom; position:relative; } #dy_main .index-news .index-news-container .title h2 { margin:0; height:25px; line-height:25px; font-size:18px; color:#333; font-weight:600; display:inline-block; padding:0 50px 0 20px; background:#f5f5f5; } #dy_main .index-news .index-news-container .title .more { position:absolute; right:0; top:0; display:inline-block; height:25px; line-height:25px; background:url(../Images/icon_news_title_more.png) no-repeat right center #f5f5f5; padding:0 35px; font-size:14px; color:#c3c3c3; } #dy_main .index-news .index-news-container .news-list { width:100%; } #dy_main .index-news .index-news-container .news-list ul { position:relative; margin-top:0; } #dy_main .index-news .index-news-container .news-list ul li { padding:18px 0; border-bottom:1px solid #ddd; overflow:hidden; } #dy_main .index-news .index-news-container .news-list ul li .pic { width:30%; float:left; overflow:hidden; } #dy_main .index-news .index-news-container .news-list ul li .pic img { display:block; width:100%; height:100%; object-fit:cover; } #dy_main .index-news .index-news-container .news-list ul li .txt { float:right; width:calc(70% - 8px); padding-left:8px; } #dy_main .index-news .index-news-container .news-list ul li .txt .info { width:100%; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p { margin:0; color:#666; line-height:20px; text-align:left; font-size:13px; margin-top:2px; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p a { color:#333; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p a:hover { color:#22c995; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p:first-child { font-size:15px; color:#333; font-weight:600; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p:nth-child(2) { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #dy_main .index-news .index-news-container .faq-list { width:100%; margin-top:25px; } #dy_main .index-news .index-news-container .faq-list ul { padding-top:0; } #dy_main .index-news .index-news-container .faq-list ul li a { padding:10px 10px; display:block; border:1px solid #d6d6d6; margin-top:16px; } #dy_main .index-news .index-news-container .faq-list ul li a p { margin:0; position:relative; line-height:20px; padding-left:38px; font-size:13px; color:#666; } #dy_main .index-news .index-news-container .faq-list ul li a p:first-child { line-height:25px; height:25px; font-size:15px; color:#333; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:38px; } #dy_main .index-news .index-news-container .faq-list ul li a p:last-child { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:3px; } #dy_main .index-news .index-news-container .faq-list ul li a p:before { width:24px; height:24px; position:absolute; left:0; top:0; font-size:14px; font-weight:600; text-align:center; line-height:24px; color:#fff; border-radius:5px; } #dy_main .index-news .index-news-container .faq-list ul li a p:first-child:before { content:'Q'; background:#dd1818; } #dy_main .index-news .index-news-container .faq-list ul li a p:last-child:before { content:'A'; background:#9f9f9f; top:4px; } #dy_main .index-news .index-news-container .faq-list ul li a:hover { border:1px solid #22c995; } #dy_main .index-news .index-news-container .faq-list ul li a:hover p:first-child { color:#22c995; } #dy_main .index-news .index-news-container .faq-list ul li a:hover p:first-child:before { background:#22c995; } /*==================== 首页：友情链接 ====================*/ #dy_main .index-link { width:100%; padding:2% 0 3%; background:#0070c6; overflow:hidden; } #dy_main .index-link .index-link-container { width:100%; } #dy_main .index-link .index-link-container .l { width:100%; } #dy_main .index-link .index-link-container .l p { height:30px; line-height:30px; font-size:20px; color:#fff; font-weight:600; text-transform:uppercase; text-align:center; } #dy_main .index-link .index-link-container .r { width:100%; font-size:0; -webkit-text-size-adjust:none; } #dy_main .index-link .index-link-container .r a { display:inline-block; line-height:26px; white-space:nowrap; padding:0 10px; font-size:13px; color:#9fc7ff; position:relative; } #dy_main .index-link .index-link-container .r a:hover { color:#fff; } #dy_main .index-link .index-link-container .r a:after { content:''; width:1px; height:12px; background:#9fc7ff; position:absolute; top:10px; right:0; } #dy_main .index-link .index-link-container .r a:last-child:after { width:0px; } /*==================== 内页：导航菜单 ====================*/ #dy_main .page-nav { width:100%; height:50px; border-bottom:1px solid #e0e0e0; } #dy_main .page-nav .page-location-container { padding:0; } #dy_main .page-nav .page-location-container .location { background:url(../Images/icon_home.png) no-repeat left 18px; background-size:auto 12px; line-height:29px; float:left; padding:10px 0 10px 20px; color:#555; font-size:14px; } #dy_main .page-nav .page-location-container .location a { color:#555; font-size:14px; } #dy_main .page-nav .page-location-container .location span { padding:0 5px; } #dy_main .page-nav .page-nav-container { float:right; font-size:0; -webkit-text-size-adjust:none; } #dy_main .page-nav .page-nav-container a { display:inline-block; height:50px; line-height:50px; padding:0 18px; text-align:center; position:relative; font-size:14px; overflow:unset; } #dy_main .page-nav .page-nav-container a.on { background:#22c995; color:#fff; } #dy_main .page-nav .page-nav-container a.on i { position:absolute; left:50%; margin-left:-10px; bottom:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #22c995; display:block; } /*==================== 内页：二级菜单 ====================*/ #dy_main ul.cate-nav { text-align:left; font-size:0; -webkit-text-size-adjust:none; padding-top:5px; } #dy_main ul.cate-nav li { margin-right:5px; display:inline-block; background:#a1a1a1; padding:0 15px; font-size:14px; position:relative; margin-top:5px; height:38px; } #dy_main ul.cate-nav li>span { display:inline-block; width:100%; height:38px; line-height:38px; } #dy_main ul.cate-nav li>span>a { float:left; height:38px; line-height:38px; display:inline-block; color:#fff; } #dy_main ul.cate-nav li:hover, #dy_main ul.cate-nav li.on { background:#0070c6 ; } /*==================== 内页：关于我们 ====================*/ #dy_main .about-us { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .about-us .about-us-container { position:relative; width:100%; margin-top:20px; } #dy_main .about-us .about-us-container .pic { width:100%; overflow:hidden; } #dy_main .about-us .about-us-container .pic img { width:100%; } #dy_main .about-us .about-us-container .txt { width:100%; margin-top:10px; overflow:hidden; } #dy_main .about-us .about-us-container .txt p { line-height:2; color:#555; font-size:15px; margin-top:8px; } #dy_main .about-us .about-us-container .txt p img { max-width:100%; } /*==================== 内页：资讯动态 ====================*/ #dy_main .news { width:100%; padding:0 0 6%; overflow:hidden; } #dy_main .news .news-container { position:relative; } #dy_main .news .news-container ul { width:100%; } #dy_main .news .news-container ul li { padding:18px 0; border-bottom:1px solid #ddd; overflow:hidden; } #dy_main .news .news-container ul li .news-item { width:100%; } #dy_main .news .news-container ul li .news-item .pic { width:30%; float:left; overflow:hidden; } #dy_main .news .news-container ul li .news-item .pic img { display:block; width:100%; height:100%; } #dy_main .news .news-container ul li .news-item .txt { float:right; width:calc(70% - 8px); padding-left:8px; } #dy_main .news .news-container ul li .news-item .txt p { margin-bottom:0; } #dy_main .news .news-container ul li .news-item .txt .title { font-size:15px; color:#333; font-weight:600; line-height:22px; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .news .news-container ul li .news-item .txt .title a { color:#333; } #dy_main .news .news-container ul li .news-item .txt .title a:hover { color:#22c995; } #dy_main .news .news-container ul li .news-item .txt .date { font-size:11px; line-height:16px; height:16px; color:#999; } #dy_main .news .news-container ul li .news-item .txt .desc { line-height:18px; color:#666; font-size:13px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-us { width:100%; padding:2% 0 1%; overflow:hidden; } #dy_main .contact-us .contact-us-container { width:100%; margin:15px 0; color:#666; } #dy_main .contact-us .contact-us-container .contact-info { width:100%; margin-bottom:15px; overflow:hidden; } #dy_main .contact-us .contact-us-container .contact-info em { display:block; float:left; width:36px; height:36px; border-radius:50%; } #dy_main .contact-us .contact-us-container .contact-info em.contactman { background:url(../Images/icon_contactman.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info em.tel { background:url(../Images/icon_tel.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info em.phone { background:url(../Images/icon_phone.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info em.fax { background:url(../Images/icon_fax.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info em.email { background:url(../Images/icon_email.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info em.dh400 { background:url(../Images/icon_400.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info em.address { background:url(../Images/icon_address.png) no-repeat center center #1b74e2; background-size:24px; } #dy_main .contact-us .contact-us-container .contact-info .txt { float:left; margin-left:15px; padding:6px 0; } #dy_main .contact-us .contact-us-container .contact-info .txt p { line-height:26px; margin-bottom:0; font-size:14px; color:#555; } #dy_main .contact-us .contact-us-container .contact-info .txt p span { display:inline-block; margin-right:20px; } #dy_main .contact-us .contact-us-container .contact-info .txt p a { color:#555; } #dy_main .contact-us .contact-us-container .contact-info .txt p a:hover { color:#22c995; } /* 地图 */ #dy_main .contact-map { width:100%; padding:0; overflow:hidden; } #dy_main .contact-map #dyjs_map { width:100%; height:300px; } /* 留言 */ #dy_main .contact-feedback { width:100%; padding:0 0 4%; background:url(../Images/bg_feedback.jpg) no-repeat center top; background-size:cover; overflow:hidden; } #dy_main .contact-feedback .contact-feedback-container { padding-top:1px; } #dy_main .contact-feedback .contact-feedback-container .feedback-title { margin-top:30px; color:#fff; margin-top:30px; text-align:center; } #dy_main .contact-feedback .contact-feedback-container .feedback-title p { margin-bottom:23px; font-size:24px; position:relative; } #dy_main .contact-feedback .contact-feedback-container .feedback-title p:after { content:""; position:absolute; bottom:-9px; left:50%; width:38px; height:1px; margin-left:-19px; background:#fff; } #dy_main .contact-feedback .contact-feedback-container .feedback-title span { display:inline-block; line-height:2.1; font-size:14px; color:#fff; } #dy_main .contact-feedback .contact-feedback-container .feedback-form { margin-top:18px; text-align:center; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 { width:100%; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 input { margin:0; width:calc(100% - 30px); height:40px; border:1px solid #afafb1; margin-top:18px; padding:0 15px; font-size:14px; color:#fff; outline:none; background:none; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 input:first-child { margin-top:0; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 input.alert { border:1px solid #f00; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 { float:right; width:100%; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 textarea { width:calc(100% - 30px); height:80px; border:1px solid #afafb1; margin-top:18px; padding:15px; font-size:14px; color:#fff; background:none; outline:none; resize:none; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 textarea.alert { border:1px solid #f00; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn { display:inline-block; background:#0070c6; color:#fff; border-radius:5px; padding:0 25px; height:40px; font-size:16px; text-align:center; margin-top:18px; outline:none; width:100%; margin-bottom:0; line-height:1.42857143; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn:hover { background:#22c995; color:#fff; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn.disabled { background:#f1f1f1; color:#999; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn.alert { background:#f00; color:#fff; } /*==================== 内页：通用图片列表：荣誉资质/服务项目/成功案例 ====================*/ #dy_main .pic-list { width:100%; padding:1% 0 6%; overflow:hidden; } #dy_main .pic-list.certification, #dy_main .pic-list.environment { background:none; } #dy_main .pic-list .pic-list-container { position:relative; } #dy_main .pic-list .pic-list-container ul { width:100%; margin-top:20px; } #dy_main .pic-list .pic-list-container ul li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; } #dy_main .pic-list .pic-list-container ul li:nth-child(2n) { margin-right:0; } #dy_main .pic-list .pic-list-container ul li .pic { width:100%; height:100%; position:relative; overflow:hidden; } #dy_main .pic-list .pic-list-container ul li .pic img { width:100%; height:100%; display:block; transition:1s all; -webkit-transition:1s all; } #dy_main .pic-list .pic-list-container ul li .pic img:hover { transform:scale(1.1); } #dy_main .pic-list .pic-list-container ul li .txt p { margin:0; height:40px; line-height:40px; font-size:13px; color:#333; font-weight:600; text-align:center; background:#f1f1f1; padding:0 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .pic-list .pic-list-container ul li:hover .txt p { color:#22c995; } /*==================== 内页：通用详情页面：服务项目/成功案例/资讯动态 ====================*/ #dy_main .pub-detail { width:100%; padding:0 0 6%; background:#fff; overflow:hidden; } #dy_main .pub-detail .pub-detail-container { padding:30px 0 0; } /* 左侧：详情栏 */ #dy_main .pub-detail .pub-detail-container .l { width:100%; } #dy_main .pub-detail .pub-detail-container .l h1 { line-height:30px; font-size:24px; text-align:center; margin-top:0; } #dy_main .pub-detail .pub-detail-container .l h4 { line-height:26px; padding-bottom:10px; color:#626262; font-size:12px; font-weight:normal; text-align:center; padding-top:10px; border-bottom:1px solid #dbdbdb; margin-bottom:15px; } #dy_main .pub-detail .pub-detail-container .l h4 span { font-size:12px; padding-right:10px; white-space:nowrap; } #dy_main .pub-detail .pub-detail-container .l .content { line-height:30px; font-size:15px; color:#626262; } #dy_main .pub-detail .pub-detail-container .l .content h2 { margin:0; font-size:18px; font-weight:600; margin-top:12px; line-height:30px; } #dy_main .pub-detail .pub-detail-container .l .content h3 { margin:0; font-size:15px; font-weight:600; margin-top:8px; line-height:30px; } #dy_main .pub-detail .pub-detail-container .l .content p { line-height:30px; padding-top:8px; font-size:16px; color:#626262; } #dy_main .pub-detail .pub-detail-container .l .content img { margin:0 auto; display:block; max-width:100%; height:auto; } #dy_main .pub-detail .pub-detail-container .l .content table { border-top:1px solid #000; border-left:1px solid #000; margin:0 auto; width:100%!important; } #dy_main .pub-detail .pub-detail-container .l .content table td { border-right:1px solid #000; border-bottom:1px solid #000; padding:5px 0; } #dy_main .pub-detail .pub-detail-container .l .content table td p { margin-top:0; line-height:1.8; } /* 左侧：推荐栏 */ #dy_main .pub-detail .pub-detail-container .r { width:100%; } #dy_main .pub-detail .pub-detail-container .r .r-container { border:1px solid #dbdbdb; padding:10px; margin-top:20px; } #dy_main .pub-detail .pub-detail-container .r .r-container h2 { font-size:22px; line-height:32px; color:#2a2a2a; padding:10px 0; border-bottom:2px solid #2a2a2a; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list { overflow:hidden; zoom:1; margin-top:30px; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li:nth-child(2n) { margin-right:0; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .pic { width:100%; position:relative; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .pic img { display:block; width:100%; height:100%; object-fit:cover; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt { font-size:13px; color:#333; font-weight:600; height:40px; line-height:40px; padding:0 8px; background:#f1f1f1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt a { color:#333; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt a:hover { color:#22c995; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container .r-txt-list { padding-bottom:5px; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul { padding-top:5px} #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li { line-height:36px; background:url(../Images/icon_dot.png) no-repeat 2px center; text-indent:0.3cm; margin:0 auto; border-bottom:1px dashed #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li a { color:#333; font-size:14px; font-weight:600; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li:hover a { color:#22c995; } /*======================== 内页列表：产品页面底部栏目 ========================*/ #dy_bottom_quick_menu { position:fixed; bottom:0; width:100%; height:83px; z-index:99999; background:#fff; margin:0; padding:0; overflow:hidden; } #dy_bottom_quick_menu .button { position:relative; float:left; height:83px; text-align:center; cursor:pointer; } #dy_bottom_quick_menu .button em { width:36px; height:36px; position:absolute; margin-top:10px; left:calc(50% - 18px); } #dy_bottom_quick_menu .button span { font-weight:500; overflow:hidden; } #dy_bottom_quick_menu .button.home { width:20%; color:#333; background:#fff; border-top:1px solid #f1f1f1; } #dy_bottom_quick_menu .button.home::after { content:""; width:1px; height:83px; background:#f1f1f1; position:absolute; right:0; bottom:0; } #dy_bottom_quick_menu .button.home em { background:url(../Images/icon_bottom_quick_home.png) no-repeat; background-size:36px 36px; background-position:center center; } #dy_bottom_quick_menu .button.home span { margin-top:52px; display:block; font-size:13px; color:#333; height:20px; line-height:20px; } #dy_bottom_quick_menu .button.contact { width:20%; color:#333; background:#fff; border-top:1px solid #f1f1f1; } #dy_bottom_quick_menu .button.contact em { background:url(../Images/icon_bottom_quick_contact.png) no-repeat; background-size:36px 36px; background-position:center center; } #dy_bottom_quick_menu .button.contact span { margin-top:52px; display:block; font-size:13px; color:#333; height:20px; line-height:20px; } #dy_bottom_quick_menu .button.tel { width:60%; color:#fff; background:#fe9b37; border-top:1px solid #fe9b37; } #dy_bottom_quick_menu .button.tel span { font-size:18px; color:#fff; height:83px; line-height:83px; } /*======================== 加载提示框 ========================*/ #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; }