.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";
}
}