/*================================================*/ /* 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 { height:48px; } #dy_header .left-item .icon { margin:10px 0px 0px 8px; width:282px; height:30px; text-align:center; overflow:hidden; } #dy_header .left-item .icon img { width:100%; height:30px; } /*======================== 顶部下拉菜单内容 ========================*/ #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:600; 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:#666; font-weight:400; 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:12px; color:#333; text-align:center; height:20px; line-height:20px; font-weight:600; display:block; } #dy_footer .footer-box .footer-container.on span { color:#669966; } #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:13px; 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:16px; 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:#669966; 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 { left:2%; 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 { right:2%; 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-about { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .index-about .index-about-container { overflow:hidden; } #dy_main .index-about .index-about-container h2 { font-size:18px; color:#000; font-weight:600; text-align:center; line-height:2em; padding-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-about .index-about-container .info { overflow:hidden; font-size:13px; color:#333; line-height:1.5em; } #dy_main .index-about .index-about-container .info p { text-align:left; margin:0; font-size:13px; color:#333; line-height:1.5em; margin-bottom:10px; } /*==================== 内页：导航菜单 ====================*/ #dy_main .page-nav { width:100%; height:50px; background:#fff; border-bottom:1px solid #ddd; } #dy_main .page-nav.gray { background:#f5f5f5; border-bottom:1px solid #ddd; } #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:#000; font-size:13px; } #dy_main .page-nav .page-location-container .location a { color:#000; } #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:13px; 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 .product { width:100%; padding:0 0 6%; background:#fff; overflow:hidden; } #dy_main .product .product-container { position:relative; overflow:hidden; } /* 产品分类 */ #dy_main .product .product-container ul.cate { width:100%; margin-top:20px; } #dy_main .product .product-container ul.cate li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; } #dy_main .product .product-container ul.cate li:nth-child(2n) { margin-right:0; } #dy_main .product .product-container ul.cate li .pic { width:100%; height:100%; position:relative; overflow:hidden; } #dy_main .product .product-container ul.cate li .pic img { width:100%; height:100%; display:block; transition:1s all; -webkit-transition:1s all; } #dy_main .product .product-container ul.cate 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 .product .product-container ul.products { width:100%; margin-top:20px; overflow:hidden; } #dy_main .product .product-container ul.products.mt0 { margin-top:0; } #dy_main .product .product-container ul.products h2 { font-size:18px; color:#000; font-weight:600; text-align:center; line-height:2em; padding-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product .product-container ul.products li { width:calc(100% - 30px); margin-bottom:20px; padding:10px 15px; background:#f5f5f5; border-radius:8px; overflow:hidden; } #dy_main .product .product-container ul.products li .txt { width:100%; overflow:hidden; } #dy_main .product .product-container ul.products li .txt h4 { font-size:16px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product .product-container ul.products li .txt .info { font-size:13px; color:#333; line-height:1.5em; } #dy_main .product .product-container ul.products li .txt .info .info-line { width:100%; font-size:13px; color:#333; line-height:1.5em; overflow:hidden; } #dy_main .product .product-container ul.products li .txt .info .info-line .title { float:left; width:24px; font-weight:600; } #dy_main .product .product-container ul.products li .txt .info .info-line .content { float:left; width:calc(100% - 90px); } #dy_main .product .product-container ul.products li .pic { width:100%; padding-top:10px; overflow:hidden; } #dy_main .product .product-container ul.products li .pic picture { float:left; width:40%; padding:0 5%; overflow:hidden; } #dy_main .product .product-container ul.products li .pic picture:nth-child(2n) { padding-right:0; } #dy_main .product .product-container ul.products li .pic picture img { width:100%; height:100%; } #dy_main .product .product-container ul.products li .more { width:100%; padding-top:10px; overflow:hidden; } #dy_main .product .product-container ul.products li .more .btn { width:100%; display:inline-block; *display:inline; *zoom:1; margin-top:10px; text-align:center; background:#669966; border-radius:5px; overflow:hidden; } #dy_main .product .product-container ul.products li .more .btn span { height:2.8em; line-height:2.8em; color:#fff; font-size:13px; font-weight:600; cursor:pointer; } #dy_main .product .product-container ul.products li .datasheet { width:100%; overflow:hidden; } #dy_main .product .product-container ul.products li .datasheet h4 { font-size:16px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product .product-container ul.products li .datasheet picture { width:100%; overflow:hidden; } #dy_main .product .product-container ul.products li .datasheet picture img { width:100%; height:100%; } #dy_main .product .product-container ul.products li .more { width:100%; overflow:hidden; } #dy_main .product .product-container ul.products li .more .content { width:100%; font-size:13px; color:#333; line-height:1.5em; } #dy_main .product .product-container ul.products li .more .content p { font-size:13px; color:#333; line-height:1.5em; padding-bottom:8px; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-us { width:100%; padding:2% 0 0; 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:10px; overflow:hidden; } #dy_main .contact-us .contact-us-container .contact-info em { display:block; float:left; width:30px; height:30px; border-radius:50%; } #dy_main .contact-us .contact-us-container .contact-info em.contactman { background:url(../Images/icon_contactman.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.tel { background:url(../Images/icon_tel.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.phone { background:url(../Images/icon_phone.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.fax { background:url(../Images/icon_fax.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.email { background:url(../Images/icon_email.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.wechat { background:url(../Images/icon_wechat.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.website { background:url(../Images/icon_website.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.dh400 { background:url(../Images/icon_400.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info em.address { background:url(../Images/icon_address.png) no-repeat center center #669966; background-size:16px; } #dy_main .contact-us .contact-us-container .contact-info .txt { margin-left:40px; padding:4px 0; } #dy_main .contact-us .contact-us-container .contact-info .txt p { margin-bottom:0; font-size:13px; color:#333; font-weight:600; line-height:1.5em; } #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:#333; } /* 地图 */ #dy_main .contact-map { width:100%; padding-bottom:20px; overflow:hidden; } #dy_main .contact-map picture { width:100%; overflow:hidden; } #dy_main .contact-map picture img { width:100%; } #dy_main .contact-map p { padding-top:10px; width:100%; font-size:13px; color:#666; text-align:left; font-weight:600; line-height:1.5em; } /*==================== 内页：分享 ====================*/ #dy_main .sharing { width:100%; padding:2% 0 0; overflow:hidden; } #dy_main .sharing .sharing-container { width:100%; overflow:hidden; } #dy_main .sharing .sharing-container li { margin-bottom:6px; padding:8px 0; background:#fff; overflow:hidden; } #dy_main .sharing .sharing-container li:last-child { margin-bottom:0px; } #dy_main .sharing .sharing-container li .box-left { float:left; width:15%; height:auto; overflow:hidden; } #dy_main .sharing .sharing-container li .box-left img { width:100%; height:100%; } #dy_main .sharing .sharing-container li .box-right { float:right; margin-left:8px; width:calc(85% - 12px); } #dy_main .sharing .sharing-container li .box-right .list-title { font-size:13px; color:#333; line-height:1.6em; height:1.6em; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; } #dy_main .sharing .sharing-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 .sharing .sharing-container li .box-right .list-content p { font-size:12px; color:#666; line-height:1.4em; margin-bottom:3px; overflow:hidden; } #dy_main .sharing .sharing-container li .box-right .list-status { font-size:10px; color:#999; line-height:1.5em; height:1.5em; margin-bottom:5px; } #dy_main .sharing .sharing-container li .box-right .list-status i { font-size:10px; color:#999; font-style:normal; margin-right:14px; } #dy_main .sharing .sharing-container li .box-right .list-status i:before { content:""; display:inline-block; width:14px; height:10px; vertical-align:-1px; } #dy_main .sharing .sharing-container li .box-right .list-status i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:10px 10px; } #dy_main .sharing .sharing-container li .box-right .list-status i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:10px 10px; } /* 详情 */ #dy_main .sharing .sharing-container .detail { margin-bottom:15px; text-align:center; } #dy_main .sharing .sharing-container .detail .content-title { margin-bottom:10px; text-align:center; } #dy_main .sharing .sharing-container .detail .content-title.have-subtitle { padding-bottom:10px; border-bottom:1px solid #f5f5f5; } #dy_main .sharing .sharing-container .detail .content-title .title { font-size:14px; line-height:1.5em; color:#333; padding:8px 0; position:relative; overflow:hidden; } #dy_main .sharing .sharing-container .detail .content-title .title.small { font-size:12px; } #dy_main .sharing .sharing-container .detail .content-title .sub-title { font-size:12px; color:#999; line-height:1.5em; } #dy_main .sharing .sharing-container .detail .content-title .sub-title i { font-size:12px; color:#999; font-style:normal; padding-right:20px; } #dy_main .sharing .sharing-container .detail .content-title .sub-title i:last-child { padding-right:0; } #dy_main .sharing .sharing-container .detail .content-title .sub-title i:before { content:""; display:inline-block; width:15px; height:12px; vertical-align:-2px; } #dy_main .sharing .sharing-container .detail .content-title .sub-title i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:12px 12px; } #dy_main .sharing .sharing-container .detail .content-title .sub-title i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:12px 12px; } #dy_main .sharing .sharing-container .detail .content-title .sub-title i.ver:before { background:url(../Images/icon_ver.png) no-repeat; background-size:12px 12px; } #dy_main .sharing .sharing-container .detail .content-info { width:100%; margin:0 auto; padding-bottom:15px; font-size:13px; color:#666; line-height:1.8em; } #dy_main .sharing .sharing-container .detail .content-info:last-child { padding-bottom:0; } #dy_main .sharing .sharing-container .detail .content-info p { font-size:13px; color:#666; line-height:1.5em; margin-bottom:5px; word-wrap:break-word; overflow:hidden; } #dy_main .sharing .sharing-container .detail .content-info img { width:100%; height:auto; } /*==================== 内页：需求咨询 ====================*/ #dy_main .enquiry { width:100%; padding:0 0 4%; background:#fff; overflow:hidden; } #dy_main .enquiry .enquiry-container { padding-top:1px; } #dy_main .enquiry .enquiry-container .enquiry-title { margin-top:20px; text-align:center; } #dy_main .enquiry .enquiry-container .enquiry-title h2 { font-size:18px; color:#000; font-weight:600; text-align:center; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .enquiry .enquiry-container .enquiry-form { margin-top:18px; text-align:center; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-1 { width:100%; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-1 input { margin:0; width:calc(100% - 30px); height:40px; border:1px solid #ddd; margin-top:18px; padding:0 15px; font-size:13px; color:#333; font-weight:500; outline:none; background:none; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-1 input:first-child { margin-top:0; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-1 input.alert { border:1px solid #f00; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-2 { float:right; width:100%; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-2 textarea { width:calc(100% - 30px); height:80px; border:1px solid #ddd; margin-top:18px; padding:15px; font-size:13px; color:#333; font-weight:500; background:none; outline:none; resize:none; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-2 textarea.alert { border:1px solid #f00; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-2 .btn { display:inline-block; background:#669966; color:#fff; font-weight:600; border-radius:5px; padding:0 25px; height:40px; font-size:13px; 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 .enquiry .enquiry-container .enquiry-form .enquiry-form-2 .btn.disabled { background:#f1f1f1; color:#999; } #dy_main .enquiry .enquiry-container .enquiry-form .enquiry-form-2 .btn.alert { background:#f00; color:#fff; } /*==================== 内页：通用详情页面 ====================*/ #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; }