html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

@font-face{  font-family: "Barlow Condensed Bold"; src: url(../fonts/barlowcondensed-bold.ttf);}
@font-face{  font-family: "Barlow Condensed"; src: url(../fonts/barlowcondensed-regular.ttf);}
@font-face{  font-family: "Barlow Condensed Medium"; src: url(../fonts/barlowcondensed-medium.ttf);}

.clearfix { *zoom:1; }

a {
    cursor: pointer;
    color: inherit;
}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img[src=""]{opacity: 0;}

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }




.arr_l.s_tt {
    display: flex;
    align-items: flex-end;
    margin-bottom: 50px;
}

.arr_l.s_tt svg {
    transform: rotate(180deg);
    margin-left: 2.5rem
}
.s_tt h3 {
    font-size: 2.125rem;
    color: #3d3d3d;
    font-weight: bold;
    margin-bottom: .375rem
}

.s_tt p {
    font-size: 2.875rem;
    color: #3d3d3d;
    text-transform: uppercase;
    line-height: 1
}


.s_tt svg {
    transform: rotate(270deg);
    margin-top: 2rem;
    height: 4.125rem;
    width: 5.375rem
}

.s_tt svg path {
    stroke: #a8a5a2!important
}

.s_tt.white h3 {
    color: #fff
}

.s_tt.white p {
    color: #fff
}

.s_tt.white svg path {
    stroke: rgba(255,255,255,0.4)!important
}


.about {
    width: 100%;
    height:100vh;
    overflow: hidden;
    background: #fff
}

.about .left {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    width:50%;
    height:100%;
    float:left;
}

.about .left:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/about_bg1.png) 17% top no-repeat;
    background-size: 22.75rem!important
}

.about .left:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/about_bg2.png) right bottom no-repeat;
    background-size: 22.75rem!important
}

.about .left .intro {
    margin-right: 0;
    height: auto;
    padding: 0 30px 0 10%;
}

.about .left .con {
    padding-right: 10px;
    font-size: 18px;
    line-height: 40px;
    color: #4d4d4d;
    overflow:auto;
    text-indent: 2rem;
    text-align: justify;
}

.about .right {
    width:50%;
    height:100%;
    float: right;
    position: relative;
}