@font-face {
    font-family: 'oswaldlight';
    src: url('./oswald-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.key_points {
    width: 1200px;
    padding: 40px 10px 140px;
    font-size: 0;
}

.key_points .tit {
    display: inline-block;
    font-size: 43px;
    color: #012793;
    font-family: Arial;
    font-weight: bold;
    width: 300px;
    text-align: center;
    height: 60px;
    background: url(./tlzt_preBg_v2020.png) no-repeat left bottom;
    background-size: 100% 32px;
    margin-bottom: 50px;
}

.key_points .kp_list>li {
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 536px;
    position: relative;
    cursor: pointer;
}

.key_points .kp_list>li.left {
    padding-left: 370px;
}

.key_points .desc_box {
    background: #283d79;
    width: 370px;
    height: 536px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.key_points .desc_box .desc_tit {
    padding: 32px 17px;
    font-family: oswaldlight;
    font-size: 23px;
    line-height: 35px;
    color: #fff;
}

.key_points .desc_box .desc_txt {
    padding: 0 15px;
    font-family: Arial;
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    cursor: pointer;
}

.key_points .desc_box .desc_txt .underline {
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.key_points .desc_box .desc_txt .magin_left {
    margin-left: 16px;
}

.key_points .desc_box .desc_txt:hover .underline {
    border-bottom: 1px solid #fff;
}

.key_points .pic_box {
    width: 100%;
    height: 536px;
    position: relative;
    z-index: 2;
}

.key_points .left .pic_box {
    background: url(./tlzt_keypoint_left.jpg) no-repeat center center;
    background-size: cover;
}

.key_points .pic_mask {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    text-align: center;
}

.key_points .pic_mask>p {
    padding-top: 140px;
    font-family: oswaldlight, sans-serif;
    font-size: 38px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position: relative;
    white-space: pre-line;
}

.key_points .pic_mask>img {
    margin-left: -26px;
    width: 52px;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 80px;
    z-index: 1;
}

.key_points .right .pic_mask>p {
    padding: 190px 68px 0;
}

.key_points .right {
    margin-left: 84px;
}

.key_points .right .pic_box {
    background: url(./tlzt_keypoint_right.jpg) no-repeat center center;
    background-size: cover;
}

.key_points .hide {
    display: none !important;
}





.key_points2 {
    width: 1200px;
    padding: 40px 10px 140px;
    font-size: 0;
}

.key_points2 .tit {
    display: inline-block;
    font-size: 43px;
    color: #007598;
    font-family: Arial;
    font-weight: bold;
    width: 300px;
    text-align: center;
    height: 60px;
    background: url(./tlzt_preBg2_v2020.png) no-repeat left bottom;
    background-size: 100% 32px;
    margin-bottom: 50px;
}


.key_points2 .kp_list>li {
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 536px;
    position: relative;
    cursor: pointer;
}

.key_points2 .kp_list>li.left {
    padding-left: 370px;
}

.key_points2 .desc_box {
    background: #283d79;
    width: 370px;
    height: 536px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.key_points2 .desc_box .desc_tit {
    padding: 32px 17px;
    font-family: oswaldlight;
    font-size: 23px;
    line-height: 35px;
    color: #fff;
}

.key_points2 .desc_box .desc_txt {
    padding: 0 15px;
    font-family: Arial;
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    cursor: pointer;
}

.key_points2 .desc_box .desc_txt .underline {
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.key_points2 .desc_box .desc_txt .magin_left {
    margin-left: 16px;
}

.key_points2 .desc_box .desc_txt:hover .underline {
    border-bottom: 1px solid #fff;
}

.key_points2 .pic_box {
    width: 100%;
    height: 536px;
    position: relative;
    z-index: 2;
}

.key_points2 .left .pic_box {
    background: url(./tlzt_keypoint2_left.jpg) no-repeat center center;
    background-size: cover;
}

.key_points2 .pic_mask {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    text-align: center;
}

.key_points2 .pic_mask>p {
    padding-top: 140px;
    font-family: oswaldlight, sans-serif;
    font-size: 38px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position: relative;
    white-space: pre-line;
}

.key_points2 .pic_mask>img {
    margin-left: -26px;
    width: 52px;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 80px;
    z-index: 1;
}

.key_points2 .right .pic_mask>p {
    padding: 190px 68px 0;
}

.key_points2 .right {
    margin-left: 84px;
}

.key_points2 .right .pic_box {
    background: url(./tlzt_keypoint2_right.jpg) no-repeat center center;
    background-size: cover;
}

.key_points2 .hide {
    display: none !important;
}





.key_points3 {
    width: 1200px;
    padding: 40px 10px 140px;
    font-size: 0;
}

.key_points3 .tit {
    display: inline-block;
    font-size: 43px;
    color: #152773;
    font-family: Arial;
    font-weight: bold;
    width: 300px;
    text-align: center;
    height: 60px;
    background: url(./tlzt_preBg3_v2020.png) no-repeat left bottom;
    background-size: 100% 32px;
    margin-bottom: 50px;
}


.key_points3 .kp_list>li {
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 536px;
    position: relative;
    cursor: pointer;
}

.key_points3 .kp_list>li.left {
    padding-left: 370px;
}

.key_points3 .desc_box {
    background: #283d79;
    width: 370px;
    height: 536px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.key_points3 .desc_box .desc_tit {
    padding: 32px 17px;
    font-family: oswaldlight;
    font-size: 23px;
    line-height: 35px;
    color: #fff;
}

.key_points3 .desc_box .desc_txt {
    padding: 0 15px;
    font-family: Arial;
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    cursor: pointer;
}

.key_points3 .desc_box .desc_txt .underline {
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.key_points3 .desc_box .desc_txt .magin_left {
    margin-left: 16px;
}

.key_points3 .desc_box .desc_txt:hover .underline {
    border-bottom: 1px solid #fff;
}

.key_points3 .pic_box {
    width: 100%;
    height: 536px;
    position: relative;
    z-index: 2;
}

.key_points3 .left .pic_box {
    background: url(./tlzt_keypoint2_left.jpg) no-repeat center center;
    background-size: cover;
}

.key_points3 .pic_mask {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    text-align: center;
}

.key_points3 .pic_mask>p {
    padding-top: 140px;
    font-family: oswaldlight, sans-serif;
    font-size: 38px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position: relative;
    white-space: pre-line;
}

.key_points3 .pic_mask>img {
    margin-left: -26px;
    width: 52px;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 80px;
    z-index: 1;
}

.key_points3 .right .pic_mask>p {
    padding: 190px 68px 0;
}

.key_points3 .right {
    margin-left: 84px;
}

.key_points3 .right .pic_box {
    background: url(./tlzt_keypoint2_right.jpg) no-repeat center center;
    background-size: cover;
}

.key_points3 .hide {
    display: none !important;
}