/*================================================*/
/* Style.Css                                      */
/* Copyright © 2009-2023 CloudV.cn                */
/*================================================*/

@charset "utf-8";
@import url('common.css');

/*==================== 通用样式 ====================*/
html * { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; }
.dy-container { min-width:1000px; width:1000px; margin:0 auto; }
.dy-container-mw { min-width:1000px; margin:0 auto; }
.dy-container-full { width:100%; margin:0 auto; }
.dy-container-half { width:600px!important; }
.dy-container-full:before,
.dy-container-mid:before { content:" "; display:block; width:0; height:0; clear:both; }
.dy-container-full:after,
.dy-container-mid:after { content:" "; display:block; width:0; height:0; clear:both; }
.dy-btn { display:inline-block; margin-bottom:0; padding:2px 20px; text-align:center; font-size:14px; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; background-image:none; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:background-color 0.35s ease; transition:background-color 0.35s ease; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
.dy-btn.disable { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none; color:#d0d0d0; background-color:#f8f8f8; cursor:not-allowed; }
.dy-btn.disable:hover { color:#d0d0d0; background-color:#f8f8f8; }
.dy-btn:hover { -webkit-transition:background-color 0.35s ease; transition:background-color 0.35s ease; }
.btn-white { color:#000; background-color:#fff; font-size:14px; }
.btn-white:hover { color:#fff; background-color:#000; }
.btn-brown { color:#fff; background-color:#d89c50; font-size:14px; }
.btn-brown:hover { color:#fff; background-color:#aa7736; }
.btn-master { color:#fff; background-color:#ff4400; font-size:14px; }
.btn-master:hover { background-color:#059157; }
.btn-basic { color:#fff; background-color:#7e7d7d; font-size:14px; }
.btn-basic:hover { background-color:#666; }
.btn-lesser { color:#666; background-color:#f4f4f4; font-size:14px; }
.btn-lesser:hover { background-color:#e3e3e3; }
.btn-bottom { color:#666; background-color:#fff; font-size:14px; border:1px solid #e3e3e3; }
.btn-bottom:hover { background-color:#f8f8f8; }
.btn-other { color:#666; background-color:#fff; font-size:14px; }
.btn-other:hover { background-color:#f8f8f8; }
.btn-size-master { width:196px; height:60px; line-height:60px; }
.btn-size-tiny { width:120px; height:44px; line-height:44px; }
.btn-size-basic { width:196px; height:44px; line-height:44px; }
.btn-size-longer { width:370px; height:60px; line-height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; }
.btn-size-alter { width:196px; height:60px; line-height:60px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; }
.btn-size-bottom { width:173px; height:51px; line-height:51px; -webkit-border-radius:25.5px; -moz-border-radius:25.5px; -ms-border-radius:25.5px; -o-border-radius:25.5px; border-radius:25.5px; }
.dy-row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.dy-row .col-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%; }
.dy-row .col-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; }
.dy-row .col-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
.dy-row .col-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
.dy-row .col-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; }
.dy-row .col-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
.dy-row .col-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; }
.dy-row .col-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; }
.dy-row .col-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%; }
.dy-row .col-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; }
.dy-row .col-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; }
.dy-row .col-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.no-data { text-align:center; font-size:14px; color:#333; line-height:2em; }
.layui-flow-more { width:100%; padding:20px 0; overflow:hidden; }
.bg-gray { background-color:#fafafa; }
.bg-white { background-color:#fff; }
.col-pink { color:#88afbc!important; }

/*==================== 鼠标进入图片效果 ====================*/
.hover-zoom { -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.hover-zoom img { -webkit-transition:0.5s all ease-in-out; transition:0.5s 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-fade { -webkit-transition:0.3s all ease-in-out; transition:0.3s 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.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; }
.hover-shiftup:hover { -webkit-transform:translate3d(0, -8px, 0); -moz-transform:translate3d(0, -8px, 0); transform:translate3d(0, -8px, 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:hover { box-shadow:0 15px 30px rgba(0,0,0,.1); }
.shadow { box-shadow:0 2px 19px rgba(68,68,68,.08); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }

/*==================== 头部菜单栏 ====================*/
#dy_header { background:#fff; transition:all 0.3s ease-out; width:100%; min-width:1000px; display:flex; padding:20px 2.5%; box-sizing:border-box; position:fixed; top:0; left:0; z-index:99; box-shadow:0px 0 0px #ccc; }
#dy_header .header { width:1000px; margin:0 auto; display:flex; display:-webkit-flex; flex-flow:row nowrap; -webkit-flex-flow:row nowrap; justify-content:space-between; -webkit-justify-content:space-between; }
#dy_header .header .header-item { flex:auto; -webkit-flex:auto; }
#dy_header .header .header-logo { flex-grow:0; -webkit-flex-grow:0; height:60px; width:460px; }
#dy_header .header .header-logo img { height:100%; }
#dy_header .header .header-nav { float:right; display:flex; display:-webkit-flex; flex-flow:row nowrap; -webkit-flex-flow:row nowrap; justify-content:space-between; -webkit-justify-content:space-between; }
#dy_header .header .header-nav a { flex:auto; -webkit-flex:auto; text-align:center; font-size:15px; line-height:60px; font-weight:600; color:#333; transition:all 0.3s ease-out; }
#dy_header .header .header-nav a.active,
#dy_header .header .header-nav a:hover { color:#88afbc; }

/*==================== 首页：滚动广告栏 ====================*/
#dy_slider { position:relative; width:100%; margin-top:100px; background:#fafafa; }
#dy_slider .dy-slider { position:relative; overflow:hidden; }
#dy_slider .dy-slider .swiper-container { width:100%; height:100%; }
#dy_slider .dy-slider .swiper-container .swiper-slide { position:relative; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-image { width:100%; height:100%; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-image img { height:100%; width:100%; }
#dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn { position:absolute; left:0; right:0; bottom:12%; z-index:10; text-align:center; }
#dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a { display:inline-block; width:164px; height:52px; line-height:52px; border-radius:5px; background:#32C424; color:#fff; text-align:center; font-size:18px; margin:0 12px; }
#dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a:nth-child(2) { background:#0168ff; }
#dy_slider .dy-slider .swiper-container .swiper-pagination { bottom:3%; }
#dy_slider .dy-slider .swiper-pagination-bullet { width:10px; height:10px; background:#fff; opacity:0.6; }
#dy_slider .dy-slider .swiper-pagination-bullet-active { background:#fff; opacity:0.6; width:30px; border-radius:5px; -webkit-transition:all .4s ease; transition:all .4s ease; }
/* 文字 */
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text { position:absolute; top:25%; right:5%; width:45%; text-align:center; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:5%; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:5%; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="top"] .slide-text { top:25%; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="middle"] .slide-text { top:40%; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h1 { color:#fff; font-size:60px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h2 { color:#fff; font-size:48px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h3 { color:#fff; font-size:32px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h4 { color:#fff; font-size:28px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h5 { color:#fff; font-size:24px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h6 { color:#fff; font-size:20px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text p { color:#fff; font-size:18px; line-height:1.8em; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .line { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link { margin-top:20px; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a { color:#fff; font-size:18px; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:after { position:absolute; content:''; display:block; width:24px; height:1px; background-color:#fff; bottom:-5px; left:49.5%; margin-left:-8px; -webkit-transition:all .4s ease; transition:all .4s ease; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn { margin-top:20px; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a { background:rgba(242,169,59,.5); color:#fff; font-size:16px; padding:3px 20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a:hover { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h1,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h2,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h3,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h4,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h5,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h6,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text p { color:#fff; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h1,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h2,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h3,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h4,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h5,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h6,
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text p { color:#000; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .line { border-bottom:1px solid #fff; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .line { border-bottom:1px solid #000; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a { color:#fff; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a { color:#000; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a:after { background-color:#fff; }
#dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a:after { background-color:#000; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover { color:#f99f05; -webkit-transition:color .4s ease; transition:color .4s ease; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover:after { background-color:#f99f05; width:75px; margin-left:-33px; }

/*==================== 内页：Banner ====================*/
#dy_banner { position:relative; width:100%; margin-top:100px; background:#fafafa; }
#dy_banner.green { background:#f5fffa; }
#dy_banner.blue { background:#f6fbfe; }
#dy_banner.red { background:#fff7f3; }
#dy_banner.gray { background:#f5f5f5; }
#dy_banner .dy-banner { position:relative; overflow:hidden; }
#dy_banner .dy-banner .banner-container { margin:0 auto; overflow:hidden; }
#dy_banner .dy-banner .banner-container .banner-image { display:inline-block; width:100%; height:auto; }
#dy_banner .dy-banner .banner-container .banner-image img { width:100%; height:auto; }
#dy_banner .dy-banner .banner-container .banner-text { position:absolute; top:35%; right:5%; text-align:right; }
#dy_banner .dy-banner .banner-container[text-xposition="left"] .banner-text { left:5%; }
#dy_banner .dy-banner .banner-container[text-xposition="middle"] .banner-text { left:25%; }
#dy_banner .dy-banner .banner-container[text-xposition="right"] .banner-text { right:5%; }
#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; }
#dy_banner .dy-banner .banner-container .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; }
#dy_banner .dy-banner .banner-container .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; }
#dy_banner .dy-banner .banner-container .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; }
#dy_banner .dy-banner .banner-container .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; }
#dy_banner .dy-banner .banner-container .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; }
#dy_banner .dy-banner .banner-container .banner-text p { color:#fff; font-size:18px; line-height:1.8em; }
#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; }
/* video */
#dy_banner .dy-banner .banner-container .banner-video { position:relative; width:1240px; height:698px; margin:0 auto; }
#dy_banner .dy-banner .banner-container .banner-video video,
#dy_banner .dy-banner .banner-container .banner-video .video-js { width:100%; height:100%; background-color:#000; }

/*==================== 通用标题栏 ====================*/
#dy_main { position:relative; background:#fff; }
#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; }
/* 风格1 */
#dy_main .dy-title .title-container h1 { font-size:36px; color:#000; text-align:center; letter-spacing:2px; line-height:1.6em; }
#dy_main .dy-title .title-container h2 { font-size:28px; color:#333; text-align:center; letter-spacing:2px; line-height:1.6em; }
#dy_main .dy-title .title-container h4 { font-size:16px; color:#666; text-align:center; line-height:1.6em; }
/* 风格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 .index-ad { width:100%; padding:40px 0; background:#fff; overflow:hidden; }
#dy_main .index-ad .index-ad-container { margin:0 auto; overflow:hidden; }
#dy_main .index-ad .index-ad-container ul { width:100%; margin:0 auto; }
#dy_main .index-ad .index-ad-container ul li { float:left; width:25%; padding:20px 0; text-align:center; }
#dy_main .index-ad .index-ad-container ul li .pic { width:100%; height:100%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; border-radius:50%; overflow:hidden; }
#dy_main .index-ad .index-ad-container ul li .pic img { width:70%; height:auto; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; border-radius:50%; }
#dy_main .index-ad .index-ad-container ul li h5 { font-size:16px; color:#333; font-weight:600; line-height:1.5em; text-align:center; width:100%; margin-top:10px; }
#dy_main .index-ad .index-ad-container ul li:hover h5 { color:#88afbc; }

/*==================== 首页：公司文章 ====================*/
#dy_main .index-article { width:100%; padding:40px 0 60px; background:#fafafa; overflow:hidden; }
#dy_main .index-article .index-article-container { margin:0 auto; overflow:hidden; }
#dy_main .index-article .index-article-container .article-info { float:left; width:40%; }
#dy_main .index-article .index-article-container .article-info .article { text-align:center; color:#000; border-right:1px solid #eee; }
#dy_main .index-article .index-article-container .article-info .article span  { color:#88afbc; font-size:24px; font-weight:500; line-height:80px; }
#dy_main .index-article .index-article-container .article-info .article .info { padding-top:20px; }
#dy_main .index-article .index-article-container .article-info .article .info p { font-size:14px; color:#333; line-height:2em; }
#dy_main .index-article .index-article-container .contact-info { float:right; text-align:center; color:#333; width:60%; }
#dy_main .index-article .index-article-container .contact-info h4 { font-size:24px; font-weight:500; line-height:80px; margin-bottom:10px; }
#dy_main .index-article .index-article-container .contact-info ul { display:flex; display:-webkit-flex; flex-flow:row nowrap; -webkit-flex-flow:row nowrap; justify-content:space-between; -webkit-justify-content:space-between; }
#dy_main .index-article .index-article-container .contact-info ul li { margin:0 auto; flex:auto; -webkit-flex:auto; width:33.3333333%; }
#dy_main .index-article .index-article-container .contact-info ul li h5 { padding:10px 0; font-size:14px; }
#dy_main .index-article .index-article-container .contact-info ul li a { color:#333; }
#dy_main .index-article .index-article-container .contact-info ul li a:hover { color:#88afbc; }
#dy_main .index-article .index-article-container .contact-info ul li a.pink { color:#88afbc; }
#dy_main .index-article .index-article-container .contact-info .icon { width:60px; height:60px; padding-top:30px; display:inline-block; }
#dy_main .index-article .index-article-container .contact-info .icon.address { background:url(../Images/icon_address.png) no-repeat scroll left center transparent; background-size:60px auto; vertical-align:middle; }
#dy_main .index-article .index-article-container .contact-info .icon.tel { background:url(../Images/icon_tel.png) no-repeat scroll left center transparent; background-size:60px auto; vertical-align:middle; }
#dy_main .index-article .index-article-container .contact-info .icon.email { background:url(../Images/icon_email.png) no-repeat scroll left center transparent; background-size:60px auto; vertical-align:middle; }
#dy_main .index-article .index-article-container .contact-info .icon.fax { background:url(../Images/icon_fax.png) no-repeat scroll left center transparent; background-size:60px auto; vertical-align:middle; }

/*==================== 内页：左侧菜单+右侧内容 ====================*/
#dy_main .dy-container .left-nav { float:left; width:20%; overflow:hidden; }
#dy_main .dy-container .left-nav nav { margin-right:10px; margin-bottom:10px; }
#dy_main .dy-container .left-nav nav .nav-ul .nav-li { height:41px; background:#fafafa; overflow:hidden; border-bottom:1px solid #f1f1f1; }
#dy_main .dy-container .left-nav nav .nav-ul .nav-li.active { height:auto; }
#dy_main .dy-container .left-nav nav .nav-ul .nav-li.active .nav-title { color:#fff; background-color:#88afbc; border:1px solid #88afbc; }
#dy_main .dy-container .left-nav nav .nav-ul .nav-title { font-size:14px; font-weight:600; color:#333; background:#fafafa; display:block; line-height:1.5em; padding:10px; transition:0.3s all ease-in-out; }
#dy_main .dy-container .left-nav nav .nav-ul .nav-title:hover { color:#fff; background-color:#88afbc; }
#dy_main .dy-container .left-nav nav .nav-ul li ul li { padding-left:1em; }
#dy_main .dy-container .left-nav nav .nav-ul li ul li a { font-size:12px; color:#333; line-height:2em; display:block; margin:3px 0; padding:0 5px; }
#dy_main .dy-container .left-nav nav .nav-ul li ul li a span { display:block; }
#dy_main .dy-container .left-nav nav .nav-ul li ul li a:hover span { color:#88afbc; }
#dy_main .dy-container .left-nav nav .nav-ul li ul li a.active span { color:#88afbc; }
#dy_main .dy-container .right-content { float:right; width:78%; overflow:hidden; }
#dy_main .dy-container .right-content .container-nav { font-size:16px; text-align:left; color:#333; line-height:1.5em; margin-bottom:20px; }
#dy_main .dy-container .right-content .container-nav .type-title { font-weight:600; color:#333; }
#dy_main .dy-container .right-content .container-nav .type-title:hover { color:#88afbc; }
#dy_main .dy-container .right-content .info img { max-width:100%!important; }

/*==================== 内页：关于我们 ====================*/
#dy_main .about { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .about .about-container { position:relative; margin-bottom:30px; overflow:hidden; }
#dy_main .about .about-container h2 { font-size:28px; line-height:1.5em; margin-bottom:10px; color:#333; font-weight:600; }
#dy_main .about .about-container .info { width:100%; padding-bottom:20px; overflow:hidden; }
#dy_main .about .about-container .info p { font-size:16px; color:#333; line-height:1.8em; }

/*==================== 内页：团队 ====================*/
#dy_main .team { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .team .team-container { position:relative; margin-bottom:30px; overflow:hidden; }
#dy_main .team .team-container h2 { font-size:28px; line-height:1.5em; margin-bottom:10px; color:#333; font-weight:600; }
#dy_main .team .team-container ul.info { width:100%; padding-bottom:20px; overflow:hidden; }
#dy_main .team .team-container ul.info li { width:100%; padding-bottom:50px; overflow:hidden; }
#dy_main .team .team-container ul.info li .pic { float:left; width:30%; text-align:center; background:#7f7f7f; border-radius:20px; overflow:hidden; }
#dy_main .team .team-container ul.info li .pic .avatar { width:100%; overflow:hidden; }
#dy_main .team .team-container ul.info li .pic .avatar img { width:100%; height:auto; border-top-left-radius:20px; border-top-right-radius:20px; }
#dy_main .team .team-container ul.info li .pic h3 { text-align:center; font-size:16px; font-weight:600; color:#fff; line-height:1.5em; padding-top:15px; }
#dy_main .team .team-container ul.info li .pic h4 { text-align:center; font-size:12px; color:#fff; line-height:1.5em; padding-bottom:15px; }
#dy_main .team .team-container ul.info li .txt { float:right; width:67%; }
#dy_main .team .team-container ul.info li .txt p { font-size:16px; color:#333; line-height:1.8em; }
#dy_main .team .team-container ul.info li .txt img { max-width:100%; }

/*==================== 内页：品牌 ====================*/
#dy_main .brand { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .brand .brand-container { position:relative; margin-bottom:30px; overflow:hidden; }
#dy_main .brand .brand-container h2 { font-size:28px; line-height:1.5em; margin-bottom:10px; color:#333; font-weight:600; }
#dy_main .brand .brand-container ul.info { width:100%; padding-bottom:20px; overflow:hidden; }
#dy_main .brand .brand-container ul.info li { float:left; width:calc(32% - 2px); margin-right:2%; margin-bottom:2%; border:1px solid #ddd; border-radius:10px; background:#ddd; }
#dy_main .brand .brand-container ul.info li:nth-child(3n) { margin-right:0; }
#dy_main .brand .brand-container ul.info li .pic { width:100%; border-radius:10px; overflow:hidden; }
#dy_main .brand .brand-container ul.info li .pic img { width:100%; }
#dy_main .brand .brand-container ul.info li .txt { padding:10px 5px; }
#dy_main .brand .brand-container ul.info li .txt h4 { color:#333; font-size:14px; font-weight:600; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
/* 详情 */
#dy_main .brand.detail .brand-container .brand-info { width:100%; overflow:hidden; }
#dy_main .brand.detail .brand-container .brand-info h2 { font-size:28px; line-height:1.5em; margin-bottom:10px; color:#333; font-weight:600; }
#dy_main .brand.detail .brand-container .brand-info .info-content { width:100%; font-size:14px; line-height:2em; padding-top:20px; overflow:hidden; }
#dy_main .brand.detail .brand-container .brand-info .info-content p { font-size:16px; color:#333; line-height:1.5em; }
#dy_main .brand.detail .brand-container .brand-info .info-content img { max-width:100%; }
#dy_main .brand.detail .brand-container .brand-info .info-content video { width:100% !important; }
#dy_main .brand.detail .brand-container .brand-info .info-content p:last-child { padding-bottom:0; }

/*==================== 内页：产品 ====================*/
#dy_main .product { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .product .product-container { position:relative; margin-bottom:30px; overflow:hidden; }
#dy_main .product .product-container ul.info { width:100%; padding-bottom:20px; overflow:hidden; }
#dy_main .product .product-container ul.info li { float:left; width:calc(24% - 2px); height:260px; margin-right:1%; margin-bottom:1%; border:1px solid #f1f1f1; border-radius:5px; background:#f1f1f1; }
#dy_main .product .product-container ul.info li:nth-child(4n) { margin-right:0; }
#dy_main .product .product-container ul.info li .pic { width:100%; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden; }
#dy_main .product .product-container ul.info li .pic img { width:100%; }
#dy_main .product .product-container ul.info li .txt { padding:5px; }
#dy_main .product .product-container ul.info li .txt h4 { color:#333; font-size:14px; font-weight:600; line-height:1.5em; }
#dy_main .product .product-container ul.info li .txt p { color:#333; font-size:12px; line-height:1.5em; }
#dy_main .product .product-container ul.info li .txt p.title { text-align:right; }
/* 弹出窗口 */
#dy_mask { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:999; top:0; display:none; transition:opacity 0.1s 0.3s ease-in-out; }
#dy_mask .pro-box { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:800px; border:5px solid #000; background:#fff; display:flex; display:-webkit-flex; }
#dy_mask .pro-box .box-pic { border-right:1px solid #f1f1f1; width:499px; flex:none; -webkit-flex:none; }
#dy_mask .pro-box .box-pic img { width:100%; }
#dy_mask .pro-box .box-text { box-sizing:border-box; padding:20px; width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; justify-content:space-between; -webkit-justify-content:space-between; }
#dy_mask .pro-box .box-text .box-left { width:100%; box-sizing:border-box; padding:0 5px; flex-grow:1;flex-basis:200px;}
#dy_mask .pro-box .box-text .box-left .pro-title { font-size:18px; color:#333; margin:0 0 0.5em; }
#dy_mask .pro-box .box-text .box-left .pro-info { font-size:14px; word-wrap:break-word; word-break:break-all; }
#dy_mask .pro-box .box-text .box-right { width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; align-content:flex-start; -webkit-align-content:flex-start;flex-grow:2; }
#dy_mask .pro-box .box-text .box-right .p:nth-child(2n+1) { background:#F2F5F8; }
#dy_mask .pro-box .box-text .box-right .p:nth-child(2n) { background:#fff; }
#dy_mask .pro-box .box-text .box-right .p { line-height:30px; padding:0 5px; border-bottom:1px solid #f1f1f1; width:100%; }
#dy_mask .pro-box .box-text .box-right .p i { float:left; font-style:normal; display:inline-block; width:100px; color:#333; font-weight:600; }
#dy_mask .pro-box .box-text .box-right .p .rdiv { float:right;width:150px; }
#dy_mask .pro-box .mask-close { width:25px; height:25px; background:#000; position:absolute; top:-1px; right:0; font-size:16px; text-align:center; line-height:25px; }
#dy_mask .pro-box .mask-close a { display:block; }
#dy_mask .pro-box .mask-close a:hover { color:#fff; transition:all 0.2s ease-in-out; }
.pro-box { width:800px;  background:#fff; display:flex; display:-webkit-flex; }
.pro-box .box-pic { border-right:1px solid #f1f1f1; width:499px; flex:none; -webkit-flex:none; }
.pro-box .box-pic img { width:100%; }
.pro-box .box-text { box-sizing:border-box; padding:20px; width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; justify-content:space-between; -webkit-justify-content:space-between; }
.pro-box .box-text .box-left { width:100%; box-sizing:border-box; padding:0 5px; flex-grow:1;flex-basis:200px;}
.pro-box .box-text .box-left .pro-title { font-size:18px; font-weight:600; color:#333; margin:0 0 0.5em; }
.pro-box .box-text .box-left .pro-info { font-size:14px; word-wrap:break-word; word-break:break-all; }
.pro-box .box-text .box-right { width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; align-content:flex-start; -webkit-align-content:flex-start;flex-grow:2;}
.pro-box .box-text .box-right .p:nth-child(2n+1) { background:#F2F5F8; }
.pro-box .box-text .box-right .p:nth-child(2n) { background:#fff; }
.pro-box .box-text .box-right .p { font-size:14px; line-height:32px; padding:0 5px; border-bottom:1px solid #f1f1f1; width:100%; }
.pro-box .box-text .box-right .p i { float:left; font-style:normal; display:inline-block; width:100px; color:#333; font-weight:600; }
.pro-box .box-text .box-right .p .rdiv { float:right; width:150px; }
.pro-box .mask-close { width:25px; height:25px; background:#000; position:absolute; top:-1px; right:0; font-size:16px; text-align:center; line-height:25px; }
.pro-box .mask-close a { display:block; }
.pro-box .mask-close a:hover { color:#fff; transition:all 0.2s ease-in-out; }

/*==================== 内页：服务项目 ====================*/
#dy_main .service { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .service .service-container { position:relative; margin-bottom:30px; }
#dy_main .service .service-container .service-list { display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; justify-content:space-between; -webkit-justify-content:space-between; /*border-top:1px solid #f1f1f1;*/ }
#dy_main .service .service-container .service-list .info { width:48%; box-sizing:border-box; overflow:hidden; }
#dy_main .service .service-container .service-list .info:nth-child(2n) { float:right; }
#dy_main .service .service-container .service-list .info .detail { font-size:16px; color:#333; line-height:1.8em; }
#dy_main .service .service-container .service-list .info .detail p { font-size:16px; color:#333; line-height:1.8em; }

/*==================== 内页：联系我们 ====================*/
#dy_main .contact { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .contact .contact-container { position:relative; margin-bottom:30px; }
#dy_main .contact .contact-container h2 { font-size:28px; line-height:1.5em; margin-bottom:10px; color:#333; font-weight:600; }
#dy_main .contact .contact-container .contact-list { width:100%; overflow:hidden; }
#dy_main .contact .contact-container .contact-list .info { width:100%; padding-bottom:20px; overflow:hidden; }
#dy_main .contact .contact-container .contact-list .info h4 { font-size:18px; color:#333; font-weight:600; line-height:1.8em; }
#dy_main .contact .contact-container .contact-list .info p { font-size:16px; color:#666; line-height:1.8em; }
#dy_main .contact .contact-container .contact-list .info p a { color:#666; }
#dy_main .contact .contact-container .contact-list .info p.address { background:url(../Images/icon_address.png) no-repeat left center; background-size:20px; padding-left:26px; }
#dy_main .contact .contact-container .contact-list .info p.contactman { background:url(../Images/icon_contactman.png) no-repeat left center; background-size:20px; padding-left:26px; }
#dy_main .contact .contact-container .contact-list .info p.tel { background:url(../Images/icon_tel.png) no-repeat left center; background-size:20px; padding-left:26px; }
#dy_main .contact .contact-container .contact-list .info p.fax { background:url(../Images/icon_fax.png) no-repeat left center; background-size:20px; padding-left:26px; }
#dy_main .contact .contact-container .contact-list .info p.email { background:url(../Images/icon_email.png) no-repeat left center; background-size:20px; padding-left:26px; }
#dy_main .contact .contact-container .contact-list .info p.web { background:url(../Images/icon_web.png) no-repeat left center; background-size:20px; padding-left:26px; }
#dy_main .contact .contact-container .contact-list { width:100%; overflow:hidden; }
#dy_main .contact .contact-container .contact-list .map { float:left; width:49%; margin-right:2%; }
#dy_main .contact .contact-container .contact-list .map:nth-child(2n) { margin-right:0; }
#dy_main .contact .contact-container .contact-list .map h4 { font-size:18px; color:#333; font-weight:600; line-height:1.8em; }
#dy_main .contact .contact-container .contact-list .map .map-item { float:left; display:block; max-height:500px; overflow:hidden; }
#dy_main .contact .contact-container .contact-list .map .map-item img { width:100%; height:100%; }

/*==================== 内页：新闻 ====================*/
#dy_main .news { width:100%; padding:40px 0 60px; overflow:hidden; }
#dy_main .news .news-container { margin:0 auto; overflow:hidden; }
#dy_main .news .news-container ul.news-list { width:100%; }
#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:28%; border-radius:10px; overflow:hidden; }  
#dy_main .news .news-container ul.news-list li .pic img { display:block; width:100%; height:auto; border-radius:10px; }  
#dy_main .news .news-container ul.news-list li .txt { float:right; width:70%; padding:0 0 13px 0; border-bottom:1px #666 solid; }  
#dy_main .news .news-container ul.news-list li .txt h3 { font-size:18px; color:#333; line-height:2em; padding-bottom:5px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }  
#dy_main .news .news-container ul.news-list li .txt h4 { font-size:12px; color:#999; 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:12px; color:#999; line-height:1.8em; }
#dy_main .news .news-container ul.news-list li .txt p { font-size:14px; color:#333; line-height:1.7em; height:3.4em; margin:6px 0; overflow:hidden; }  
#dy_main .news .news-container ul.news-list li a:hover .txt { /*border-color:#88afbc;*/ }
#dy_main .news .news-container ul.news-list li a:hover .txt h3 { /*color:#88afbc;*/ -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:#88afbc;*/ }
/* 详情 */
#dy_main .news.detail { padding:40px 0 60px; }
#dy_main .news.detail .news-container .news-info { width:100%; overflow:hidden; }
#dy_main .news.detail .news-container .news-info h2 { font-size:28px; color:#333; text-align:center; line-height:2em; overflow:hidden; }
#dy_main .news.detail .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 #666; overflow:hidden; }
#dy_main .news.detail .news-container .news-info h4 span { padding-right:30px; color:#999; }
#dy_main .news.detail .news-container .news-info h4 span:last-child { padding-right:0; }
#dy_main .news.detail .news-container .news-info .info-content { width:100%; font-size:14px; line-height:2em; padding-top:20px; overflow:hidden; }
#dy_main .news.detail .news-container .news-info .info-content p { font-size:16px; color:#333; line-height:1.5em; }
#dy_main .news.detail .news-container .news-info .info-content img { max-width:100%; }
#dy_main .news.detail .news-container .news-info .info-content p:last-child { padding-bottom:0; }

/*==================== 底部版权  ====================*/
#dy_footer { width:100%; margin:0 auto; text-align:center; font-size:12px; color:#aaa; padding:30px 0; box-sizing:border-box; background:#88afbc; overflow:hidden; }
#dy_footer .copyright { width:100%; }
#dy_footer .copyright p { color:#fff; font-size:12px; line-height:20px; }
#dy_footer .copyright p.logo { padding-bottom:20px; }
#dy_footer .copyright p.logo img { width:300px; height:auto; }
#dy_footer .copyright p a { color:#fff; }
#dy_footer .copyright p a:hover { color:#fff; }
#dy_footer .copyright .gabeian { height:14px; width:14px; padding-bottom:3px; padding-right:2px; }
#dy_footer .hide { display:none; }

/*==================== 右侧漂浮快捷键 ====================*/
#dy_scrollup { position:fixed; z-index:99999; bottom:20px; right:10px; height:42px; width:42px; background-color:rgba(0, 0, 0, 0.3); font-size:36px; color:#fff; text-align:center; border-radius:10px; text-decoration:none; -webkit-transition:-webkit-transform opacity 0.2s ease-out; -moz-transition:-moz-transform opacity 0.2s ease-out; -o-transition:-o-transform opacity 0.2s ease-out; transition:transform opacity 0.2s ease-out; }
#dy_scrollup .icon { vertical-align:middle; display:table; width:29px; height:28px; background:url(../Images/icon_scroll.png); margin:7px auto; }
#dy_scrollup:hover { background-color:rgba(0, 0, 0, 0.75); }

/*==================== 播放器 ====================*/
.dy-video { display:none; z-index:110; width:100%; position:fixed; height:100%; background:rgba(0, 0, 0, 0.6); left:0px; top:0px; }
.dy-video .dy-video-container { width:1000px; margin:0 auto; position:absolute; top:15%; left:50%; margin-top:0px; margin-left:-500px; }
.dy-video .dy-video-container .videobox { height:600px; position:relative; z-index:1; }
.dy-video .dy-video-container .close-btn { display:block; width:25px; height:25px; position:absolute; right:15px; top:-5px; cursor:pointer; z-index:100; margin:-20px -20px 0 0; z-index:9; }
.dy-video .dy-video-container .close-btn:before { content:''; position:absolute; top:10px; width:20px; height:2px; background-color:#FFF; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.dy-video .dy-video-container .close-btn:after { content:''; position:absolute; top:10px; width:20px; height:2px; background-color:#FFF; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }

/*==================== 404页面 ====================*/
#dy_error { width:100%; height:100vh; position:relative; }
#dy_error .error-box { width:100%; }
#dy_error .error-box .error-top { width:100%; padding:40px 0; height:55vh; box-sizing:border-box; position:relative; display:-webkit-flex; display:flex; background:#e2e2e2; }
#dy_error .error-box .error-top .error-info { width:80%; margin:0 auto; align-self:flex-end; -webkit-align-self:flex-end; }
#dy_error .error-box .error-top .error-info h2 { font-size:100px; margin-bottom:5px; line-height:1.5em; }
#dy_error .error-box .error-top .error-info h4 { font-size:24px; line-height:1.5em; margin-bottom:10px; }
#dy_error .error-box .error-top .error-info p { font-size:14px; line-height:1.5em; margin-bottom:5px; }
#dy_error .error-box .error-bottom { padding:20px 0; box-sizing:border-box; height:45vh; background:#f2f2f2; }
#dy_error .error-box .error-bottom p { font-size:12px; line-height:1.5em; }