.aboutus_box{ width:100%; overflow:hidden; margin-bottom:30px; display: flex; align-items: center;}
.aboutus_box .img{ width:48%;  text-align:center}
.aboutus_box .img img{ max-width:240px}
.aboutus_box .wz{ width:50%;}
.aboutus_box .wz h3{font-size:20px; color:#333; margin-bottom:10px; display:block}
.aboutus_box .wz span{color:#999; font-size:16px; margin-bottom:10px; display:block}
.aboutus_box .wz p{font-size:14px; line-height:30px; color:#666; margin:0}

/*nyAbout_factory start*/
.nyAbFactory_main .swiper-container { overflow: hidden;}
.nyAbFactory_main .swiper-slide {overflow: hidden; position: relative; height:280px; background-position:center; background-size:cover}
.nyAbFactory_main .swiper-slide p{position:absolute; bottom:0px; left:0px; background:rgba(0, 0, 0, .6); line-height:50px; font-size:14px; color:#fff; opacity:1; width:100%; text-align:center; transition:all 0.4s ease-out; display:block; opacity:0}
.nyAbFactory_main .swiper-slide:first-child p{opacity:1}
.nyAbFactory_main .swiper-button-prev, .nyAbFactory_main .swiper-button-next {width:50px; height:50px; line-height:54px; text-align:center; margin-top: -24px; background: rgba(0, 0, 0, .25); border-radius: 4px;}
.nyAbFactory_main .swiper-button-prev { left:10px; }
.nyAbFactory_main .swiper-button-next { right:10px;}
.nyAbFactory_main .swiper-button-prev:hover, .nyAbFactory_main .swiper-button-next:hover { background: #000;}
.nyAbFactory_main .swiper-button-prev i, .nyAbFactory_main .swiper-button-next i{font-size:18px; color:#fff}

.case_list {width:100%; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: left; }
.case_list li {width:25%; position:relative; height:240px; border:2px solid #fff; overflow:hidden; background-color:#ccc; cursor:pointer}
.case_list li .item-img{position: absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:50%; display: flex; align-items: center; text-align:center}
.case_list li .item-img p{ text-align:center; color:#999; display:block; width:100%; opacity:0}
.case_list li .item-img02{position: absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:50%; transition:all 0.4s ease-out; opacity:0}
.case_list li .item-font{position:absolute; bottom:-50px; left:0px; background:rgba(0, 0, 0, .6); line-height:50px; font-size:14px; color:#fff; opacity:1; width:100%; text-align:center; transition:all 0.4s ease-out;  padding:0 10px}
.case_list li:hover .item-img p{ opacity:1}
.case_list li:hover .item-img02{opacity:1; height:100%;}
.case_list li:hover .item-font{bottom:0px;}

.plat_list02{ margin-bottom:30px}
.plat_list {width:100%; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: left; }
.plat_list li{width:25%; position:relative; padding:0 2px; overflow:hidden; margin-bottom:4px}
.plat_list li .item-img{width:100%; position:relative; overflow:hidden; border:1px solid #ddd; display:block; height:200px; padding:0; z-index:98}
.plat_list li .item-img .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:none}
.plat_list li .item-img .img img{display:block; max-width:85%; max-height:85%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; transition:all 0.3s ease-out;}
.plat_list li .item-font{position:absolute; bottom:-50px; left:0px; background:rgba(0, 0, 0, .6); line-height:50px; font-size:14px; color:#fff; opacity:1; width:100%; text-align:center; transition:all 0.4s ease-out; z-index:99}
.plat_list li:hover .item-font{bottom:0px;}

.plat_box{width:100%; overflow:hidden; text-align:center;}
.plat_box h3{ display:block; text-align:center; font-size:20px; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px}

.contact_box{width:100%; overflow:hidden; margin-bottom:30px}
.contact_box .img{width:50%; float:right}
.contact_box .wz{width:45%; float:left; color:#000}
.contact_box .wz li{width:50%; float:left; margin-bottom:40px}
.contact_box .wz li i{font-size:40px; color:#222; margin-right:10px}
.contact_box .wz a{color:#333;}


.job_box{width:100%; overflow:hidden;}
.job_list{ width:65%; float:left}
.job_list li{ margin:10px 0 20px}
.job_list li h2{ font-size:18px; font-weight:bold; margin-bottom:10px}
.job_list li .font { padding-left:2%}
.job_list li .font p{ font-size:14px; line-height:30px}

.job_box .right{padding:2.5%; width:35%; line-height:2;font-size:16px;color:#5b5a5a;background-color:#f3f3f3; float:right}
.job_box .right dt{line-height:1;font-weight:bold;font-size:24px;color:#000000;margin-bottom:20px;}
.job_box .right dd.js{ margin-bottom:10px}
.job_box .right dd{line-height: 2; font-size:16px; color:#333;}
.job_box .right dd a{font-size:16px; color:#333;}

@media (max-width:1280px) {
.case_list li{height:200px;}
.job_box .right dd{line-height:30px; font-size:14px;}
.job_box .right dd a{font-size:14px;}
}
@media (max-width:1024px) {
.case_list li,.plat_list li{width:33.333%;}
.contact_box{margin-bottom:10px;}
.contact_box .img,.job_list,.job_box .right{width:100%;}
.contact_box .wz{width:100%; margin-top:20px}

.case_list li.item02{ display:none}
}
@media (max-width:992px) {
.aboutus_box .wz p{ font-size:14px; line-height:30px}

}
@media (max-width:780px) {
.case_list li{height:180px;}
}
@media (max-width:580px) {
.aboutus_box{display:block; margin-bottom:10px}
.aboutus_box .img{width:100%;}
.aboutus_box .img img{ max-width:150px}
.aboutus_box .wz{width:100%; margin-top:10px}

.case_list li{width:50%; height:160px;}
.plat_list li{width:50%;}

.contact_box .wz{margin-top:0px;}

.plat_list02{ margin-bottom:20px}

}
@media (max-width:430px) {
.nyAbFactory_main .swiper-slide p{ line-height:40px}	

.case_list li{width:100%; height:220px;}
.case_list li .item-font,.plat_list li .item-font{bottom:-40px; line-height:40px;}

.plat_list li{width:100%;}

.contact_box .wz li{width:100%; margin-bottom:20px}
.job_box .right{padding:4%;}
.job_box .right dt{font-size:20px; margin-bottom:10px;}

.ny_box_case .w1600{ width:100%}
.case_list li{border: 2px solid #fff; border-left:none; border-right:none;}
}