@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:1280px; max-width:1280px; } .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; z-index:99999; box-shadow:0 0 4px rgba(0, 0, 0, 0.25); } /* 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 18px; height:80px; line-height:80px; text-align:center; border-radius:30px; color:#000; font-size:15px; font-weight:500; -webkit-transition:all 0s; -o-transition:all 0s; transition:all 0s; } #dy_header .dy-nav .menu-container .menu .menu-item.active>a { color:#91c41e; } #dy_header .dy-nav .menu-container .menu .menu-item.on>a { color:#fff; } #dy_header .dy-nav .menu-container .menu .menu-item:hover>a { color:#91c41e; } /* 子菜单 */ #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 10px 10px; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.25); box-shadow:0 0 3px rgba(0, 0, 0, 0.25); 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:#91c41e; -webkit-transition:all .4s ease; transition:all .4s ease; } .menu-item:hover .custom-menu-item-sub { display:flex!important; } .custom-menu-item-sub { z-index:9999; position:absolute; background:#fff; top:80%; left:50%; transform:translateX(-50%); padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; color:#000; border-radius:8px; display:flex; flex-direction:column; gap:5px; min-width:180px; text-align:center; font-size:15px; display:none; } .custom-menu-item-sub a { display:inline-block; box-sizing:border-box!important; padding:4px; } .custom-menu-item-sub a:hover { background-color:#ffffff; color:#91c41e; cursor:pointer; border-radius:8px; } .custom-menu-item-sub .a-active { background-color:#ffffff; color:#91c41e; border-radius:8px; } .change-i18n-warp { cursor:pointer; margin-left:16px; transform:translateY(2px); width:32px; height:32px; } .menu .menu-item:last-child:hover { background:#ffffff; cursor:pointer; } /* 语言 */ #dy_header .dy-nav .menu-container .menu .menu-lang { position:relative; float:right; width:150px; padding-left:50px; font-size:14px; text-align:center;} #dy_header .dy-nav .menu-container .menu .menu-lang span { font-size:14px; color:#333; cursor:pointer; } #dy_header .dy-nav .menu-container .menu .menu-lang i.lang { padding-right:18px; width:14px; height:14px; background:url(../Images/icon_lang_black.png) no-repeat center center; background-size:14px 14px; } #dy_header .dy-nav .menu-container .menu .menu-lang i.down { padding-left:16px; width:12px; height:12px; background:url(../Images/icon_arrow_down_black.png) no-repeat center center; background-size:12px 12px; } #dy_header .dy-nav .menu-container .menu .menu-lang .lang-box { z-index:9999; position:absolute; top:32px; background:#fff; width:100px; left:50%; margin-left:-25px; border-radius:8px; display:none; } #dy_header .dy-nav .menu-container .menu .menu-lang .lang-box a { display:block; font-size:14px; color:#333; text-align:center; line-height:3em; } #dy_header .dy-nav .menu-container .menu .menu-lang .lang-box a:hover { background:#91c41e; color:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; background:#f4f5f9; } #dy_slider .dy-slider { position:relative; width:100%; 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%; display:block; } #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:50%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:0; text-align:right; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="center"] .slide-text { left:25%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:0; text-align:left; } #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:35%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="bottom"] .slide-text { top:55%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h1 { color:#fff; font-size:60px; font-weight:500; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h2 { color:#fff; font-size:48px; font-weight:500; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h3 { color:#fff; font-size:32px; font-weight:500; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h4 { color:#fff; font-size:28px; font-weight:500; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h5 { color:#fff; font-size:24px; font-weight:500; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h6 { color:#fff; font-size:20px; font-weight:500; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text p { color:#fff; font-size:18px; font-weight:500; 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; } #dy_slider .dy-slider .swiper-container .swiper-button-next { background-image:url(../Images/i_s_a_right.png)!important; background-size:46px 84px!important; width:46px; height:84px; } #dy_slider .dy-slider .swiper-container .swiper-button-prev { background-image:url(../Images/i_s_a_left.png)!important; background-size:46px 84px!important; width:46px; height:84px; } /*==================== 内页：Banner广告条 ====================*/ #dy_banner { position:relative; width:100%; } #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; width:100%; top:35%; text-align:right; } #dy_banner .dy-banner .banner-container[text-xposition="left"] .banner-text { text-align:left; } #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; } #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:65%; } #dy_banner .dy-banner .banner-container .banner-text h1 { color:#fff; font-size:60px; line-height:1.8em; font-weight:500; } #dy_banner .dy-banner .banner-container .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; font-weight:500; } #dy_banner .dy-banner .banner-container .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; font-weight:500; } #dy_banner .dy-banner .banner-container .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; font-weight:500; } #dy_banner .dy-banner .banner-container .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; font-weight:500; } #dy_banner .dy-banner .banner-container .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; font-weight:500; } #dy_banner .dy-banner .banner-container .banner-text p { color:#fff; font-size:16px; line-height:1.8em; letter-spacing:2px; 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 { width:100%; overflow:hidden; } /* 公用标题 */ #dy_main .dy-title { width:100%; padding:30px 0; 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; } /* style-1 */ #dy_main .dy-title .title-container h1 { font-size:36px; color:#000; text-align:center; line-height:1.6em; margin:0; } #dy_main .dy-title .title-container h2 { font-size:28px; color:#333; text-align:center; line-height:1.6em; margin:0; } #dy_main .dy-title .title-container h4 { font-size:16px; color:#666; text-align:center; line-height:1.6em; } /* style-2 */ #dy_main .dy-title .title-container h6 { font-size:32px; color:#333; 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 .pub-title { position:relative; width:100%; padding-bottom:20px; text-align:center; overflow:hidden; } #dy_main .pub-title h2 span:first-child { font-size:36px; color:#333; font-weight:600; position:absolute; left:50%; top:36%; z-index:1; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #dy_main .pub-title h2 span:last-child { font-size:68px; color:#0070c6; font-weight:600; letter-spacing:4px; text-transform:uppercase; display:block; line-height:1; opacity:0.1; } #dy_main .pub-title h2.has-desc { padding-bottom:10px; } #dy_main .pub-title p { font-size:18px; 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 .pub-title-in { position:relative; width:100%; text-align:center; margin:40px 0; overflow:hidden; } #dy_main .pub-title-in.top { margin-top:0; } #dy_main .pub-title-in h2 { font-size:32px; color:#333; font-weight:500; } #dy_main .pub-title-in h2 span { color:#f49c11; padding:0 10px; } #dy_main .pub-title-in h3 { font-size:18px; color:#666; font-weight:500; padding-bottom:10px; } #dy_main .pub-title-in.white h2, #dy_main .pub-title-in.white h3 { color:#fff; } /*==================== 首页：关于我们 ====================*/ #dy_main .index-about { width:100%; padding:2% 0 4%; background:#fff url(../Images/bg_index_about.png) no-repeat top center; background-size:cover; overflow:hidden; } /* 简介 */ #dy_main .index-about .index-about-container { position:relative; overflow:hidden; } #dy_main .index-about .index-about-container .txt { float:left; width:76%; } #dy_main .index-about .index-about-container .txt .info { padding:40px 0; } #dy_main .index-about .index-about-container .txt .info h2 { font-size:36px; color:#fff; line-height:2em; letter-spacing:2px; padding-bottom:10px; } #dy_main .index-about .index-about-container .txt .info p { font-size:16px; line-height:1.8em; color:#d9d9d9; padding-bottom:10px; } #dy_main .index-about .index-about-container .pic { float:right; width:20%; } #dy_main .index-about .index-about-container .pic img { vertical-align:bottom; width:100%; } /* 数据 */ #dy_main .index-about .index-about-data-container { float:left; width:76%; overflow:hidden; } #dy_main .index-about .index-about-data-container li { float:left; margin-right:2%; width:23.5%; text-align:left; height:80px; padding:0 0 100px; position:relative; transition:all .4s; } #dy_main .index-about .index-about-data-container li .info { width:100%; margin:0 auto; } #dy_main .index-about .index-about-data-container li .info p { width:calc(100% - 20px); max-width:100%; margin:6px auto 0; font-size:15px; color:#fff; } #dy_main .index-about .index-about-data-container li .info p:before { content:''; width:10%; height:1px; background:#fff; position:absolute; top:120px; bottom:0; left:10px; transition:all .4s; } #dy_main .index-about .index-about-data-container li .info p span { font-size:60px; font-weight:300; color:#fff; transition:all .4s; } #dy_main .index-about .index-about-data-container li .info p i { display:inline; font-size:14px; color:#fff; font-style:normal; padding-left:6px; transition:all .4s; } #dy_main .index-about .index-about-data-container li .info h2 { width:calc(100% - 20px); max-width:100%; padding-top:50px; margin:0 auto; font-size:15px; font-weight:300; color:#fff; transition:all .4s; } #dy_main .index-about .index-about-data-container li:last-child { margin-right:0;} #dy_main .index-about .index-about-data-container li:after { position:absolute; left:50%; bottom:0; border-top:2px solid #fff; transform:translateX(-50%); content:''; width:0; transition:all .4s; } #dy_main .index-about .index-about-data-container li:hover .info p:before { width:30%; } /*==================== 首页：推荐广告 ====================*/ #dy_main .index-recommend { width:100%; padding:2% 0 4%; background:#fff; overflow:hidden; } #dy_main .index-recommend .index-recommend-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .index-recommend .index-recommend-container .recommend { position:relative; height:375px; margin-bottom:6px; text-align:center; overflow:hidden; } #dy_main .index-recommend .index-recommend-container .recommend picture { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:-9; } #dy_main .index-recommend .index-recommend-container .recommend picture img { width:100%; height:100%; } #dy_main .index-recommend .index-recommend-container .recommend a { display:block; width:100%; height:100%; z-index:1; } #dy_main .index-recommend .index-recommend-container .recommend .txt { color:#333; font-size:28px; line-height:45px; text-align:right; padding-top:120px; padding-left:40px; padding-right:40px; } #dy_main .index-recommend .index-recommend-container .recommend .txt .desc p { margin-top:10px; color:#666; font-size:18px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; line-height:28px!important; overflow:visible; } #dy_main .index-recommend .index-recommend-container .recommend.recommend-1, #dy_main .index-recommend .index-recommend-container .recommend.recommend-4 { width:60%; } #dy_main .index-recommend .index-recommend-container .recommend.recommend-2, #dy_main .index-recommend .index-recommend-container .recommend.recommend-3 { width:calc(40% - 6px); } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt span { color:#fff; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt span { color:#000; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt .desc p { color:#fafafa; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt .desc p { color:#333; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="left"] .txt { text-align:left; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="center"] .txt { text-align:center; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="right"] .txt { text-align:right; } /*==================== 首页：产品 ====================*/ #dy_main .index-product { width:100%; padding:2% 0 4%; background:#f7f7f7; overflow:hidden; } #dy_main .index-product .index-product-container { margin:0 auto; overflow:hidden; } #dy_main .index-product .index-product-container .index-product-container-info { margin:0 auto; position:relative; } #dy_main .index-product .index-product-container .index-product-container-info .prev { width:46px; height:84px; display:block; background:url(../Images/i_s_a_left.png) no-repeat; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:0; top:153px; z-index:100; } #dy_main .index-product .index-product-container .index-product-container-info .prev:hover { opacity:1;filter:alpha(opacity=100); } #dy_main .index-product .index-product-container .index-product-container-info .next { width:46px; height:84px; display:block; background:url(../Images/i_s_a_right.png) no-repeat;opacity:0.8; filter:alpha(opacity=80); position:absolute; right:0; top:153px; z-index:100; } #dy_main .index-product .index-product-container .index-product-container-info .next:hover { opacity:1; filter:alpha(opacity=100); } #dy_main .index-product .index-product-container .index-product-container-info .bd { width:100%; } #dy_main .index-product .index-product-container .index-product-container-info .bd .tempWrap { width:100%; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul { width:100%; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li { position:relative; float:left; width:300px; margin-right:24px; border:1px solid #ddd; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li:hover { border-color:#91c41e!important; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li .pic { width:calc(100% - 20px); margin:10px auto; overflow:hidden; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li .pic img { display:block; width:100%; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li .txt { padding:0 10px 10px; font-size:16px; color:#333; text-align:center; line-height:1.4em; overflow:hidden; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li .txt h4 { font-size:18px; color:#333; text-align:left; line-height:2em; text-overflow:ellipsis; white-space:nowrap; } #dy_main .index-product .index-product-container .index-product-container-info .bd ul li .txt p { font-size:12px; color:#666; text-align:left; line-height:1.5em; height:4.5em; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } /*==================== 首页：资讯 ====================*/ #dy_main .index-news { width:100%; height:700px; padding:2% 0 0; background:url(../Images/bg_index_news.png) center; overflow:hidden; } #dy_main .index-news .index-news-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .index-news .index-news-container .index-news-container-info { margin:0 auto; padding:50px 50px 40px; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow:hidden; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news { width:479px; float:left; padding-right:30px; border-right:1px #f1f1f1 solid; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-pic { width:480px; height:300px; overflow:hidden; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-pic img { width:480px; height:300px; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-title { margin-top:10px; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-title h2 { width:100%; font-size:18px; color:#333; overflow:hidden; line-height:1.5em; height:1.5em; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-title:hover { -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-title:hover h2 { color:#5e9f8a; } #dy_main .index-news .index-news-container .index-news-container-info .pic-news .news-title span { float:right; font-size:12px; color:#999; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news { width:640px; float:left; padding-left:30px; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul { width:100%; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li { width:100%; height:100px; margin-bottom:20px; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li:last-child { margin-bottom:0; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .time { width:70px; height:76px; border:1px #f1f1f1 solid; text-align:center; padding:10px 0; float:left; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .time .day { font-size:40px; font-weight:bold; color:#5e9f8a; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .time .month { text-transform:uppercase; font-size:12px; color:#999; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .desc { width:86%; float:right; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .desc h2 { font-size:18px; color:#333; text-align:left; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .desc h2 span { font-size:12px; color:#999; float:right; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li .desc p { font-size:14px; color:#666; line-height:1.6em; height:3.2em; margin-top:8px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li:hover .time { border-color:#5e9f8a; } #dy_main .index-news .index-news-container .index-news-container-info .txt-news ul li:hover .desc h2 { color:#5e9f8a; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } /*==================== 内页：导航菜单 ====================*/ #dy_main .page-nav { width:100%; height:60px; border-bottom:solid 1px #ddd; } #dy_main .page-nav.gray { background:#f4f5f9; } #dy_main .page-nav.linear-gray { background:linear-gradient(to right, #f4f5f9, #f4f5f9 50%, #fff 50%, #fff); } #dy_main .page-nav .page-nav-container { position:relative; margin:0 auto; } #dy_main .page-nav .page-nav-container .location { float:right; } #dy_main .page-nav .page-nav-container .location i { margin:0 5px; padding-left:16px; } #dy_main .page-nav .page-nav-container .location i.home { background:url(../Images/icon_home.png) no-repeat left; background-size:14px; } #dy_main .page-nav .page-nav-container .location i.right-arrow { background:url(../Images/icon_rightarrow.png) no-repeat left; background-size:14px; } #dy_main .page-nav .page-nav-container .location a, #dy_main .page-nav .page-nav-container .location span { font-size:14px; color:#333; line-height:60px; } #dy_main .page-nav .page-nav-container .nav { float:left; } #dy_main .page-nav .page-nav-container .nav nav { position:relative; } #dy_main .page-nav .page-nav-container .nav nav dl i { color:#5e9f8a; } #dy_main .page-nav .page-nav-container .nav nav ul { width:100%; } #dy_main .page-nav .page-nav-container .nav nav ul li { position:relative; display:block; float:left; margin:0 20px; font-size:14px; color:#333; line-height:60px; } #dy_main .page-nav .page-nav-container .nav nav ul li a { position:relative; display:block; font-size:14px; color:#000; line-height:60px; } #dy_main .page-nav .page-nav-container .nav nav li > a:after { content:''; display:block; width:0; height:1px; background:#5e9f8a; position:absolute; left:50%; bottom:0px; z-index:10; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } #dy_main .page-nav .page-nav-container .nav nav li:hover > a, #dy_main .page-nav .page-nav-container .nav nav li.active > a { color:#5e9f8a!important; } #dy_main .page-nav .page-nav-container .nav nav li:hover > a:after, #dy_main .page-nav .page-nav-container .nav nav li.active > a:after { width:80px; } /*==================== 内页：通用文章 ====================*/ #dy_main .common-article { width:100%; padding:3% 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; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } #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:#333; 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:#666; 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 .about { width:100%; padding:2% 0 0%; background:#fff; overflow:hidden; } #dy_main .about.environment { background:#fafafa; } #dy_main .about .about-container { position:relative; margin-bottom:30px; } #dy_main .about .about-container .pic { width:100%; } #dy_main .about .about-container .pic img { vertical-align:bottom; width:100%; } #dy_main .about .about-container .txt { position:absolute; right:0; top:180px; width:850px; max-width:100%; background:#fafafa; } #dy_main .about .about-container .txt .detail { padding:40px; } #dy_main .about .about-container .txt .detail h2 { font-size:32px; color:#333; line-height:2em; letter-spacing:2px; } #dy_main .about .about-container .txt .detail p { font-size:18px; line-height:1.6em; padding-bottom:10px; color:#666; } #dy_main .about .about-container .info { width:100%; color:#333; font-size:16px; text-align:center; line-height:2em; overflow:hidden; } #dy_main .about .about-container .info p { color:#333; font-size:16px; text-align:left; line-height:1.6em; padding-bottom:20px; } #dy_main .about .about-container .cover { width:100%; margin-top:20px; text-align:center; overflow:hidden; } #dy_main .about .about-container .cover p img { width:100%; height:auto; opacity:0.2; } #dy_main .about .about-container .cover-info { position:absolute; top:70px; left:50px; width:420px; font-size:18px; color:#000; line-height:2em; } #dy_main .about .about-container .cover-info p { font-size:18px; line-height:2em; padding-bottom:10px; color:#000; } /* 数据 */ #dy_main .about .about-container .data { overflow:hidden; padding:20px 0; } #dy_main .about .about-container .data li { float:left; margin-right:2%; background:#f4f5f9; width:23.5%; text-align:center; height:70px; padding:30px 0; position:relative; transition:all .4s; } #dy_main .about .about-container .data li:nth-child(1n) { background:#4aa7fb; } #dy_main .about .about-container .data li:nth-child(2n) { background:#f77577; } #dy_main .about .about-container .data li:nth-child(3n) { background:#57d3bc; } #dy_main .about .about-container .data li:nth-child(4n) { background:#d47def; } #dy_main .about .about-container .data li .info { width:100%; margin:0 auto; } #dy_main .about .about-container .data li .info h2 { width:calc(100% - 20px); max-width:100%; margin:0 auto; font-size:15px; color:#fff; text-align:center; transition:all .4s; } #dy_main .about .about-container .data li .info p { width:calc(100% - 20px); max-width:100%; margin:6px auto 0; font-size:15px; color:#fff; text-align:center; } #dy_main .about .about-container .data li .info p span { font-size:32px; color:#fff; transition:all .4s; } #dy_main .about .about-container .data li .info p i { display:inline; font-size:12px; color:#fff; font-style:normal; padding-left:6px; transition:all .4s; } #dy_main .about .about-container .data li:last-child { margin-right:0;} #dy_main .about .about-container .data li:after { position:absolute; left:50%; bottom:0; border-top:2px solid #288af3; transform:translateX(-50%); content:''; width:0; transition:all .4s; } #dy_main .about .about-container .data li:hover { background:#f4f5f9; } #dy_main .about .about-container .data li:hover:after { width:100%; } #dy_main .about .about-container .data li:hover .info span, #dy_main .about .about-container .data li:hover .info h2, #dy_main .about .about-container .data li:hover .info p, #dy_main .about .about-container .data li:hover .info i { color:#288af3; } /* 视频 */ #dy_main .about .about-container .video { position:relative; width:854px; height:480px; margin:20px auto 0; padding:20px; border-radius:16px; -webkit-box-shadow:0 0 20px rgb(0 0 0 / 5%); box-shadow:0 0 20px rgb(0 0 0 / 5%); background-color:#f1f1f1; } #dy_main .about .about-container .video video, #dy_main .about .about-container .video .video-js { width:100%; height:100%; background-color:#000; } /*==================== 内页：公司图片 ====================*/ #dy_main .about-pic { width:100%; padding:2% 0 4%; background:#f7f7f7; overflow:hidden; } #dy_main .about-pic .about-pic-container { margin:0 auto; overflow:hidden; } #dy_main .about-pic .about-pic-container .about-pic-container-info { margin:0 auto; position:relative; } #dy_main .about-pic .about-pic-container .about-pic-container-info .prev { width:46px; height:84px; display:block; background:url(../Images/i_s_a_left.png) no-repeat; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:0; top:153px; z-index:100; } #dy_main .about-pic .about-pic-container .about-pic-container-info .prev:hover { opacity:1;filter:alpha(opacity=100); } #dy_main .about-pic .about-pic-container .about-pic-container-info .next { width:46px; height:84px; display:block; background:url(../Images/i_s_a_right.png) no-repeat;opacity:0.8; filter:alpha(opacity=80); position:absolute; right:0; top:153px; z-index:100; } #dy_main .about-pic .about-pic-container .about-pic-container-info .next:hover { opacity:1; filter:alpha(opacity=100); } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd { width:100%; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd .tempWrap { width:100%; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul { width:100%; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li { position:relative; float:left; width:625px; margin-right:30px; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li:hover { border-color:#91c41e!important; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li .pic { width:100%; overflow:hidden; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li .pic img { display:block; width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li .txt { padding:10px 10px; font-size:16px; color:#333; text-align:center; line-height:1.4em; overflow:hidden; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li .txt h4 { font-size:18px; color:#333; text-align:left; line-height:2em; text-overflow:ellipsis; white-space:nowrap; } #dy_main .about-pic .about-pic-container .about-pic-container-info .bd ul li .txt p { font-size:14px; color:#666; text-align:left; line-height:1.6em; height:4.8em; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } /*==================== 内页：发展历程 ====================*/ #dy_main .history { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .history .history-container { overflow:hidden; } #dy_main .history .history-container ul { width:100%; overflow:hidden; } #dy_main .history .history-container ul li { position:relative; width:calc(50% - 30px); padding-bottom:30px; } #dy_main .history .history-container ul li h2 { font-size:28px; color:#91c41e; line-height:2em; } #dy_main .history .history-container ul li h2 .round { content:''; position:absolute; right:0; top:20px; -webkit-transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(50%); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:20px; height:18px; background-color:#91c41e; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:solid 4px #ebedf0; z-index:2; } #dy_main .history .history-container ul li p { font-size:16px; color:#666; line-height:2em; overflow:hidden; } #dy_main .history .history-container ul li picture { display:block; width:100%; margin-top:20px; overflow:hidden; } #dy_main .history .history-container ul li picture img { display:block; width:100%; height:auto; } #dy_main .history .history-container ul li:nth-child(odd) { float:left; padding-right:30px; border-right:1px dotted #eee; } #dy_main .history .history-container ul li:nth-child(even) { float:right; padding-left:29px; border-left:1px dotted #eee; } #dy_main .history .history-container ul li:nth-child(odd) h2, #dy_main .history .history-container ul li:nth-child(odd) p { text-align:right; } #dy_main .history .history-container ul li:nth-child(even) h2 .round { left:-20px; right:0; } /*==================== 内页：企业文化 ====================*/ #dy_main .culture { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .culture .culture-container { position:relative; margin-bottom:30px; overflow:hidden; } #dy_main .culture .culture-container ul.info { margin:0 auto; } #dy_main .culture .culture-container ul.info li { display:flex; justify-content:space-between; padding-bottom:60px; flex-direction:row-reverse; } #dy_main .culture .culture-container ul.info li .image, #dy_main .culture .culture-container ul.info li .text>.title, #dy_main .culture .culture-container ul.info li .text>.desc p { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; } #dy_main .culture .culture-container ul.info li .text { display:flex; flex-direction:column; justify-content:center; } #dy_main .culture .culture-container ul.info li .text .title { padding:20px 0; background-size:auto 96px; background-repeat:no-repeat; background-position:0 center; } #dy_main .culture .culture-container ul.info li .text .title h3 { font-size:28px; color:#91c41e; } #dy_main .culture .culture-container ul.info li:nth-child(1) .text .title { background-image:url("../Images/01.png"); background-size:80px; background-repeat:no-repeat; } #dy_main .culture .culture-container ul.info li:nth-child(2) .text .title { background-image:url("../Images/02.png"); background-size:80px; background-repeat:no-repeat; } #dy_main .culture .culture-container ul.info li:nth-child(3) .text .title { background-image:url("../Images/03.png"); background-size:80px; background-repeat:no-repeat; } #dy_main .culture .culture-container ul.info li:nth-child(4) .text .title { background-image:url("../Images/04.png"); background-size:80px; background-repeat:no-repeat; } #dy_main .culture .culture-container ul.info li:nth-child(5) .text .title { background-image:url("../Images/05.png"); background-size:80px; background-repeat:no-repeat; } #dy_main .culture .culture-container ul.info li .text .line-h { width:839px; height:0; border-top:1px solid #eee; margin:16px 0; } #dy_main .culture .culture-container ul.info li .text .desc { font-size:16px; width:840px; color:#333; line-height:2em; } #dy_main .culture .culture-container ul.info li .text .desc p { padding:0; margin:0; } #dy_main .culture .culture-container ul.info li .image img { width:340px; display:block; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } /*==================== 内页：合作伙伴 ====================*/ #dy_main .partner { width:100%; padding:2% 0 6%; background:#f7f7f7; overflow:hidden; } #dy_main .partner .partner-container { position:relative; width:100%; overflow:hidden; } #dy_main .partner .partner-container ul { width:100%; } #dy_main .partner .partner-container ul * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .partner .partner-container ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:2%; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } #dy_main .partner .partner-container ul li:nth-child(4n) { margin-right:0; } #dy_main .partner .partner-container ul li .pic { width:100%; margin:0 auto; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden; } #dy_main .partner .partner-container ul li .pic img { display:block; width:100%; } #dy_main .partner .partner-container ul li .pic .no-cover { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } #dy_main .partner .partner-container ul li .pic .no-cover p { font-size:18px; color:#fff; text-align:center; } #dy_main .partner .partner-container ul li .txt { padding:20px 10px; border-top:1px solid #eee; text-align:center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .partner .partner-container ul li .txt h4 { font-size:15px; color:#333; line-height:2em; height:2em; } #dy_main .partner .partner-container ul li .txt p { font-size:12px; color:#666; line-height:1.6em; height:1.6em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*==================== 内页：实力展示 ====================*/ #dy_main .advantage { width:100%; padding:2% 0 6%; background:#f7f7f7; overflow:hidden; } #dy_main .advantage .advantage-container { width:100%; overflow:hidden; } #dy_main .advantage .advantage-container ul { width:100%; } #dy_main .advantage .advantage-container ul * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .advantage .advantage-container ul li { position:relative; float:left; width:48%; height:478px; margin-right:4%; margin-bottom:4%; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow-y:hidden; } #dy_main .advantage .advantage-container ul li:nth-child(2n) { margin-right:0; } #dy_main .advantage .advantage-container ul li .pic { position:relative; width:100%; overflow:hidden; } #dy_main .advantage .advantage-container ul li .pic img { display:block; width:100%; } #dy_main .advantage .advantage-container ul li .txt { background-color:#fff; padding:20px 30px; width:calc(100% - 60px); } #dy_main .advantage .advantage-container ul li .txt span { font-size:42px; color:#91c41e; line-height:1.5em; } #dy_main .advantage .advantage-container ul li .txt h2 { font-size:20px; color:#333; line-height:1.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .advantage .advantage-container ul li .txt p { font-size:12px; color:#666; line-height:1.5em; height:7.5em; opacity:0; overflow:hidden; } #dy_main .advantage .advantage-container ul li:hover .txt { transform:translateY(-90px); } #dy_main .advantage .advantage-container ul li:hover .txt p { padding-top:8px; opacity:0.85; } /*==================== 内页：资质认证 ====================*/ #dy_main .certification { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .certification .certification-container { position:relative; width:100%; } #dy_main .certification .certification-container ul { position:relative; width:100%; } #dy_main .certification .certification-container ul * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .certification .certification-container ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:2%; border:1px solid #c2c8d466; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } #dy_main .certification .certification-container ul li:nth-child(4n) { margin-right:0; } #dy_main .certification .certification-container ul li:hover { border-color:#91c41e!important; } #dy_main .certification .certification-container ul li .pic { width:calc(100% - 20px); margin:10px auto; overflow:hidden; } #dy_main .certification .certification-container ul li .pic img { display:block; width:100%;} #dy_main .certification .certification-container ul li .txt { padding:20px 10px; } #dy_main .certification .certification-container ul li .txt h4 { width:100%; font-size:16px; color:#333; text-align:center; text-transform:uppercase; line-height:2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .certification .certification-container ul li .txt i { display:block; background:url(../Images/line_pro.png) no-repeat; width:115px; height:10px; margin:0 auto; } #dy_main .certification .certification-container ul li .txt p { text-align:left; font-size:14px; color:#999; line-height:1.6em; height:4.8em; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } /*==================== 内页：产品中心 ====================*/ #dy_main .product { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .product .product-container { position:relative; overflow:hidden; } #dy_main .product .product-container ul { width:100%; } #dy_main .product .product-container ul * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .product .product-container ul li { float:left; width:calc(23.5% - 2px); margin-right:2%; margin-bottom:2%; border:1px solid #ddd; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .product .product-container ul li:hover { border-color:#91c41e!important; } #dy_main .product .product-container ul li:nth-child(4n) { margin-right:0; } #dy_main .product .product-container ul li .pic { width:calc(100% - 20px); margin:10px auto; overflow:hidden; } #dy_main .product .product-container ul li .pic img { display:block; width:100%; } #dy_main .product .product-container ul li .txt { padding:0 10px 10px; font-size:16px; color:#333; text-align:center; line-height:1.4em; overflow:hidden; } #dy_main .product .product-container ul li .txt h4 { font-size:18px; color:#333; text-align:left; line-height:2em; text-overflow:ellipsis; white-space:nowrap; } #dy_main .product .product-container ul li .txt p { font-size:12px; color:#666; text-align:left; line-height:1.5em; height:4.5em; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } /* 详情 */ #dy_main .product.detail .product-container .product-title { width:100%; overflow:hidden; } #dy_main .product.detail .product-container .product-title h2 { font-size:32px; color:#333; text-align:center; line-height:1.5em; margin-bottom:10px; } #dy_main .product.detail .product-container .product-title h4 { font-size:14px; color:#999; text-align:center; line-height:1.5em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .product.detail .product-container .product-title h4 span { padding:0 5px; color:#f49c11; } #dy_main .product.detail .product-container .product-info { width:100%; overflow:hidden; } #dy_main .product.detail .product-container .product-info .info-cover { float:left; width:23%; overflow:hidden; } #dy_main .product.detail .product-container .product-info .info-cover p { width:100%; margin-bottom:20px; } #dy_main .product.detail .product-container .product-info .info-cover p:last-child { margin-bottom:0; } #dy_main .product.detail .product-container .product-info .info-cover p img { width:100%; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } #dy_main .product.detail .product-container .product-info .info-content { float:right; width:72%; overflow:hidden; } #dy_main .product.detail .product-container .product-info .info-content h2 { font-size:28px; color:#333; line-height:1.5em; margin-bottom:10px; } #dy_main .product.detail .product-container .product-info .info-content h4 { font-size:16px; color:#666; line-height:1.5em; overflow:hidden; } #dy_main .product.detail .product-container .product-info .info-content h3 { font-size:24px; color:#333; line-height:1.5em; margin-top:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; } #dy_main .product.detail .product-container .product-info .info-content .content { width:100%; overflow:hidden; } #dy_main .product.detail .product-container .product-info .info-content p { font-size:16px; color:#666; line-height:1.8em; margin-bottom:10px; } #dy_main .product.detail .product-container .product-info .info-content p b, #dy_main .product.detail .product-container .product-info .info-content p strong { color:#333; } #dy_main .product.detail .product-container .product-info .info-content p img { width:100%; max-width:100%; } /*==================== 内页：经典案例 ====================*/ #dy_main .case { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .case .case-container { position:relative; width:100%; margin:0 auto; overflow:hidden; } #dy_main .case .case-container ul { width:100%; overflow:hidden; } #dy_main .case .case-container ul li { position:relative; float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%; overflow:hidden; } #dy_main .case .case-container ul li:nth-child(3n) { margin-right:0; } #dy_main .case .case-container ul li .pic { position:relative; width:100%; height:100%; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow:hidden; } #dy_main .case .case-container ul li .pic img { width:100%; height:100%; display:block; } #dy_main .case .case-container ul li .pic .txt { position:absolute; width:90%; margin:3% 5%; bottom:0; left:0; opacity:1; filter:alpha(opacity=100); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #dy_main .case .case-container ul li .pic .txt h3 { font-size:18px; color:#fff; line-height:2em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .case .case-container ul li .pic .txt p { font-size:14px; color:#fff; line-height:1.6em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .case .case-container ul li .txt-hover { position:absolute; display:flex; justify-content:space-between; flex-direction:column; width:70%; height:100%; top:0; left:0; background:rgba(255,255,255,.9); opacity:0; filter:alpha(opacity=0); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #dy_main .case .case-container ul li .txt-hover .date { margin:5% 5%; } #dy_main .case .case-container ul li .txt-hover .date .content { color:#666; font-size:12px; line-height:1.5em; height:22.5em; text-overflow:ellipsis; overflow:hidden; } #dy_main .case .case-container ul li .txt-hover .date .content p { color:#666; font-size:12px; line-height:1.5em; } #dy_main .case .case-container ul li .txt-hover .desc { margin:0 5% 5%; } #dy_main .case .case-container ul li .txt-hover .desc h3 { font-size:18px; color:#333; line-height:1.6em; text-overflow:ellipsis; overflow:hidden; } #dy_main .case .case-container ul li .txt-hover .desc p { font-size:14px; color:#666; line-height:1.6em; height:3.2em; text-overflow:ellipsis; overflow:hidden; } #dy_main .case .case-container ul li:hover .txt { opacity:0; filter:alpha(opacity=0); } #dy_main .case .case-container ul li:hover .txt-hover { opacity:1; filter:alpha(opacity=100); } /*==================== 内页：设备 ====================*/ #dy_main .equipment { width:100%; padding:2% 0 6%; background:#f4f5f9; overflow:hidden; } #dy_main .equipment .equipment-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .equipment .equipment-container ul { width:100%; } #dy_main .equipment .equipment-container ul li { float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%; } #dy_main .equipment .equipment-container ul li:nth-child(3n) { margin-right:0; } #dy_main .equipment .equipment-container ul li a { display:block; position:relative; background:#fff; overflow:hidden; } #dy_main .equipment .equipment-container ul li .equipment-cover { width:100%; height:100%; overflow:hidden; } #dy_main .equipment .equipment-container ul li .equipment-cover img { vertical-align:bottom; width:100%; } #dy_main .equipment .equipment-container ul li .equipment-title { width:100%; background:rgba(47,130,255,.8); transition:all .4s; } #dy_main .equipment .equipment-container ul li .equipment-title-warp { padding:10px; text-align:center; } #dy_main .equipment .equipment-container ul li .equipment-title-warp h5 { font-size:18px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .4s; } #dy_main .equipment .equipment-container ul li .equipment-title-warp p { font-size:16px; color:#fff; transition:all .4s; } #dy_main .equipment .equipment-container ul li .equipment-title-hide { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(47,130,255,.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f49c11,endcolorstr=#f49c11); transition:all .4s; } #dy_main .equipment .equipment-container ul li .equipment-title-warp .i { width:56px; height:1px; background:#fff; margin:20px auto; } #dy_main .equipment .equipment-container ul li .equipment-look img { width:50px; height:50px; margin-bottom:30px; } #dy_main .equipment .equipment-container ul li .equipment-title-warp2 { box-sizing:border-box; position:absolute; left:0; width:100%; top:0; padding-top:50px; } #dy_main .equipment .equipment-container ul li:hover .equipment-look { opacity:1; } #dy_main .equipment .equipment-container ul li:hover h5 { color:#fff; } #dy_main .equipment .equipment-container ul li:hover p { color:#fff; } #dy_main .equipment .equipment-container ul li:hover .equipment-title-hide { opacity:1; } #dy_main .equipment .equipment-container ul li:hover .equipment-title-show { opacity:0; } /* 详情 */ #dy_main .equipment.detail { background:#fff; } #dy_main .equipment.detail .equipment-container .info { width:100%; color:#333; font-size:16px; text-align:center; line-height:2em; overflow:hidden; } #dy_main .equipment.detail .equipment-container .info p { color:#333; font-size:16px; text-align:left; line-height:1.6em; padding-bottom:20px; } #dy_main .equipment.detail .equipment-container .info img { max-width:100%; } /*==================== 内页：资讯动态 ====================*/ #dy_main .news { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .news .news-container { margin:0 auto; overflow:hidden; } #dy_main .news .news-container ul.news-list { float:left; width:74%; } #dy_main .news .news-container ul.news-list li { overflow:hidden; margin-bottom:45px; } #dy_main .news .news-container ul.news-list li a { display:block; overflow:hidden; } #dy_main .news .news-container ul.news-list li * { -webkit-transition:0.4s ease; -o-transition:0.4s ease; transition:0.4s ease; } #dy_main .news .news-container ul.news-list li .pic { float:left; width:35%; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden; } #dy_main .news .news-container ul.news-list li .pic img { display:block; width:100%; height:auto; } #dy_main .news .news-container ul.news-list li .txt { float:right; width:63%; padding:0 0 13px 0; border-bottom:1px #eee solid; } #dy_main .news .news-container ul.news-list li .txt h3 { font-size:18px; color:#333; line-height:2em; padding-bottom:8px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .news .news-container ul.news-list li .txt h4 { font-size:14px; color:#666; line-height:1.8em; } #dy_main .news .news-container ul.news-list li .txt h4 span { padding-right:10px; color:#999; } #dy_main .news .news-container ul.news-list li .txt h5 { font-size:14px; color:#999; line-height:1.8em; } #dy_main .news .news-container ul.news-list li .txt p { font-size:14px; color:#666; line-height:1.8em; height:3.6em; margin:8px 0; overflow:hidden; } #dy_main .news .news-container ul.news-list li a:hover .txt { border-color:#5e9f8a; } #dy_main .news .news-container ul.news-list li a:hover .txt h3 { color:#5e9f8a; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .news .news-container ul.news-list li a:hover .txt h5 { color:#5e9f8a; } #dy_main .news .news-container ul.news-list li a:hover .pic img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #dy_main .news .news-container .news-hot { float:right; width:23%; } #dy_main .news .news-container .news-hot .hotnews-list { background:#f8f8f8; padding:5%; overflow:hidden; margin-bottom:20px; border-radius:10px; } #dy_main .news .news-container .news-hot .hotnews-list h3 { font-size:16px; color:#333; display:block; border-bottom:1px solid #ccc; padding:10px 0; overflow:hidden; } #dy_main .news .news-container .news-hot .hotnews-list ul { padding:10px 0; overflow:hidden; } #dy_main .news .news-container .news-hot .hotnews-list ul li { padding:5px 0; overflow:hidden; } #dy_main .news .news-container .news-hot .hotnews-list ul li a { font-size:12px; color:#666; display:block; } #dy_main .news .news-container .news-hot .hotnews-list ul li a h4 { position:relative; display:block; font-size:14px; color:#666; padding-bottom:3px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .news .news-container .news-hot .hotnews-list ul li a h4:first-child::before { content:''; width:4px; height:4px; border-radius:100px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:5px; } #dy_main .news .news-container .news-hot .hotnews-list ul li a h4:last-child { padding-left:10px; font-size:12px; } #dy_main .news .news-container .news-hot .hotnews-list ul li a:hover h4 { color:#5e9f8a; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .news .news-container .news-hot .hotnews-list ul li a:hover h4:first-child::before { background-color:#5e9f8a; } /* 详情 */ #dy_main .news .news-container .news-detail { float:left; width:74%; } #dy_main .news .news-container .news-detail h2 { font-size:24px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .news .news-container .news-detail .info-time { font-size:14px; text-align:center; color:#999; line-height:2em; padding-bottom:20px; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .news .news-container .news-detail .info-content { width:100%; font-size:16px; line-height:2em; padding-top:20px; overflow:hidden; } #dy_main .news .news-container .news-detail .info-content p { font-size:16px; color:#333; line-height:2em; padding-bottom:10px; } #dy_main .news .news-container .news-detail .info-content p.cover { text-align:center; padding-bottom:20px; } #dy_main .news .news-container .news-detail .info-content img { max-width:100%; } #dy_main .news .news-container .news-detail .info-content p:last-child { padding-bottom:0; } #dy_main .news .news-container .news-detail .info-content table, #dy_main .news .news-container .news-detail .info-content tr, #dy_main .news .news-container .news-detail .info-content td { border:1px solid #aaa!important } /*==================== 内页：可持续性 ====================*/ #dy_main .sustainability { width:100%; padding:2% 0 6%; overflow:hidden; } #dy_main .sustainability .sustainability-container { position:relative; margin-bottom:30px; overflow:hidden; } #dy_main .sustainability .sustainability-container ul.info { width:100%; overflow:hidden; } #dy_main .sustainability .sustainability-container ul.info li { padding:30px 0; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .sustainability .sustainability-container ul.info li:first-child { padding-top:0; } #dy_main .sustainability .sustainability-container ul.info li:last-child { padding-bottom:0; border-bottom:0px solid #eee; } #dy_main .sustainability .sustainability-container ul.info li h2 { font-size:24px; line-height:1.6em; margin-bottom:10px; color:#333; text-align:left; } #dy_main .sustainability .sustainability-container ul.info li p { font-size:16px; color:#666; line-height:1.8em; } #dy_main .sustainability .sustainability-container ul.info li p img { max-width:100%; } #dy_main .sustainability .sustainability-container ul.info li strong, #dy_main .sustainability .sustainability-container ul.info li b { font-weight:600; color:#333; } #dy_main .sustainability .sustainability-container ul.info li .info-left { float:left; width:25%; } #dy_main .sustainability .sustainability-container ul.info li .info-left img { width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden; } #dy_main .sustainability .sustainability-container ul.info li .info-right { float:right; width:72%; } #dy_main .sustainability .sustainability-container ul.info li .info-full { float:left; width:100%; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact { width:100%; padding:2% 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; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow:hidden; } #dy_main .contact .contact-container .contact-info h2 { font-size:32px; color:#333; text-align:left; line-height:1.5em; margin-bottom:10px; } #dy_main .contact .contact-container .contact-info p { float:left; width:100%; font-size:16px; color:#666; line-height:1.5em; height:3em; display:flex; align-items:center; } #dy_main .contact .contact-container .contact-info p span { color:#aaa; } #dy_main .contact .contact-container .contact-info p a { color:#666; } #dy_main .contact .contact-container .contact-info p a:hover { color:#91c41e; } #dy_main .contact .contact-container .contact-info p.address { background:url(../Images/icon_address.png) no-repeat left center; background-size:30px; padding-left:36px; } #dy_main .contact .contact-container .contact-info p.contactman { background:url(../Images/icon_contactman.png) no-repeat left center; background-size:30px; padding-left:36px; } #dy_main .contact .contact-container .contact-info p.tel { background:url(../Images/icon_tel.png) no-repeat left center; background-size:30px; padding-left:36px; } #dy_main .contact .contact-container .contact-info p.fax { background:url(../Images/icon_fax.png) no-repeat left center; background-size:30px; padding-left:36px; } #dy_main .contact .contact-container .contact-info p.email { background:url(../Images/icon_email.png) no-repeat left center; background-size:30px; padding-left:36px; } #dy_main .contact .contact-container .contact-info p.web { background:url(../Images/icon_web.png) no-repeat left center; background-size:30px; padding-left:36px; } #dy_main .contact .contact-container .contact-map { height:400px; margin-top:20px; overflow:hidden; } #dy_main .contact .contact-container .contact-map .dyjs-map { width:100%; height:100%; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow:hidden; } /*==================== 内页：帮助 ====================*/ #dy_main .faq { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .faq .faq-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .faq .faq-container ul { float:left; width:74%; } #dy_main .faq .faq-container ul li { width:100%; overflow:hidden; } #dy_main .faq .faq-container ul li .faq-item { padding:16px 0; font-size:16px; color:#333; line-height:1.8em; width:100%; position:relative; } #dy_main .faq .faq-container ul li .faq-item a>:first-child { display:inline-block; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:30px; width:100%; font-size:16px; color:#333; text-align:justify; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; } #dy_main .faq .faq-container ul li .faq-item a>:first-child i { display:inline-block; background:url(../Images/icon_help.png) no-repeat; background-size:18px 18px; width:18px; height:18px; vertical-align:-3px; padding-right:6px; } #dy_main .faq .faq-container ul li .faq-item a>:nth-child(2) { background:url(../Images/icon_open.png); -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%; width:12px; height:12px; position:absolute; right:8px; top:23px; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_main .faq .faq-container ul li.unfold .open { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #dy_main .faq .faq-container ul li>:nth-child(2) { height:1px; background:#ddd; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_main .faq .faq-container ul li.unfold>:nth-child(2) { background:transparent!important; } #dy_main .faq .faq-container ul li .answer-item { display:none; padding:50px; background-color:#fafafa; } #dy_main .faq .faq-container ul li .answer-item .content { width:100%; height:auto; background-color:transparent; font-size:14px; color:#666; line-height:1.8em; text-align:justify; word-break:break-all; } #dy_main .faq .faq-container ul li .answer-item .content p { margin-bottom:10px; } #dy_main .faq .faq-container ul li .answer-item .content p:last-child { margin-bottom:0; } #dy_main .faq .faq-container ul li .answer-item .more { width:100%; height:auto; padding-top:15px; *height:1%; } #dy_main .faq .faq-container ul li .answer-item .more:after { clear:both; content:"."; display:block; height:0; line-height:0; overflow:hidden; } #dy_main .faq .faq-container ul li .answer-item .more .answer-hide { margin-top:13px!important; float:right; font-size:14px; line-height:1; color:#f49c11; text-align:right; } /* 详情 */ #dy_main .faq.detail { padding:2% 0 6%; background:#fff; } #dy_main .faq .faq-container .faq-info { float:left; width:74%; } #dy_main .faq .faq-container .faq-info h2 { font-size:24px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .faq .faq-container .faq-info h4 { font-size:14px; color:#999; text-align:center; line-height:1.5em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .faq .faq-container .faq-info h4 span { padding-right:30px; } #dy_main .faq .faq-container .faq-info h4 span:last-child { padding-right:0; } #dy_main .faq .faq-container .faq-info .info-content { width:100%; font-size:14px; line-height:2em; padding-top:20px; overflow:hidden; } #dy_main .faq .faq-container .faq-info .info-content p { font-size:16px; color:#666; line-height:1.8em; padding-bottom:10px; } #dy_main .faq .faq-container .faq-info .info-content img { max-width:100%; } #dy_main .faq .faq-container .faq-info .info-content p:last-child { padding-bottom:0; } /* 热门 */ #dy_main .faq .faq-container .faq-hot { float:right; width:23%; } #dy_main .faq .faq-container .faq-hot .hotfaq-list { background:#f7f7f7; padding:5%; overflow:hidden; margin-bottom:20px; border-radius:10px; } #dy_main .faq .faq-container .faq-hot .hotfaq-list h3 { font-size:16px; color:#333; display:block; border-bottom:1px solid #bbb; padding:10px 0; overflow:hidden; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul { padding:10px 0; width:100%; overflow:hidden; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li { padding:5px 0; overflow:hidden; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li a { font-size:12px; color:#666; display:block; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li a h4 { position:relative; display:block; font-size:14px; color:#666; padding-bottom:3px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li a h4:first-child::before { content:''; width:4px; height:4px; border-radius:100px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:5px; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li a h4:last-child { padding-left:10px; font-size:12px; color:#999; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li a:hover h4 { color:#f49c11; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul li a:hover h4:first-child::before { background-color:#f49c11; } /*==================== 内页：物流保障 ====================*/ #dy_main .logistics { width:100%; padding:2% 0 6%; overflow:hidden; } #dy_main .logistics .logistics-container { position:relative; margin-bottom:30px; overflow:hidden; } #dy_main .logistics .logistics-container ul.info { width:100%; overflow:hidden; } #dy_main .logistics .logistics-container ul.info li { padding:30px 0; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .logistics .logistics-container ul.info li:first-child { padding-top:0; } #dy_main .logistics .logistics-container ul.info li:last-child { padding-bottom:0; border-bottom:0px solid #eee; } #dy_main .logistics .logistics-container ul.info li h2 { font-size:24px; line-height:1.6em; margin-bottom:10px; color:#333; text-align:left; } #dy_main .logistics .logistics-container ul.info li p { font-size:16px; color:#333; line-height:1.8em; } #dy_main .logistics .logistics-container ul.info li p img { max-width:100%; } #dy_main .logistics .logistics-container ul.info li .info-left { float:left; width:25%; } #dy_main .logistics .logistics-container ul.info li .info-left img { width:100%; -webkit-border-radius:10px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow:hidden; } #dy_main .logistics .logistics-container ul.info li .info-right { float:right; width:72%; } #dy_main .logistics .logistics-container ul.info li .info-full { float:left; width:100%; } /*==================== 内页：售后服务 ====================*/ #dy_main .aftersales { width:100%; padding:2% 0 6%; overflow:hidden; } #dy_main .aftersales .aftersales-container { position:relative; margin-bottom:30px; overflow:hidden; } #dy_main .aftersales .aftersales-container ul.info { width:100%; overflow:hidden; } #dy_main .aftersales .aftersales-container ul.info li { padding:30px 0; border-bottom:1px solid #eee; overflow:hidden; } #dy_main .aftersales .aftersales-container ul.info li:first-child { padding-top:0; } #dy_main .aftersales .aftersales-container ul.info li:last-child { padding-bottom:0; border-bottom:0px solid #eee; } #dy_main .aftersales .aftersales-container ul.info li h2 { font-size:24px; line-height:1.6em; margin-bottom:10px; color:#333; text-align:left; } #dy_main .aftersales .aftersales-container ul.info li p { font-size:16px; color:#333; line-height:1.8em; } #dy_main .aftersales .aftersales-container ul.info li p img { max-width:100%; } #dy_main .aftersales .aftersales-container ul.info li .info-left { float:left; width:25%; } #dy_main .aftersales .aftersales-container ul.info li .info-left img { width:100%; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; overflow:hidden; } #dy_main .aftersales .aftersales-container ul.info li .info-right { float:right; width:72%; } #dy_main .aftersales .aftersales-container ul.info li .info-full { float:left; width:100%; } /*==================== 内页：客户留言 ====================*/ #dy_main .feedback { width:100%; padding:2% 0 6%; overflow:hidden; } #dy_main .feedback .feedback-container { width:100%; } #dy_main .feedback .feedback-container .feedback-form { width:100%; margin:0 auto; overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form .form-input { width:calc(25% - 15px); float:left; margin-right:20px; margin-bottom:20px; } #dy_main .feedback .feedback-container .feedback-form .form-input .input-title { width:100%; line-height:2em; font-size:18px; color:#333; margin-bottom:5px; display:block; } #dy_main .feedback .feedback-container .feedback-form .form-input input { width:100%;line-height:40px; background:#f1f1f1; padding:20px 6px; font-size:14px; color:#333; border:0px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form .form-input input.alert { background:#fbe8d3; } #dy_main .feedback .feedback-container .feedback-form .form-input:nth-child(4n) { margin-right:0; } #dy_main .feedback .feedback-container .feedback-form .form-textarea { margin-bottom:20px; width:100%; } #dy_main .feedback .feedback-container .feedback-form .form-textarea .textarea-title { width:100%; line-height:2em; font-size:18px; color:#333; margin-bottom:5px; display:block; } #dy_main .feedback .feedback-container .feedback-form .form-textarea textarea { width:100%; border:none; background:#f1f1f1; height:200px; padding:6px; font-size:14px; color:#333; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form .form-textarea textarea.alert { background:#fbe8d3; } #dy_main .feedback .feedback-container .feedback-form .form-select .select-title { width:100%; font-weight:300; line-height:2em; font-size:18px; color:#333; margin-bottom:5px; display:block; } #dy_main .feedback .feedback-container .feedback-form .form-select select { width:100%; border:none; background:#f1f1f1; line-height:40px; display:block; height:40px; padding:0 5px; color:#333; font-size:14px; } #dy_main .feedback .feedback-container .feedback-form .form-submit { width:100%; } #dy_main .feedback .feedback-container .feedback-form .form-submit input { width:100%; font-size:14px; color:#fff; height:40px; line-height:40px; background:#5e9f8a; transition:all 0.3s ease; border:0px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; overflow:hidden; } #dy_main .feedback .feedback-container .feedback-form .form-submit input:hover { background:#91c41e; color:#fff; } #dy_main .feedback .feedback-container .feedback-form .form-submit input.disabled { background:#f1f1f1; color:#bbb; } #dy_main .feedback .feedback-container .feedback-form .form-submit input.alert { background:#fbe8d3; color:#f00; } /*==================== 底部版权及菜单栏 ====================*/ #dy_footer { width:100%; padding:60px 0 0; 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 { width:100%; overflow:hidden; } #dy_footer .footer-container .footer-container-info { overflow:hidden; } #dy_footer .footer-container .footer-container-info .footer-contact { padding-bottom:30px; overflow:hidden; } #dy_footer .footer-container .footer-container-info .footer-contact dl { float:left; width:35%; overflow:hidden; } #dy_footer .footer-container .footer-container-info .footer-contact dl dt { overflow:hidden; float:left; margin-right:25px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dt h3 { font-size:20px; color:#fff; margin-bottom:8px; display:block; } #dy_footer .footer-container .footer-container-info .footer-contact dl dt h3 img { width:300px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dt p { font-size:16px; color:rgba(255,255,255,0.8); margin-bottom:15px; display:block; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd { overflow:hidden; width:420px; float:left; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p { font-size:13px; color:rgba(255,255,255,0.8); line-height:1.4em; padding-left:28px; padding-bottom:10px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p.address { background:url(../Images/icon_footer_address.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p.tel { background:url(../Images/icon_footer_tel.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p.fax { background:url(../Images/icon_footer_fax.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p.email { background:url(../Images/icon_footer_email.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p.phone { background:url(../Images/icon_footer_phone.png) no-repeat left center; background-size:16px; padding-left:30px; } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p a { color:rgba(255,255,255,0.8); } #dy_footer .footer-container .footer-container-info .footer-contact dl dd p a:hover { color:rgba(255,255,255,1); } #dy_footer .footer-container .footer-container-info .footer-contact dl dd em { margin:0 5px; } #dy_footer .footer-container .footer-container-info .footer-contact .links { float:left; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; width:40%; } #dy_footer .footer-container .footer-container-info .footer-contact .links article { width:auto; padding:0; margin-bottom:20px; margin-right:40px; text-align:left; } #dy_footer .footer-container .footer-container-info .footer-contact .links article:last-child { margin-right:0; } #dy_footer .footer-container .footer-container-info .footer-contact .links article h5 { margin-bottom:20px; font-size:15px; line-height:1.25; letter-spacing:1.2px; color:#fff; text-transform:uppercase; text-decoration:none; } #dy_footer .footer-container .footer-container-info .footer-contact .links article h5 a { color:#fff; } #dy_footer .footer-container .footer-container-info .footer-contact .links article ul { list-style:none; margin-left:0; padding-left:0; } #dy_footer .footer-container .footer-container-info .footer-contact .links article ul li { margin-bottom:0; } #dy_footer .footer-container .footer-container-info .footer-contact .links article ul li a { font-size:13px; line-height:2.5; letter-spacing:1.2px; color:rgba(255,255,255,0.8); text-decoration:none; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_footer .footer-container .footer-container-info .footer-contact .links article ul li a:hover { color:rgba(255,255,255,1); } #dy_footer .footer-container .footer-container-info .footer-contact .qrcode { float:right; width:25%; } #dy_footer .footer-container .footer-container-info .footer-contact .qrcode .qrcode-item { float:right; width:40%; margin:0 auto; padding:10px; text-align:center; background:#fff; border-radius:8px; } #dy_footer .footer-container .footer-container-info .footer-contact .qrcode .qrcode-item img { display:block; margin:0 auto; width:100%; } #dy_footer .footer-container .footer-container-info .footer-contact .qrcode .qrcode-item .qrcode-text { color:#333; font-size:11px; text-align:center; padding-top:10px; } #dy_footer .footer-container .footer-container-info .copyright { height:50px; line-height:50px; border-top:1px #666 solid; } #dy_footer .footer-container .footer-container-info .copyright .info { color:#ccc; font-size:14px; } #dy_footer .footer-container .footer-container-info .copyright .info .r { float:right; } #dy_footer .footer-container .footer-container-info .copyright .info .r .gabeian { height:16px; width:16px; padding-right:3px; } #dy_footer .footer-container .footer-container-info .copyright .info .r a { color:#ccc; margin-right:20px; } #dy_footer .footer-container .footer-container-info .copyright .info .r a:last-child { margin-right:0; } #dy_footer .footer-container .footer-container-info .copyright .info .r a:hover { color:#fff; } /*==================== 快捷菜单 ====================*/ #dy_quicknav { position:fixed; right:0; bottom:10px; padding-bottom:10px; z-index:999; width:72px; } #dy_quicknav .quicknav-container { } #dy_quicknav .quicknav-container .btn { width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } #dy_quicknav .quicknav-container a.btn-feedback { background:url(../Images/icon_quicknav_feedback.png) 0px 0px no-repeat; background-color:#91c41e; text-decoration:none; display:block; } #dy_quicknav .quicknav-container a.btn-qq { background:url(../Images/icon_quicknav_qq.png) 0px 0px no-repeat; background-color:#91c41e; } #dy_quicknav .quicknav-container a.btn-qq, #dy_quicknav .quicknav-container a.btn-qq:visited { background:url(../Images/icon_quicknav_qq.png) 0px 0px no-repeat; background-color:#91c41e; text-decoration:none; display:block; } #dy_quicknav .quicknav-container .btn-wx { background:url(../Images/icon_quicknav_wx.png) 0px 0px no-repeat; background-color:#91c41e; } #dy_quicknav .quicknav-container .btn-wx .pic { position:absolute; left:-160px; top:0px; display:none; width:160px; height:160px; } #dy_quicknav .quicknav-container .btn-phone { background:url(../Images/icon_quicknav_phone.png) 0px 0px no-repeat; background-color:#91c41e; } #dy_quicknav .quicknav-container .btn-phone .phone { background-color:#91c41e; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#fff; font-size:18px; text-align:center; display:none; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; } #dy_quicknav .quicknav-container .btn-gotop { background:url(../Images/icon_quicknav_gotop.png) 0px 0px no-repeat; background-color:#666666; display:none; } #dy_quicknav .quicknav-container .btn-top:hover { background-color:#444; } /*==================== 放大图片蒙层 ====================*/ .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; }