.download_btn_fixed { position: fixed; width: 107px; right: 0; bottom: 0; } .download_btn_fixed img { width: 100%; } .header { height: 858px; background: linear-gradient(135deg, #E8EFFF 0%, #E8EFFE 28%, #E2E8FA 74%); } .header_content { background: url("//cdn-ali-file-shfront.shanhutech.cn/web/winyou/images/images-newDll/bg-70f8e94d8f.png") no-repeat; background-size: cover; width: 1920px; margin: 0 auto; height: 100%; position: relative; } .header .logo { position: absolute; top: 30px; left: 320px; } .header .logo img { width: 220px; height: 47px; } .header .content { position: absolute; left: 320px; top: 180px; } .header .content .title { font-weight: bold; font-size: 64px; color: #000000; } .header .content .title span { color: #0189FE; } .header .content .doc { font-size: 28px; color: #333333; margin-top: 20px; line-height: 48px; } .header .content .download_btn { width: 406px; height: 147px; display: inline-block; margin-top: 67px; } .header .content .download_btn img { width: 100%; height: 100%; -o-object-fit: none; object-fit: none; -o-object-position: left; object-position: left; } .header .content .download_btn:hover img { -o-object-position: right; object-position: right; } .header .content .tips { font-size: 20px; color: #707070; margin-top: 78px; } .header .content .tips p { line-height: 26px; } .header .content .tips p span { margin-left: 27px; } .header .content .tips p + p { margin-top: 21px; } main .title { display: block; width: 492px; margin: 52px auto 0; } main .content_1 { overflow: hidden; height: 1246px; background: #FFFFFF; text-align: center; } main .content_1 .fun_list { padding-top: 73px; } main .content_1 .fun_list li { display: inline-block; } main .content_1 .fun_list li:nth-child(2) { margin-left: 99px; } main .content_1 .fun_list li:nth-child(3) { margin-left: 83px; } main .content_1 .fun_list li:nth-child(4) { margin-left: 118px; } main .content_1 .fun_list li p { font-size: 20px; color: #999999; margin-top: 13px; line-height: 26px; } main .content_1 .fun_list li .title_text { margin-top: 32px; font-size: 28px; color: #333333; line-height: 37px; } main .content_1 .content_img { width: 1156px; margin-top: 53px; } main .content_2 { width: 100%; max-width: 1920px; margin: 0 auto; display: block; } main .content_3 { overflow: hidden; text-align: center; padding-bottom: 70px; } main .content_3 .title { width: 844px; margin-top: 60px; } main .content_3 p { font-weight: bold; font-size: 30px; color: #333333; margin-top: 26px; } main .content_3 p img { width: 60px; margin-right: 15px; } main .content_3 .content_video { width: 1130px; height: 710px; margin-top: 40px; } .content_4 { overflow: hidden; background: #EFF3FF; } .content_4 .title { display: block; margin: 52px auto 0; width: 228px; } .content_4 .comment { margin-top: 90px; } .content_4 .comment .carousel-box { margin: 0 auto 0; width: 1074px; position: relative; } .content_4 .comment .carousel-box .comment_list { width: 3312px; } .content_4 .comment .carousel-box .left { position: absolute; top: 180px; left: -70px; width: 21px; height: 36px; cursor: pointer; z-index: 99; } .content_4 .comment .carousel-box .left img { width: 100%; height: 100%; -o-object-fit: none; object-fit: none; -o-object-position: left; object-position: left; } .content_4 .comment .carousel-box .left:hover img { -o-object-position: right; object-position: right; } .content_4 .comment .carousel-box .right { position: absolute; top: 180px; right: -70px; width: 21px; height: 36px; cursor: pointer; z-index: 99; } .content_4 .comment .carousel-box .right img { width: 100%; height: 100%; -o-object-fit: none; object-fit: none; -o-object-position: left; object-position: left; } .content_4 .comment .carousel-box .right:hover img { -o-object-position: right; object-position: right; } .content_4 .comment_card { float: left; width: 522px; margin-right: 30px; } .content_4 .download_btn { display: block; width: 432px; height: 90px; margin: 70px auto 0; } .content_4 .download_btn img { width: 100%; height: 100%; -o-object-fit: none; object-fit: none; -o-object-position: left; object-position: left; } .content_4 .download_btn:hover img { -o-object-position: right; object-position: right; } .content_4 .copyright { font-size: 12px; color: #333333; text-align: center; padding: 80px 0 70px; } .content_4 .copyright p + p { margin-top: 10px; }