/*================================================*/
/* 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:1240px; width:1240px; margin:0 auto; }
.dy-container-mw { min-width:1240px; 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; }

/*==================== 鼠标进入图片效果 ====================*/
.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 { position:fixed; top:0; left:0; z-index:100; width:100%; height:130px; background:#fff; box-shadow:0 10px 15px 0 rgb(0 0 0 / 0%), 0 15px 40px 0 rgb(0 0 0 / 0%); }
#dy_header .dy-nav { width:100%; overflow:hidden; }
/* LOGO */
#dy_header .dy-nav .logo-container { position:relative; height:80px; text-align:center; }
#dy_header .dy-nav .logo-container .logo { display:inline-block; width:135px; height:45px; padding-top:20px; }
#dy_header .dy-nav .logo-container .logo img { width:135px; height:45px; }
#dy_header .dy-nav .logo-container .logo-r { position:absolute; right:0; top:0; }
#dy_header .dy-nav .logo-container .logo-r .cart { float:right; padding-top:12px; padding-left:20px; padding-right:10px; }
#dy_header .dy-nav .logo-container .logo-r .cart p { font-size:14px; }
#dy_header .dy-nav .logo-container .logo-r .cart p span { font-size:12px; color:#666; font-weight:600; padding-left:4px; }
#dy_header .dy-nav .logo-container .logo-r .cart p img { width:16px; height:16px; }
#dy_header .dy-nav .logo-container .logo-r ul.lang { float:right; }
#dy_header .dy-nav .logo-container .logo-r ul.lang li { float:left; padding:10px 10px; }
#dy_header .dy-nav .logo-container .logo-r ul.lang li:last-child { margin-right:0; }
#dy_header .dy-nav .logo-container .logo-r ul.lang li a { font-size:12px; color:#666; font-weight:600; }
#dy_header .dy-nav .logo-container .logo-r ul.lang li.active { background:#f2f2f2;}
/* 主菜单 */
#dy_header .dy-nav .nav-container { margin-bottom:0; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav[role=navigation] .menu-nav { height:100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
#dy_header .dy-nav .nav-container nav[role=navigation] .menu-nav>ul,
#dy_header .dy-nav .nav-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 .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category li { list-style:none; border-top:none; vertical-align:top; display:block; text-align:left; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 li { background-color:transparent; height:48px; line-height:48px; padding:0 18px; position:relative; -webkit-tap-highlight-color:transparent; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 li.active { position:static; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 li:first-child { border:none; padding-left:0; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 li:last-child { border:none; padding-right:0; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1>li a:hover { color:#333; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1>li>a.has-sub-menu { width:auto; display:inline-block; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1>li a:hover:before { width:100%; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1 li:hover .level-2 { visibility:visible; opacity:1; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 a { font-size:1color:#333; text-align:left; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 a:hover:before { width:100%; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 ul { padding:0; float:none; overflow:hidden; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 ul li { position:relative; float:left; height:auto; padding:0; margin:0; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 ul li a { padding:.5em 1rem .5em 0; text-transform:none; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 ul li.submenu-list { width:60%; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 ul li.submenu-cover picture img { display:block; width:100%; height:100%; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 ul li div { padding:20px 20px; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1 .level-2 .level-3 { display:block; padding-left:0; text-align:left; }
#dy_header .dy-nav .nav-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 .dy-nav .nav-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 .dy-nav .nav-container nav .menu-nav .menu-category.level-1>li.active>a,
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1>li:hover>a { color:#5777f4!important; }
#dy_header .dy-nav .nav-container nav .menu-nav .menu-category.level-1>li a:before { color:#5777f4!important; border-color:#5777f4!important; }
/* FIXED */
#dy_header.fixed { height:90px; box-shadow:0 10px 15px 0 rgb(0 0 0 / 2%), 0 15px 40px 0 rgb(0 0 0 / 2%); }
#dy_header.fixed .dy-nav .logo-container { height:40px; }
#dy_header.fixed .dy-nav .logo-container .logo { display:inline-block; width:66px; height:22px; padding-top:10px; }
#dy_header.fixed .dy-nav .logo-container .logo img { width:66px; height:22px; }
.dy-ad.fixed { margin-top:90px!important; }

/*==================== 首页：滚动广告栏 ====================*/
#dy_slider { position:relative; width:100%; margin-top:130px; background:#f6fbfe; }
#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:130px; background:#f6fbfe; }
#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; }
#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-product { width:100%; padding:20px 0 40px; background:#fff; overflow:hidden; }
#dy_main .index-product .index-product-container { margin:0 auto; overflow:hidden; }
#dy_main .index-product .index-product-container .index-product-container-info { margin:0 auto; position:relative; }
#dy_main .index-product .index-product-container .index-product-container-info .prev { width:46px; height:84px; display:block; background:url(../Images/i_s_a_left.png) no-repeat; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:0; top:153px; z-index:100; }
#dy_main .index-product .index-product-container .index-product-container-info .prev:hover { opacity:1;filter:alpha(opacity=100); }
#dy_main .index-product .index-product-container .index-product-container-info .next { width:46px; height:84px; display:block; background:url(../Images/i_s_a_right.png) no-repeat;opacity:0.8; filter:alpha(opacity=80); position:absolute; right:0; top:153px; z-index:100; }
#dy_main .index-product .index-product-container .index-product-container-info .next:hover { opacity:1; filter:alpha(opacity=100); }
#dy_main .index-product .index-product-container .index-product-container-info .bd { width:100%; }
#dy_main .index-product .index-product-container .index-product-container-info .bd .tempWrap { width:100%; }
#dy_main .index-product .index-product-container .index-product-container-info .bd ul { width:100%; }
#dy_main .index-product .index-product-container .index-product-container-info .bd ul li { position:relative; width:390px; float:left; margin-right:35px; padding-top:10px; }
#dy_main .index-product .index-product-container .index-product-container-info .bd ul li img { display:block; width:390px; height:380px; }
#dy_main .index-product .index-product-container .index-product-container-info .bd ul li h2 {position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:14px; color:#333; line-height:2.4em; background:url(../Images/bg_index_product.png) repeat; }

/*==================== 首页：公司 ====================*/
#dy_main .index-about { width:100%; padding:20px 0 40px; background:#f4f5f9 url(../Images/bg_index_about.png) no-repeat top center; overflow:hidden; }
#dy_main .index-about .index-about-container { margin:0 auto; overflow:hidden; }
#dy_main .index-about .index-about-container .about-info { padding:0 100px 20px; }
#dy_main .index-about .index-about-container .about-info p { font-size:16px; color:#333; text-align:center; line-height:2em; }
#dy_main .index-about .index-about-container .about-video { position:relative; width:854px; height:480px; margin:0 auto; padding:20px; border-radius:16px; -webkit-box-shadow:0 0 20px rgb(0 0 0 / 5%); box-shadow:0 0 20px rgb(0 0 0 / 5%); background-color:#fff; }
#dy_main .index-about .index-about-container .about-video video,
#dy_main .index-about .index-about-container .about-video .video-js { width:100%; height:100%; background-color:#000; }

/*==================== 首页：推荐 ====================*/
#dy_main .index-recommend { width:100%; padding:20px 0 40px; background:#fff; overflow:hidden; }
#dy_main .index-recommend .index-recommend-container { 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:center; 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:820px; height:400px; text-align:right; }
#dy_main .index-recommend .index-recommend-container .recommend.recommend-2,
#dy_main .index-recommend .index-recommend-container .recommend.recommend-3 { width:400px; height:400px; text-align:center; }
#dy_main .index-recommend .index-recommend-container .recommend[data-theme="white"] .txt span { color:#fff; }
#dy_main .index-recommend .index-recommend-container .recommend[data-theme="black"] .txt span { color:#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!important; padding-left:80px; }
#dy_main .index-recommend .index-recommend-container .recommend[text-xposition="center"] .txt { text-align:center!important; padding-left:0; padding-right:0; }
#dy_main .index-recommend .index-recommend-container .recommend[text-xposition="right"] .txt { text-align:right!important; padding-right:80px; }

/*==================== 内页：工厂简介 ====================*/
#dy_main .factory { width:100%; padding:20px 0 40px; background:#fff; overflow:hidden; }
#dy_main .factory.environment { background:#fafafa; }
#dy_main .factory .factory-container { position:relative; margin-bottom:30px; }
#dy_main .factory .factory-container .pic { width:100%; }
#dy_main .factory .factory-container .pic img { vertical-align:bottom; width:100%; }
#dy_main .factory .factory-container .txt { position:absolute; right:0; top:180px; width:850px; max-width:100%; background:#fafafa; }
#dy_main .factory .factory-container .txt .detail { padding:40px; }
#dy_main .factory .factory-container .txt .detail h2 { font-size:28px; color:#333; line-height:2em; letter-spacing:2px; }
#dy_main .factory .factory-container .txt .detail p { font-size:18px; line-height:1.6em; padding-bottom:10px; color:#666; }
#dy_main .factory .factory-container .info { width:100%; color:#333; font-size:18px; text-align:center; line-height:2em; overflow:hidden; }
#dy_main .factory .factory-container .info p { color:#333; font-size:18px; text-align:center; line-height:1.6em; padding-bottom:10px; }
#dy_main .factory .factory-container .cover { width:100%; margin-top:20px; text-align:center; overflow:hidden; }
#dy_main .factory .factory-container .cover p img { width:100%; height:auto; opacity:0.2; }
#dy_main .factory .factory-container .cover-info { position:absolute; top:70px; left:50px; width:420px; font-size:18px; color:#000; line-height:2em; }
#dy_main .factory .factory-container .cover-info p { font-size:18px; line-height:2em; padding-bottom:10px; color:#000; }
/* 视频 */
#dy_main .factory .factory-container .video { position:relative; width:854px; height:480px; margin:20px auto 0; padding:20px; border-radius:16px; -webkit-box-shadow:0 0 20px rgb(0 0 0 / 5%); box-shadow:0 0 20px rgb(0 0 0 / 5%); background-color:#f1f1f1; }
#dy_main .factory .factory-container .video video,
#dy_main .factory .factory-container .video .video-js { width:100%; height:100%; background-color:#000; }
/* 滚动图片 */
#dy_main .factory .swiper-info .swiper-pic { position:absolute; top:70px; right:50px; width:640px; height:478px; background:#fff; border:10px solid #fff; }
#dy_main .factory .swiper-info .swiper-container .swiper-pagination { bottom:3%; }
#dy_main .factory .swiper-info .swiper-pagination-bullet { width:10px; height:10px; background:#fff; opacity:0.6; }
#dy_main .factory .swiper-info .swiper-pagination-bullet-active { background:#fff; opacity:0.6; width:20px; border-radius:5px; -webkit-transition:all .4s ease; transition:all .4s ease; }

/*==================== 内页：关于我们 ====================*/
#dy_main .about { width:100%; padding:60px 0 20px; background:#fff; overflow:hidden; }
#dy_main .about.gray { background:#fafafa; }
#dy_main .about:last-child { padding-bottom:60px; }
#dy_main .about .about-container { position:relative; margin-bottom:20px; overflow:hidden; }
#dy_main .about .about-container .info { float:left; width:calc(50% - 40px); padding-right:40px; color:#333; font-size:18px; text-align:left; line-height:2em; overflow:hidden; }
#dy_main .about .about-container .info p { color:#333; font-size:18px; text-align:left; line-height:2em; padding-bottom:10px; }
#dy_main .about .about-container .cover { float:right; width:50%; text-align:center; overflow:hidden; }
#dy_main .about .about-container .cover p img { width:100%; height:auto; }

/*==================== 内页：企业责任 ====================*/
#dy_main .responsibility { width:100%; padding:40px 0 60px; background:#fff; overflow:hidden; }
#dy_main .responsibility .responsibility-container { overflow:hidden; }
#dy_main .responsibility .responsibility-container ul { width:100%; }
#dy_main .responsibility .responsibility-container ul li { float:left; width:calc(25% - 57px); margin-right:20px; margin-bottom:20px; padding:20px 20px; border:1px solid #f2f2f2; overflow:hidden; }
#dy_main .responsibility .responsibility-container ul li:nth-child(4n) { margin-right:0; }
#dy_main .responsibility .responsibility-container ul li:hover { border:1px solid #ccc; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item { float:left; width:100%; text-align:center; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box { width:100%; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .cover { width:100%; height:auto; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .cover img { width:100%; height:auto; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .info { padding-top:15px; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .info h4 { font-size:16px; color:#999; line-height:2em; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .info p { font-size:12px; color:#999; line-height:2em; }
#dy_main .responsibility .responsibility-container ul li:hover .responsibility-item .responsibility-box .info h4,
#dy_main .responsibility .responsibility-container ul li:hover .responsibility-item .responsibility-box .info p { color:#333; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .info i { display:block; background:#aaa; width:100px; height:1px; margin:0 auto; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .info .more { margin-top:15px; margin-bottom:20px; }
#dy_main .responsibility .responsibility-container ul li .responsibility-item .responsibility-box .info .more em { font-size:14px; color:#666; line-height:2em; border:1px solid #faf9f5; padding:4px 30px; }

/*==================== 内页：产品 ====================*/
#dy_main .product { width:100%; padding:20px 0 60px; background:#fff; overflow:hidden; }
/* 分类检索 */
#dy_main .product .product-nav-container { position:relative; }
#dy_main .product .product-nav-container { position:relative; line-height:55px; margin-bottom:20px; }
#dy_main .product .product-nav-container ul { height:60px; border-bottom:1px solid #5777f4; text-align:center; }
#dy_main .product .product-nav-container ul li { padding:0 15px; cursor:pointer; display:inline-block!important; line-height:60px; }
#dy_main .product .product-nav-container ul li a { font-size:14px; color:#666; font-weight:600; }
#dy_main .product .product-nav-container ul li.active,
#dy_main .product .product-nav-container ul li:hover { background:url(../Images/bg_product_nav.png) no-repeat center bottom; background-size:13px 13px; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; }
#dy_main .product .product-nav-container ul li.active a,
#dy_main .product .product-nav-container ul li:hover a { color:#5777f4; }
/* 产品列表 */
#dy_main .product .product-container { position:relative; }
#dy_main .product .product-container .product-cate { width:100%; overflow:hidden; }
#dy_main .product .product-container .product-cate h4 { height:24px; font-size:16px; color:#333; font-weight:600; line-height:24px; }
#dy_main .product .product-container ul.product-list { width:100%; margin-top:15px; overflow:hidden; }
#dy_main .product .product-container ul.product-list li { float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:2%; overflow:hidden; }
#dy_main .product .product-container ul.product-list li:nth-child(4n) { margin-right:0; }
#dy_main .product .product-container ul.product-list li .pic { width:100%; height:auto; overflow:hidden; }
#dy_main .product .product-container ul.product-list li .txt { margin:12px 0; }
#dy_main .product .product-container ul.product-list li .txt .info { float:left; }
#dy_main .product .product-container ul.product-list li .txt .info h2 { font-size:12px; color:#333; font-weight:600; padding-bottom:5px; }
#dy_main .product .product-container ul.product-list li .txt .info h3 { font-size:11px; color:#aaa; font-weight:600; }
#dy_main .product .product-container ul.product-list li .txt .cart { float:right; }
#dy_main .product .product-container ul.product-list li .txt .cart .add-to-cart-btn { -webkit-appearance:none; width:100%; background:#fff; box-sizing:border-box; border:1px solid; border-color:#5777f4; text-align:center; text-decoration:none; position:relative; cursor:pointer; }
#dy_main .product .product-container ul.product-list li .txt .cart .add-to-cart-btn:hover { border-color:#0ec57e; }
#dy_main .product .product-container ul.product-list li .txt .cart .add-to-cart-btn span { font-size:12px; line-height:2.8em; color:#5777f4; background-image:url(../Images/icon_cart_blue.png); background-repeat:no-repeat; background-position:left center; background-size:14px 14px; padding-left:18px; }
#dy_main .product .product-container ul.product-list li .txt .cart .add-to-cart-btn:hover span { color:#0ec57e; background-image:url(../Images/icon_cart_green.png); }
#dy_main .product .product-container ul.product-list li .txt .cart .remove-from-cart-btn { -webkit-appearance:none; width:100%; background:#fff; box-sizing:border-box; border:1px solid; border-color:#ee4a1b; text-align:center; text-decoration:none; position:relative; cursor:pointer; }
#dy_main .product .product-container ul.product-list li .txt .cart .remove-from-cart-btn:hover { border-color:#0ec57e; }
#dy_main .product .product-container ul.product-list li .txt .cart .remove-from-cart-btn span { font-size:12px; line-height:2.8em; color:#ee4a1b; background-image:url(../Images/icon_cart_del_red.png); background-repeat:no-repeat; background-position:left center; background-size:14px 14px; padding-left:18px; }
#dy_main .product .product-container ul.product-list li .txt .cart .remove-from-cart-btn:hover span { color:#0ec57e; background-image:url(../Images/icon_cart_del_green.png); }
/* 产品咨询车列表 */
#dy_main .product .product-container ul.product-cart-list { width:100%; margin-top:15px; overflow:hidden; }
#dy_main .product .product-container ul.product-cart-list li { width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; overflow:hidden; }
#dy_main .product .product-container ul.product-cart-list li .pic { float:left; width:calc(20% - 40px); margin-right:40px; vertical-align:top; }
#dy_main .product .product-container ul.product-cart-list li .pic img { width:100%; height:auto; }
#dy_main .product .product-container ul.product-cart-list li .txt { float:right; width:80%; }
#dy_main .product .product-container ul.product-cart-list li .txt h4 { width:100%; font-size:20px; color:#333; font-weight:600; height:28px; line-height:28px; }
#dy_main .product .product-container ul.product-cart-list li .txt .desc { background:#fafafa; padding:10px 15px; margin-top:10px; }
#dy_main .product .product-container ul.product-cart-list li .txt .desc p { width:100%; font-size:14px; color:#666; line-height:2em; }
#dy_main .product .product-container ul.product-cart-list li .txt .desc p span { font-weight:600; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart { width:100%; margin-top:15px; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart .add-to-cart-btn { -webkit-appearance:none; width:200px; background:#5777f4; box-sizing:border-box; border:1px solid; border-color:#5777f4; text-align:center; text-decoration:none; position:relative; cursor:pointer; transition:background-color 350ms ease-out,color 250ms ease-out; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart .add-to-cart-btn:hover { background:#0ec57e; border-color:#0ec57e; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart .add-to-cart-btn span { font-size:14px; line-height:2em; color:#fff; background:url(../Images/icon_cart.png) no-repeat left center; background-size:20px 20px; padding-left:25px; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart .remove-from-cart-btn { -webkit-appearance:none; width:200px; background:#ee4a1b; box-sizing:border-box; border:1px solid; border-color:#ee4a1b; text-align:center; text-decoration:none; position:relative; cursor:pointer; transition:background-color 350ms ease-out,color 250ms ease-out; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart .remove-from-cart-btn:hover { background:#0ec57e; border-color:#0ec57e; }
#dy_main .product .product-container ul.product-cart-list li .txt .add-to-cart .remove-from-cart-btn span { font-size:14px; line-height:2em; color:#fff; background:url(../Images/icon_cart_del.png) no-repeat left center; background-size:20px 20px; padding-left:25px; }
#dy_main .product .product-container .submit-cart { width:100%; margin-top:10px; }
#dy_main .product .product-container .submit-cart .submit-cart-btn { -webkit-appearance:none; width:100%; background:#000; box-sizing:border-box; border:1px solid; border-color:#000; text-align:center; text-decoration:none; position:relative; cursor:pointer; transition:background-color 350ms ease-out,color 250ms ease-out; }
#dy_main .product .product-container .submit-cart .submit-cart-btn:hover { background:#666; border-color:#666; }
#dy_main .product .product-container .submit-cart .submit-cart-btn span { font-size:16px; line-height:2.8em; color:#fff; background:url(../Images/icon_cart_submit.png) no-repeat left center; background-size:24px 24px; padding-left:30px; }
/* 产品详情 */
#dy_main .product .product-container .product-detail { width:100%; margin-top:30px; overflow:hidden; }
#dy_main .product .product-container .product-detail .pic { float:left; width:calc(50% - 40px); margin-right:40px; vertical-align:top; }
#dy_main .product .product-container .product-detail .pic img { width:100%; height:auto; }
#dy_main .product .product-container .product-detail .txt { float:right; width:50%; }
#dy_main .product .product-container .product-detail .txt h4 { width:100%; font-size:24px; color:#333; font-weight:600; height:40px; line-height:40px; }
#dy_main .product .product-container .product-detail .txt .desc { background:#fafafa; padding:15px 15px; margin-top:20px; }
#dy_main .product .product-container .product-detail .txt .desc p { width:100%; font-size:14px; color:#666; line-height:2.8em; }
#dy_main .product .product-container .product-detail .txt .desc p strong { font-weight:600; }
#dy_main .product .product-container .product-detail .txt .add-to-cart { width:100%; margin-top:30px; }
#dy_main .product .product-container .product-detail .txt .add-to-cart .add-to-cart-btn { -webkit-appearance:none; width:100%; background:#5777f4; box-sizing:border-box; border:1px solid; border-color:#5777f4; text-align:center; text-decoration:none; position:relative; cursor:pointer; transition:background-color 350ms ease-out,color 250ms ease-out; }
#dy_main .product .product-container .product-detail .txt .add-to-cart .add-to-cart-btn:hover { background:#0ec57e; border-color:#0ec57e; }
#dy_main .product .product-container .product-detail .txt .add-to-cart .add-to-cart-btn span { font-size:16px; line-height:2.8em; color:#fff; background:url(../Images/icon_cart.png) no-repeat left center; background-size:24px 24px; padding-left:30px; }
#dy_main .product .product-container .product-detail .txt .add-to-cart .remove-from-cart-btn { -webkit-appearance:none; width:100%; background:#ee4a1b; box-sizing:border-box; border:1px solid; border-color:#ee4a1b; text-align:center; text-decoration:none; position:relative; cursor:pointer; transition:background-color 350ms ease-out,color 250ms ease-out; }
#dy_main .product .product-container .product-detail .txt .add-to-cart .remove-from-cart-btn:hover { background:#0ec57e; border-color:#0ec57e; }
#dy_main .product .product-container .product-detail .txt .add-to-cart .remove-from-cart-btn span { font-size:16px; line-height:2.8em; color:#fff; background:url(../Images/icon_cart_del.png) no-repeat left center; background-size:24px 24px; padding-left:30px; }

/*==================== 内页：联系我们 ====================*/
#dy_main .contact { width:100%; padding:20px 0 60px; background:#fff; overflow:hidden; }
#dy_main .contact .contact-container { position:relative; margin-bottom:40px; }
#dy_main .contact .contact-container:last-child { margin-bottom:0; }
#dy_main .contact .contact-container .contact-info { margin:auto; padding:40px 30px; background:#fafafa; overflow:hidden; }
#dy_main .contact .contact-container .contact-info p { float:left; width:calc(50% - 56px); padding-right:40px; font-size:20px; color:#666; line-height:2.4em; }
#dy_main .contact .contact-container .contact-info p:nth-child(2n) { padding-right:0; }
#dy_main .contact .contact-container .contact-info p:last-child { padding-bottom:0; }
#dy_main .contact .contact-container .contact-info p a { color:#666; }
#dy_main .contact .contact-container .contact-info p a:hover { color:#333; }
#dy_main .contact .contact-container .contact-info p.address { background:url(../Images/icon_address.png) no-repeat left center; background-size:30px; padding-left:36px; }
#dy_main .contact .contact-container .contact-info p.contactman { background:url(../Images/icon_contactman.png) no-repeat left center; background-size:30px; padding-left:36px; }
#dy_main .contact .contact-container .contact-info p.tel { background:url(../Images/icon_tel.png) no-repeat left center; background-size:30px; padding-left:36px; }
#dy_main .contact .contact-container .contact-info p.fax { background:url(../Images/icon_fax.png) no-repeat left center; background-size:30px; padding-left:36px; }
#dy_main .contact .contact-container .contact-info p.email { background:url(../Images/icon_email.png) no-repeat left center; background-size:30px; padding-left:36px; }
#dy_main .contact .contact-container .contact-info p.web { background:url(../Images/icon_web.png) no-repeat left center; background-size:30px; padding-left:36px; }
#dy_main .contact .contact-container .contact-map { height:400px;  margin-top:20px; overflow:hidden; }
#dy_main .contact .contact-container .contact-map .dyjs-map { width:100%; height:100%; }

/*==================== 内页：提交咨询 ====================*/
#dy_main .feedback { width:100%; padding:20px 0 60px; background:#fff; overflow:hidden; }
#dy_main .feedback .feedback-container { overflow:hidden; }
#dy_main .feedback .feedback-container .feedback-form { width:100%; margin:0 auto; overflow:hidden; }
#dy_main .feedback .feedback-container .feedback-form ul.cart-list { width:calc(100% - 42px); border:solid 1px #e7e7e7; padding:20px 20px 0 20px; overflow:hidden; }
#dy_main .feedback .feedback-container .feedback-form ul.cart-list li { float:left; width:calc(10% - 9px); margin-right:10px; margin-bottom:10px; }
#dy_main .feedback .feedback-container .feedback-form ul.cart-list li:nth-child(10n) { margin-right:0; }
#dy_main .feedback .feedback-container .feedback-form ul.cart-list li h5 { font-size:12px; color:#666; line-height:2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#dy_main .feedback .feedback-container .feedback-form ul.cart-list li p img { width:100%; height:auto; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list { width:100%; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li { float:left; width:1138px; margin-top:30px; border:solid 1px #e7e7e7; padding-left:100px; position:relative; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li .tips { width:80px; height:51px; line-height:51px; position:absolute; left:0; top:0; font-size:14px; color:#666; padding-left:20px; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li input { display:block; width:calc(100% - 20px); padding:0 10px; height:51px; line-height:51px; font-size:14px; color:#999; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li input.alert { background:#fbe8d3; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li textarea { display:block; width:calc(100% - 20px); height:101px; line-height:31px; font-size:14px; color:#666; padding:10px; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li input.alert,
#dy_main .feedback .feedback-container .feedback-form ul.form-list li textarea.alert { background:#fbe8d3; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li.l1 { width:288px; margin-right:35px; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li.l1.last { margin-right:0; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li.l2 { margin-top:35px; padding-left:0; border:0; text-align:center; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li.l2 input { width:400px; display:inline-block; *display:inline; *zoom:1; padding:0 50px; height:50px; line-height:50px; text-align:center; background:#000; color:#fff; font-size:16px; cursor:pointer; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; overflow:hidden; }
#dy_main .feedback .feedback-container .feedback-form ul.form-list li.l2 input:hover { background:#666; }

/*==================== 内页：通用文章 ====================*/
#dy_main .common-article { width:100%; padding:40px 0 60px; 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:2px; 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_footer { display:block; background:#f2f2f2; color:#333; text-align:left; overflow:hidden; }
#dy_footer .footer-container { overflow:hidden; }
#dy_footer .footer-container .menu { width:100%; padding:4% 0 2%; overflow:hidden; }
#dy_footer .footer-container .menu .logo { float:left; width:20%;  margin-top:40px; text-align:left; overflow:hidden; }
#dy_footer .footer-container .menu .logo img { width:60%; height:auto; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
#dy_footer .footer-container .menu .logo p { font-size:12px; color:#fff; text-align:center; margin-top:8px; }
#dy_footer .footer-container .menu ul { float:left; width:26%; overflow:hidden; text-align:left; }
#dy_footer .footer-container .menu ul li { text-align:left; float:left; overflow:hidden; padding:0 88px 0 0; }
#dy_footer .footer-container .menu ul li:last-child { padding-right:0; }
#dy_footer .footer-container .menu ul li h2 { display:block; font-size:16px; color:#333; font-weight:600; line-height:2.4em; padding-bottom:4px; }
#dy_footer .footer-container .menu ul li p a { display:block; font-size:12px; color:#666; font-weight:600; line-height:2.4em; }
#dy_footer .footer-container .menu ul li p a:hover { color:#333; }
#dy_footer .footer-container .menu .qrcode { float:left; width:calc(14% - 1px);  margin-top:40px; text-align:center; border-right:1px solid #ccc; overflow:hidden; }
#dy_footer .footer-container .menu .qrcode img { width:60%; height:auto; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
#dy_footer .footer-container .menu .qrcode p { font-size:12px; color:#fff; text-align:center; margin-top:8px; }
#dy_footer .footer-container .menu .contact { float:right; width:38%; overflow:hidden; font-size:12px; color:#333; }
#dy_footer .footer-container .menu .contact h2 { display:block; font-size:16px; color:#333; font-weight:600; line-height:2.4em; padding-bottom:4px; }
#dy_footer .footer-container .menu .contact p { font-size:14px; color:#666; font-weight:600; line-height:2.4em; padding-left:23px; }
#dy_footer .footer-container .menu .contact p a { color:#666; font-weight:600; }
#dy_footer .footer-container .menu .contact p a:hover { color:#333; }
#dy_footer .footer-container .menu .contact p.address { background:url(../Images/icon_footer_address.png) no-repeat left center; background-size:16px; }
#dy_footer .footer-container .menu .contact p.tel { background:url(../Images/icon_footer_tel.png) no-repeat left center; background-size:16px; }
#dy_footer .footer-container .menu .contact p.fax { background:url(../Images/icon_footer_fax.png) no-repeat left center; background-size:16px; }
#dy_footer .footer-container .menu .contact p.email { background:url(../Images/icon_footer_email.png) no-repeat left center; background-size:16px; }
#dy_footer .footer-container .menu .contact p.phone { background:url(../Images/icon_footer_phone.png) no-repeat left center; background-size:16px; }
#dy_footer .footer-container .copyright { padding:10px 10px; display:block; border-top:1px solid #ccc; }
#dy_footer .footer-container .copyright p { font-size:12px; line-height:2; letter-spacing:.5px; text-align:left; color:#666; }
#dy_footer .footer-container .copyright p span { padding-right:20px; font-size:12px; color:#666; }
#dy_footer .footer-container .copyright p span .gabeian { height:14px; width:14px; padding-right:3px; }
#dy_footer .footer-container .copyright p span:last-child { padding-right:0; }
#dy_footer .footer-container .copyright p span:not(:first-child) { display:inline-block; }
#dy_footer .footer-container .copyright p a { color:#666; }
#dy_footer .footer-container .copyright p a:hover { color:#333; }
#dy_footer .footer-container .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; }