.content .content-title { font-family: Microsoft YaHei; margin-top: 60px; font-size: 36px; color: #4A4A4A; text-align: center; } .content .content-desc { font-family: Microsoft YaHei; font-size: 14px; color: #4A4A4A; line-height: 24px; margin-left:auto; margin-right: auto; margin-top: 40px; padding-bottom: 81px; width: 1100px; } .content .mg-b-30 { padding-bottom: 30px; } .content .multiple-supply-chain-network{ width:1100px; height: 640px; margin-left: auto; margin-right: auto; margin-bottom: 80px; } .content .multiple-supply-chain-network img{ width:1100px; height: 640px; } .multiple-service-project .project-title{ font-family: Microsoft YaHei; font-size: 36px; color: #4A4A4A; text-align: center; } .multiple-service-project { padding-top:40px; padding-bottom: 60px; } .multiple-service-project .project-1{ width:1100px; height:500px; margin-top:44px; position: relative; margin-left:auto; margin-right: auto; } .multiple-service-project .project-1 .project-header { width:100%; position: absolute; top:0; height:140px; background: rgba(0,0,0,0.60); } .multiple-service-project .project-1 .project-header-item { position: relative; float:left; background:transparent; width:274px; height: 140px ; border-left:1px solid #303334; } .multiple-service-project .project-header-item-fix i { position: absolute; left: 0; top: 100%; border-top: 30px solid #FF001F; border-top: 30px solid rgba(255,0,31,0.80); border-left: 137px solid transparent; border-right: 137px solid transparent; display: none; } .multiple-service-project .project-1 .project-header-item.active{ background: #FF001F; background: rgba(255,0,31,0.80); } .multiple-service-project .project-1 .project-header-item.active i { display: block; } .project-1 .project-header-item .item-img { margin-top: 28px; width: 50px; height:50px; background-position: center; background-repeat: no-repeat; margin-left:auto; margin-right: auto; } .project-1 .project-header-item .item-text { margin-top:10px; text-align: center; font-size: 18px; color: #FFFFFF; } .multiple-service-project .project-1 .project-content{ width:1100px; height:500px; background-repeat: no-repeat; overflow: hidden; font-family: Microsoft YaHei; font-size: 14px; color: #FFFFFF; display:none; } .multiple-service-project .project-1 .project-content-1 { background-image:url("../images/multiple-supply-service-1-1.jpg"); display:block; } .multiple-service-project .project-1 .content-desc-1{ padding-top:200px; margin-left:auto; margin-right:auto; width: 988px; } .multiple-service-project .project-1 .content-desc-line { margin-top:30px; height: 1px; background: #787878; margin-left:auto; margin-right:auto; width: 988px; } .multiple-service-project .project-1 .ul { margin-left:auto; margin-right:auto; width: 988px; height: 90px; overflow: hidden; } .multiple-service-project .project-1 .li { float: left; font-size: 14px; color: #FFFFFF; line-height: 24px; margin-top: 20px; width:320px; } .multiple-service-project .project-1 .project-content-2 { background-image:url("../images/multiple-supply-service-1-2.jpg"); } .multiple-service-project .project-1 .content-flow { margin-top:10px; margin-left:auto; margin-right:auto; } .multiple-service-project .project-1 .project-content-3 { background-image:url("../images/multiple-supply-service-1-3.jpg"); } .multiple-service-project .project-1 .project-content-4 { background-image:url("../images/multiple-supply-service-1-4.jpg"); } .multiple-service-project .project-2{ width:1100px; height:480px; margin-top:44px; position: relative; margin-left:auto; margin-right: auto; } .multiple-service-project .project-2 .project-header { position: absolute; top: 0; width:260px; height:480px; /* overflow: hidden; */ background: rgba(0,0,0,0.40); } .project-2 .project-header .project-header-item { height: 119px; width:100%; border-bottom:1px solid #303334; } .project-2 .project-header .active{ background: #FF001F; background: rgba(255,0,31,0.80); } .project-2 .project-header-item .item-img { padding-top:20px; width: 50px; height:50px; background-position: center; background-repeat: no-repeat; margin-left:auto; margin-right: auto; } .project-2 .project-header-item .item-text { margin-top: 2px; text-align: center; font-size: 14px; color: #FFFFFF; } .multiple-service-project .project-2 .project-content{ width:1100px; height:480px; background-repeat: no-repeat; overflow: hidden; font-family: Microsoft YaHei; font-size: 14px; color: #FFFFFF; display: none; } .multiple-service-project .project-2 .project-content-1 { background-image: url(../images/multiple-supply-service-2-1.jpg); display: block; } .multiple-service-project .project-2 .project-content-2 { background-image: url(../images/multiple-supply-service-2-3.jpg); } .multiple-service-project .project-2 .project-content-3 { background-image: url(../images/multiple-supply-service-2-2.jpg); } .multiple-service-project .project-2 .project-content-4 { background-image: url(../images/multiple-supply-service-2-4.jpg); } .project-header-fix .project-header-item { position: relative; } .project-header-fix i { position: absolute; left: 100%; top: 0; z-index: 9; border-left: 15px solid #FF001F; border-left: 15px solid rgba(255,0,31,0.80); border-top: 60px solid transparent; border-bottom: 60px solid transparent; display: none; } .project-header-fix .project-header-item.active i {display: block;} .project-2 .content-desc-title { margin-left:336px; margin-top: 60px; font-family: Microsoft YaHei; font-size: 24px; color: #FFFFFF; } .project-2 .content-desc-2 { margin-left:336px; margin-top: 20px; width: 652px; font-family: Microsoft YaHei; font-size: 14px; color: #FFFFFF; line-height: 24px; } .project-2 .content-desc-line { width: 652px; margin-left:336px; margin-top:30px; height: 1px; background-color: #A5AAAB; } .project-2 .content-imgs{ margin-top:30px; margin-left:336px; } .project-2 .content-imgs .content-img-1 { float: left; width: 206px; height: 137px; overflow: hidden; margin-right: 20px; background-repeat: no-repeat; background-position: center; } .content .content-badges { margin:0 auto 40px; width:1100px; } .content-badges .content-badge { margin-left:10px; margin-right:10px; /*width: 100px;*/ width:160px; margin-bottom:46px; float:left; } .content-badges .content-badge img{ width: 100px; display: block; margin: 0 auto; height: 60px; } .content-badges .content-badge .badge-name { font-family: Microsoft YaHei; font-size: 14px; color: #9B9B9B; text-align: center; line-height: 24px; margin-top:10px; }