ul, li {list-style: none;margin: 0px;padding: 0px;box-sizing: border-box;}
img {display: block;max-width: 100%;}

.boxes {margin-left: 15px;}
.boxes1 {position: relative;padding: 40px 0px;background: #f4f4f4;}
.boxes.f {background:#f4f4f4;}

.w1400 {margin: 0px auto;position: relative;float: left;}
.w1401 {width: 90%;max-width: 1400px;margin: 0px auto;position: relative;}

.transBg {background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .8) 100%);}

.hnBox {width:527px;background: center center no-repeat;background-size: cover;margin: 0px;}
.projectBox {padding-bottom: 50px;}
.projectBox .thum {height: 100%;position: relative;background: center center no-repeat;background-size: cover;}
.projectBox .name {font-weight: normal;position: absolute;left: 0%;bottom: 0px;height: 100px;text-align: center;color: #fff;width: 100%;font-size: 16px;line-height: 140px;}
.boxes.b5 {background:#f4f4f4; font-weight: normal;}
.boxes.b6 {height: 45vw;background: center center no-repeat;background-size: cover;color: #fff;text-align: center;padding: 100px 0px;}
.hnBox .swiper-pagination {position: absolute;width: auto;left: 10px;top: 10px;background: rgba(0, 0, 0, .5);padding: 0px 10px;height: 25px;display: flex;color: #fff;line-height: 25px;border-radius: 5px;}
.hnBox .pic {background: center center no-repeat;background-size: cover;width: 100%;height: 100%;}
.hnBox .name {width: 100%;height: 100px;position: absolute;left: 0px;bottom: 0px;color: #fff;font-size: 16px;}
.hnBox .name b {width: 100%;display: block;position: absolute;left: 0%;bottom: 20px;padding: 0px 20px;font-weight: normal;}
.hnBox .swiper-button-next, .hnBox .swiper-button-prev {width: 50px;height: 50px;background: rgba(255, 255, 255, .5);}
.hnBox .swiper-button-next:after, .hnBox .swiper-button-prev:after {font-size: 14px;color: #3e3e3e;}
.hnBox .swiper-button-next:hover, .hnBox .swiper-button-prev:hover {background: rgba(255, 255, 255, 1);}

.commonTitle {margin-bottom: 20px;}
.commonTitle .li{line-height: 52px;float: left;}
.commonTitle .cn {font-size:18px;font-weight:bold;border-bottom: 3px solid #794025;color: #794025;line-height: 52px;overflow: hidden;height: 55px;position: relative;max-width: 72px;}

@media screen and (max-width: 720px) {
.boxes.b6 {height: auto;}
.hnBox, .hnNav {width: 100%;}
.hnBox {height: 60vw;}
.b2bg {height: 100%;}
.boxes {padding:0px;}
.boxes.b3 {padding-top: 50px;}
.w1400.zn, .taskBox {flex-wrap: wrap;}
.w1400.zn .znThum {width: 100%;height: 45vw;background: center center no-repeat;background-size: cover;}
.w1400.zn .znInfo {width: 100%;padding: 25px 0px;}
}