@charset "utf-8";
/* CSS Document */
.about_01{ display:flex; margin-bottom:80px}

.about_01 h3{ width:100%; float:left; overflow:hidden; line-height:60px; font-size:45px;  color:#111; margin-bottom:50px; margin-top:30px; text-align:center }
.about_01 h3 img{ margin-right:20px; vertical-align:middle; margin-top:-7px; height:55px}
.about_01 ul{ width:100%; float:left; overflow:hidden; line-height:38px; font-size:18px; color:#666}
.about_01 ul p{ width:100%; float:left; overflow:hidden; margin-bottom:18px; }

.youshi{ width:100%; float:left; overflow:hidden; display:flex; margin-bottom:100px; flex-wrap:wrap}
.youshi dl{ width:25%;}
.youshi dl h5{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:20px}
.youshi dl h5 img{ height:60px}
.youshi dl dt{ width:100%; float:left; overflow:hidden; text-align:center; font-size:21px; color:#333; line-height:30px; margin-bottom:5px}
.youshi dl dd{ width:100%; float:left; overflow:hidden; text-align:center; font-size:16px; color:#888; line-height:30px}

/* 资质　*/
.zizhi{  background:url(zizhi.jpg) no-repeat center 0; margin-bottom:100px; padding:100px 0}
.zizhi .h301{ margin-bottom:60px}
.y1{width:100%;}

.banner_pc{width: 100%; padding-bottom:80px;overflow: hidden;position: relative; }
.banner_pc .swiper-wrapper{}
.banner_pc .pcimg{width: 100%}
.banner_pc .pcimg .img{width: 100%;height: 100%;}
.banner_pc > .swiper-pagination{text-align: center;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet{width:40px;height: 10px;border-radius: 6px;background: #000;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet-active{background: #f60;}
.banner_pc > .swiper-button-prev,.banner_pc > .swiper-button-next{width: 48px;height: 48px;top: initial;bottom: 0;}
.banner_pc > .swiper-button-prev{background: url("../img/prev.jpg") no-repeat;right: 60px;left: initial;}
.banner_pc > .swiper-button-next{background: url("../img/next.jpg") no-repeat;right: 0;}

.banner_yd{width: 100%;height: auto;max-height: 500px; display: none;overflow: hidden;position: relative;}
.banner_yd .swiper-wrapper, .banner_yd .swiper-slide{width: 100%;height: 100%;}
.banner_yd .pcimg {width: 100%;height: 100%;}
.banner_yd .pcimg .img{width: 100%;height: 100%;}
.banner_yd > .swiper-pagination.swiper-pagination-bullets{bottom: 10px;}
.banner_yd > .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 4px;background: #bbb;}
.banner_yd > .swiper-pagination .swiper-pagination-bullet-active{background: #333;}


/* 郸豪风貌 */
.fengmao { margin-bottom:80px}
.fengmao ul{ width:100%; float:left; overflow:hidden}
.fengmao ul li{ width:23.5%; float:left; overflow:hidden; margin-right:2%; margin-bottom:30px; background:#f6f7f9; padding:15px; box-sizing:border-box; border-radius:5px }
.fengmao ul li:nth-child(4n){ margin-right:0}
.fengmao ul li img{ width:100%; float:left; overflow:hidden; margin-bottom:15px}
.fengmao ul li p{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:18px; color:#333}

/* 品牌故事 */
.story{ margin:80px 0 }
.story ul { width:100%; float:left; overflow:hidden}
.story ul li{ width:32%; float:left; overflow:hidden; margin-right:2%; margin-bottom:30px }
.story ul li:nth-child(3n){ margin-right:0}
.story ul li img{ width:100%; float:left; overflow:hidden;}

/* 视频 */
.video{ width:100%; float:left; margin-bottom:80px}
.video dl{ width:48%; float:left; overflow:hidden; padding:20px; border:3px solid #eee; box-sizing:border-box }
.video dl:nth-child(2n+1){ margin-right:4%}
.video dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:30px; position:relative}
.vimg1{ width:100%; float:left; overflow:hidden}
.vimg2{ width:60px; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%)}
.video dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; font-size:21px}
.video dl dt a{ color:#333}
.video dl dt a:hover{ color:#f7b003}



/******** 手机版 ********/
@media (max-width:767px){
.banner_pc{display: none;}
.banner_yd{display: block;}

.page02{ margin-bottom:10px}
.about_01{margin-bottom:10px}
.about_01 h3{ line-height:38px; font-size:22px; margin-bottom:15px; margin-top:0px; }
.about_01 h3 img{ margin-right:10px;margin-top:-7px; height:35px}
.about_01 ul{  line-height:28px; font-size:14px; }
.about_01 ul p{margin-bottom:15px; }

.youshi{  margin-bottom:10px; }
.youshi dl{ width:48%; box-sizing:border-box; border:1px solid #eee; margin-bottom:15px; padding:15px}
.youshi dl:nth-child(2n+1){ margin-right:4%}
.youshi dl h5{  margin-bottom:15px}
.youshi dl h5 img{ height:40px}
.youshi dl dt{ font-size:14px; line-height:20px; margin-bottom:5px}
.youshi dl dd{  font-size:12px; line-height:18px;padding:0;}

/* 资质　*/
.zizhi{  margin-bottom:20px; padding:30px 0}
.zizhi .h301{ margin-bottom:20px}
.y1{width:100%;}

.banner_yd{max-height: 500px; }
.banner_yd .swiper-wrapper{ padding-bottom:30px}
.banner_yd > .swiper-pagination.swiper-pagination-bullets{bottom: 0px;}
.banner_yd > .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 4px}
.banner_yd > .swiper-pagination .swiper-pagination-bullet-active{background: #f7b003;}

/* 郸豪风貌 */
.fengmao { margin-bottom:10px}
.fengmao ul li{ width:48%; margin-right:4%; margin-bottom:15px; padding:0px 0 10px; border-radius:0 }
.fengmao ul li:nth-child(2n){margin-right:0;}
.fengmao ul li img{ margin-bottom:10px}
.fengmao ul li p{line-height:30px; font-size:14px;}

/* 品牌故事 */
.story{ margin:20px 0 10px }
.story ul li{ width:100%; margin-right:0; margin-bottom:15px }


/* 视频 */
.video{ margin-bottom:20px}
.video dl{ width:100%;padding:15px; border:2px solid #eee; }
.video dl:nth-child(2n+1){ margin-right:0}
.video dl dd{ margin-bottom:10px; }
.vimg2{ width:45px; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%)}
.video dl dt{ line-height:30px; font-size:15px}
	
}



/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.about_01{margin-bottom:30px}

.about_01 h3{ line-height:40px; font-size:30px; margin-bottom:30px; margin-top:20px; }
.about_01 h3 img{ margin-right:15px;margin-top:-7px; height:40px}
.about_01 ul{  line-height:30px; font-size:14px; }
.about_01 ul p{margin-bottom:15px; }

.youshi{  margin-bottom:50px; }
.youshi dl{ width:25%;}
.youshi dl h5{  margin-bottom:20px}
.youshi dl h5 img{ height:50px}
.youshi dl dt{ font-size:16px; line-height:26px; margin-bottom:5px}
.youshi dl dd{  font-size:13px; line-height:20px;padding:0 10px; box-sizing:border-box }

/* 资质　*/
.zizhi{  margin-bottom:50px; padding:50px 0}
.zizhi .h301{ margin-bottom:30px}
.y1{width:100%;}

.banner_pc{padding-bottom:80px;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet{width:40px;height: 10px;border-radius: 6px;background: #000;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet-active{background: #f60;}
.banner_pc > .swiper-button-prev,.banner_pc > .swiper-button-next{width: 48px;height: 48px;top: initial;bottom: 0;}

.banner_yd{max-height: 500px; }
.banner_yd > .swiper-pagination.swiper-pagination-bullets{bottom: 10px;}
.banner_yd > .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 4px}

/* 郸豪风貌 */
.fengmao { margin-bottom:30px}
.fengmao ul li{ width:48%; margin-right:4%; margin-bottom:25px; padding:15px; border-radius:5px }
.fengmao ul li:nth-child(2n){margin-right:0;}
.fengmao ul li img{ margin-bottom:15px}
.fengmao ul li p{line-height:30px; font-size:16px;}

/* 品牌故事 */
.story{ margin:50px 0 }
.story ul li{ width:48%; margin-right:4%; margin-bottom:25px }
.story ul li:nth-child(3n){ margin-right:4%}
.story ul li:nth-child(2n){ margin-right:0}

/* 视频 */
.video{ margin-bottom:50px}
.video dl{ width:48%;padding:20px; border:3px solid #eee; }
.video dl:nth-child(2n+1){ margin-right:4%}
.video dl dd{ margin-bottom:30px; }
.vimg2{ width:60px; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%)}
.video dl dt{ line-height:30px; font-size:16px}

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.about_01{margin-bottom:60px}

.about_01 h3{ line-height:50px; font-size:40px; margin-bottom:40px; margin-top:0px; }
.about_01 h3 img{ margin-right:15px;margin-top:-7px; height:50px}
.about_01 ul{  line-height:30px; font-size:16px; }
.about_01 ul p{margin-bottom:15px; }

.youshi{  margin-bottom:60px; }
.youshi dl{ width:25%;}
.youshi dl h5{  margin-bottom:20px}
.youshi dl h5 img{ height:60px}
.youshi dl dt{ font-size:18px; line-height:30px; margin-bottom:5px}
.youshi dl dd{  font-size:15px; line-height:25px;padding:0 10px; box-sizing:border-box }

/* 资质　*/
.zizhi{  margin-bottom:60px; padding:60px 0}
.zizhi .h301{ margin-bottom:50px}
.y1{width:100%;}

.banner_pc{padding-bottom:80px;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet{width:40px;height: 10px;border-radius: 6px;background: #000;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet-active{background: #f60;}
.banner_pc > .swiper-button-prev,.banner_pc > .swiper-button-next{width: 48px;height: 48px;top: initial;bottom: 0;}

.banner_yd{max-height: 500px; }
.banner_yd > .swiper-pagination.swiper-pagination-bullets{bottom: 10px;}
.banner_yd > .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 4px}

/* 郸豪风貌 */
.fengmao { margin-bottom:40px}
.fengmao ul li{ width:32%; margin-right:2%; margin-bottom:30px; padding:15px; border-radius:5px }
.fengmao ul li:nth-child(4n){margin-right:2%;}
.fengmao ul li:nth-child(3n){margin-right:0;}
.fengmao ul li img{ margin-bottom:15px}
.fengmao ul li p{line-height:30px; font-size:17px;}

/* 品牌故事 */
.story{ margin:60px 0 }
.story ul li{ width:48%; margin-right:4%; margin-bottom:30px }
.story ul li:nth-child(3n){ margin-right:4%}
.story ul li:nth-child(2n){ margin-right:0}

/* 视频 */
.video{ margin-bottom:60px}
.video dl{ width:48%;padding:20px; border:3px solid #eee; }
.video dl:nth-child(2n+1){ margin-right:4%}
.video dl dd{ margin-bottom:30px; }
.vimg2{ width:60px; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%)}
.video dl dt{ line-height:30px; font-size:19px}


}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.about_01{margin-bottom:70px}

.about_01 h3{ line-height:55px; font-size:42px; margin-bottom:50px; margin-top:0px; }
.about_01 h3 img{ margin-right:15px;margin-top:-7px; height:55px}
.about_01 ul{  line-height:35px; font-size:17px; }
.about_01 ul p{margin-bottom:18px; }

.youshi{  margin-bottom:70px; }
.youshi dl{ width:25%;}
.youshi dl h5{  margin-bottom:20px}
.youshi dl h5 img{ height:60px}
.youshi dl dt{ font-size:20px; line-height:30px; margin-bottom:5px}
.youshi dl dd{  font-size:16px; line-height:30px}

/* 资质　*/
.zizhi{  margin-bottom:70px; padding:70px 0}
.zizhi .h301{ margin-bottom:60px}
.y1{width:100%;}

.banner_pc{padding-bottom:80px;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet{width:40px;height: 10px;border-radius: 6px;background: #000;}
.banner_pc > .swiper-pagination .swiper-pagination-bullet-active{background: #f60;}
.banner_pc > .swiper-button-prev,.banner_pc > .swiper-button-next{width: 48px;height: 48px;top: initial;bottom: 0;}


.banner_yd{max-height: 500px; }

.banner_yd > .swiper-pagination.swiper-pagination-bullets{bottom: 10px;}
.banner_yd > .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 4px}


/* 郸豪风貌 */
.fengmao { margin-bottom:50px}
.fengmao ul li{ width:23.5%; margin-right:2%; margin-bottom:30px; padding:15px; border-radius:5px }
.fengmao ul li:nth-child(4n){ margin-right:0}
.fengmao ul li img{ margin-bottom:15px}
.fengmao ul li p{line-height:30px; font-size:18px;}

/* 品牌故事 */
.story{ margin:70px 0 }
.story ul li{ width:32%; margin-right:2%; margin-bottom:30px }
.story ul li:nth-child(3n){ margin-right:0}

/* 视频 */
.video{ margin-bottom:70px}
.video dl{ width:48%;padding:20px; border:3px solid #eee; }
.video dl:nth-child(2n+1){ margin-right:4%}
.video dl dd{ margin-bottom:30px; }
.vimg2{ width:60px; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%)}
.video dl dt{ line-height:30px; font-size:21px}




}

/******** 1400px ********/
@media (min-width:1440px){
	
}