.html-service { position: relative; box-sizing: border-box; } .html-service .top { padding-top: 130px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; } .html-service .top .left-h3 { font-size: 40px; line-height: 34px; color: #cc2239; font-weight: 500; font-family: "Source Han Sans CN"; } .html-service .top .left-h4 { margin-top: 50px; font-size: 36px; line-height: 31px; color: #000000; font-family: "Source Han Sans CN"; } .html-service .top .left { flex: 1; } .html-service .top .right { width: 432px; } .img-dingwei { /* position: absolute; right: 0; top: 158px; */ } .conter { box-sizing: border-box; z-index: 65; } .conter h3 { font-size: 31px; letter-spacing: -1px; line-height: 36px; color: #333333; font-family: "Source Han Sans CN"; margin-top: 60px; margin-bottom: 3px; } .conter h4 { font-size: 19px; letter-spacing: -1px; line-height: 15px; color: #333333; font-family: "Source Han Sans CN"; margin-bottom: 50px; } .conter ul li h3{ display: flex; flex-direction: row; font-size: 21px; letter-spacing: -1px; line-height: 17px; color: #cc2239; font-family: "Source Han Sans CN"; align-items: center; margin: 0; } .conter ul li h3 i { display: inline-block; width: 11px; height: 11px; border-radius: 50%; background-color: #d02a3e; margin-right: 20px; } .conter ul { padding-bottom: 50px; } .conter ul li { margin-bottom: 20px; } .conter ul li p { font-size: 17px; line-height: 24px; color: #333333; font-family: "Source Han Sans CN"; text-align: justify; padding-left: 0; padding-top: 14px; z-index: 5; font-weight: 300; } .conter ul li .p { width: 664px; } .pc-pad { padding-top: 20px; } @media screen and (max-width: 500px) { .pc-pad { padding-top: 0; } .html-service .top { padding: 80px 0 0; box-sizing: border-box; position: relative; background: url(/image/index/service.png) no-repeat top right; background-size: auto 16.9rem; background-position-y: 80px; } .img-dingwei { height: 16.9rem !important; top: 8rem; } .html-service .top .left-h3 { margin-top: .3rem; font-size: 1.8rem; letter-spacing: 0px; line-height: 1.7rem; color: #cc2239; font-weight: 500; margin-bottom: 1rem; font-family: "Source Han Sans CN"; } .html-service .top .left-h4 { margin: 0; font-size: 1.8rem; line-height: 1.8rem; letter-spacing: 0px; color: #000000; font-weight: 500; font-family: "Source Han Sans CN"; padding-bottom: 3.5rem; } .conter { padding: 0 2rem; box-sizing: border-box; } .html-service .top .left { box-sizing: border-box; padding: 1rem 2rem 0; } .html-service .top .left .conter { padding: 0; } .conter ul { padding-bottom: 0; } .conter h3 { padding-top: 0; font-size: 1.4rem; line-height: 1.8rem; margin-top: 0; color: #000000; font-family: "Source Han Sans CN"; margin-bottom: 0; } .conter h4 { font-size: 1.1rem; margin-top: 0; letter-spacing: 0px; margin-bottom: 0; color: #000000; font-family: "Source Han Sans CN"; } .conter ul li h3 i { display: none; } .html-service .top.en-ytop .left { height: 16.9rem; box-sizing: border-box; } .conter ul li { margin-bottom: 0; } .conter ul li h3 { padding-top: 1.7rem; font-size: 1.4rem; color: #cc2239; font-family: "Source Han Sans CN"; } .conter { padding-bottom: 2.5rem; } .conter ul li .p { width: 100% !important; } .conter ul li p { width: 100% !important; padding: 1rem 0 0; font-size: 1.3rem; line-height: 2.2rem; font-weight: normal; color: #333333; font-family: "Source Han Sans CN"; text-align: justify; letter-spacing: 0 !important; } .conter h4.eb-en-huan { font-size: 1.3rem; line-height: 1.8rem; color: #000000; font-family: "Source Han Sans CN"; } .English-style-size .html-service .top .left-h3, .English-style-size .conter h4.eb-en-huan, .English-style-size .conter ul li h3, .English-style-size .conter ul li p { font-family: "Helvetica"; } }