@charset "UTF-8"; /*==================== 鼠标进入图片效果 ====================*/ .hover-zoom { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom img { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; width:100%; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); opacity:1; filter:alpha(opacity=100); } .hover-zoom-in { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom-in img { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; width:100%; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom-in:hover img { -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -o-transform:scale(0.95); transform:scale(0.95); opacity:1; filter:alpha(opacity=100); } .hover-fade { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; background:#333; } .hover-fade img { width:100%; opacity:1; filter:alpha(opacity=100); -webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; } .hover-fade:hover img { opacity:0.8; filter:alpha(opacity=80); width:100%; } .hover-shiftup { -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear; } .hover-shiftup:hover { -webkit-transform:translate3d(0, -10px, 0); -moz-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); } .hover-opacity08:hover img { opacity:0.8; filter:alpha(opacity=80); } .hover-zoom-out img:hover { z-index:5; -webkit-transform:scale3d(1.1, 1.1, 1.1); -moz-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; } .hover-icon { transition:all .6s; } .hover-icon:hover { transform:scale(1.2); } .hover-shadow { -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; } .hover-shadow:hover { box-shadow:0 15px 30px rgba(0,0,0,.1); -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; } .shadow { box-shadow:0 2px 19px rgba(68,68,68,.08); -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; } /*==================== 公用 ====================*/ .dy-container { margin:0 auto; width:1024px; max-width:1024px; overflow:hidden; } .dy-container-mw { margin:0 auto; max-width:1920px; } * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } .no-transition { transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } .layui-flow-more { display:none; } /*==================== 头部菜单导航 ====================*/ #dy_header { width:100%; height:80px; background:#fff; transition:all 0.3s ease-out; } /* LOGO */ #dy_header .dy-nav .logo-container { float:left; } #dy_header .dy-nav .logo-container img { height:50px; padding-top:15px; } /* 主菜单 */ #dy_header .dy-nav .menu-container { position:relative; float:right; } #dy_header .dy-nav .menu-container .menu { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #dy_header .dy-nav .menu-container .menu .menu-item { position:relative; height:80px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #dy_header .dy-nav .menu-container .menu .menu-item a { padding:0 20px; height:80px; line-height:80px; text-align:center; border-radius:30px; font-size:16px; color:#000; font-weight:600; -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s; } #dy_header .dy-nav .menu-container .menu .menu-item a::after { content:''; display:block; width:0; height:0px; background:#669966; position:absolute; left:50%; bottom:10px; z-index:10; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } #dy_header .dy-nav .menu-container .menu .menu-item.active a, #dy_header .dy-nav .menu-container .menu .menu-item:hover a { color:#669966; } #dy_header .dy-nav .menu-container .menu .menu-item:hover a:after, #dy_header .dy-nav .menu-container .menu .menu-item.active a:after { width:80px; } /* 子菜单 */ #dy_header .dy-nav .menu-container .menu .menu-item .sub-menu { display:none; position:absolute; top:80px; left:0; width:-webkit-calc(100% + 40px); width:calc(100% + 40px); -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); background-color:#fff; border-radius:0 0 6px 6px; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.1); box-shadow:0 0 2px rgba(0, 0, 0, 0.1); overflow:hidden; } #dy_header .dy-nav .menu-container .menu .menu-item .sub-menu>a { display:block; height:40px; line-height:40px; text-align:center; border-top:1px solid #f1f1f1; font-size:14px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #dy_header .dy-nav .menu-container .menu .menu-item .sub-menu>a:hover { -webkit-transform:translateX(3px); -ms-transform:translateX(3px); transform:translateX(3px); } #dy_header .dy-nav .menu-container .menu .menu-item .sub-menu>a:first-child { margin-top:12px; border-top:none; } #dy_header .dy-nav .menu-container .menu .menu-item .sub-menu>a:last-child { margin-bottom:12px; } #dy_header .dy-nav .menu-container .menu .menu-item .sub-menu>a:hover { color:#669966; } /* Links */ #dy_header .dy-nav ul.link-container { float:right; margin-left:40px; } #dy_header .dy-nav ul.link-container li { float:left; padding-top:27px; padding-right:6px; font-size:12px; line-height:2em; text-align:right; color:#666; } #dy_header .dy-nav ul.link-container li:last-child { padding-right:0; } #dy_header .dy-nav ul.link-container li picture { width:24px; overflow:hidden; } #dy_header .dy-nav ul.link-container li picture img { width:24px; height:24px; cursor:pointer; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; width:100%; background:#f6fbfe; overflow:hidden; } #dy_slider .dy-slider { position:relative; overflow:hidden; } #dy_slider .dy-slider .swiper-container { width:100%; height:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide { position:relative; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-image { width:100%; height:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-image img { height:100%; width:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn { position:absolute; left:0; right:0; bottom:12%; z-index:10; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a { display:inline-block; width:164px; height:52px; line-height:52px; border-radius:5px; background:#32C424; color:#fff; text-align:center; font-size:18px; margin:0 12px; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a:nth-child(2) { background:#0168ff; } #dy_slider .dy-slider .swiper-container .swiper-pagination { bottom:3%; } #dy_slider .dy-slider .swiper-pagination-bullet { width:10px; height:10px; background:#fff; opacity:0.6; } #dy_slider .dy-slider .swiper-pagination-bullet-active { background:#fff; opacity:0.6; width:30px; border-radius:5px; -webkit-transition:all .4s ease; transition:all .4s ease; } /* 文字 */ #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text { position:absolute; top:25%; right:5%; width:45%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:5%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:5%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="top"] .slide-text { top:25%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="middle"] .slide-text { top:40%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h1 { color:#fff; font-size:60px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h2 { color:#fff; font-size:48px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h3 { color:#fff; font-size:32px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h4 { color:#fff; font-size:28px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h5 { color:#fff; font-size:24px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h6 { color:#fff; font-size:20px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text p { color:#fff; font-size:18px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .line { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link { margin-top:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a { color:#fff; font-size:18px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:after { position:absolute; content:''; display:block; width:24px; height:1px; background-color:#fff; bottom:-5px; left:49.5%; margin-left:-8px; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn { margin-top:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a { background:rgba(242,169,59,.5); color:#fff; font-size:16px; padding:3px 20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a:hover { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h1, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h2, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h3, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h4, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h5, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h6, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text p { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h1, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h2, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h3, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h4, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h5, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h6, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text p { color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .line { border-bottom:1px solid #fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .line { border-bottom:1px solid #000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a { color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a:after { background-color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a:after { background-color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover { color:#f99f05; -webkit-transition:color .4s ease; transition:color .4s ease; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover:after { background-color:#f99f05; width:75px; margin-left:-33px; } /*==================== 内页：Banner广告条 ====================*/ #dy_banner { position:relative; width:100%; background:#f6fbfe; overflow:hidden; } #dy_banner .dy-banner { width:100%; } #dy_banner .dy-banner .banner-container { width:100%; } #dy_banner .dy-banner .banner-container .banner-image { display:block; width:100%; height:auto; } #dy_banner .dy-banner .banner-container .banner-image img { display:block; width:100%; height:auto; } #dy_banner .dy-banner .banner-container .banner-text { position:absolute; top:35%; text-align:right; } #dy_banner .dy-banner .banner-container[text-xposition="left"] .banner-text { text-align:left; padding-left:20%; } #dy_banner .dy-banner .banner-container[text-xposition="middle"] .banner-text { text-align:center; } #dy_banner .dy-banner .banner-container[text-xposition="right"] .banner-text { text-align:right; padding-right:20%; } #dy_banner .dy-banner .banner-container[text-yposition="top"] .banner-text { top:35%; } #dy_banner .dy-banner .banner-container[text-yposition="middle"] .banner-text { top:45%; } #dy_banner .dy-banner .banner-container[text-yposition="bottom"] .banner-text { top:75%; } #dy_banner .dy-banner .banner-container .banner-text h1 { color:#fff; font-size:60px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container .banner-text p { color:#fff; font-size:16px; line-height:1.8em; font-weight:600; } #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h1, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h2, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h3, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h4, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h5, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h6, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text p { color:#000; } #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h1, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h2, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h3, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h4, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h5, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h6, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text p { color:#fff; } /*==================== 主内容区 ====================*/ #dy_main { position:relative; width:100%; overflow:hidden; } /* 公用标题 */ #dy_main .dy-title { width:100%; padding:30px 0 10px; overflow:hidden; } #dy_main .dy-title.gray { background:#fafafa; } #dy_main .dy-title.style2 { padding:0 0 20px 0; } #dy_main .dy-title .title-container { margin:0 auto; overflow:hidden; } /* 标题1 */ #dy_main .dy-title .title-container h1 { font-size:36px; color:#000; text-align:center; line-height:1.6em; font-weight:600; } #dy_main .dy-title .title-container h2 { font-size:28px; color:#000; text-align:center; line-height:1.6em; font-weight:600; } #dy_main .dy-title .title-container h4 { font-size:16px; color:#333; text-align:center; line-height:1.6em; font-weight:600; } /* 标题2 */ #dy_main .dy-title .title-container h6 { font-size:32px; color:#333; font-weight:600; line-height:60px; padding-left:15px; position:relative; } #dy_main .dy-title .title-container h6:before { content:""; display:block; height:1px; width:100px; background:#aaa; position:absolute; top:0; left:0; } #dy_main .dy-title .title-container h6 small { display:block; line-height:normal; font-size:14px; color:#aaa; } #dy_main .dy-title .title-container h6 small:after { content:""; display:inline-block; height:1px; position:relative; left:15px; bottom:2px; width:60px; background:#aaa; } /*==================== 首页：关于我们 ====================*/ #dy_main .index-about { width:100%; padding:20px 0 40px; background:#f4f5f9 url(../Images/bg_index_about.png) no-repeat top center; overflow:hidden; } #dy_main .index-about .index-about-container { margin:0 auto; overflow:hidden; } #dy_main .index-about .index-about-container .about-info { padding:0 20px 20px; } #dy_main .index-about .index-about-container .about-info p { font-size:16px; color:#000; text-align:left; line-height:1.8em; padding-bottom:10px; } /*==================== 内页：导航菜单 ====================*/ #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 16px; background-size:auto 16px; line-height:29px; float:left; padding:10px 0 10px 30px; color:#333; font-size:16px; } #dy_main .page-nav .page-location-container .location a { color:#333; font-size:16px; } #dy_main .page-nav .page-location-container .location span { padding:0 10px; } #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 .common-article { width:100%; padding:1% 0 6%; background:#fff; overflow:hidden; } #dy_main .common-article .common-article-container * { box-sizing:border-box; } #dy_main .common-article .common-article-container .common-article-container-left { float:left; width:32%; } #dy_main .common-article .common-article-container .common-article-container-right { float:right; width:68%; } #dy_main .common-article .common-article-container .common-article-container-left { margin-bottom:0; } #dy_main .common-article .common-article-container .common-article-container-left img { width:90%; margin-right:10%; vertical-align:middle; border-style:none; } #dy_main .common-article .common-article-container .common-article-container-right .article-info { width:100%; text-align:left; } #dy_main .common-article .common-article-container .common-article-container-right .article-info h2 { font-size:32px; color:#000; font-weight:600; line-height:1.5em; margin-bottom:10px; } #dy_main .common-article .common-article-container .common-article-container-right .article-info h4 { font-size:14px; color:#999; text-align:left; line-height:1.5em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .common-article .common-article-container .common-article-container-right .article-info h4 span { padding-right:30px; } #dy_main .common-article .common-article-container .common-article-container-right .article-info h4 span:last-child { padding-right:0; } #dy_main .common-article .common-article-container .common-article-container-right .article-info p { font-size:16px; color:#000; line-height:1.8em; margin-bottom:1rem; } #dy_main .common-article .common-article-container .common-article-container-right .article-info p img { max-width:100%; } /*==================== 内页：产品中心 ====================*/ #dy_main .product { width:100%; padding:1% 0 6%; background:#fff; overflow:hidden; } #dy_main .product .product-container { position:relative; overflow:hidden; } /* 分类列表 */ #dy_main .product.cate .product-container ul { width:100%; overflow:hidden; } #dy_main .product.cate .product-container ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:2%; background:#f5f5f5; } #dy_main .product.cate .product-container ul li:nth-child(4n) { margin-right:0; } #dy_main .product.cate .product-container ul li .pic { width:calc(100% - 20px); margin:10px auto; overflow:hidden; } #dy_main .product.cate .product-container ul li .pic img { display:block; width:100%; } #dy_main .product.cate .product-container ul li .txt { padding:0 10px 10px; } #dy_main .product.cate .product-container ul li .txt h4 { font-size:16px; color:#000; text-align:center; line-height:2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .product.cate .product-container ul li:hover .txt { color:#3aaaf8; } /* 产品列表 */ #dy_main .product.list .product-container ul.cate { float:left; width:20%; overflow:hidden; } #dy_main .product.list .product-container ul.cate li { margin-bottom:15px; background:#f9f9f9; padding:5px 10px; overflow:hidden; } #dy_main .product.list .product-container ul.cate li a { font-size:14px; color:#333; font-weight:600; text-transform:uppercase; text-align:left; line-height:1.5em; } #dy_main .product.list .product-container ul.cate li:hover a, #dy_main .product.list .product-container ul.cate li.active a { color:#669966; } #dy_main .product.list .product-container ul.products { float:right; width:76%; overflow:hidden; } #dy_main .product.list .product-container ul.products h2 { font-size:32px; 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.list .product-container ul.products li { width:calc(100% - 40px); margin-bottom:20px; padding:20px 20px; background:#fff; border:0 solid #eee; background:#f5f5f5; border-radius:8px; overflow:hidden; } #dy_main .product.list .product-container ul.products li .logo { float:left; width:18%; } #dy_main .product.list .product-container ul.products li .logo img { width:100%; height:100%; } #dy_main .product.list .product-container ul.products li .product-list { float:right; width:100%; } #dy_main .product.list .product-container ul.products li .product-list .product-item { width:calc(100% - 20px); padding:10px 10px; margin-bottom:10px; background:#fff; border-radius:8px; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .pic { float:left; width:22%; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .pic picture { float:left; width:100%; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .pic picture img { width:100%; height:100%; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt { float:right; width:74%; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt h4 { font-size:18px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .info { font-size:14px; color:#333; line-height:1.5em; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .info .info-line { width:100%; font-size:14px; color:#333; line-height:1.5em; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .info .info-line .title { float:left; width:25px; font-weight:600; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .info .info-line .content { float:left; width:calc(100% - 25px); } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .btn { width:100%; display:inline-block; *display:inline; *zoom:1; margin-top:10px; text-align:center; background:#669966; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .btn:hover { background:#15d2ac; } #dy_main .product.list .product-container ul.products li .product-list .product-item .txt .btn span { height:32px; line-height:32px; color:#fff; font-size:14px; cursor:pointer; } #dy_main .product.list .product-container ul.products li .product-list .product-item .datasheet { width:100%; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .datasheet h4 { font-size:18px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .datasheet picture { width:100%; overflow:hidden; } #dy_main .product.list .product-container ul.products li .product-list .product-item .datasheet picture img { width:100%; height:100%; } /* 产品详情 */ #dy_main .product.list .product-container .product-detail { float:right; width:76%; overflow:hidden; } #dy_main .product.list .product-container .product-detail h2 { font-size:32px; 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.list .product-container .product-detail .product-item { width:calc(100% - 20px); padding:20px 10px; margin-bottom:10px; background:#ffffff; border-radius:8px; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item.bg { background:#f5f5f5; } #dy_main .product.list .product-container .product-detail .product-item .pic { float:left; width:28%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .pic picture { float:left; width:44%; padding-right:6%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .pic picture img { width:100%; height:100%; } #dy_main .product.list .product-container .product-detail .product-item .txt { float:right; width:70%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .txt h4 { font-size:18px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .txt .info { font-size:14px; color:#333; line-height:1.5em; } #dy_main .product.list .product-container .product-detail .product-item .txt .info .info-line { width:100%; font-size:14px; color:#333; line-height:1.5em; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .txt .info .info-line .title { float:left; width:95px; font-weight:600; } #dy_main .product.list .product-container .product-detail .product-item .txt .info .info-line .content { float:left; width:calc(100% - 95px); } #dy_main .product.list .product-container .product-detail .product-item .txt .btn { width:100%; display:inline-block; *display:inline; *zoom:1; margin-top:10px; text-align:center; background:#669966; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .txt .btn:hover { background:#15d2ac; } #dy_main .product.list .product-container .product-detail .product-item .txt .btn span { height:32px; line-height:32px; color:#fff; font-size:14px; cursor:pointer; } #dy_main .product.list .product-container .product-detail .product-item .datasheet { width:100%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .datasheet h4 { font-size:18px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .datasheet picture { width:100%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .datasheet picture img { width:100%; height:100%; } #dy_main .product.list .product-container .product-detail .product-item .more { width:100%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .more h4 { font-size:18px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .more .content { width:100%; font-size:14px; color:#333; line-height:1.5em; } #dy_main .product.list .product-container .product-detail .product-item .more .content p { font-size:14px; color:#333; line-height:1.5em; padding-bottom:8px; } #dy_main .product.list .product-container .product-detail .product-item .more .content img { max-width:100%; } #dy_main .product.list .product-container .product-detail .product-item .video { width:100%; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .video h4 { font-size:18px; color:#000; font-weight:600; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .product.list .product-container .product-detail .product-item .video .video-js { animation-fill-mode:both; box-shadow:-34px 27px #ebebeb; } #dy_main .product.list .product-container .product-detail .product-item .video video, #dy_main .product.list .product-container .product-detail .product-item .video .video-js { width:100%; height:100%; background-color:#000; } /*==================== 内页：分享 ====================*/ #dy_main .sharing { width:100%; padding:40px 0 60px; overflow:hidden; } #dy_main .sharing .sharing-container { margin:0 auto; overflow:hidden; } #dy_main .sharing .sharing-container ul.sharing-list { width:100%; } #dy_main .sharing .sharing-container ul.sharing-list li { overflow:hidden; margin-bottom:45px; } #dy_main .sharing .sharing-container ul.sharing-list li a { display:block; overflow:hidden; } #dy_main .sharing .sharing-container ul.sharing-list li * { -webkit-transition:0.4s ease; -o-transition:0.4s ease; transition:0.4s ease; } #dy_main .sharing .sharing-container ul.sharing-list li .pic { float:left; width:120px; border-radius:10px; overflow:hidden; } #dy_main .sharing .sharing-container ul.sharing-list li .pic img { display:block; width:120px; height:120px; border-radius:10px; } #dy_main .sharing .sharing-container ul.sharing-list li .txt { float:right; width:calc(100% - 140px); padding:0 0 13px 0; border-bottom:1px #666 solid; } #dy_main .sharing .sharing-container ul.sharing-list li .txt h3 { font-size:18px; color:#333; line-height:2em; padding-bottom:5px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .sharing .sharing-container ul.sharing-list li .txt h4 { font-size:12px; color:#999; line-height:1.8em; } #dy_main .sharing .sharing-container ul.sharing-list li .txt h4 span { padding-right:10px; color:#999; } #dy_main .sharing .sharing-container ul.sharing-list li .txt h5 { font-size:12px; color:#999; line-height:1.8em; } #dy_main .sharing .sharing-container ul.sharing-list li .txt p { font-size:14px; color:#333; line-height:1.7em; max-height:3.4em; margin:6px 0; overflow:hidden; } #dy_main .sharing .sharing-container ul.sharing-list li a:hover .txt { border-bottom:1px #669966 solid; } #dy_main .sharing .sharing-container ul.sharing-list li a:hover .txt h3 { color:#669966; } /* 详情 */ #dy_main .sharing.detail { padding:40px 0 60px; } #dy_main .sharing.detail .sharing-container .sharing-info { width:100%; overflow:hidden; } #dy_main .sharing.detail .sharing-container .sharing-info h2 { font-size:28px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .sharing.detail .sharing-container .sharing-info h4 { font-size:14px; color:#999; text-align:center; line-height:1.5em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #666; overflow:hidden; } #dy_main .sharing.detail .sharing-container .sharing-info h4 span { padding-right:30px; color:#999; } #dy_main .sharing.detail .sharing-container .sharing-info h4 span:last-child { padding-right:0; } #dy_main .sharing.detail .sharing-container .sharing-info .info-content { width:100%; font-size:14px; line-height:2em; padding-top:20px; overflow:hidden; } #dy_main .sharing.detail .sharing-container .sharing-info .info-content p { font-size:16px; color:#333; line-height:1.5em; } #dy_main .sharing.detail .sharing-container .sharing-info .info-content img { max-width:100%; } #dy_main .sharing.detail .sharing-container .sharing-info .info-content p:last-child { padding-bottom:0; } /*==================== 内页：在线咨询 ====================*/ #dy_main .feedback { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .feedback .feedback-container { overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form { width:100%; margin:0 auto; overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form ul.form-list { width:100%; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li { float:left; width:calc(100% - 102px); margin-top:30px; border:solid 1px #e7e7e7; padding-left:100px; position:relative; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li .tips { width:90px; height:51px; line-height:51px; position:absolute; left:0; top:0; font-size:14px; color:#000; font-weight:600; padding-left:12px; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li input { display:block; width:calc(100% - 20px); padding:0 10px; height:51px; line-height:51px; font-size:14px; color:#333; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li input.alert { background:#fbe8d3; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li textarea { display:block; width:calc(100% - 20px); height:93px; line-height:31px; font-size:14px; color:#333; padding:10px; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li input.alert, #dy_main .feedback .feedback-container .feedback-form ul.form-list li textarea.alert { background:#fbe8d3; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li.l1 { width:calc(33% - 122px); margin-right:35px; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li.l1.last { margin-right:0; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li.l2 { width:100%; margin-top:35px; padding-left:0; border:0; text-align:center; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li.l2 input { width:600px; display:inline-block; *display:inline; *zoom:1; padding:0 50px; height:50px; line-height:50px; text-align:center; background:#669966; color:#fff; font-size:16px; cursor:pointer; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form ul.form-list li.l2 input:hover { background:#15d2ac; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact { width:100%; padding:1% 0 6%; background:#fff; overflow:hidden; } #dy_main .contact .contact-container { position:relative; margin-bottom:40px; } #dy_main .contact .contact-container:last-child { margin-bottom:0; } #dy_main .contact .contact-container .contact-info { margin:auto; padding:40px 30px; background:#fafafa; overflow:hidden; } #dy_main .contact .contact-container .contact-info h2 { font-size:32px; color:#000; text-align:left; font-weight:600; line-height:1.5em; margin-bottom:20px; } #dy_main .contact .contact-container .contact-info p { float:left; width:calc(50% - 60px); padding-right:30px; padding-bottom:10px; font-size:18px; color:#666; line-height:1.6em; } #dy_main .contact .contact-container .contact-info p:last-child { padding-bottom:0; } #dy_main .contact .contact-container .contact-info p a { color:#666; } #dy_main .contact .contact-container .contact-info p a:hover { color:#333; } #dy_main .contact .contact-container .contact-info p.address { background:url(../Images/icon_address.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-info p.contactman { background:url(../Images/icon_contactman.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-info p.tel { background:url(../Images/icon_tel.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-info p.fax { background:url(../Images/icon_fax.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-info p.email { background:url(../Images/icon_email.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-info p.wechat { background:url(../Images/icon_wechat.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-info p.web { background:url(../Images/icon_web.png) no-repeat left 4px; background-size:22px; padding-left:30px; } #dy_main .contact .contact-container .contact-map { width:100%; margin-top:20px; overflow:hidden; } #dy_main .contact .contact-container .contact-map .dyjs-map { width:100%; height:100%; } #dy_main .contact .contact-container .contact-map .dyjs-map picture { width:100%; overflow:hidden; } #dy_main .contact .contact-container .contact-map .dyjs-map picture img { width:100%; } #dy_main .contact .contact-container .contact-map .dyjs-map p { padding-top:20px; width:100%; font-size:14px; color:#666; text-align:left; font-weight:600; line-height:1.5em; } /*==================== 底部版权及菜单栏 ====================*/ #dy_footer { display:block; background:#333 url(../Images/bg_bottom.png) no-repeat; background-position:center center; background-size:cover; color:#fff; text-align:left; overflow:hidden; } #dy_footer .footer-container { overflow:hidden; } #dy_footer .footer-container .menu { width:100%; padding:4% 0 2%; overflow:hidden; } #dy_footer .footer-container .menu .logo { float:left; width:20%; margin-top:40px; text-align:left; overflow:hidden; } #dy_footer .footer-container .menu .logo img { width:60%; height:auto; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; } #dy_footer .footer-container .menu .logo p { font-size:12px; color:#fff; text-align:center; margin-top:8px; } #dy_footer .footer-container .menu .links { float:left; width:30%; display:-ms-flexbox; display:flex; overflow:hidden; } #dy_footer .footer-container .menu .links article { width:auto; padding:0; margin-bottom:20px; margin-right:60px; text-align:left; } #dy_footer .footer-container .menu .links article:last-child { margin-right:0; } #dy_footer .footer-container .menu .links article h2 { margin-bottom:20px; font-size:16px; font-weight:600; line-height:1.2em; color:#fff; text-transform:uppercase; text-decoration:none; } #dy_footer .footer-container .menu .links article h2 a { color:#fff; } #dy_footer .footer-container .menu .links article ul { list-style:none; margin-left:0; padding-left:0; } #dy_footer .footer-container .menu .links article ul li { font-size:13px; line-height:2.5em; color:#ddd; margin-bottom:0; text-decoration:none; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_footer .footer-container .menu .links article ul li a { color:#ddd; } #dy_footer .footer-container .menu .links article ul li a:hover { color:#fff; } #dy_footer .footer-container .menu .qrcode { float:left; width:calc(14% - 1px); margin-top:40px; text-align:center; border-right:1px solid #666; overflow:hidden; } #dy_footer .footer-container .menu .qrcode img { width:60%; height:auto; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; } #dy_footer .footer-container .menu .qrcode p { font-size:12px; color:#fff; text-align:center; margin-top:8px; } #dy_footer .footer-container .menu .contact { float:right; width:34%; overflow:hidden; font-size:12px; color:#333; } #dy_footer .footer-container .menu .contact h2 { display:block; margin-bottom:20px; font-size:16px; line-height:1.2em; color:#fff; text-transform:uppercase; text-decoration:none; } #dy_footer .footer-container .menu .contact p { font-size:13px; color:#ddd; line-height:1.6em; padding-left:23px; padding-bottom:10px; } #dy_footer .footer-container .menu .contact p a { color:#ddd; } #dy_footer .footer-container .menu .contact p a:hover { color:#fff; } #dy_footer .footer-container .menu .contact p.address { background:url(../Images/icon_footer_address.png) no-repeat left 4px; background-size:16px; } #dy_footer .footer-container .menu .contact p.tel { background:url(../Images/icon_footer_tel.png) no-repeat left 4px; background-size:16px; } #dy_footer .footer-container .menu .contact p.fax { background:url(../Images/icon_footer_fax.png) no-repeat left 4px; background-size:16px; } #dy_footer .footer-container .menu .contact p.email { background:url(../Images/icon_footer_email.png) no-repeat left 4px; background-size:16px; } #dy_footer .footer-container .menu .contact p.phone { background:url(../Images/icon_footer_phone.png) no-repeat left 4px; background-size:16px; } #dy_footer .footer-container .copyright { padding:10px 0; display:block; border-top:1px solid #666; overflow:hidden; } #dy_footer .footer-container .copyright .left { float:left; } #dy_footer .footer-container .copyright .left p { font-size:12px; line-height:2em; text-align:left; color:#666; } #dy_footer .footer-container .copyright .left p span { padding-right:20px; font-size:12px; color:#999; } #dy_footer .footer-container .copyright .left p span .gabeian { height:14px; width:14px; padding-right:3px; } #dy_footer .footer-container .copyright .left p span:last-child { padding-right:0; } #dy_footer .footer-container .copyright .left p span:not(:first-child) { display:inline-block; } #dy_footer .footer-container .copyright .left p a { color:#999; } #dy_footer .footer-container .copyright .left p a:hover { color:#ddd; } #dy_footer .footer-container .copyright .right { float:right; } #dy_footer .footer-container .copyright .right ul { float:right; } #dy_footer .footer-container .copyright .right ul li { float:left; padding-right:6px; font-size:12px; line-height:2em; text-align:right; color:#666; } #dy_footer .footer-container .copyright .right ul li:last-child { padding-right:0; } #dy_footer .footer-container .copyright .right ul li picture { width:24px; overflow:hidden; } #dy_footer .footer-container .copyright .right ul li picture img { width:24px; height:24px; cursor:pointer; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); } #dy_footer .footer-container .copyright .right ul li picture img:hover { transition:all 0.3s ease-in-out 0s; filter:grayscale(100%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); } #dy_footer .footer-container .hide { display:none; } /*==================== 放大图片蒙层 ====================*/ .dy-enlarge { position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:99999999; width:100%; height:100%; display:none; } .dy-enlarge .enlarge-container { position:absolute; background:#fff; } .dy-enlarge .enlarge-container img { border:5px solid #fff; }