.case .cate{height: 715px;background: url(../image/fff6c84a0b.png) no-repeat center center;text-align: center;background-size: cover;}
.case .cate .copy{background: url(../image/case_cate_kuang.png) no-repeat center center;width: 250px;height: 445px;text-align: center;display: inline-block;margin:135px 46.5px;transition:all 0.5s;cursor:pointer;background-size: contain;vertical-align: top;}
.case .cate .copy .name_cn{font-size: 20px;line-height: 22px;font-family: "Source Han Sans CN";font-weight: bold;color: #fff;transition:all 0.5s;padding-top: 24px;}
.case .cate .copy .name_en{font-size: 14px;line-height: 22px;font-family: "Verdana";color: #f2efef;padding-top: 11px;transition:all 0.5s;}
.case .cate .copy .line{width: calc( 100% + 5px );margin-left: -2.5px;height: 1px;background: #fff;margin-top: 28px;transition:all 0.5s;}
.case .cate .copy .img{height: 88px;padding-top: 97px;}
.case .cate .copy:hover,.case .cate .copy.on{background: #fbfafa;}
.case .cate .copy:hover .name_cn,.case .cate .copy.on .name_cn{color: #e60012;}
.case .cate .copy:hover .name_en,.case .cate .copy.on .name_en{color: #aaaaaa;}
.case .cate .copy:hover .line,.case .cate .copy.on .line{width: calc( 100% - 42px );margin-left: 21px;background: #e0dfdf;}

.style1{padding: 93px 50px 78px;background: #fbfbfb;}
.style1 .list{padding-bottom: 70px;}
.style1 .list .copy{width: 50%;float: left;}
.style1 .list .copy .words,.style1 .list .copy .img.big{height: 16.77vw;width: 50%;float: left;}
.style1 .list .copy .words{background: #fff;padding: 0 2vw;transition:all 0.5s;width: calc( 50% - 4vw );}
.style1 .list .copy .words .time{font-family:"Source Han Sans CN";font-size: 30px;line-height: 22px;color: #aaaaaa;padding-top: 3.85vw;transition:all 0.5s;}
.style1 .list .copy .words .title{font-family:"Source Han Sans CN";font-size: 18px;line-height: 25px;color: #111111;padding-top: 1.65vw;transition:all 0.5s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.style1 .list .copy .words .title a{color: #111111;transition:all 0.5s;}
.style1 .list .copy .words .desc{font-family:"Source Han Sans CN";font-size: 14px;line-height: 25px;color: #999999;padding-top: 1.15vw;transition:all 0.5s;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.style1 .list .copy .words .more{padding-top: 62px;opacity: 0;}
.style1 .list .copy .words .more .tag{width: auto;height: 22px;border: 1px solid rgba(255,255,255,0.4);border-radius: 2px;font-family:"Source Han Sans CN";font-size: 14px;line-height: 22px;color: #f19598;display: inline-block;vertical-align: middle;text-align: center;padding: 0 19px;}
.style1 .list .copy .words .more .go.img{display: inline-block;vertical-align: middle;width: 34px;height: 18px;float: right;padding-top: 2px;display: none;}
.style1 .list .copy .img.big{position: relative;}
.style1 .list .copy .img.big .bg{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);left: 0;top: 0;display: inline-block;}
.style1 .list .copy .img.big .bg .border{border: 0px solid #fff;width: 0;height: 0;transition:all 0.5s;margin: 50%;}
.style1 .list .copy:hover .words{background: #c71523;}
.style1 .list .copy:hover .words .time{color: #f19598;padding-top: 2.85vw;}
.style1 .list .copy:hover .words .title{color: #fff;}
.style1 .list .copy:hover .words .title a{color: #fff;}
.style1 .list .copy:hover .words .desc{color: #f19598;}
.style1 .list .copy:hover .words .more{opacity: 1;}
.style1 .list .copy:hover .img.big .bg{background: rgba(0,0,0,0.1);}
.style1 .list .copy:hover .img.big .bg .border{border: 1px solid #fff;width: calc( 100% - 40px );height: calc( 100% - 40px );margin: 20px;}

.style2{background: #fbfbfb;width: 100%;text-align: center;padding-bottom: 10px;}
.style2 .list{border-bottom: 1px solid #e7e7e7;}
.style2 .list .copy{padding: 93px 0;}
.style2 .list .copy .img{float: left;position: relative;overflow: hidden;}
.style2 .list .copy .img img{transition:all 0.5s;}
.style2 .list .copy .img .tag{background: url(../image/case_list2_tag.png) no-repeat center center;width: 31px;height: 46px;position: absolute;top: calc( 50% - 23px );right: 0;transform:rotate(180deg);}
.style2 .list .copy .words{float: right;width: 760px;text-align: center;padding: 0 calc( (50% - 760px)/5*4 ) 0 calc( (50% - 760px)/5 );}
.style2 .list .copy:nth-child(2n) .img{float: right;}
.style2 .list .copy:nth-child(2n) .img .tag{right: auto;left: 0;transform:rotate(0deg);}
.style2 .list .copy:nth-child(2n) .words{float: left;padding: 0 calc( (50% - 760px)/5 ) 0 calc( (50% - 760px)/5*4 );}
.style2 .list .copy .words .time{font-size: 42px;line-height: 22px;color: #333333;font-family: "Source Han Sans CN";padding-top: 2.25vw;}
.style2 .list .copy .words .year{font-size: 20px;line-height: 22px;color: #666666;font-family: "Source Han Sans CN";padding-top: 1vw;}
.style2 .list .copy .words .title{font-size: 28px;line-height: 22px;color: #111111;font-family: "Source Han Sans CN";padding-top: 2.2vw;}
.style2 .list .copy .words .title a{color: #111111;transition:all 0.5s;}
.style2 .list .copy .words .line{width: 46px;height: 2px;background: #cccccc;margin: 2.2vw auto 0;}
.style2 .list .copy .words .desc{font-size: 14px;line-height: 26px;color: #666666;font-family: "Source Han Sans CN";padding-top: 1.2vw;}
.style2 .list .copy .words .more{display: inline-block;font-size: 16px;line-height: 47px;color: #ffffff;font-family: "Source Han Sans CN";background: url(../image/case_list2_go.png) #e50012 no-repeat 88% center;height: 47px;margin-top: 5.2vw;padding: 0 55px 0 22px;margin-left: 8px;}
.style2 .list .copy .words .more{background: linear-gradient(to left, #e50012 50%, #111111 50%);background-position: right bottom;background-size: 200% 100%;transition: all 0.5s ease;position: relative;}
.style2 .list .copy .words .more img{position: absolute;right: 12%;top: 17px;}
.style2 .list .copy .words .more:hover{background-position: left bottom;}
.style2 .click_more{width: 128px;height: 199px;margin: 70px auto 60px;cursor: pointer;}
.style2 .list .copy:hover{background: #fff;box-shadow: 0 0 20px #ccc;}
.style2 .list .copy:hover .img img{transform:scale(1.05);}
.style2 .list .copy:hover .words .title a{color: #e50012;}

@media screen and (max-width: 1835px) {
	.style1 .list .copy .words .time{padding-top: 3vw;}
	.style1 .list .copy:hover .words .time{padding-top: 2vw;}
	.style1 .list .copy .words .title{padding-top: 1.25vw;}
	.style1 .list .copy .words .desc{padding-top: 1vw;}
	.style1 .list .copy .words .more{padding-top: 35px;}
	.case .cate{height: 628px;}
	.case .cate .copy{margin: 91px 46.5px;}
	.style2 .list .copy .img{width: 50%;}
	.style2 .list .copy .words{width: calc( 50% - 100px );padding: 0 80px 0 20px;}
	.style2 .list .copy:nth-child(2n) .words{padding: 0 20px 0 80px;}
}
@media screen and (max-width: 1700px) {
	.style1 .list .copy .words .title{padding-top: 1vw;}
	.style1 .list .copy .words .desc{padding-top: 0.8vw;-webkit-line-clamp: 3;}
	.style1 .list .copy .words .more{padding-top: 30px;}
	.style1{padding: 70px 50px;}
	.case .cate{height: 600px;}
	.case .cate .copy{margin: 91px 46.5px;width: 234px;height: 418px;}
	.style2 .list .copy{padding: 80px 0;}
}
@media screen and (max-width: 1620px) {
	.style1{padding: 50px 30px;}
	.style1 .list{padding-bottom: 50px;}
	.style1 .list .copy .words .time{font-size: 24px;padding-top: 2vw;}
	.style1 .list .copy:hover .words .time{padding-top: 1vw;}
	.style1 .list .copy .words .title{font-size: 16px;padding-top: 0.5vw;}
	.style1 .list .copy .words .desc{font-size: 13px;padding-top: 0.5vw;}
	.style1 .list .copy .words .more{padding-top: 25px;}
	.case .cate{height: 540px;}
	.case .cate .copy{margin:60px 40px;}
	.style2 .list .copy{padding: 70px 0;}
	.style2 .click_more{width: 118px;height: 183px;margin: 60px auto;}
}
@media screen and (max-width: 1460px) {
	/*.style1 .list .copy .words .desc{overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}*/
	.style1 .list .copy .words .more .go.img img{height: 13px;}
	.case .cate{height: 450px;}
	.case .cate .copy{margin:40px 25px;height: 370px;width: 210px;}
	.case .cate .copy .img{height: 65px;padding-top: 75px;}
	.case .cate .copy .name_en{font-size: 12px;}
	.case .cate .copy .name_cn{font-size: 18px;}
	.style2 .list .copy{padding: 60px 0;}
	.style2 .list .copy .words .time{padding-top: 0;}
	.style2 .list .copy .words .more{margin-top: 20px;}
	.style2 .list .copy{padding: 50px 0;}
	.style2 .click_more{margin: 50px auto;}
}
@media screen and (max-width: 1220px) {
	.style1{padding: 25px 20px;}
	.style1 .list{padding-bottom: 25px;}
	.style1 .list .copy .words .time{font-size: 18px;padding-top: 30px;}
	.style1 .list .copy:hover .words .time{padding-top: 20px;}
	.style1 .list .copy .words .title{line-height: 20px;padding-top: 5px;}
	.style1 .list .copy .words .desc{line-height: 18px;}
	.style1 .list .copy .words .more{padding-top: 15px;}
	.case .cate{height: 375px;}
	.case .cate .copy{margin:20px 10px;height: 335px;width: 190px;}
	.case .cate .copy .img{height: 60px;padding-top: 60px;}
	.style2 .list .copy{padding: 40px 0;}
	.style2 .list .copy .words .time{font-size: 30px;}
	.style2 .list .copy .words .year{padding-top: 10px;}
	.style2 .list .copy .words .title{font-size: 26px;padding-top: 20px;}
	.style2 .list .copy .words .line{margin-top: 20px;}
	.style2 .list .copy .words .desc{line-height: 22px;}
	.style2 .list .copy .words .more{font-size: 14px;height: 35px;line-height: 35px;padding: 0 45px 0 12px;}
	.style2 .list .copy .words .more img{top: 12px;}
	.style2 .click_more{width: 90px;height: 140px;margin: 40px auto;}
}
@media screen and (max-width: 1020px) {
	.style1{padding: 20px;}
	.style1 .list{padding-bottom: 20px;}
	.style1 .list .copy .words .time{font-size: 16px;padding-top: 15px;}
	.style1 .list .copy:hover .words .time{padding-top: 5px;}
	.style1 .list .copy .words .title{font-size: 14px;line-height: 18px;padding-top: 5px;}
	.style1 .list .copy .words .desc{line-height: 16px;font-family:"Source Han Sans CN";font-size: 12px;}
	.style1 .list .copy .words .more{padding-top: 10px;}
	.case .cate{height: 280px;}
	.case .cate .copy{margin:10px;height: 260px;width: 146px;}
	.case .cate .copy .img{height: 45px;padding-top: 40px;}
	.case .cate .copy .name_cn{font-size: 16px;}
	.case .cate .copy .name_en{line-height: 16px;}
	.style2 .list .copy .words .time{font-size: 24px;}
	.style2 .list .copy .words .year{padding-top: 5px;font-size: 18px;line-height: 20px;}
	.style2 .list .copy .words .title{font-size: 18px;padding-top: 10px;}
	.style2 .list .copy .words .line{margin-top: 10px;}
	.style2 .list .copy .words .desc{font-size: 13px;line-height: 17px;padding-top: 8px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 5;display: -webkit-box;}
	.style2 .list .copy .words .more{margin-top: 10px;}
	.style2 .list .copy{padding: 30px 0;}
}
@media screen and (max-width: 768px) {
	.style1{padding: 10px 8px;}
	.style1 .list{padding-bottom: 10px;}
	.style1 .list .copy{width: 100%;}
	.style1 .list .copy .words, .style1 .list .copy .img.big{height: 33vw;}
	.style1 .list .copy:nth-child(2n+1) .img.big{float: right;}
	.style1 .list .copy:nth-child(2n) .words{float: right;}
	.style1 .list .copy .words .time{font-size: 16px;padding-top: 8px;line-height: 18px;}
	.style1 .list .copy:hover .words .time{padding-top: 0px;}
	.style1 .list .copy .words .title{font-size: 14px;line-height: 18px;padding-top: 5px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;white-space:normal;}
	.style1 .list .copy .words .desc,.style1 .list .copy .words .more,.style1 .list .copy .words .more .go.img{display: none;}
	.style1 .list .copy:hover .img.big .bg .border{width: calc( 100% - 10px );height: calc( 100% - 10px );margin: 5px;}
	.case .cate{height: 171px;}
	.case .cate .copy{margin:5px;height: 161px;width: 90px;}
	.case .cate .copy .img{height: 25px;padding-top: 20px;}
	.case .cate .copy .line{margin-top: 8px;background: none!important;}
	.case .cate .copy .name_cn{font-size: 14px;line-height: 18px;padding-top: 8px;}
	.case .cate .copy .name_en{line-height: 16px;padding-top: 8px;}
	.style2 .list .copy{padding: 15px 0;}
	.style2 .list .copy .img{width: 100%;}
	.style2 .list .copy .words,.style2 .list .copy:nth-child(2n) .words{padding: 0 8px;width: calc( 100% - 16px );}
	.style2 .list .copy .img .tag{display: none;}
	.style2 .list .copy .words .time{font-size: 18px;padding-top: 5px;}
	.style2 .list .copy .words .year{font-size: 16px;padding-top: 0;}
	.style2 .list .copy .words .title{padding-top: 5px;}
	.style2 .list .copy .words .line{margin-top: 5px;}
	.style2 .list .copy .words .desc{font-size: 12px;line-height: 16px;padding-top: 5px;}
	.style2 .list .copy .words .more{margin-top: 8px;font-size: 12px;height: 30px;line-height: 30px;padding: 0 25px 0 12px;/*background-size: auto 10px;*/}
	.style2 .list .copy .words .more img{position: absolute;right: 12%;top: 11px;height: 10px;}
	.style2 .click_more{width: 65px;height: 101px;margin: 20px auto;}
}