.pro{height:1100px;width:1400px;}
.index-design__items{margin-right:-15px;margin-left:-15px;}
.content-view {width: 100%;}
.content-view {background: #F6F6F6;margin-bottom: 60px;height: 700px;width: 100%;}
.content-view .view {height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;display: -moz-flex;/* Firefox 18+ */}
.content-view .view .l {width:24%;height: 100%;background:#ce575e;box-sizing: border-box;padding: 108px 3% 80px;background-repeat: no-repeat;background-position: top left;}
.content-view .view .l>p {font-size: 54px;color: #FFFFFF;letter-spacing: 3.24px;text-align: center;font-family: PingFangSC-Medium;}
.content-view .view .l .desc {margin-top: 50px;text-align: center;}
.content-view .view .l .desc p {font-size: 16px;color: #FFFFFF;letter-spacing: 0;}
.content-view .view .l .desc p:nth-child(2) {margin-top: 13px;}
.content-view .view .l .button a {display: block;margin-top: 80px;background: #FFFFFF;border-radius: 2px;width: 144px;height: 38px;text-align: center;line-height: 38px;font-size: 18px;color: #FF1240;letter-spacing: 0;text-decoration: none;font-weight: bold;font-family: PingFangSC-Semibold;margin:0px auto;}
.content-view .view .l .bottom {margin-top: 28px;cursor: pointer;}
.content-view .view .l .bottom a {font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-decoration: underline;text-align: center;display: block;}
.content-view .view .l .bottom a:nth-child(2) {margin-top: 14px;}
.content-view .view .r {flex: 1;height: 100%;box-sizing: border-box;padding: 29px 0 0 3%;width:57%;}
.content-view .view .r .title div {display: inline-block;font-size: 28px;color: #444444;letter-spacing: 0;padding-bottom: 14px;border-bottom: 3px solid #FF1240;font-family: PingFangSC-Medium;}
.content-view .view .r .desc {font-family: PingFangSC-Light;font-size: 34px;color: #444444;letter-spacing: 0;margin-top: 14px;}
.content-view .view .r .desc-view {/*margin-top: 20px;display: flex;align-items: center;justify-content: space-between;*/}
.content-view:nth-child(2) .l {padding-top: 40px;text-align: center;}
.content-view:nth-child(2) .l .desc {margin-top: 30px;}
.content-view:nth-child(2) .view .l .desc p:nth-child(2) {margin-top: 5px;}
.content-view:nth-child(2) .view .l .button a {margin-top: 30px;}
.content-view:nth-child(2) .view .l .bottom {margin-top: 20px;}
.content-view:nth-child(2) .view .l .bottom a:nth-child(2) {margin-top: 5px;}
.content-view.center-6 .l,.content-view.center-7 .l {padding-top: 70px;text-align: center;}
.content-view.center-6 .l .desc,.content-view.center-7 .l .desc {margin-top: 30px;}
.content-view.center-6 .view .l .desc p:nth-child(2),.content-view.center-7 .view .l .desc p:nth-child(2) {margin-top: 5px;}
.content-view.center-6 .view .l .button a,.content-view.center-7 .view .l .button a {margin-top: 30px;}
.content-view.center-6 .view .l .bottom,.content-view.center-7 .view .l .bottom {margin-top: 20px;}
.content-view.center-6 .view .l .bottom a:nth-child(2),.content-view.center- .view .l .bottom a:nth-child(2) {margin-top: 5px;}
.content-view .desc-view .left {width:21%;height: 260px;background: #FFFFFF;padding: 24px 30px 0 30px;position: relative;}
.content-view .desc-view .left>p {font-weight: 600;font-size: 20px;color: #444444;letter-spacing: 0;ont-family: PingFangSC-Medium;}
.content-view .desc-view .left .list {margin-top: 12px;}
.content-view .desc-view .left .list>li {font-size: 14px;color: #444444;letter-spacing: 0;line-height: 30px;overflow: hidden;width: 98%;white-space: nowrap;text-overflow: ellipsis;}
.content-view .desc-view .left a {position: absolute;right: 20px;bottom: 20px;background: #EEEEEE;border-radius: 2px;display: flex;align-items: center;justify-content: center;font-family: PingFangSC-Regular;font-size: 12px;color: #999999;letter-spacing: 0;text-align: justify;width: 70px;height: 25px;margin-top: 10px;cursor: pointer;}
.content-view .desc-view .right {width:73%;height: 260px;background-color: #fff;padding: 24px 100px 0 30px;box-sizing: border-box;position: relative;}
.content-view .desc-view .right a {position: absolute;right: 20px;bottom: 20px;background: #EEEEEE;border-radius: 2px;display: flex;align-items: center;justify-content: center;font-family: PingFangSC-Regular;font-size: 12px;color: #999999;letter-spacing: 0;text-align: justify;width: 70px;height: 25px;margin-top: 10px;cursor: pointer;}
.content-view .desc-view .right>p {font-size: 20px;color: #444444;letter-spacing: 0;font-weight: 600;}
.content-view .desc-view .right .box {margin-top: 12px;display: flex;justify-content: space-between;}
.content-view .desc-view .right .box ul {flex: 1;/* margin-right: 10px; */width: 16%;}
.content-view .desc-view .right .box ul p {line-height: 30px;font-size: 14px;color: #807e7e;letter-spacing: 0;}
.content-view .desc-view .right .box ul li {line-height: 30px;font-size: 14px;color: #afacac;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 98%;}
.content-view .bottom-box {margin-top: 33px;clear:both;}
.content-view .bottom-box .title {display: flex;justify-content: space-between;align-items: center;padding-left: 30px;box-sizing: border-box;}
.content-view .bottom-box .title span:nth-child(1) {font-size: 20px;color: #444444;font-weight: 600;font-family: PingFangSC-Medium;}
.content-view .bottom-box .title a:nth-child(2) {font-size: 14px;color: #444444;float: right;text-decoration: none;}
.content-view .bottom-box .title a:nth-child(2):hover {color: #FF1240;}
.content-view .bottom-box .title a:nth-child(2) img {height: 7px;margin-left: 3px;float: right;margin-top: 6px;}
.content-view .bottom-box>ul {margin-top: 15px;display: flex;justify-content: flex-start;}
.content-view .bottom-box>ul>li {width: 210px;margin-right: 12px;display: flex;align-items: center;}
.content-view .bottom-box>ul>li a {text-decoration: none;width: 100%;}
.content-view .bottom-box>ul .lis-more {width: 120px;height: 157.5px;background: #ffffff;margin-right: 0px;}
.content-view .bottom-box>ul .lis-more a {width: 100%;height: 100%;font-family: PingFangSC-Regular;font-size: 18px;color: #666666;letter-spacing: 0;display: flex;align-items: center;justify-content: center;}
.content-view .bottom-box>ul>li .img-main {width: 210px;height: 157.5px;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;background: url("") no-repeat center center;background-size: 100px 100px;}
.content-view .bottom-box>ul>li .img-main .play {width: 76px;height: 76px;background: url() no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;margin-left: -38px;margin-top: -38px;}
.content-view .bottom-box>ul>li img {width: 210px;height: 157.5px;object-fit: cover;}
.content-view .bottom-box>ul>li img:hover {transform: scale(1.1);}
.content-view .bottom-box>ul>li p {font-size: 20px;color: #444444;letter-spacing: 0;margin-top: 12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}