h1, h2, h3 { font-weight: normal; } #xc_banner { height: 340px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_02.png") no-repeat center center; background-size: cover; } #xc_banner .left { width: 538px; float: left; padding-left: 76px; padding-top: 60px; text-align: center; box-sizing: border-box; } #xc_banner .left h1 { line-height: 56px; font-size: 32px; color: #fff; font-weight: 300; } #xc_banner .left h2 { font-size: 40px; line-height: 68px; margin-bottom: 24px; color: #fff; font-weight: 300; } #xc_banner .left .banner-now-btn { width: 140px; height: 44px; border: solid 1px #fff; text-align: center; margin: 0 auto; display: block; line-height: 44px; color: #fff; font-size: 22px; border-radius: 4px; } #xc_banner .right { width: 660px; height: 340px; float: left; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_03.png") no-repeat center center; background-size: contain; } .h1-title { display: inline-block; background: #fff; z-index: 2; position: relative; padding-left: 20px; padding-right: 20px; text-align: center; font-weight: 400; font-size: 32px; padding-top: 50px; padding-bottom: 50px; } .sc-border { position: absolute; width: 1200px; height: 1px; left: 0px; top: 72px; border-top: 1px solid #e4e4e4; color: red; z-index: 1; } #section1 .content { width: 598px; height: 240px; margin: 0 auto; margin-bottom: 40px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_05.png") no-repeat center center; background-size: contain; position: relative; margin-top: 30px; } #section1 .content .p1, #section1 .content .p2, #section1 .content .p3, #section1 .content .p4 { position: absolute; font-size: 14px; color: #808080; line-height: 24px; width: 200px; height: 50px; z-index: 1000; } #section1 .content .p1 { left: -194px; top: 86px; } #section1 .content .p2 { left: 0; top: -20px; } #section1 .content .p3 { right: -36px; top: -20px; } #section1 .content .p4 { right: -190px; top: 80px; } #section2 { overflow: hidden; background: #f9f9f9; } #section2 .h1-title { background: #F9F9F9; } #section2 .left { width: 698px; height: 414px; float: left; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_09.png") no-repeat center center; background-size: contain; } #section2 .right { width: 392px; height: 403px; float: right; margin-bottom: 50px; } #section2 .right h3 { line-height: 82px; font-size: 28px; color: #666; text-align: left; } #section2 .right p { line-height: 24px; color: #666; font-size: 16px; margin-bottom: 20px; } #section2 .right .price { font-size: 24px; color: #e2383a; margin-bottom: 16px; } #section2 .right .price span { font-size: 32px; color: #e2383a; } #section2 .right .buy-btn { display: block; width: 160px; height: 48px; text-align: center; line-height: 48px; color: #fff; background: #e2383a; border-radius: 4px; font-size: 24px; } #section3 { background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_13.png") no-repeat center center; background-size: cover; height: 360px; } #section3 .title::after, #section3 .title::before { content: ""; position: absolute; width: 39%; top: 50%; height: 1px; border-top: 1px solid #e4e4e4; } #section3 .title::before { left: 0; } #section3 .title::after { right: 0; } #section3 .h1-title { color: #fff; background: transparent; } #section3 .content { overflow: hidden; } #section3 .content .li { width: 200px; height: 146px; float: left; box-sizing: border-box; border-radius: 5px; } #section3 .content .li .icon { display: block; margin: 0 auto; width: 36px; height: 36px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_14.png") no-repeat center center; text-align: center; line-height: 36px; margin-bottom: -16px; position: relative; color: #fff; } #section3 .content .li .process { width: 200px; height: 126px; background: #fff; border-radius: 5px; overflow: hidden; padding-top: 32px; box-sizing: border-box; } #section3 .content .li .process h3 { line-height: 48px; font-size: 24px; color: #4c4c4c; text-align: center; } #section3 .content .li .process .zixun { height: 24px; font-size: 14px; text-align: center; line-height: 24px; display: block; margin: 0 auto; } #section3 .content .li .process a.zixun { width: 92px; color: #358af8; border-radius: 25px; border: solid 1px #358af8; } #section3 .content .li .process a.zixun:hover { background: #358af8; color: #fff; } #section3 .content .span { width: 20px; margin-left: 15px; margin-right: 15px; height: 20px; margin-top: 72px; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_12.png") no-repeat center center; background-size: contain; float: left; } #section4 { height: 777px; background: #fff; } #section4 .content .li { width: 272px; height: 573px; float: left; margin-right: 36px; } #section4 .content .li:first-child { background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_17.png") no-repeat center center; background-size: cover; } #section4 .content .li:nth-child(2) { background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_19.png") no-repeat center center; background-size: cover; } #section4 .content .li:nth-child(3) { background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_21.png") no-repeat center center; background-size: cover; } #section4 .content .li.last { margin-right: 0; background: url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/xcx_jieshao_23.png") no-repeat center center; background-size: cover; } #section5 { background: #f5f5f5; overflow: hidden; } #section5 .h1-title { background: #f5f5f5; } #section5 .content { height: 210px; background: #fff; padding-top: 32px; box-sizing: border-box; padding-bottom: 12px; margin-bottom: 40px; } #section5 .content ul { float: left; width: 50%; box-sizing: border-box; height: auto; border-right: dashed 1px #e0e0e0; padding-left: 60px; } #section5 .content ul li { line-height: 32px; margin-bottom: 8px; } #section5 .content ul li a { font-size: 14px; color: #666; } #section5 .content ul li a:hover { color: #E2383A; } #section5 .look-btn { width: 120px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; border-radius: 4px; text-align: center; margin: 0 auto; margin-bottom: 36px; display: block; background: #E2383A; }