@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, -3px, 0); -moz-transform:translate3d(0, -3px, 0); transform:translate3d(0, -3px, 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; } /*==================== 公用 ====================*/ .container { margin:0 auto; width:1240px; max-width:1240px; } /* ≥1440的设备 */ @media(min-width:1440px) { .container { width:1440px; max-width:1440px; } } .layui-flow-more { display:none; } /*==================== 头部菜单导航 ====================*/ #dy_header { overflow:hidden; } #dy_header .header-container { position:relative; z-index:100; top:0; width:100%; position:fixed; } #dy_header .header-container.fixed-nav { -webkit-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition:all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); background-color:#fff; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.06); } #dy_header .header-container * { box-sizing:border-box; } #dy_header .header-container.open-menu { background-color:#fff; } #dy_header .header-container .menu-container { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; position:relative; z-index:998; /*max-width:calc(1920px - 220px);*/ height:80px; } #dy_header .header-container .menu-container:after, #dy_header .header-container .menu-container:before { content:none; } /* LOGO */ #dy_header .header-container .menu-container .menu-logo { display:block; height:auto; padding:0; margin:0; position:relative; z-index:999; transition:all .1s; text-align:center; font-size:15px; } #dy_header .header-container .menu-container .menu-logo a { display:inline-block; line-height:0; } #dy_header .header-container .menu-container .menu-logo .logo-link { display:block; width:auto; overflow:initial; } #dy_header .header-container .menu-container .menu-logo .logo-link .logo-item { width:184px; height:72px; background:url(../Images/logo_top_black.png) no-repeat center center; background-size:auto 72px; } #dy_header[data-theme="white"] .header-container .menu-container .menu-logo .logo-link .logo-item { background-image:url(../Images/logo_top_white.png); } #dy_header[data-theme="black"] .header-container .menu-container .menu-logo .logo-link .logo-item { background-image:url(../Images/logo_top_black.png); } #dy_header .header-container.fixed-nav .menu-container .menu-logo .logo-link .logo-item, #dy_header .header-container.open-menu .menu-container .menu-logo .logo-link .logo-item { background-image:url(../Images/logo_top_black.png)!important; } /* 菜单 */ #dy_header .header-container .menu-container nav[role=navigation] { width:100%; height:100%; color:#333; margin:0; left:auto; position:initial; max-width:inherit; overflow:inherit; padding:inherit; z-index:9; text-align:center; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; } #dy_header .header-container .menu-container nav[role=navigation] .menu-nav { height:100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; } #dy_header .header-container .menu-container nav[role=navigation] .menu-nav>ul, #dy_header .header-container .menu-container nav[role=navigation] .menu-nav>ul>li { height:100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } #dy_header .header-container .menu-container nav .menu-nav .menu-category { border-bottom:none; padding:0 20px; margin:0 auto; width:auto; text-transform:uppercase; text-align:center; display:inline-block; padding:0; position:static; transition:left .3s; } #dy_header .header-container .menu-container nav .menu-nav .menu-category li { list-style:none; border-top:none; vertical-align:top; display:block; text-align:left; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 li { background-color:transparent; padding:0 14px; position:relative; -webkit-tap-highlight-color:transparent; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 li.active { position:static; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 li:first-child { border:none; padding-left:0; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 li:last-child { border:none; padding-right:0; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1>li a { position:relative; float:left; overflow:visible; font-size:14px; color:#333; font-weight:600; letter-spacing:.1em; line-height:14px; padding:4px 0; float:none; width:100%; border-bottom:none; margin:6px 0 5px; transition:color .3s; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1>li a:hover { color:#333; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1>li>a.has-sub-menu { width:auto; display:inline-block; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1>li a:before { content:""; left:0; width:0%; bottom:-10px; border-bottom:2px solid #333; display:block; position:absolute; transition:left; transition:all .25s ease; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1>li a:hover:before { width:100%; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 { background-color:#fff; color:#353a3b; padding:0; position:absolute; z-index:1; top:100%; width:400px; left:50%; transform:translate(-50%,0); display:block; visibility:hidden; opacity:0; transition:opacity .5s; box-shadow:0 2px 7px 0 rgba(96,96,96,.35); max-width:1034px; overflow:hidden; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 li:hover .level-2 { visibility:visible; opacity:1; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 a { font-size:1color:#333; text-align:left; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 a:before { content:""; left:0; width:0%; bottom:-5px; border-bottom:1px solid #333; display:block; position:absolute; transition:left; transition:all .25s ease; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 a:hover:before { width:100%; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul { padding:0; float:none; overflow:hidden; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li { position:relative; float:left; height:auto; padding:0; margin:0; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li a { padding:.5em 1rem .5em 0; text-transform:none; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li .level-2-title { text-align:left; display:block; font-size:14px; font-weight:700; padding:0; margin:0; text-transform:uppercase; margin-top:5px; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li.submenu-list { width:60%; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li.submenu-cover { width:40%; height:100%; position:absolute; top:0; right:0; overflow:hidden; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li.submenu-cover picture { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:-9; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li.submenu-cover picture img { display:block; width:100%; height:100%; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li h3 { text-align:left; display:block; font-size:14px; font-weight:700; padding-bottom:10px; text-transform:uppercase; margin:0; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 ul li div { padding:20px 20px; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 .level-3 { display:block; padding-left:0; text-align:left; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 .level-3 li { border:none; float:none; padding-bottom:2px; display:block; white-space:normal; } #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1 .level-2 .level-3 li a { font-size:13px; color:#333; font-weight:400; line-height:1em; padding:0; text-transform:none; } #dy_header[data-theme="white"] .header-container .menu-container nav .menu-nav .menu-category.level-1>li a { color:#fff; } #dy_header[data-theme="black"] .header-container .menu-container nav .menu-nav .menu-category.level-1>li a { color:#333; } #dy_header .header-container.fixed-nav .menu-container nav .menu-nav .menu-category.level-1>li a, #dy_header .header-container.open-menu .menu-container nav .menu-nav .menu-category.level-1>li a { color:#333; } #dy_header .header-container.fixed-nav .menu-container nav .menu-nav .menu-category.level-1>li a:hover, #dy_header .header-container.open-menu .menu-container nav .menu-nav .menu-category.level-1>li a:hover, #dy_header .header-container .menu-container nav .menu-nav .menu-category.level-1>li.active>a { color:#f49c11!important; } #dy_header .header-container.fixed-nav .menu-container nav .menu-nav .menu-category.level-1>li a:before, #dy_header .header-container.open-menu .menu-container nav .menu-nav .menu-category.level-1>li a:before { border-color:#f49c11!important; } /* 帮助 */ #dy_header .header-container .menu-container .menu-faq { float:right; } #dy_header .header-container .menu-container .menu-faq .header-faq { width:100px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; } #dy_header .header-container .menu-container .menu-faq .header-faq .icon { margin-right:6px; display:inline-block; width:16px; height:16px; position:relative; background-repeat:no-repeat; background-position:center center; background-image:url('../Images/icon_faq_white.png'); background-size:16px 16px; } #dy_header .header-container .menu-container .menu-faq .header-faq a { float:left; position:relative; overflow:visible; font-size:14px; color:#333; line-height:14px; opacity:.8; } #dy_header[data-theme="white"] .header-container .menu-container .menu-faq .header-faq .icon { background-image:url('../Images/icon_faq_white.png'); } #dy_header[data-theme="black"] .header-container .menu-container .menu-faq .header-faq .icon { background-image:url('../Images/icon_faq_black.png'); } #dy_header .header-container.fixed-nav .menu-container .menu-faq .header-faq .icon { background-image:url('../Images/icon_faq_black.png'); } #dy_header .header-container.open-menu .menu-container .menu-faq .header-faq .icon { background-image:url('../Images/icon_faq_black.png'); } #dy_header[data-theme="white"] .header-container .menu-container .menu-faq .header-faq a { color:#fff; } #dy_header[data-theme="black"] .header-container .menu-container .menu-faq .header-faq a { color:#333; } #dy_header .header-container.fixed-nav .menu-container .menu-faq .header-faq a { color:#333!important; } #dy_header .header-container.open-menu .menu-container .menu-faq .header-faq a { color:#333!important; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; } #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%; } #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: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:400; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h2 { color:#fff; font-size:48px; font-weight:400; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h3 { color:#fff; font-size:32px; font-weight:400; 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%; } #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; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text p { color:#fff; font-size:16px; line-height:1.8em; letter-spacing:4px; font-weight:400; text-transform:uppercase; } #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 .pub-title { position:relative; width:100%; text-align:center; margin:40px 0; overflow:hidden; } #dy_main .pub-title.top { margin-top:0; } #dy_main .pub-title h2 { font-size:28px; color:#333; font-weight:500; letter-spacing:6px; text-transform:uppercase; } #dy_main .pub-title h2 span { color:#f49c11; padding:0 10px; } #dy_main .pub-title h3 { font-size:16px; color:#666; font-weight:500; text-transform:uppercase; padding-bottom:10px; } #dy_main .pub-title.white h2, #dy_main .pub-title.white h3 { color:#fff; } /*==================== 首页：推荐广告 ====================*/ #dy_main .index-recommend { width:100%; padding:60px 0; 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:384px; margin-bottom:20px; 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:24px; line-height:45px; text-align:right; padding-top:120px; padding-left:80px; } #dy_main .index-recommend .index-recommend-container .recommend .txt .desc { margin-top:10px; color:#666; font-size:14px; 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% - 20px); } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt { color:#fff; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt { color:#333; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt .desc { color:#fafafa; } #dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt .desc { color:#666; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="left"] .txt { text-align:left; padding-left:80px; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="middle"] .txt { text-align:center; padding-left:0; padding-right:0; } #dy_main .index-recommend .index-recommend-container .recommend[text-xposition="right"] .txt { text-align:right; padding-right:80px; } /*==================== 首页：关于我们 ====================*/ #dy_main .index-about { width:100%; padding:2% 0 4%; background-color:#fff; overflow:hidden; } #dy_main .index-about .index-about-container { width:100%; } #dy_main .index-about .index-about-container .index-about-hd { z-index:2; width:90%; background-color:#fff; -webkit-box-shadow:0 5px 7px 1px rgba(0, 0, 0, 0.1); box-shadow:0 5px 7px 1px rgba(0, 0, 0, 0.1); overflow:visible; margin-top:10px; text-align:center; } #dy_main .index-about .index-about-container .index-about-hd li { padding:70px 0; border:1px solid #ecf0f2; cursor:pointer; border-right-width:0; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_main .index-about .index-about-container .index-about-hd li:after, #dy_main .index-about .index-about-container .index-about-hd li:before { content:''; display:block; height:0; position:absolute; left:0; right:0; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; background-color:#3470b7; margin-left:-1px; } #dy_main .index-about .index-about-container .index-about-hd li:before { bottom:100%; } #dy_main .index-about .index-about-container .index-about-hd li:after { top:100%; } #dy_main .index-about .index-about-container .index-about-hd li .num { color:#3470b7; font-size:48px; letter-spacing:-1px; } #dy_main .index-about .index-about-container .index-about-hd li .num.plus:after { content:"+"; font-size:20px; } #dy_main .index-about .index-about-container .index-about-hd li .desc { font-size:14px; } #dy_main .index-about .index-about-container .index-about-hd li.on .num, #dy_main .index-about .index-about-container .index-about-hd li.on .desc { color:#fff; } #dy_main .index-about .index-about-container .index-about-hd li.on { background-color:#3470b7; border-color:#3470b7; -webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1); } #dy_main .index-about .index-about-container .index-about-hd li.on:after, #dy_main .index-about .index-about-container .index-about-hd li.on:before { height:10px; } #dy_main .index-about .index-about-container .index-about-bd { margin-top:-50px; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-bd li { position:relative; overflow:hidden; } #dy_main .index-about .index-about-container .index-about-bd li.has { cursor:pointer; } #dy_main .index-about .index-about-container .index-about-bd li.has:after { content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../Images/icon_play.png) center no-repeat; -o-background-size:90px; background-size:90px; } #dy_main .index-about .index-about-container .index-about-bd li img { width:1240px; height:480px; max-width:none; position:relative; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } #dy_main .index-about .index-about-container .index-about-bd li .info { position:absolute; width:80%; left:10%; top:25%; color:#fff; font-size:18px; line-height:36px; } /*==================== 首页：业务领域 ====================*/ #dy_main .index-business { width:100%; padding:3% 0 4%; background:#f7f7f7 url(../Images/bg_index_business.png) no-repeat top center; overflow:hidden; } #dy_main .index-business .index-business-container { margin:0 auto; display:flex; flex-wrap:wrap; text-align:center; } #dy_main .index-business .index-business-container ul { width:100%; font-size:0; } #dy_main .index-business .index-business-container ul li { position:relative; display:inline-block; width:16.6666%; height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all .3s; transition:all .3s; overflow:hidden; } #dy_main .index-business .index-business-container ul li .common { width:100% ;height:100%; border-right:2px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; } #dy_main .index-business .index-business-container ul li:nth-child(5) .common { border-right:none; } #dy_main .index-business .index-business-container ul li .txt { position:absolute; top:0; padding-top:130px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; } #dy_main .index-business .index-business-container ul li .txt h3 { margin-top:80px; font-size:24px; color:#fff; line-height:2em; text-align:center; } #dy_main .index-business .index-business-container ul li .txt p { display:none; margin:0 auto; width:50%; font-size:16px; line-height:1.8em; color:#fff; } #dy_main .index-business .index-business-container ul li.big { width:33.33333%; -webkit-transition:all .3s; transition:all .3s; } #dy_main .index-business .index-business-container ul li.big .mask { opacity:.5; background:-webkit-gradient(linear,left top,left bottom,from(#002768),to(#062354)); background:linear-gradient(#002768,#062354); } #dy_main .index-business .index-business-container ul li.big .txt { -webkit-transform:translateY(-40px); transform:translateY(-40px); -webkit-transition:all .3s; transition:all .3s; } #dy_main .index-business .index-business-container ul li.big .txt p { display:block; } /*==================== 首页：经典案例 ====================*/ #dy_main .index-case { position:relative; width:100%; padding:2% 0 4%; background:#fff; } #dy_main .index-case .index-case-nav { position:relative; width:100%; margin:0 auto; overflow:hidden; } #dy_main .index-case .index-case-nav ul { display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; } #dy_main .index-case .index-case-nav ul li { margin:0 20px; margin-bottom:20px; cursor:pointer; } #dy_main .index-case .index-case-nav ul li .title { position:relative; font-size:18px; line-height:1.25; text-align:center; color:#333; transition:all .3s ease-out; } #dy_main .index-case .index-case-nav ul li .title:before { display:block; content:attr(title); height:0; overflow:hidden; visibility:hidden; } #dy_main .index-case .index-case-nav ul li .title:after { content:""; left:0; width:0%; bottom:-6px; border-bottom:1px solid #f49c11; display:block; position:absolute; transition:left; transition:all .25s ease; } #dy_main .index-case .index-case-nav ul li.active .title:after { width:100%; } #dy_main .index-case .index-case-nav ul li.active .title, #dy_main .index-case .index-case-nav ul li:hover .title { color:#f49c11!important; } #dy_main .index-case .index-case-container { position:relative; width:100%; margin:0 auto; padding-top:20px; overflow:hidden; } #dy_main .index-case .index-case-container>ul { width:100%; display:none; overflow:hidden; } #dy_main .index-case .index-case-container>ul>li { position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:2%; overflow:hidden; } #dy_main .index-case .index-case-container>ul>li:nth-child(4n) { margin-right:0; } #dy_main .index-case .index-case-container>ul>li .pic { position:relative; width:100%; height:100%; overflow:hidden; } #dy_main .index-case .index-case-container>ul>li .pic img { width:100%; height:100%; display:block; } #dy_main .index-case .index-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 .index-case .index-case-container>ul>li .pic .txt h3 { font-size:18px; color:#fff; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .index-case .index-case-container>ul>li .pic .txt p { font-size:14px; color:#fff; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .index-case .index-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 .index-case .index-case-container>ul>li .txt-hover .date { margin:5% 5%; } #dy_main .index-case .index-case-container>ul>li .txt-hover .date p { color:#666; font-size:14px; line-height:1.6em; } #dy_main .index-case .index-case-container>ul>li .txt-hover .desc { margin:0 5% 5%; } #dy_main .index-case .index-case-container>ul>li .txt-hover .desc h3 { font-size:18px; color:#333; line-height:1.5em; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-case .index-case-container>ul>li .txt-hover .desc p { margin-top:10px; font-size:14px; color:#666; line-height:1.5em; height:3em; text-overflow:ellipsis; overflow:hidden; } #dy_main .index-case .index-case-container>ul>li:hover .txt { opacity:0; filter:alpha(opacity=0); } #dy_main .index-case .index-case-container>ul>li:hover .txt-hover { opacity:1; filter:alpha(opacity=100); } /*==================== 首页：资讯动态 ====================*/ #dy_main .index-news { width:100%; padding:2% 0 4%; background:#f7f7f7; overflow:hidden; } #dy_main .index-news .index-news-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .index-news .index-news-container .news-list { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -ms-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp; } #dy_main .index-news .index-news-container .news-list ul { display:flex; width:100%; } #dy_main .index-news .index-news-container .news-list ul li { float:left; width:32%; margin-right:2%; background:rgba(255,255,255,1); overflow:hidden; } #dy_main .index-news .index-news-container .news-list ul li:nth-child(3n) { margin-right:0; } #dy_main .index-news .index-news-container .news-list ul li .news-item { position:relative; padding:35px 30px; color:#999; } #dy_main .index-news .index-news-container .news-list ul li .news-item .info { position:relative; } #dy_main .index-news .index-news-container .news-list ul li .news-item .date { display:inline-block; *display:inline; *zoom:1; margin-bottom:5px; color:#f49c11; } #dy_main .index-news .index-news-container .news-list ul li .news-item .date .day { font-size:20px; color:#f49c11; border-bottom:#faddaf 1px solid; } #dy_main .index-news .index-news-container .news-list ul li .news-item .date .year { font-size:16px; color:#f49c11; } #dy_main .index-news .index-news-container .news-list ul li .news-item h3 { width:100%; font-size:18px; color:#333; line-height:3em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #dy_main .index-news .index-news-container .news-list ul li .news-item .pic { margin-bottom:20px; border:#f7f7f7 1px solid; } #dy_main .index-news .index-news-container .news-list ul li .news-item .pic img { display:block; width:100%; transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; } #dy_main .index-news .index-news-container .news-list ul li .news-item .txt { font-size:14px; color:#666; line-height:1.5em; height:3em; overflow:hidden; text-overflow:ellipsis; } #dy_main .index-news .index-news-container .news-list ul li:hover .news-item .pic img { transform:scale(0.9, 0.9); -ms-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); } /*==================== 内页：导航菜单 ====================*/ #dy_main .page-nav { width:100%; height:60px; border-bottom:solid 1px #f1f1f1; } #dy_main .page-nav.gray { background:#f7f7f7; } #dy_main .page-nav.linear-gray { background:linear-gradient(to right, #f7f7f7, #f7f7f7 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:#666; 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:#f49c11; } #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; } #dy_main .page-nav .page-nav-container .nav nav ul li a { position:relative; display:block; font-size:14px; color:#333; line-height:60px; } #dy_main .page-nav .page-nav-container .nav nav li > a:after { content:''; display:block; width:0; height:1px; background:#f49c11; 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:#f49c11!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; } #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:28px; color:#333; line-height:1.5em; letter-spacing:3px; font-weight:500; margin-bottom:1rem; } #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-us { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .about-us .about-us-container * { box-sizing:border-box; } #dy_main .about-us .about-us-container .about-us-container-left { float:left; width:32%; } #dy_main .about-us .about-us-container .about-us-container-right { float:right; width:68%; } #dy_main .about-us .about-us-container .about-us-container-left { margin-bottom:0; } #dy_main .about-us .about-us-container .about-us-container-left img { width:90%; margin-right:10%; vertical-align:middle; border-style:none; } #dy_main .about-us .about-us-container .about-us-container-right .about-info { width:100%; text-align:left; } #dy_main .about-us .about-us-container .about-us-container-right .about-info h2 { font-size:28px; color:#333; line-height:1.5em; letter-spacing:3px; font-weight:500; margin-bottom:1rem; } #dy_main .about-us .about-us-container .about-us-container-right .about-info p { font-size:16px; color:#666; line-height:1.8em; margin-bottom:1rem; } #dy_main .about-us .about-us-container .about-us-container-right .about-info p img { max-width:100%; } /*==================== 内页：企业文化 ====================*/ #dy_main .about-culture { width:100%; padding:2% 0 6%; background:linear-gradient(to right, #f7f7f7, #f7f7f7 50%, #fff 50%, #fff); overflow:hidden; } #dy_main .about-culture .about-culture-container { width:100%; } #dy_main .about-culture .about-culture-container ul { padding:0 20px; margin:0 auto; } #dy_main .about-culture .about-culture-container ul li { display:flex; justify-content:space-between; padding-top:96px; } #dy_main .about-culture .about-culture-container ul li:nth-child(2n) { flex-direction:row-reverse; } #dy_main .about-culture .about-culture-container ul li .image, #dy_main .about-culture .about-culture-container ul li .text>.title, #dy_main .about-culture .about-culture-container ul 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 .about-culture .about-culture-container ul li .text { display:flex; flex-direction:column; justify-content:center; } #dy_main .about-culture .about-culture-container ul li .text .title { padding:20px 0; background-size:auto 96px; background-repeat:no-repeat; background-position:0 center; } #dy_main .about-culture .about-culture-container ul li .text .title h3 { font-size:36px; color:#3470b7; } #dy_main .about-culture .about-culture-container ul li:nth-child(1) .text .title { background-image:url("../Images/01.png"); } #dy_main .about-culture .about-culture-container ul li:nth-child(2) .text .title { background-image:url("../Images/02.png"); } #dy_main .about-culture .about-culture-container ul li:nth-child(3) .text .title { background-image:url("../Images/03.png"); } #dy_main .about-culture .about-culture-container ul li:nth-child(4) .text .title { background-image:url("../Images/04.png"); } #dy_main .about-culture .about-culture-container ul li .text .line-h { width:383px; height:0; border-top:1px solid #eee; margin:32px 0; } #dy_main .about-culture .about-culture-container ul li .text .desc { font-size:16px; width:384px; color:#666; line-height:2em; } #dy_main .about-culture .about-culture-container ul li .text .desc p { padding:0; margin:0; } #dy_main .about-culture .about-culture-container ul li .image img { width:800px; } /*==================== 内页：可持续发展 ====================*/ #dy_main .about-development { width:100%; padding:3% 0 6%; background:#f7f7f7; overflow:hidden; } #dy_main .about-development .about-development-container { width:100%; overflow:hidden; } #dy_main .about-development .about-development-container ul { width:100%; } #dy_main .about-development .about-development-container ul * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .about-development .about-development-container ul li { position:relative; float:left; width:48%; height:478px; margin-right:4%; margin-bottom:4%; overflow-y:hidden; } #dy_main .about-development .about-development-container ul li:nth-child(2n) { margin-right:0; } #dy_main .about-development .about-development-container ul li .pic { width:100%; overflow:hidden; } #dy_main .about-development .about-development-container ul li .pic img { display:block; width:100%; } #dy_main .about-development .about-development-container ul li .txt { background-color:#fff; padding:20px 30px; width:calc(100% - 60px); } #dy_main .about-development .about-development-container ul li .txt span { font-size:42px; color:#f49c11; line-height:1.5em; } #dy_main .about-development .about-development-container ul li .txt h2 { font-size:20px; color:#333; line-height:1.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .about-development .about-development-container ul li .txt p { font-size:16px; color:#666; line-height:1.5em; height:3em; opacity:0; overflow:hidden; } #dy_main .about-development .about-development-container ul li:hover .txt { transform:translateY(-60px); } #dy_main .about-development .about-development-container ul li:hover .txt p { padding-top:8px; opacity:0.55; } /* 详情 */ #dy_main .about-development .about-development-container .about-development-container-left { float:left; width:32%; } #dy_main .about-development .about-development-container .about-development-container-right { float:right; width:68%; } #dy_main .about-development .about-development-container .about-development-container-left { margin-bottom:0; } #dy_main .about-development .about-development-container .about-development-container-left img { width:90%; margin-right:10%; vertical-align:middle; border-style:none; } #dy_main .about-development .about-development-container .about-development-container-right .development-info { width:100%; text-align:left; } #dy_main .about-development .about-development-container .about-development-container-right .development-info h2 { font-size:28px; color:#333; line-height:1.5em; letter-spacing:3px; font-weight:500; margin-bottom:1rem; } #dy_main .about-development .about-development-container .about-development-container-right .development-info p { font-size:16px; color:#666; line-height:1.8em; margin-bottom:1rem; } #dy_main .about-development .about-development-container .about-development-container-right .development-info p img { max-width:100%; } /*==================== 内页：发展历程 ====================*/ #dy_main .history { width:100%; padding:3% 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:#333; 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:#666; -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 .certification { width:100%; padding:3% 0 6%; background:#f7f7f7; 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%; background:#fff; } #dy_main .certification .certification-container ul li:nth-child(4n) { margin-right:0; } #dy_main .certification .certification-container ul li .pic { width:100%; margin:0 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; font-size:14px; 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 p { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #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 span { font-size:12px; color:#999; } /*==================== 内页：合作伙伴 ====================*/ #dy_main .partner { width:100%; padding:3% 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; } #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; overflow:hidden; } #dy_main .partner .partner-container ul li .pic img { display:block; width:100%; } #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:16px; color:#333; text-transform:uppercase; line-height:2em; height:2em; } #dy_main .partner .partner-container ul li .txt p { font-size:12px; color:#999; line-height:1.8em; height:1.8em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*==================== 内页：奖项嘉许 ====================*/ #dy_main .honor { width:100%; padding:3% 0 6%; background:#f7f7f7; overflow:hidden; } #dy_main .honor .honor-container { position:relative; } #dy_main .honor .honor-container ul { width:100%; } #dy_main .honor .honor-container ul * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } #dy_main .honor .honor-container ul li { float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%; background:#fff; } #dy_main .honor .honor-container ul li:nth-child(3n) { margin-right:0; } #dy_main .honor .honor-container ul li .pic { width:100%; margin:0 auto; overflow:hidden; } #dy_main .honor .honor-container ul li .pic img { display:block; width:100%; } #dy_main .honor .honor-container ul li .txt { padding:20px 10px; font-size:16px; color:#333; text-align:center; text-transform:uppercase; line-height:2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .honor .honor-container ul li .txt p { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /*==================== 内页：业务领域 ====================*/ #dy_main .business { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .business .business-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .business .business-container ul { width:100%; display:flex; flex-wrap:wrap; } #dy_main .business .business-container ul li { position:relative; float:left; width:31%; height:auto; margin-right:3.5%; margin-bottom:3.5%; overflow:hidden; } #dy_main .business .business-container ul li img { display:block; width:100%; height:auto; } #dy_main .business .business-container ul li:nth-child(3n) { margin-right:0; } #dy_main .business .business-container ul li .back-txt { position:absolute; left:0px; bottom:-100px; width:calc(100% - 40px); height:120px; padding:20px 20px; background:url(../Images/black_bg.png) repeat; color:#fff; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #dy_main .business .business-container ul li .back-txt.onhovercss3 { bottom:0; } #dy_main .business .business-container ul li .back-txt h3 { font-size:18px; margin-bottom:10px; font-weight:400; float:left; color:#fff; } #dy_main .business .business-container ul li .back-txt p { margin-bottom:20px; color:#fff; font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .business .business-container ul li .back-txt .more-btn { width:95px; height:30px; border:1px solid #fff; line-height:30px; text-align:center; color:#fff; display:block; font-size:14px; } #dy_main .business .business-container ul li .back-txt .more-btn:hover{ background:#f49c11; border:1px solid #f49c11; color:#fff; } /*==================== 内页：经典案例 ====================*/ #dy_main .case { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .case .case-container { position:relative; width:100%; margin:0 auto; padding-top:20px; 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%; 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:1.5em; 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.5em; 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 p { color:#666; font-size:14px; line-height:1.6em; } #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.5em; text-overflow:ellipsis; overflow:hidden; } #dy_main .case .case-container>ul>li .txt-hover .desc p { margin-top:10px; font-size:14px; color:#666; line-height:1.5em; height:3em; 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 .case.detail { padding:2% 0 6%; background:#fff; } #dy_main .case .case-container .case-info { float:left; width:74%; } #dy_main .case .case-container .case-info h2 { font-size:28px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .case .case-container .case-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 .case .case-container .case-info h4 span { padding-right:30px; } #dy_main .case .case-container .case-info h4 span:last-child { padding-right:0; } #dy_main .case .case-container .case-info .info-content { width:100%; font-size:14px; line-height:2em; padding-top:20px; overflow:hidden; } #dy_main .case .case-container .case-info .info-content p { font-size:16px; color:#666; line-height:1.8em; padding-bottom:10px; } #dy_main .case .case-container .case-info .info-content img { max-width:100%; } #dy_main .case .case-container .case-info .info-content p:last-child { padding-bottom:0; } #dy_main .case .case-container .case-hot { float:right; width:23%; } #dy_main .case .case-container .case-hot .hotcase-list { background:#f7f7f7; padding:5%; overflow:hidden; margin-bottom:20px; border-radius:10px; } #dy_main .case .case-container .case-hot .hotcase-list h3 { font-size:16px; color:#333; display:block; border-bottom:1px solid #bbb; padding:10px 0; margin-bottom:5px; text-transform:uppercase; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list h3 span { color:#f49c11; } #dy_main .case .case-container .case-hot .hotcase-list ul { padding:10px 0; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list ul li { margin-bottom:10px; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list ul li a { display:block; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list ul li * { -webkit-transition:0.4s ease; -o-transition:0.4s ease; transition:0.4s ease; } #dy_main .case .case-container .case-hot .hotcase-list ul li .pic { float:left; width:15%; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list ul li .pic img { display:block; width:100%; height:auto; } #dy_main .case .case-container .case-hot .hotcase-list ul li .txt { float:right; width:82%; padding:0 0 13px 0; border-bottom:1px #eee solid; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list ul li .txt h4 { font-size:14px; color:#666; line-height:1em; padding-bottom:8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #dy_main .case .case-container .case-hot .hotcase-list ul li .txt h5 { font-size:12px; color:#999; line-height:1.8em; } #dy_main .case .case-container .case-hot .hotcase-list ul li .txt h5 span { padding-right:10px; } #dy_main .case .case-container .case-hot .hotcase-list ul li .txt h5 span:last-child { padding-right:0; } #dy_main .case .case-container .case-hot .hotcase-list ul li:hover a h4 { color:#f49c11; } /*==================== 内页：资讯动态 ====================*/ #dy_main .news { width:100%; padding:3% 0 6%; background:#f7f7f7; overflow:hidden; } #dy_main .news .news-container { width:100%; margin:0 auto; overflow:hidden; } #dy_main .news .news-container .news-list { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -ms-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp; } #dy_main .news .news-container .news-list ul { width:100%; } #dy_main .news .news-container .news-list ul li { float:left; width:32%; margin-right:2%; margin-bottom:2%; background:rgba(255,255,255,1); overflow:hidden; } #dy_main .news .news-container .news-list ul li:nth-child(3n) { margin-right:0; } #dy_main .news .news-container .news-list ul li a { width:100%; overflow:hidden; } #dy_main .news .news-container .news-list ul li .news-item { position:relative; padding:35px 30px; color:#999; } #dy_main .news .news-container .news-list ul li .news-item .info { position:relative; } #dy_main .news .news-container .news-list ul li .news-item .date { display:inline-block; *display:inline; *zoom:1; margin-bottom:5px; color:#f49c11; } #dy_main .news .news-container .news-list ul li .news-item .date .day { font-size:20px; color:#f49c11; border-bottom:#faddaf 1px solid; } #dy_main .news .news-container .news-list ul li .news-item .date .year { font-size:16px; color:#f49c11; } #dy_main .news .news-container .news-list ul li .news-item h3 { width:100%; font-size:18px; color:#333; line-height:3em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #dy_main .news .news-container .news-list ul li .news-item .pic { margin-bottom:20px; border:#f7f7f7 1px solid; } #dy_main .news .news-container .news-list ul li .news-item .pic img { display:block; width:100%; transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; } #dy_main .news .news-container .news-list ul li .news-item .txt { font-size:14px; color:#666; line-height:1.5em; height:3em; overflow:hidden; text-overflow:ellipsis; } #dy_main .news .news-container .news-list ul li:hover .news-item .pic img { transform:scale(0.9, 0.9); -ms-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); } /* 详情 */ #dy_main .news.detail { padding:2% 0 6%; background:#fff; } #dy_main .news .news-container .news-info { float:left; width:74%; } #dy_main .news .news-container .news-info h2 { font-size:28px; color:#333; text-align:center; line-height:2em; overflow:hidden; } #dy_main .news .news-container .news-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 .news .news-container .news-info h4 span { padding-right:30px; } #dy_main .news .news-container .news-info h4 span:last-child { padding-right:0; } #dy_main .news .news-container .news-info .info-content { width:100%; font-size:14px; line-height:2em; padding-top:20px; overflow:hidden; } #dy_main .news .news-container .news-info .info-content p { font-size:16px; color:#666; line-height:1.8em; padding-bottom:10px; } #dy_main .news .news-container .news-info .info-content img { max-width:100%; } #dy_main .news .news-container .news-info .info-content p:last-child { padding-bottom:0; } /* 热门 */ #dy_main .news .news-container .news-hot { float:right; width:23%; } #dy_main .news .news-container .news-hot .hotnews-list { background:#f7f7f7; 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 #bbb; padding:10px 0; text-transform:uppercase; 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; color:#999; } #dy_main .news .news-container .news-hot .hotnews-list ul li a:hover h4 { color:#f49c11; -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:#f49c11; } /*==================== 内页：人才招聘 ====================*/ #dy_main .career { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .career.job { background:#f7f7f7; padding:3% 0 6%; } #dy_main .career .career-container { width:100%; overflow:hidden; } #dy_main .career .career-container .talent-policy { position:relative; padding:0; background:#f7f7f7; overflow:hidden; } #dy_main .career .career-container .talent-policy .info { float:left; width:50%; height:300px; } #dy_main .career .career-container .talent-policy .info .txt { font-size:14px; padding:25px 60px; word-break:break-all; line-height:35px; } #dy_main .career .career-container .talent-policy .info .txt p, #dy_main .career .career-container .talent-policy .info .txt span { word-break:break-all; font-size:14px; line-height:35px; color:#333; } #dy_main .career .career-container .talent-policy .info h2 { margin-left:60px; padding-top:30px; font-size:28px; color:#333; line-height:2em; } #dy_main .career .career-container .talent-policy .info h3 { margin-left:60px; font-size:20px; color:#f49c11; line-height:2em; } #dy_main .career .career-container .talent-policy .pic { float:right; width:50%; height:360px; overflow:hidden; } #dy_main .career .career-container .talent-policy .pic img { width:100%; height:100%; } #dy_main .career .career-container .job-list { width:100%; overflow:hidden; } #dy_main .career .career-container .job-list .job { float:left; width:calc(100% - 2px); margin-bottom:30px; border:solid 1px #ddd; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; overflow:hidden; } #dy_main .career .career-container .job-list .job.on { border:solid 1px #fff; } #dy_main .career .career-container .job-list .job:hover { border:solid 1px #fff; background:#fff; } #dy_main .career .career-container .job-list .job .info { padding:30px 180px 30px 0; position:relative; height:100px; cursor:pointer; } #dy_main .career .career-container .job-list .job.on .info { background:#fff; border-bottom:solid 1px #fff; } #dy_main .career .career-container .job-list .job .info em { display:block; width:180px; height:150px; position:absolute; right:0; top:0; background:url(../Images/btn_more.png) no-repeat center; } #dy_main .career .career-container .job-list .job.on .info em, #dy_main .career .career-container .job-list .job .info:hover em { background-image:url(../Images/btn_more_on.png); } #dy_main .career .career-container .job-list .job .info .info-1 { width:25%; float:left; } #dy_main .career .career-container .job-list .job .info .info-1 h4 { width:100%; float:left; font-size:24px; color:#333; text-align:center; line-height:1.5em; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career .career-container .job-list .job .info .info-1 h5 { width:100%; float:left; font-size:16px; color:#666; text-align:center; line-height:1.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career .career-container .job-list .job .info .info-2 { width:50%; float:left; } #dy_main .career .career-container .job-list .job .info .info-2 h5 { width:100%; float:left; font-size:16px; color:#333; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career .career-container .job-list .job .info .info-3 { width:25%; float:left; padding-top:20px} #dy_main .career .career-container .job-list .job .info .info-3 h5 { width:100%; float:left; font-size:16px; color:#666; line-height:1.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #dy_main .career .career-container .job-list ul.detail { width:100%; background:#fff; position:relative; margin-bottom:30px; float:left; display:none; } #dy_main .career .career-container .job-list ul.detail .info { overflow:hidden; } #dy_main .career .career-container .job-list ul.detail .info .top-arrow { position:absolute; left:50%; top:-9px; margin-left:-8px; } #dy_main .career .career-container .job-list ul.detail .info .top-arrow img { float:left; } #dy_main .career .career-container .job-list ul.detail .info .info-1 { width:calc(50% - 60px); float:left; padding:40px 20px 40px 40px; } #dy_main .career .career-container .job-list ul.detail .info .info-2 { width:calc(50% - 60px); float:left; padding:40px 40px 40px 20px; } #dy_main .career .career-container .job-list ul.detail .info .info-1 h4, #dy_main .career .career-container .job-list ul.detail .info .info-2 h4 { width:100%; float:left; font-size:20px; color:#333; line-height:2em; } #dy_main .career .career-container .job-list ul.detail .info .info-1 .txt, #dy_main .career .career-container .job-list ul.detail .info .info-2 .txt { width:100%; float:left; margin-top:7px; } #dy_main .career .career-container .job-list ul.detail .info .info-1 .txt p, #dy_main .career .career-container .job-list ul.detail .info .info-2 .txt p { font-size:14px; color:#666; line-height:2em; } #dy_main .career .career-container .job-list ul.detail .info .info-1 .txt img, #dy_main .career .career-container .job-list ul.detail .info .info-2 .txt img { max-width:100%; } #dy_main .career .career-container .job-list ul.detail .btn { width:100%; margin-bottom:30px; text-align:center; } #dy_main .career .career-container .job-list ul.detail .btn a { padding:10px 200px; text-align:center; color:#333; background:#ddd; font-size:14px; border-radius:12px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #dy_main .career .career-container .job-list ul.detail .btn a:hover { background:#f49c11; color:#fff } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-us { width:100%; padding:3% 0 6%; background:#fff; overflow:hidden; } #dy_main .contact-us .contact-us-container { width:100%; } #dy_main .contact-us .contact-us-container ul { width:100%; } #dy_main .contact-us .contact-us-container ul li { width:100%; height:360px; margin-bottom:40px; background:#f7f7f7; } #dy_main .contact-us .contact-us-container ul li .contact-left { float:left; width:55%; height:100%; } #dy_main .contact-us .contact-us-container ul li .contact-left .dyjs-map { width:100%; height:100%; } #dy_main .contact-us .contact-us-container ul li .contact-right { float:left; width:calc(45% - 40px); padding:10px 0 10px 40px; position:relative; } #dy_main .contact-us .contact-us-container ul li .contact-right .txt h2 { font-size:28px; color:#333; line-height:2em; } #dy_main .contact-us .contact-us-container ul li .contact-right .txt p { font-size:16px; color:#666; line-height:2em; } #dy_main .contact-us .contact-us-container ul li .contact-right .txt p span { color:#999; } #dy_main .contact-us .contact-us-container ul li .contact-right .txt p:last-child { padding-bottom:0; } #dy_main .contact-us .contact-us-container ul li .contact-right .txt p a:hover { color:#f49c11; } #dy_main .contact-us .contact-us-container ul li .contact-right .qrcode { position:absolute; right:-18%; bottom:3%; } /*==================== 内页：帮助 ====================*/ #dy_main .faq { width:100%; padding:3% 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; letter-spacing:.1em; 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:28px; 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; text-transform:uppercase; overflow:hidden; } #dy_main .faq .faq-container .faq-hot .hotfaq-list ul { padding:10px 0; 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_footer { display:block; background:#333 url(../Images/bg_bottom.png) no-repeat; background-position:center center; background-size:cover; color:#fff; text-align:left; padding:0; overflow:hidden; } #dy_footer .footer-logo { padding:20px 0; margin:0 auto; text-align:left; } #dy_footer .footer-logo img { width:180px; } #dy_footer .footer-container { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 0 60px; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-direction:row; flex-direction:row; } #dy_footer .footer-container .container-panel { display:block; width:100%; } #dy_footer .footer-container .container-panel .links { float:left; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; width:70%; } #dy_footer .footer-container .container-panel .links article { width:auto; padding:0; margin-bottom:20px; margin-right:40px; text-align:left; } #dy_footer .footer-container .container-panel .links article:last-child { margin-right:0; } #dy_footer .footer-container .container-panel .links article h5 { margin-bottom:20px; font-size:15px; font-weight:500; line-height:1.25; letter-spacing:1.2px; color:#fff; text-transform:uppercase; text-decoration:none; } #dy_footer .footer-container .container-panel .links article h5 a { color:#fff; } #dy_footer .footer-container .container-panel .links article ul { list-style:none; margin-left:0; padding-left:0; } #dy_footer .footer-container .container-panel .links article ul li { font-size:13px; font-weight:400; line-height:2.5; letter-spacing:1.2px; color:#999; margin-bottom:0; text-decoration:none; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; } #dy_footer .footer-container .container-panel .links article ul li a:hover { color:#f49c11; } #dy_footer .footer-container .container-panel .qrcode { float:right; width:23%; } #dy_footer .footer-container .container-panel .qrcode .qrcode-item { float:right; width:40%; margin:0 auto; padding:10px; text-align:center; background:#fff; border-radius:8px; } #dy_footer .footer-container .container-panel .qrcode .qrcode-item img { display:block; margin:0 auto; width:100%; } #dy_footer .footer-container .container-panel .qrcode .qrcode-item .qrcode-text { color:#333; font-size:11px; text-align:center; padding-top:10px; } #dy_footer .footer-copyright { padding:10px 10px; display:block; border-top:1px solid #666; } #dy_footer .footer-copyright p { font-size:12px; font-weight:400; line-height:2; letter-spacing:.5px; text-align:left; color:#999; } #dy_footer .footer-copyright p span { padding-right:20px; } #dy_footer .footer-copyright p span .gabeian { height:16px; width:16px; padding-right:3px; } #dy_footer .footer-copyright p span:last-child { padding-right:0; } #dy_footer .footer-copyright p span:not(:first-child) { display:inline-block; } #dy_footer .footer-copyright p a { color:#999; } #dy_footer .footer-copyright p a:hover { color:#f49c11; } /*==================== 放大图片蒙层 ====================*/ .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; }