@charset "UTF-8";
.banner { width: 100%; float: left; position: relative; }
.banner img { width: 100%; }
.conbox_1 { width: 100%; float: left; height: auto; padding: 60px 0; }
.conbox_1 .box_title { font-size: 28px; text-align: center; }
.conbox_1 .box_title h2 { font-size: 28px; }
.conbox_1 .box_wd .box { margin-top: 50px; width: 100%; float: left; height: auto; display: flex; align-items: center; }
.conbox_1 .box_wd .box .fr { margin-left: 30px; }
.conbox_1 .box_wd .box .fr div { margin: 20px 0; }
.conbox_1 .box_wd .box .fr div p { margin-top: 10px; font-size: 14px; }
.conbox_2 { width: 100%; float: left; height: auto; padding: 60px 0; background: #f0f0f0; }
.conbox_2 .box_title { font-size: 28px; text-align: center; }
.conbox_2 .box_title h2 { font-size: 28px; }
.conbox_2 .Swiper { width: 100%; float: left; height: auto; }
.conbox_2 .List { display: flex; width: 100%; float: left; height: auto; margin-top: 50px; }
.conbox_2 .List .swiper-slide { width: 20%; overflow: hidden; position: relative; }
.conbox_2 .List .swiper-slide img { width: 100%; }
.conbox_2 .List .swiper-slide .content { transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; /* Opera */ background: rgba(0, 0, 0, 0.5); position: absolute; bottom: -80px; color: #fff; padding: 10px 20px; height: 120px; }
.conbox_2 .List .swiper-slide .content .title { margin-bottom: 10px; }
.conbox_2 .List .swiper-slide .content .desc { font-size: 12px; }
.conbox_2 .List .swiper-slide:hover .content { bottom: 0; }
.conbox_3 { width: 100%; float: left; height: auto; padding: 60px 0; }
.conbox_3 .box_title { font-size: 28px; text-align: center; }
.conbox_3 .box_title h2 { font-size: 28px; }
.conbox_3 .box_wd { margin-top: 40px; text-align: center; }
 @media screen and (max-width: 769px) {
.conbox_1 { padding: 30px 20px; }
.conbox_1 .box_wd .box { flex-direction: column-reverse; margin-top: 30px; }
.conbox_1 .box_wd .box .fr { padding: 0px; margin-left: 0; }
.conbox_2 { padding: 30px 10px; }
.conbox_3 { padding: 30px 10px; }
.conbox_3 img { width: 100%; }
}
/*
  
 主色 #EC8617 
 高亮色 $Zys
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

/*# sourceMappingURL=page06.css.map */