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

@charset "utf-8";
@import url('common.css?t=6'); 

/*======================== H5 animation ========================*/
@-moz-keyframes gfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-webkit-keyframes gfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-o-keyframes gfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@keyframes gfadeIn {
 	0% { -webkit-transform:translateY(30%); -moz-transform:translateY(30%); -ms-transform:translateY(30%); -o-transform:translateY(30%); transform:translateY(30%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-webkit-keyframes slideIn {
 	0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-o-keyframes slideIn {
 	0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-moz-keyframes slideIn {
 	0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@keyframes slideIn {
 	0% { -webkit-transform:translateY(-10%); transform:translateY(-10%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-moz-keyframes gfadeOut {
 	0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-webkit-keyframes gfadeOut {
	0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-o-keyframes gfadeOut {
	0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
 	100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@keyframes gfadeOut {
	0% { -webkit-transform:translateY(-80%); -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -o-transform:translateY(-80%); transform:translateY(-80%); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-moz-keyframes scaleIn {
	0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-webkit-keyframes scaleIn {
	0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-o-keyframes scaleIn {
	0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@keyframes scaleIn {
	0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
}
@-moz-keyframes scaleOut {
    0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
    100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
}
@-webkit-keyframes scaleOut {
    0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
    100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
}
@-o-keyframes scaleOut {
    0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
    100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
}
@keyframes scaleOut {
    0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
    100% { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); transform:scale(1.3); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
}
@-webkit-keyframes moveWave {
	0% { transform:translateX(0) translateZ(0) scaleY(1) }
	50% { transform:translateX(-25%) translateZ(0) scaleY(0.75) }
	100% { transform:translateX(-50%) translateZ(0) scaleY(1) }
}
@-moz-keyframes moveWave {
	0% { transform:translateX(0) translateZ(0) scaleY(1) }
	50% { transform:translateX(-25%) translateZ(0) scaleY(0.75) }
	100% { transform:translateX(-50%) translateZ(0) scaleY(1) }
}
@-o-keyframes moveWave {
	0% { transform:translateX(0) translateZ(0) scaleY(1) }
	50% { transform:translateX(-25%) translateZ(0) scaleY(0.75) }
	100% { transform:translateX(-50%) translateZ(0) scaleY(1) }
}
@keyframes moveWave {
	0% { transform:translateX(0) translateZ(0) scaleY(1) }
	50% { transform:translateX(-25%) translateZ(0) scaleY(0.75) }
	100% { transform:translateX(-50%) translateZ(0) scaleY(1) }
}
.list-model.active li { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; }
.list-model.active li:nth-child(1) { animation-delay:0.4s; }
.list-model.active li:nth-child(2) { animation-delay:0.6s; }
.list-model.active li:nth-child(3) { animation-delay:0.8s; }
.list-model.active li:nth-child(4) { animation-delay:1.0s; }
.list-model.active li:nth-child(5) { animation-delay:1.2s; }
.list-model.active li:nth-child(6) { animation-delay:1.4s; }
.list-model.active li:nth-child(7) { animation-delay:1.6s; }
.list-model.active li:nth-child(8) { animation-delay:1.8s; }
.list-model.active li:nth-child(9) { animation-delay:2.0s; }
.list-model.active li:nth-child(10) { animation-delay:2.2s; }
.list-model.active li:nth-child(11) { animation-delay:2.4s; }
.list-model.active li:nth-child(12) { animation-delay:2.6s; }
.list-model.active li:nth-child(13) { animation-delay:2.8s; }
.list-model.active li:nth-child(14) { animation-delay:3.0s; }
.list-model.active li:nth-child(15) { animation-delay:3.2s; }
.list-model.active li:nth-child(16) { animation-delay:3.4s; }
.list-model.active li:nth-child(17) { animation-delay:3.6s; }
.list-model.active li:nth-child(18) { animation-delay:3.8s; }
.list-model.active li:nth-child(19) { animation-delay:4.0s; }
.list-model.active li:nth-child(20) { animation-delay:4.2s; }
.show-model.active { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; }
.flashing li i img,
.flashing { -webkit-animation:scaleOut 1.3s infinite ease-in-out; -moz-animation:scaleOut 1.3s infinite ease-in-out; -o-animation:scaleOut 1.3s infinite ease-in-out; animation:scaleOut 1.3s infinite ease-in-out; }

/*======================== Button style ========================*/
.dy-btn { font-size:14px; color:#fff; text-align:center; width:100%; height:2.4em; line-height:2.4em; font-weight:500; background:#96baf6; cursor:pointer; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; }
.dy-btn.small-size { font-size:12px; height:2em; line-height:2em; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.dy-btn.middle-size { font-size:12px; height:2.4em; line-height:2.4em; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.dy-btn.big-size { font-size:12px; height:3em; line-height:3em; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.dy-btn.orange { color:#fff; background:#05a045; }
.dy-btn.sky-blue { color:#fff; background:#96baf6; }
.dy-btn.light-blue { color:#419df2; background:#eff7ff; }
.dy-btn.light-gray { color:#aaa; background:#eee; }
.dy-btn.grass-green { color:#5e8442; background:#c5e3af; }
.dy-btn.pink { color:#fff; background:#fb827b; }
.dy-btn.light-pink { color:#f48772; background:#ffefef; }
.dy-btn.light-purple { color:#743a5f; background:#e0bae8; }
.dy-btn.light-yellow { color:#604534; background:#faf1d1; }
.dy-blue-btn { cursor:pointer; font-size:13px; color:#fff!important; text-align:center; height:40px; line-height:40px; background:#3fa4e8!important; border:0px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; -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-blue-btn:hover { background:#166fbf!important; }
.dy-blue-btn-2 { cursor:pointer; font-size:13px; color:#53c804!important; text-align:center; height:32px; line-height:32px; background:none; border:1px solid #53c804; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; -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-blue-btn-2:hover { border:1px solid #166fbf!important; color:#166fbf!important;  }

/*======================== General ========================*/
.no-data { text-align:center; font-size:14px; color:#333; line-height:2em; padding:30px 0; }
.dy-screen-mid {  }
.dy-screen-full { width:100%!important; }
.container { padding-left:8px!important; padding-right:8px!important; }
.container-full { width:100%!important; }

/*======================== Top navigation bar ========================*/
#dy_header.header { position:fixed; z-index:700; width:100%; display:block; top:0; transition:0.3s all ease-out; }
#dy_header.dy-header { left:85%; }
#dy_header.pop-bg { background:#fff; height:48px; border-top:1px solid #eee; border-bottom:1px solid #eee; }
#dy_header .h-title { height:48px; line-height:48px; text-align:center; font-size:16px; color:#333; }
#dy_header .full-with { width:100%; display:block; }
/* Menu */
#dy_header .head-menu { position:absolute; top:0; left:0; z-index:10; width:45px; height:48px; cursor:pointer; }
#dy_header .head-menu .menu-close { margin:14px 0 0 13px; position:relative; }
#dy_header .head-menu .menu-close > div { width:20px; height:2px; background:#333; position:absolute; left:0; border-radius:3px; -webkit-transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition:all 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
#dy_header .head-menu .menu-Item-f { top:0; }
#dy_header .head-menu .menu-Item-s { top:8px; }
#dy_header .head-menu .menu-Item-t { top:16px; }
#dy_header .head-menu .menu-expand .menu-Item-f { top:8px; -webkit-transform:translateZ(0) rotate(-45deg); -ms-transform:translateZ(0) rotate(-45deg); transform:translateZ(0) rotate(-45deg); }
#dy_header .head-menu .menu-expand .menu-Item-s { -webkit-transform:translateZ(0) rotate(45deg); -ms-transform:translateZ(0) rotate(45deg); transform:translateZ(0) rotate(45deg); }
#dy_header .head-menu .menu-expand .menu-Item-t { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
/* Logo */
#dy_header .head-logo { position:absolute; top:0; z-index:9; width:100%; height:48px; display:flex; justify-content:center; align-items:center; }
#dy_header .head-logo .icon { width:282px; height:24px; text-align:center; overflow:hidden; }
#dy_header .head-logo .icon img { width:auto; height:24px; }
/* Links */
#dy_header .head-link { position:absolute; top:0; right:8px; z-index:10; height:48px; cursor:pointer; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
#dy_header .head-link .link-icon { float:right; width:22px; text-align:center; margin-left:10px; }
#dy_header .head-link .link-icon:first-child { margin-left:0; }
#dy_header .head-link .link-icon img { width:22px; height:22px; }

/*======================== Drop-down menu content   ========================*/
#head_nav { position:fixed; top:50px; width:100%; height:0; object-fit:cover; z-index:999; background:#fff; margin:0; padding:0; overflow:hidden; overflow-y:scroll; transition:all .2s ease-out; opacity:0; }
#head_nav.head-nav-show { height:100%; opacity:1; }
#head_nav.head-nav-show .head-nav-box ul.head-nav-container li { transform:none; -webkit-transform:none; opacity:1; }
#head_nav .head-nav-box { padding:8px 0; border-top:0 solid #f5f5f5; }
#head_nav .head-nav-box ul.head-nav-container li { font-size:14px; padding-top:10px; border-bottom:1px solid #f5f5f5; opacity:0; -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; }
#head_nav .head-nav-box ul.head-nav-container li .nav-a { background-size:12px; color:#00d0fa; margin-bottom:5px; cursor:pointer; display:flex; display:-webkit-flex; flex-flow:row wrap; -webkit-flex-flow:row wrap; justify-content:flex-start; -webkit-justify-content:flex-start; }
#head_nav .head-nav-box ul.head-nav-container li .nav-a .icon { margin:0 10px; width:40px; height:40px; }
#head_nav .head-nav-box ul.head-nav-container li .nav-a .icon i,
#head_nav .head-nav-box ul.head-nav-container li .nav-a .icon em,
#head_nav .head-nav-box ul.head-nav-container li .nav-a .icon img { display:block; width:40px; height:40px; background-size:40px 40px; background-repeat:no-repeat; }
#head_nav .head-nav-box ul.head-nav-container li .nav-a p { display:inline-block; height:45px; font-size:14px; color:#333; font-weight:600; line-height:1.6em; margin-left:5px; }
#head_nav .head-nav-box ul.head-nav-container li .nav-a p span { display:block; font-size:12px; color:#666; font-weight:400; line-height:1.8em }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(1) { animation-delay:0.4s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(2) { animation-delay:0.6s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(3) { animation-delay:0.8s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(4) { animation-delay:1.0s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(5) { animation-delay:1.2s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(6) { animation-delay:1.4s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(7) { animation-delay:1.6s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(8) { animation-delay:1.8s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(9) { animation-delay:2.0s; }
#head_nav .head-nav-box ul.head-nav-container li:nth-child(10) { animation-delay:2.2s; }

/*======================== Homepage : Slider ========================*/
#dy_slider { position:relative; width:100%; overflow:hidden; }
#dy_slider .swiper-container { width:100%; height:100%; }
#dy_slider .swiper-container .swiper-pagination { text-align:right; }
#dy_slider .swiper-container .swiper-pagination .swiper-pagination-bullet { width:12px; height:2px; display:inline-block; border-radius:0; background:rgba(255,255,255,.6);}
#dy_slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:rgba(255,255,255,.8); }
#dy_slider .swiper-container-horizontal .swiper-pagination-bullets { left:-15px; bottom:5px; }
/* 图片 */
#dy_slider .swiper-container .swiper-wrapper .swiper-slide { width:100%; height:100%; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-image { width:100%; height:100%; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-image img { height:100%; width:100%; }
/* 文字 */
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text { position:absolute; top:30%; right:2%; width:48%; text-align:right; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-xposition="left"] .slide-text { left:2%; text-align:left; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-xposition="right"] .slide-text { right:2%; text-align:right; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-yposition="top"] .slide-text { top:30%; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-yposition="middle"] .slide-text { top:40%; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[text-yposition="bottom"] .slide-text { top:auto; bottom:30%; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h1 { color:#fff; font-size:22px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h2 { color:#fff; font-size:18px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h3 { color:#fff; font-size:16px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h4 { color:#fff; font-size:14px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h5 { color:#fff; font-size:12px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text h6 { color:#fff; font-size:10px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text p { color:#fff; font-size:11px; line-height:1.5em; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text .line { padding-bottom:6px; margin-bottom:6px; border-bottom:1px solid #fff; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-link { margin-top:10px; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide .slide-text .slide-link a { color:#fff; font-size:12px; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h1,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h2,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h3,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h4,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h5,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text h6,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text p { color:#000; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="black"] .slide-text .line { border-bottom:1px solid #000; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h1,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h2,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h3,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h4,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h5,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text h6,
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text p { color:#fff; }
#dy_slider .swiper-container .swiper-wrapper .swiper-slide[data-theme="white"] .slide-text .line { border-bottom:1px solid #fff; }

/*==================== Banner ====================*/
#dy_banner { position:relative; width:100%; margin-top:50px; background:#f5f5f5; overflow:hidden; }
#dy_banner .dy-banner { width:100%; }
#dy_banner .dy-banner .banner-container { position:relative; display:grid; width:100%; padding:20px 0 20px; }
#dy_banner .dy-banner .banner-container .banner-image { display:block; width:100%; height:auto; }
#dy_banner .dy-banner .banner-container .banner-image img { display:block; width:100%; height:auto; }
#dy_banner .dy-banner .banner-container .banner-text { display:flex; width:100%; align-items:center; justify-content:center; text-align:center; }
#dy_banner .dy-banner .banner-container .banner-text .txt { width:100%; padding:0 10px; }
#dy_banner .dy-banner .banner-container .banner-text .txt h1,
#dy_banner .dy-banner .banner-container .banner-text .txt h2 { display:flex; align-items:center; justify-content:center; width:100%; color:#fff; line-height:1.2em; font-weight:700; overflow:hidden; }
#dy_banner .dy-banner .banner-container .banner-text .txt p { display:flex; align-items:center; justify-content:center; width:100%; color:rgba(255,255,255,0.75); line-height:1.5em; font-weight:600; margin-top:10px; overflow:hidden; }
#dy_banner .dy-banner .banner-container .banner-text .txt h1 { font-size:30px; }
#dy_banner .dy-banner .banner-container .banner-text .txt h2 { font-size:18px; }
#dy_banner .dy-banner .banner-container .banner-text .txt p { font-size:13px; }
#dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text .txt h1,
#dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text .txt h2 { color:#000; }
#dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text .txt p { color:rgba(18,18,18,0.75); }
#dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text .txt h1,
#dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text .txt h2 { color:#fff; }
#dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text .txt p { color:rgba(255,255,255,0.75); }
#dy_banner .dy-banner .banner-container .banner-text .txt .btn { margin-top:10px; text-align:center; }
#dy_banner .dy-banner .banner-container .banner-text .txt .btn span { padding:10px 20px; }

/*======================== Main frame ========================*/
#dy_main { width:100%; min-height:390px; background:#fff; }
#dy_main.nobanner { margin-top:50px;  }
#dy_main .layui-flow-more { width:100%; font-size:12px; color:#666; line-height:4em; overflow:hidden; }
/* Public title */
#dy_main .pub-title { position:relative; width:100%; padding-bottom:10px; text-align:center; overflow:hidden; }
#dy_main .pub-title h2 span { position:relative; line-height:1; }
#dy_main .pub-title h2 span:first-child { font-size:28px; color:#669966; font-weight:600; letter-spacing:0; text-transform:uppercase; display:block; opacity:0.3; }
#dy_main .pub-title h2 span:last-child { font-size:20px; color:#333; font-weight:600; }
#dy_main .pub-title h2 span:last-child:before,
#dy_main .pub-title h2 span:last-child:after { content:""; display:block; position:absolute; top:50%; height:2px; width:50px; background:#666; }
#dy_main .pub-title h2 span:last-child:before { left:-60px; }
#dy_main .pub-title h2 span:last-child:after { right:-60px; }
#dy_main .pub-title h2.has-desc { padding-bottom:10px; }
#dy_main .pub-title p { font-size:16px; color:#666; line-height:1.5em; }
#dy_main .pub-title.white h2 span:first-child { color:#fff; }
#dy_main .pub-title.white h2 span:last-child { color:#fff; opacity:0.2; }
#dy_main .pub-title.white p { color:#aaa; }

/*======================== Homepage : Video ========================*/
#dy_main .index-video { width:100%; background:#999; overflow:hidden; }
#dy_main .index-video .index-video-container { position:relative; height:240px; overflow:hidden; }
#dy_main .index-video .index-video-container .bg-video { position:absolute; top:0; left:0; min-width:100%; width:100%; height:100%; overflow:hidden; }
#dy_main .index-video .index-video-container .bg-video video { position:absolute; top:0; left:0; min-height:100%; min-width:100%; width:100%; height:100%; object-fit:cover; }
#dy_main .index-video .index-video-container .front-txt { position:absolute; display:flex; width:100%; height:100%; align-items:center; justify-content:center; text-align:center; }
#dy_main .index-video .index-video-container .front-txt .txt { width:100%; }
#dy_main .index-video .index-video-container .front-txt .txt h2 { display:flex; align-items:center; justify-content:center; width:100%; font-size:20px; color:#fff; line-height:1.2em; font-weight:700; overflow:hidden; }
#dy_main .index-video .index-video-container .front-txt .txt p { display:flex; align-items:center; justify-content:center; width:100%; font-size:14px; color:#fff; line-height:1.5em; font-weight:600; margin-top:15px; overflow:hidden; }
#dy_main .index-video .index-video-container .front-txt .txt .btn { margin:0 auto; padding-top:20px; width:200px; }
#dy_main .index-video .index-video-container .front-txt .txt .btn h4 { width:200px; overflow:hidden; }

/*======================== Homepage : Ad block ========================*/
#dy_main .index-ad { width:100%; padding:2% 0 2%; background:#166fbf; overflow:hidden; }
#dy_main .index-ad .index-ad-container { position:relative; overflow:hidden; }
#dy_main .index-ad .index-ad-container ul { width:100%; height:50px; padding:0; overflow:hidden; }
#dy_main .index-ad .index-ad-container ul li { float:left; width:50%; text-align:center; }
#dy_main .index-ad .index-ad-container ul li img { display:inline-block; height:50px; }

/*==================== Inside page : Navigation menu ====================*/
#dy_main .page-nav  { width:100%; height:50px; background:#fff; border-bottom:1px solid #ddd; }
#dy_main .page-nav.gray  { background:#f5f5f5; border-bottom:1px solid #ddd; }
#dy_main .page-nav .page-location-container { padding:0; }
#dy_main .page-nav .page-location-container .location { background:url(../Images/icon_home.png) no-repeat left 18px; background-size:auto 12px; line-height:29px; float:left; padding:10px 0 10px 20px; color:#000; font-size:13px; }
#dy_main .page-nav .page-location-container .location a { color:#000; }
#dy_main .page-nav .page-location-container .location span { padding:0 5px; }
#dy_main .page-nav .page-nav-container { float:right; font-size:0; -webkit-text-size-adjust:none; }
#dy_main .page-nav .page-nav-container a { display:inline-block; height:50px; line-height:50px; padding:0 18px; text-align:center; position:relative; font-size:13px; overflow:unset; }
#dy_main .page-nav .page-nav-container a.on { background:#22c995; color:#fff; }
#dy_main .page-nav .page-nav-container a.on i { position:absolute; left:50%; margin-left:-10px; bottom:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #22c995; display:block; }

/*==================== Inside page : About us ====================*/
#dy_main .about { width:100%; padding:1% 0 6%; background:#fff; overflow:hidden; }
#dy_main .about .about-container { overflow:hidden; }
#dy_main .about .about-container .info-section { width:100%; margin-bottom:20px; }
#dy_main .about .about-container .info-section .cover { width:100%; margin-bottom:10px;  }
#dy_main .about .about-container .info-section .cover img { width:100%; display:block; }
#dy_main .about .about-container .info-section h2 { font-size:18px; color:#000; font-weight:600; text-align:left; line-height:2em; padding-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#dy_main .about .about-container .info-section h5 { font-size:11px; color:rgba(18,18,18,0.75); font-weight:500; line-height:1.2em; text-transform:uppercase; }
#dy_main .about .about-container .info-section .info { overflow:hidden; font-size:13px; color:rgba(18,18,18,0.75); line-height:1.5em; }
#dy_main .about .about-container .info-section .info p { text-align:left; margin:0; font-size:13px; color:rgba(18,18,18,0.75); line-height:1.5em; margin-bottom:10px; }

/*==================== Inside page : Contact us ====================*/
#dy_main .contact { width:100%; padding:0% 0 6%; background:#fff; overflow:hidden; }
#dy_main .contact .contact-container { position:relative; width:100%; margin:0 auto; overflow:hidden; }
/* feedback */
#dy_main .contact .contact-container .feedback-form { width:100%; margin:0 auto; overflow:hidden; }
#dy_main .contact .contact-container .feedback-form ul.form-list { width:100%; }
#dy_main .contact .contact-container .feedback-form ul.form-list li { float:left; width:calc(100% - 95px); margin-top:16px; border:solid 1px #aaaaaa; padding-left:90px; position:relative; }
#dy_main .contact .contact-container .feedback-form ul.form-list li .tips { width:80px; height:48px; line-height:48px; position:absolute; left:0; top:0; font-size:13px; color:#000; font-weight:600; padding-left:12px; }
#dy_main .contact .contact-container .feedback-form ul.form-list li input { display:block; width:calc(100% - 10px); padding:0 5px; height:48px; line-height:48px; font-size:13px; color:#000; font-weight:500; border-width:0px; outline:none; background:none; }
#dy_main .contact .contact-container .feedback-form ul.form-list li input.alert { background:#fbe8d3; }
#dy_main .contact .contact-container .feedback-form ul.form-list li textarea { display:block; width:calc(100% - 10px); line-height:1.4em; height:7em; font-size:13px; color:#000; font-weight:500; padding:15px 5px; border-width:0px; outline:none; background:none; }
#dy_main .contact .contact-container .feedback-form ul.form-list li input.alert,
#dy_main .contact .contact-container .feedback-form ul.form-list li textarea.alert { background:#fbe8d3; }
#dy_main .contact .contact-container .feedback-form ul.form-list li.btn { width:100%; margin-top:16px; padding-left:0; border:0; text-align:center; }
#dy_main .contact .contact-container .feedback-form ul.form-list li.btn input { width:100%; }
/* contact info */
#dy_main .contact .contact-container:last-child { margin-bottom:0; }
#dy_main .contact .contact-container .contact-info { margin-top:40px; padding:20px 10px; background:#f5f5f5; overflow:hidden; }
#dy_main .contact .contact-container .contact-info h2 { width:100%; font-size:15px; color:#000; text-align:left; font-weight:600; line-height:1.5em; margin-bottom:10px; overflow:hidden; }
#dy_main .contact .contact-container .contact-info p { float:left; width:calc(50% - 40px); padding-right:20px; padding-bottom:10px; margin-bottom:10px; font-size:13px; color:rgba(18,18,18,0.75); line-height:1.6em; }
#dy_main .contact .contact-container .contact-info p:last-child { margin-bottom:0!important; }
#dy_main .contact .contact-container .contact-info p a { color:rgba(18,18,18,0.75); }
#dy_main .contact .contact-container .contact-info p a:hover { color:#3fa4e8; }
#dy_main .contact .contact-container .contact-info p.address { background:url(../Images/icon_address.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.contactman { background:url(../Images/icon_contactman.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.tel { background:url(../Images/icon_tel.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.fax { background:url(../Images/icon_fax.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.email { background:url(../Images/icon_email.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.wechat { background:url(../Images/icon_wechat.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.web { background:url(../Images/icon_web.png) no-repeat left 2px; background-size:15px; padding-left:18px; }
#dy_main .contact .contact-container .contact-info p.whatsapp { background:url(../Images/icon_whatsapp.png) no-repeat left 2px; background-size:15px; padding-left:18px; }

/*==================== Inside page : Product ====================*/
#dy_main .product { width:100%; padding:0 0 6%; background:#f5f5f5; overflow:hidden; }
#dy_main .product .product-container { position:relative; overflow:hidden; }
#dy_main .product .product-container h2 { font-size:18px; color:#000; font-weight:600; line-height:1.4em; }
/* Cate & list */
#dy_main .product .product-container ul { width:100%; margin-top:10px; }
#dy_main .product .product-container ul li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; }
#dy_main .product .product-container ul li:nth-child(2n) { margin-right:0; }
#dy_main .product .product-container ul li .pic { width:100%; height:100%; position:relative; overflow:hidden; }
#dy_main .product .product-container ul li .pic img { width:100%; height:100%; display:block; transition:1s all; -webkit-transition:1s all; }
#dy_main .product .product-container ul li .txt { width:100%; background:#fff; padding:8px 0; overflow:hidden; }
#dy_main .product .product-container ul li .txt p { margin:0; line-height:1.6em; font-size:13px; color:rgba(18,18,18,0.75); text-align:left; background:#fff; padding:0 8px 8px; overflow:hidden; text-overflow:ellipsis; }
#dy_main .product .product-container ul li .txt h5 { width:50%; font-size:13px; }
/* Detail */
#dy_main .product.detail .product-container .product-pic { width:100%; margin-bottom:20px; overflow:hidden; }
#dy_main .product.detail .product-container .product-pic .pic-item { width:100%; overflow:hidden; }
#dy_main .product.detail .product-container .product-pic .pic-item img { width:100%; display:block; }
#dy_main .product.detail .product-container .product-pic ul { width:100%; margin-top:10px; overflow:hidden; }
#dy_main .product.detail .product-container .product-pic ul li { width:calc(18.4% - 2px); margin-right:2%; border:1px solid #ccc; float:left; cursor:pointer; }
#dy_main .product.detail .product-container .product-pic ul li.active { border:1px solid #3fa4e8; }
#dy_main .product.detail .product-container .product-pic ul li:last-child { margin-right:0; }
#dy_main .product.detail .product-container .product-pic ul li img { width:100%; }
#dy_main .product.detail .product-container .product-pic .product-video { width:100%; margin-top:10px; overflow:hidden; }
#dy_main .product.detail .product-container .product-pic .product-video video { width:100%; overflow:hidden; }
#dy_main .product.detail .product-container .product-info { width:100%; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .product-title { width:100%; margin-bottom:20px; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .product-title h2 { font-size:18px; color:#000; font-weight:600; line-height:1.4em; }
#dy_main .product.detail .product-container .product-info .product-title h3 { font-size:14px; color:#000; font-weight:600; line-height:1.4em; padding-top:6px; }
#dy_main .product.detail .product-container .product-info .parameters { width:100%; margin-bottom:30px; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .parameters .parameters-item { width:100%; font-size:13px; color:rgba(18,18,18,0.75); font-weight:600; margin-bottom:10px; height:2.4em; line-height:2.4em; border-bottom:1px solid #e1e1e1; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .parameters .parameters-item:last-child { margin-bottom:0!important; }
#dy_main .product.detail .product-container .product-info .parameters .parameters-item .tips { float:left; width:140px; color:rgba(18,18,18,0.75); }
#dy_main .product.detail .product-container .product-info .parameters .parameters-item .content { float:left; width:calc(100% - 140px); color:rgba(18,18,18,1); font-weight:600; }
#dy_main .product.detail .product-container .product-info .info { position:relative; width:100%; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .info .tab-header { display:table; width:100%; }
#dy_main .product.detail .product-container .product-info .info .tab-header .tab { display:table-cell; vertical-align:middle; width:25%; padding:10px 0; font-size:11px; color:rgba(18,18,18,0.75); font-weight:600; text-align:center; cursor:pointer; border:1px solid #e1e1e1; border-right:1px solid transparent; transition:all 0.2s ease; }
#dy_main .product.detail .product-container .product-info .info .tab-header .tab:last-child { border-right:1px solid #e1e1e1; transition:all 0.2s ease; }
#dy_main .product.detail .product-container .product-info .info .tab-header .tab.active { background:#fff; border-bottom:1px solid transparent; }
#dy_main .product.detail .product-container .product-info .info .tab-content { display:none; background:#fff; padding:20px; margin-bottom:30px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
#dy_main .product.detail .product-container .product-info .info .tab-content.active { display:block; }
#dy_main .product.detail .product-container .product-info .info .tab-content p { font-size:13px; color:rgba(18,18,18,0.75); font-weight:500; line-height:1.6em; margin-bottom:10px; }
#dy_main .product.detail .product-container .product-info .icon { width:100%; margin-bottom:30px; padding:10px 0; background:#3fa4e8; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .icon .icon-item { float:left; width:33%; margin-right:0.5%; overflow:hidden; }
#dy_main .product.detail .product-container .product-info .icon .icon-item:nth-child(3n) { margin-right:0; }
#dy_main .product.detail .product-container .product-info .icon .icon-item i { display:block; width:30px; height:30px; background-size:30px 30px; background-repeat:no-repeat; margin:5px auto 0px; }
#dy_main .product.detail .product-container .product-info .icon .icon-item i.madeinchina { background-image:url(../Images/icon_madeinchina.png); }
#dy_main .product.detail .product-container .product-info .icon .icon-item i.approved { background-image:url(../Images/icon_approved.png); }
#dy_main .product.detail .product-container .product-info .icon .icon-item i.star { background-image:url(../Images/icon_star.png); }
#dy_main .product.detail .product-container .product-info .icon .icon-item span { font-size:13px; color:#fff; font-weight:600; line-height:2em;; text-align:center; display:block; }

/*==================== Inside page : Ideas ====================*/
#dy_main .ideas { width:100%; padding:0% 0 6%; background:#f5f5f5; overflow:hidden; }
#dy_main .ideas .ideas-container { width:100%; margin-top:10px; overflow:hidden; }
#dy_main .ideas .ideas-container .title { width:100%; overflow:hidden; }
#dy_main .ideas .ideas-container .title h2 { font-size:18px; color:#000; font-weight:600; line-height:2em; }
#dy_main .ideas .ideas-container ul { overflow:hidden; }
#dy_main .ideas .ideas-container ul { width:100%; overflow:hidden; }
#dy_main .ideas .ideas-container ul li { float:left; width:49.5%; margin-right:1%; margin-bottom:1%; background:#fff; }
#dy_main .ideas .ideas-container ul li:nth-child(2n) { margin-right:0; }
#dy_main .ideas .ideas-container ul li .pic { width:100%; margin:0 auto; overflow:hidden; }
#dy_main .ideas .ideas-container ul li .pic img { display:block; width:100%; }
#dy_main .ideas .ideas-container ul li .txt { padding:10px 10px; }
#dy_main .ideas .ideas-container ul li .txt h2 { font-size:13px; color:#000; font-weight:600; text-align:left; line-height:1.4em; height:2.8em; overflow:hidden; text-overflow:ellipsis; }
#dy_main .ideas .ideas-container ul li .txt p { padding-top:10px; font-size:11px; color:rgba(18,18,18,0.75); text-align:left; line-height:1.4em; height:5.6em; overflow:hidden; text-overflow:ellipsis; }
/* Detail */
#dy_main .ideas.detail .ideas-container .ideas-info { width:100%; margin-top:10px; }
#dy_main .ideas.detail .ideas-container .ideas-info h2 { font-size:18px; color:#000; font-weight:600; line-height:1.4em; }
#dy_main .ideas.detail .ideas-container .ideas-info .info { width:100%; padding-top:20px; overflow:hidden; }
#dy_main .ideas.detail .ideas-container .ideas-info .info p { font-size:13px; color:rgba(18,18,18,0.75); text-align:left; line-height:1.6em; }
#dy_main .ideas.detail .ideas-container .ideas-info .info p.cover { padding:0 0 20px; }
#dy_main .ideas.detail .ideas-container .ideas-info .info p.cover img { width: 100%; max-width:100%; }

/*==================== Inside page : FAQ ====================*/
#dy_main .faq { width:100%; padding:0% 0 6%; background:#fff; overflow:hidden; }
#dy_main .faq .faq-container { width:100%; margin:0 auto; overflow:hidden; }
#dy_main .faq .faq-container ul { float:left; width:100%; }
#dy_main .faq .faq-container ul li { width:100%; overflow:hidden; }
#dy_main .faq .faq-container ul li>:nth-child(2) { height:1px; background:#ddd; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; }
#dy_main .faq .faq-container ul li.unfold>:nth-child(2) { background:transparent!important; }
#dy_main .faq .faq-container ul li .faq-item { padding:15px 15px 15px 0; position:relative; }
#dy_main .faq .faq-container ul li .faq-item p { font-size:13px; color:#000; line-height:1.2em; text-overflow:ellipsis; overflow:hidden; }
#dy_main .faq .faq-container ul li .answer-item { display:none; padding:10px 10px; background-color:#fafafa; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; }
#dy_main .faq .faq-container ul li.open .answer-item { display:block; }
#dy_main .faq .faq-container ul li .answer-item .content { width:100%; height:auto; background-color:transparent; font-size:13px; color:rgba(18,18,18,0.75); line-height:1.8em; text-align:justify; word-break:break-all; }
#dy_main .faq .faq-container ul li .answer-item .content p { margin-bottom:10px; font-size:13px; color:rgba(18,18,18,0.75); line-height:1.6em; font-weight:500; }
#dy_main .faq .faq-container ul li .answer-item .content p:last-child { margin-bottom:0; }
#dy_main .faq .faq-container ul li .answer-item .more { width:100%; height:auto; padding-top:15px; *height:1%; }
#dy_main .faq .faq-container ul li .answer-item .more:after { clear:both; content:"."; display:block; height:0; line-height:0; overflow:hidden; }
#dy_main .faq .faq-container ul li .answer-item .more .answer-hide { margin-top:13px!important; float:right; font-size:14px; line-height:1; color:#f49c11; text-align:right; }
#dy_main .faq .faq-container ul li .faq-item svg { position:absolute; height:.4rem; right:0.2rem; top:calc(50% - .2rem); color:rgba(18,18,18,0.55); }
#dy_main .faq .faq-container ul li.open .faq-item svg { transform:rotate(180deg); }

/*==================== Inside page : Blog ====================*/
#dy_main .blog { width:100%; padding:0% 0 6%; background:#fff; overflow:hidden; }
#dy_main .blog .blog-container { width:100%; overflow:hidden; }
#dy_main .blog .blog-container li { margin-bottom:6px; padding:8px 0; background:#fff; border-bottom:1px solid rgb(222, 222, 222); overflow:hidden; }
#dy_main .blog .blog-container li:last-child { margin-bottom:0px; border-bottom:0; }
#dy_main .blog .blog-container li .box-left { float:left; width:20%; height:auto; overflow:hidden; }
#dy_main .blog .blog-container li .box-left img { width:100%; height:100%; }
#dy_main .blog .blog-container li .box-right { float:right; margin-left:8px; width:calc(80% - 12px); }
#dy_main .blog .blog-container li .box-right .list-title { font-size:13px; color:#000; line-height:1.2em; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; }
#dy_main .blog .blog-container li .box-right .list-info { font-size:11px; color:rgba(18,18,18,0.75); line-height:1.2em; height:2.4em; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; }
#dy_main .blog .blog-container li .box-right .list-status { font-size:10px; color:#999; line-height:1.5em; height:1.5em; margin-bottom:3px; }
#dy_main .blog .blog-container li .box-right .list-status i { font-size:10px; color:#999; font-style:normal; margin-right:14px; }
#dy_main .blog .blog-container li .box-right .list-status i:before { content:""; display:inline-block; width:14px; height:10px; vertical-align:-1px; }
#dy_main .blog .blog-container li .box-right .list-status i.click:before { background:url(../Images/icon_clicks.png) no-repeat; background-size:10px 10px; }
#dy_main .blog .blog-container li .box-right .list-status i.time:before { background:url(../Images/icon_time.png) no-repeat; background-size:10px 10px; }
/* Detail */
#dy_main .blog.detail .blog-container .blog-info { width:100%; margin-top:10px; }
#dy_main .blog.detail .blog-container .blog-info h2 { font-size:18px; color:#000; font-weight:600; line-height:1.4em; }
#dy_main .blog.detail .blog-container .blog-info h4 { font-size:11px; color:rgba(18,18,18,0.75); line-height:1.5em; margin-top:10px; margin-bottom:10px; overflow:hidden; }
#dy_main .blog.detail .blog-container .blog-info h4 span { padding-right:10px; color:rgba(18,18,18,0.75); }
#dy_main .blog.detail .blog-container .blog-info h4 span:last-child { padding-right:0; }
#dy_main .blog.detail .blog-container .blog-info .info { width:100%; padding-top:10px; overflow:hidden; }
#dy_main .blog.detail .blog-container .blog-info .info p { font-size:13px; color:rgba(18,18,18,0.75); text-align:left; line-height:1.6em; }
#dy_main .blog.detail .blog-container .blog-info .info p.cover { padding:0 0 20px; }
#dy_main .blog.detail .blog-container .blog-info .info p.cover img { width: 100%; max-width:100%; }

/*==================== Inside page : General details page ====================*/
#dy_main .pub-detail { width:100%; padding:0 0 6%; background:#fff; overflow:hidden; }
#dy_main .pub-detail .pub-detail-container { padding:30px 0 0; }
/* Left side: Details column */
#dy_main .pub-detail .pub-detail-container .l { width:100%; }
#dy_main .pub-detail .pub-detail-container .l h1 { line-height:30px; font-size:24px; text-align:center; margin-top:0; }
#dy_main .pub-detail .pub-detail-container .l h4 { line-height:26px; padding-bottom:10px; color:#626262; font-size:12px; font-weight:normal; text-align:center; padding-top:10px; border-bottom:1px solid #dbdbdb; margin-bottom:15px; }
#dy_main .pub-detail .pub-detail-container .l h4 span { font-size:12px; padding-right:10px; white-space:nowrap; }
#dy_main .pub-detail .pub-detail-container .l .content { line-height:30px; font-size:15px; color:#626262; }
#dy_main .pub-detail .pub-detail-container .l .content h2 { margin:0; font-size:18px; font-weight:600; margin-top:12px; line-height:30px; }
#dy_main .pub-detail .pub-detail-container .l .content h3 { margin:0; font-size:15px; font-weight:600; margin-top:8px; line-height:30px; }
#dy_main .pub-detail .pub-detail-container .l .content p { line-height:30px; padding-top:8px; font-size:16px; color:#626262; }
#dy_main .pub-detail .pub-detail-container .l .content img { margin:0 auto; display:block; max-width:100%; height:auto; }
#dy_main .pub-detail .pub-detail-container .l .content table { border-top:1px solid #000; border-left:1px solid #000; margin:0 auto; width:100%!important; } 
#dy_main .pub-detail .pub-detail-container .l .content table td { border-right:1px solid #000; border-bottom:1px solid #000; padding:5px 0; }
#dy_main .pub-detail .pub-detail-container .l .content table td p { margin-top:0; line-height:1.8; }
/* Right side: Recommendation column */
#dy_main .pub-detail .pub-detail-container .r { width:100%; }
#dy_main .pub-detail .pub-detail-container .r .r-container { border:1px solid #dbdbdb; padding:10px; margin-top:20px; }
#dy_main .pub-detail .pub-detail-container .r .r-container h2 { font-size:22px; line-height:32px; color:#2a2a2a; padding:10px 0; border-bottom:2px solid #2a2a2a; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list { overflow:hidden; zoom:1; margin-top:30px; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li { float:left; width:calc(50% - 4px); margin-right:8px; margin-bottom:8px; overflow:hidden; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li:nth-child(2n) { margin-right:0; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .pic { width:100%; position:relative; overflow:hidden; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .pic img { display:block; width:100%; height:100%; object-fit:cover; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt { font-size:13px; color:#333; font-weight:600; height:40px; line-height:40px; padding:0 8px; background:#f1f1f1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt a { color:#333; }
#dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt a:hover { color:#22c995; }
#dy_main .pub-detail .pub-detail-container .r .r-txt-container .r-txt-list {  padding-bottom:5px; overflow:hidden; }
#dy_main .pub-detail .pub-detail-container .r .r-txt-container ul { padding-top:5px}
#dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li { line-height:36px; background:url(../Images/icon_dot.png) no-repeat 2px center; text-indent:0.3cm; margin:0 auto; border-bottom:1px dashed #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li a { color:#333; font-size:14px; font-weight:600; }
#dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li:hover a { color:#22c995; }

/*======================== Bottom : Copyright ========================*/
#dy_copyright { width:100%; padding:15px 0 40px 0; background:#166fbf; transition:all 0.3s ease-out; }
#dy_copyright .copyright-box { margin:0 auto 45px; }
#dy_copyright .copyright-box .copyright-container { text-align:center; font-size:11px; }
#dy_copyright .copyright-box .copyright-container span { color:#fff; padding-right:6px; }
#dy_copyright .copyright-box .copyright-container span a { color:#fff; }
#dy_copyright .copyright-box .copyright-container span:last-child { padding-right:0; }
#dy_copyright .copyright-box .copyright-container p { line-height:1.8em; height:1.8em; color:#fff; }
#dy_copyright .copyright-box .copyright-container p.tel { line-height:2.8em; height:2.8em; padding-bottom:2px; font-weight:600; }
#dy_copyright .copyright-box .copyright-container p.tel i { display:inline-block; padding-right:4px; width:12px; height:12px; vertical-align:-2px; background:url(../Images/icon_bottomtel.png) no-repeat; background-size:12px auto; }
#dy_copyright .copyright-box .copyright-container p.tel span { padding:4px 16px; border:1px solid #ddd; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#dy_copyright .copyright-box .copyright-container p.info { font-size:11px; }

/*======================== Bottom : Menu ========================*/
#dy_footer { position:fixed; width:100%; bottom:0; z-index:99; background:#fff; margin-left:0%; transition:all 0.3s ease-out; box-shadow:0 -1px 2px #dadada; }
#dy_footer .footer-box { display:flex; display:-webkit-flex; flex-flow:row nowrap; -webkit-flex-flow:row nowrap; justify-content:space-between; -webkit-justify-content:space-between; height:45px; }
#dy_footer .footer-box .footer-container { flex:auto; -webkit-flex:auto; font-size:12px; text-align:center; line-height:45px; background:#fff; width:25%; flex-grow:1; -webkit-flex-grow:1; }
#dy_footer .footer-box .footer-container i,
#dy_footer .footer-box .footer-container em,
#dy_footer .footer-box .footer-container img { display:block; width:20px; height:20px; margin:5px auto 0; background-size:20px 20px; background-repeat:no-repeat; }
#dy_footer .footer-box .footer-container span { font-size:12px; color:#333; font-weight:400; text-align:center; height:16px; line-height:16px; display:block; }
#dy_footer .footer-box .footer-container.on span { color:#166fbf; }
#dy_footer .footer-box .footer-container.footer-center { width:50px; height:50px; border-radius:50%; flex-grow:0; -webkit-flex-grow:0; line-height:50px; position:relative; top:-8px; box-shadow:0 -3px 3px #c3c3c3; flex-shrink:0; -webkit-flex-shrink:0; margin:0 10px; }
#dy_footer .footer-box .footer-container.footer-center .pic { width:30px; height:30px; font-size:0; padding:10px; }
#dy_footer .footer-box .footer-container.footer-center .pic i,
#dy_footer .footer-box .footer-container.footer-center .pic em,
#dy_footer .footer-box .footer-container.footer-center .pic img { display:block; width:100%; height:100%; margin:0; background-size:100% 100%; background-repeat:no-repeat; }
#dy_footer .footer-box .footer-container span.only-text { font-size:14px; font-weight:400; text-align:center; height:45px; line-height:45px; display:block; }
#dy_footer .footer-box .footer-container span.only-text.mid { font-size:18px; height:50px; line-height:50px; }

/*======================== Bottom : Send Message ========================*/
.send-message-tips { position:fixed; right:0; bottom:50px; width:110px; height:48px; padding-bottom:0; z-index:999; }
.send-message-tips .send-message-tips-container { width:100%; height:100%; }
.send-message-tips .send-message-tips-container .send-btn { position:absolute; display:inline-block; margin:0; padding:10px 15px; border:0; box-sizing:border-box; vertical-align:middle; text-align:center; cursor:pointer; border-radius:8px 0 0 8px; text-transform:none; text-decoration:none; background:#3fa4e8; overflow:hidden; }
.send-message-tips .send-message-tips-container .send-btn p { width:100%; flex:0 0 auto; font-size:12px; line-height:2em; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*======================== Loading prompt box ========================*/
#loading { z-index:999999; font-size:13px; color:#fff; line-height:24px; padding-top:70px; padding-bottom:20px; padding-left:10px; padding-right:10px; text-align:center; width:200px; position:fixed; left:50%; top:50%; margin-left:-100px; margin-top:-75px; background:rgba(0,0,0,.8); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-animation-duration:1s!important; }
#loading span { display:block; width:40px; height:40px; position:absolute; left:90px; top:20px; background:url(../Images/icon_loading.png) no-repeat; background-size:40px auto; }
#loading .fail { background:url(../Images/icon_fail.png) no-repeat; background-size:40px auto; }
#loading .success { background:url(../Images/icon_success.png) no-repeat; background-size:40px auto; }

/*======================== 404 Error page ========================*/
#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:100%; 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 .error-img { width:80%; margin:0 auto 15px; padding-bottom:10px; border-bottom:1px dashed #aaa; text-align:center; }
#dy_error .error-box .error-top .error-info .error-img img { width:200px; height:87px; }
#dy_error .error-box .error-top .error-info h4 { font-size:20px; text-align:center; line-height:1.5em; margin-bottom:10px; }
#dy_error .error-box .error-top .error-info p { font-size:14px; text-align:center; line-height:1.5em; margin-bottom:10px; }
#dy_error .error-box .error-top .error-info p i { font-style:normal; color:#43bafe; }
#dy_error .error-box .error-bottom { padding:20px 0; box-sizing:border-box; height:45vh; background:#f1f1f1; }
#dy_error .error-box .error-bottom p { font-size:12px; line-height:1.5em; }