/*===============================================*/
/* 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; }
}
.client-model.active ul li { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; }
.client-model.active ul li:nth-child(1) { animation-delay:0.4s; }
.client-model.active ul li:nth-child(2) { animation-delay:0.6s; }
.client-model.active ul li:nth-child(3) { animation-delay:0.8s; }
.client-model.active ul li:nth-child(4) { animation-delay:1.0s; }
.client-model.active ul li:nth-child(5) { animation-delay:1.2s; }
.client-model.active ul li:nth-child(6) { animation-delay:1.4s; }
.client-model.active ul li:nth-child(7) { animation-delay:1.6s; }
.client-model.active ul li:nth-child(8) { animation-delay:1.8s; }
.client-model.active ul li:nth-child(9) { animation-delay:2.0s; }
.client-model.active ul li:nth-child(10) { animation-delay:2.2s; }

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

/*===================== 头部菜单 =====================*/
.dy-header { width:100%; background-color:#fff; clear:both; }
.dy-header .header-wrapper { text-align:left; }
.dy-header .header-wrapper img { width:auto; height:60px; }

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

/* 滚动广告 */
.dy-slider { width:100%; overflow:hidden; }
.dy-slider .swiper-container { width:100%; height:100%; overflow:hidden; }
.dy-slider .swiper-container .swiper-wrapper .swiper-slide { width:100%; height:100%; }
.dy-slider .swiper-container .swiper-wrapper .swiper-slide img { width:100%; }
.dy-slider .swiper-container .swiper-pagination { text-align:right; }
.dy-slider .swiper-container .swiper-pagination .swiper-pagination-bullet { width:40px; height:8px; display:inline-block; border-radius:0%; opacity:.2; }
.dy-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; background:#fff; }
.dy-slider .swiper-container-horizontal .swiper-pagination-bullets { left:-80px }

/* 关于我们 */
.dy-main .about-wrapper { width:100%; height:280px; background:#fafafa; }
.dy-main .about-wrapper .about-container { padding:40px 0; }
.dy-main .about-wrapper .about-container .about-content { float:left; width:940px; padding-right:40px; }
.dy-main .about-wrapper .about-container .about-content p { font-size:14px; color:#333; line-height:2em; }
.dy-main .about-wrapper .about-container .about-pic { float:right; width:200px; height:200px; overflow:hidden; }
.dy-main .about-wrapper .about-container .about-pic img { width:200px; height:200px; }
.dy-main .about-wrapper .about-container.active .about-content,
.dy-main .about-wrapper .about-container.active .about-pic { -webkit-animation:gfadeIn 1s both; -moz-animation:gfadeIn 1s both; -o-animation:gfadeIn 1s both; animation:gfadeIn 1s both; }

/* 产品介绍 */
.dy-main .products-wrapper { width:100%; background:#fff; }
.dy-main .products-wrapper .products-container { padding:40px 0; }
.dy-main .products-wrapper .products-container .heading { text-align:center; }
.dy-main .products-wrapper .products-container .heading p { margin:10px 0; line-height:1.4em; }
.dy-main .products-wrapper .products-container .heading p.t1 { font-size:20px; }
.dy-main .products-wrapper .products-container .heading p.t2 { font-size:14px; }
.dy-main .products-wrapper .products-container .product-list { float:left; margin:0 auto; text-align:center; padding:30px 0 40px; }
.dy-main .products-wrapper .products-container .product-list .product { float:left; width:220px; text-align:center; padding-right:20px; padding-bottom:20px; }
.dy-main .products-wrapper .products-container .product-list .product:nth-child(5n) { padding-right:0; }
.dy-main .products-wrapper .products-container .product-list .product .product-img { position:relative; margin:auto; width:220px; height:220px; background:#fff; border:1px solid #ddd; overflow:hidden; }
.dy-main .products-wrapper .products-container .product-list .product .product-img img { width:220px; height:220px; }
.dy-main .products-wrapper .products-container .product-list .product .product-name { padding-top:15px; font-size:14px; color:#666; }
.dy-main .products-wrapper .products-container .product-list .product .product-subname { height:40px; padding-top:5px; font-size:14px; }
.dy-main .products-wrapper .products-container .product-list .product .product-desc { text-align:left; font-size:14px; line-height:1.5em; height:63px; overflow:hidden; position:relative; }

/*===================== 底部版权 =====================*/
.dy-footer { width:100%; background:#f6f6f6; clear:both; }
.dy-footer .footer-wrapper { padding:26px 0; -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:12px; text-align:center; height:140px; }
.dy-footer .footer-wrapper .qrcode img { width:100px; height:100px; }
.dy-footer .footer-wrapper .qrcode span { font-size:11px; line-height:2em; }
.dy-footer .footer-wrapper .copyright { text-align:center; line-height:2em; }
.dy-footer .footer-wrapper .copyright p { font-size:12px; color:#666; }
.dy-footer .footer-wrapper .copyright p a { color:#666; }
.dy-footer .footer-wrapper .copyright p a:hover { color:#000; }
.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; }