/*===============================================*/
/* Copyright 2009-2018 CloudV.cn                 */
/*===============================================*/
@charset "utf-8";
@import url('common.css');

/*===================== H5效果 =====================*/
/* 鼠标进入图片效果 */
.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 { background:#333; }
.hover-zoom:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); 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%; }
/********** 通用H5动画 **********/
@-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; }
}
@-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; }
}
.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; }

/*===================== 全局通用 =====================*/
.wrap,
.container { min-width:1180px; width:1180px; margin:0 auto; clear:both; }

/*===================== 头部菜单 =====================*/
.dy-header { position: absolute; left:0; right:0; top:0; width:100%; clear:both; z-index:99999; }
.dy-header .header-wrapper { text-align:center; padding:20px 0; }
.dy-header .header-wrapper img { width:auto; height:60px; }

/*==================== 首页：滚动广告栏 ====================*/
#dy_slider { position:relative; }
#dy_slider .dy-slider { position:relative; width:100%; overflow:hidden; }
#dy_slider .dy-slider .swiper-container { width:100%; height:100%; }
#dy_slider .dy-slider .swiper-container .swiper-slide { position:relative; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-image { width:100%; height:100%; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-image img { height:100%; width:100%; }
#dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn { position:absolute; left:0; right:0; bottom:12%; z-index:10; text-align:center; }
#dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a { display:inline-block; width:164px; height:52px; line-height:52px; border-radius:5px; background:#32C424; color:#fff; text-align:center; font-size:18px; margin:0 12px; }
#dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a:nth-child(2) { background:#0168ff; }
#dy_slider .dy-slider .swiper-container .swiper-pagination { bottom:3%; }
#dy_slider .dy-slider .swiper-pagination-bullet { width:10px; height:10px; background:#fff; opacity:0.6; }
#dy_slider .dy-slider .swiper-pagination-bullet-active { background:#fff; opacity:0.6; width:30px; border-radius:5px; -webkit-transition:all .4s ease; transition:all .4s ease; }
/* 文字 */
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text { position:absolute; top:25%; right:5%; width:45%; text-align:center; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:0; text-align:right; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="center"] .slide-text { left:25%; text-align:center; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:0; text-align:left; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="top"] .slide-text { top:25%; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="middle"] .slide-text { top:35%; }
#dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="bottom"] .slide-text { top:55%; }
#dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h1 { color:#fff; font-size:60px; 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; }

/*===================== 内容区 =====================*/
.dy-main { width:100%; clear:both; }

/* 关于我们 */
.dy-main .about-wrapper { width:100%; background:#fff; overflow:hidden; }
.dy-main .about-wrapper .about-container { padding:60px 0; overflow:hidden; }
.dy-main .about-wrapper .about-container .about-content { float:left; width:780px; padding-right:40px; }
.dy-main .about-wrapper .about-container .about-content p { font-size:16px; color:#333; line-height:2em; }
.dy-main .about-wrapper .about-container .about-content h2 { font-size:18px; color:#000; font-weight:600; line-height:2em; }
.dy-main .about-wrapper .about-container .about-pic { float:right; width:360px; height:225px; overflow:hidden; }
.dy-main .about-wrapper .about-container .about-pic img { width:360px; height:225px; }

/* 业务介绍 */
.dy-main .business-wrapper { width:100%; background:#fafafa; overflow:hidden; }
.dy-main .business-wrapper .business-container { padding:60px 0; overflow:hidden; }
.dy-main .business-wrapper .business-container .title { margin-bottom:20px; text-align:center; }
.dy-main .business-wrapper .business-container .title h2 { font-size:32px; color:#333; }
.dy-main .business-wrapper .business-container .title h2 span { color:#e62129; }
.dy-main .business-wrapper .business-container ul:after { content:''; display:inline-block; width:100%; }
.dy-main .business-wrapper .business-container ul li { float:left; margin-right:41px; }
.dy-main .business-wrapper .business-container ul li:nth-child(3n) { margin-right:0px; }
.dy-main .business-wrapper .business-container ul li .img { width:366px; height:229px; overflow:hidden; }
.dy-main .business-wrapper .business-container ul li .img img { width:366px; height:229px; }
.dy-main .business-wrapper .business-container ul li p { width:100%; bottom:0; line-height:3em; color:#333; text-align:center; font-size:16px; }
.dy-main .business-wrapper .business-container ul li img { width:100%; transition:all 0.6s ; }

/*===================== 底部版权 =====================*/
.dy-footer { display:block; background:#333 url(../Images/bg_bottom.png) no-repeat; background-position:center center; background-size:cover; color:#fff; text-align:left; padding:0; overflow:hidden; }
.dy-footer .footer-wrapper { padding:60px 0 40px; -webkit-transition:height 0.5s; -moz-transition:height 0.5s; -o-transition:height 0.5s; -ms-transition:height 0.5s; transition:height 0.5s; clear:both; overflow:hidden; }
.dy-footer .footer-wrapper .qrcode { font-size:14px; text-align:center; height:140px; }
.dy-footer .footer-wrapper .qrcode img { width:100px; height:100px; }
.dy-footer .footer-wrapper .qrcode p { padding-top:10px; font-size:11px; line-height:2em; color:#aaa; }
.dy-footer .footer-wrapper .copyright { text-align:center; line-height:2em; }
.dy-footer .footer-wrapper .copyright p { font-size:14px; color:#ddd; }
.dy-footer .footer-wrapper .copyright p a { color:#ddd; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s; transition:.3s; }
.dy-footer .footer-wrapper .copyright p a:hover { color:#fff; }
.dy-footer .footer-wrapper .copyright p .gabeian { height:16px; width:16px; vertical-align:middle; line-height:18px; padding-bottom:2px; padding-right:2px; }
.dy-footer .footer-wrapper .tongji { display:none; }