﻿.profile .l,
.profile .r {
    width: 45%;
}

.numU {
    font-weight: 500;
}

.profile .r img {
    display: block;
    width: 100%;
    border-radius: 50px 0 50px 0;
}

.numCount {
    left: 50%;
        transform: translate(-50%, -50%);

    width: 80% !important;
    margin: 0 auto;
}

@font-face {
    font-family: 'M-';
    src: url('./fonts/Anton.ttf') format('truetype');
}

.numU {
    font-family: 'M-' !important;
}

.profile .l h4 {
    position: relative;
    margin: 0 0 .375rem 0;
}

.profile .l h4::after {
    content: " ";
    display: block;
    margin: 5px 0 0 0;
    width: 3.2rem;
    height: 4px;
    background-color: #019444;
}

.profile .l h4::before {
    position: absolute;
    right: 0;
    content: "  ❝ ";
    font-size: 60px;
    color: #019444;
    transform: rotateY(180deg);
    display: none !important;
}

.profile .l span {
    text-indent: 20px;
    line-height: .45rem;
}

.profile_box {
    padding: .5rem 0 1.5rem 0;
    box-sizing: border-box;
}

.line_box .l,
.line_box .r {
    width: 45%;
}

.line_box .l img {
    display: block;
    width: 100%;
}

.line_box .r span {
    line-height: .45rem;
    text-indent: 20px;
}

.profile_twobox {
    padding: 1.5rem 0 .75rem 0;
    box-sizing: border-box;
    background-color: #F2F1EF;
}

.by {
    margin: .5rem 0 0 0;
    text-align: center;
    line-height: .45rem;
}

.his_box {
    padding: .75rem 0;
    box-sizing: border-box;
}

.his_box h4 {
    margin: 0 10px;
}

.bk_tit {
    margin: 0 0 .75rem 0;
}

.diant {
    display: block;
    width: 100%;
}

.his .oneul li {
    width: 20%;
}

.his ul li {
    text-align: center;
}

.his ul li h4 {
    margin: .375rem 0;
}

.his ul li span {
    padding: 0 .25rem;
    box-sizing: border-box;
    line-height: .45rem;
}

.his .twoul li {
    width: 20%;
}

.develop_box .l,
.develop_box .r {
    width: 50%;
}

.develop_box .l {
    position: relative;
    padding: 0 0 0 10%;
    box-sizing: border-box;
    text-align: center;
    line-height: .45rem;
    color: #fff;
}

.line {
    background-color: #019444;
}

.develop_box .r {
    position: relative;
}

.develop_box .r .xgimg {
    position: absolute;
    left: -3%;
    display: block;
    height: 100%;
}

.profile_threebox {
    position: relative;
    padding: .75rem 0;
    box-sizing: border-box;
}

.profile_three .l,
.profile_three .r {
    width: 45%;
}

.profile_three .l{
    padding: 0 0 0 10%;
    box-sizing: border-box;
}


.profile_three .r span {
      padding: 0 20% 0 0 ;
    box-sizing: border-box;
}

.profile_three .l img {
    display: block;
    width: 100%;
}

.profile_three .r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: .45rem;
}

.profile_threebox {
    position: relative;
}

.profile_threebox>img {
    display: block;
    position: absolute;
    top: -10%;
    z-index: -1;
    width:  7.6rem;
    height: 10.3625rem;
}

.profile_three .r a {
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: .75rem;*/
    display: block;
    padding: .1875rem 20% .1875rem  .1875rem ;
    width: 60%;
    text-align: right;
    background-image: url(../images/ 拷贝.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff !important;
}

.list ul {
    flex-wrap: wrap;
}

.list ul li {
    margin: 0 0 .25rem 0;
    width: 30%;
}

.list_box {
    padding: .75rem 0;
    box-sizing: border-box;
}

.list ul li a p {
    margin: .125rem 0 0 0 !important;
    line-height: .45rem;
    text-align: center;
    color: #fff;
}

.list ul li a {
    display: block;
    padding: .125rem;
    box-sizing: border-box;
    background-color: #019444;
}

.list ul li a .p_box {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 200px; */
    background-color: #fff;
}

.list ul li a .p_box img {
    display: block;
    width: 100%;
}

.list ul li a:hover {
    background-color: #019444;
    transition: all 0.6s;
}

.list ul li a:hover p {
    color: #fff;
}

.indc {
    margin: .25rem 0 0 0;
    font-size: 16px;
}

.numU {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #019444;
    /*font-weight: bold;*/
}

.clearfix li {
    width: 100%;
    text-align: center;
    border-right: 1px solid #019444;
}

.clearfix li:last-child {
    border: none;
}

.main {
    position: relative;
}

.numCount {
    position: absolute;
    left: 50%;
    padding: .375rem;
    box-sizing: border-box;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    /* border-radius: 20px; */
    transform: translate(-50%, -50%);
    width: 100%;
    background-color: #fff;
}

.clearfix::before,
.clearfix::after {
    display: none;
}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 980px) {
    
    .profile_three .l, .profile_three .r {
        padding: 0 1% !important;
    }
    .profile_three .r span {
        padding: 0 !important;
    }
    .profile_three .r a {
        padding: 10px !important;
    }
    .profile .l span {
        line-height: 1.5;
    }
    .profile .l h4 {
        line-height: 1.5;
    }
    .profile .l,
    .profile .r {
        width: 100%;
    }
    .profile {
        flex-wrap: wrap;
    }
    .numCount {
        position: relative;
        left: 0 !important;
               width: 100% !important;
        transform: translate(0%, 0%);
        margin: 10px 0 0 0;
    }
    .indc {
        font-size: 14px !important;
        line-height: 1.5;
    }
    .clearfix li {
        margin: 0 0 10px 0;
        width: 45%;
    }
    .clearfix {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .clearfix::before,
    .clearfix::after {
        display: none;
    }
    .profile .r {
        margin: 10px 0 0 0;
    }
    .line_box .r span {
        line-height: 1.5;
    }
    .line_box .l,
    .line_box .r {
        margin: 5px 0;
        width: 100%;
    }
    .line_box {
        flex-wrap: wrap;
    }
    .by {
        line-height: 1.5;
    }
    .diant {
        display: none;
    }
    .his ul li span {
        line-height: 1.5;
    }
    .his ul li {
        margin: 0 0 10px 0;
        width: 45% !important;
    }
    .his ul {
        flex-wrap: wrap;
    }
    .develop_box .l {
        line-height: 1.5;
    }
    .profile_three .l,
    .profile_three .r {
        width: 100%;
    }
    .profile_three .r {
        margin: 10px 0 0 0;
        line-height: 1.5;
    }
    .profile_three {
        flex-wrap: wrap;
    }
    .profile_three .r a {
        margin: 10px 0 0 0;
        width: 100%;
    }
    .list ul li {
        width: 45%;
    }
    .list ul li a p {
        margin: 10px 0 0 0 !important;
    }
    .list ul li a {
        padding: 10px;
    }
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 640px) {}

@media screen and (max-width: 375px) {}