.rec_block{ transition: all 0.3s ease 0s; }



.ti_block {overflow:hidden;position:relative;}
.ti_block:after { content: ""; display: block; position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: rgb(148, 46, 59); animation: am08 1s ease 0.3s backwards; }
.ti_block div { animation: am081 1s ease 0.3s backwards; }


@-webkit-keyframes anim1 { 0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -20px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px); }
}

@keyframes anim1 {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -20px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px); }
}

@keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animRotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

@keyframes animRotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

.rec_img img { animation: 8s linear 0s infinite normal none running animScale; }




.abo_ico img { animation: 10s linear 0s infinite normal none running scaAm; }
.cou_block:hover .cou_text { -webkit-line-clamp: initial; height: 215px; overflow: scroll; padding-right: 1px; }
.cou_block:hover .cou_text::-webkit-scrollbar-track-piece, .cou_block:hover .cou_text::-webkit-scrollbar, .cou_block:hover .cou_text::-webkit-scrollbar-thumb { width: 4px; }
.cou_block:hover .cou_ico { bottom: -30px; }
.cou_paBl { position: relative; width: 100%; padding-top: 50px; height: 300px; }
.list_InBl { position: relative; width: 100%; }
a.list_aBl:hover .list_InBl { transform: scale(0.95); }
.buIn_img { position: relative; width: 100%; overflow: hidden; }
.buIn_liIn { position: relative; width: 100%; border: 1px solid rgb(221, 221, 221); }
.header_rigBlock::after { content: ""; display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.2); }
.home_block { position: relative; width: 100%; height: 800px; }
.video_block { position: absolute; right: -32%; top: 0px; width: 32%; height: 1100px; z-index: 90; }
.video_bgImg { position: relative; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.video_play { position: absolute; top: 50%; left: 50%; margin-top: -38px; margin-left: -38px; cursor: pointer; z-index: 90; }
.foB_content { position: relative; width: 90%; margin: auto; }
a.foB_lo { float: left; padding-top: 9px; position: relative; z-index: 90; }
a.foB_a { float: left; margin-left: 5%; padding-top: 17px; }
.foB_content a { color: rgb(255, 255, 255); }
.foB_ul { float: right; position: relative; z-index: 90; }
.foB_block { position: absolute; left: 16%; top: 17px; width: 68%; text-align: center; }
a.foB_aBl { margin: 0px 10px; }
.foB_block span { margin: 0px 10px; }
a.foB_li { display: block; position: relative; float: left; width: 36px; height: 54px; text-align: center; }
a.foB_li.phone { background: url("../images/d2_1.png") center center no-repeat; }
a.foB_li.lo { background: url("../images/d2_2.png") center center no-repeat; }
a.foB_li.oa { line-height: 54px; width: 42px; }
a.foB_li.wb { background: url("../images/d2_3.png") center center no-repeat; width: 40px; }
a.foB_li.wx { background: url("../images/d2_4.png") center center no-repeat; width: 40px; }
.foB_wxBl { position: absolute; bottom: 54px; left: 50%; width: 120px; margin-left: -60px; padding-bottom: 9px; z-index: 90; display: none; }
.foB_img { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 10px; padding: 5px; width: 108px; }
.foB_ico { position: absolute; bottom: 0px; left: 50%; margin-left: -7px; }
.foB_img img { width: 100%; }

@keyframes topAm {
    0% { transform: translate(0px, -20px); opacity: 0; }
    100% { transform: translate(0px, 0px); opacity: 1; }
}


a.med_li:hover { background: rgb(148, 37, 49); color: rgb(255, 255, 255); }
.rec_conBlock { position: relative; width: 100%; margin: auto; }
.rec_ul { position: relative; width: 100%; }
a.rec_li { position: relative; width: 100%; display: block; margin-bottom: 50px; overflow: hidden; }
.rec_tiBl { position: absolute; top: 50%; left: 60%; color: rgb(255, 255, 255); margin-top: -68px; }
.rec_tiBl img { margin: 0px; width: 50px; position: relative; left: 20px; }
.rec_tTi { font-size: 28px; letter-spacing: 3px; margin-top: 15px; }
.rec_tEn { font-size: 18px; text-transform: uppercase; opacity: 0.7; margin-top: 10px; }
.rec_block { position: absolute; right: -60%; top: 0px; width: 40%; height: 100%; background: url("./assets/img/d7_32.png"); padding: 14% 5%; color: rgb(255, 255, 255); overflow: hidden; z-index: 80; min-width: 430px; }
.rec_bTi { font-size: 24px; margin-bottom: 10px; }
a.rec_li.li2 { }
a.rec_li.li2 .rec_block { right: auto; left: -60%; background: url("./assets/img/d7_22.png"); text-align: right; padding: 12% 5%; height: 100%; }
a.rec_li.li2 .rec_tiBl { left: 15%; }
.rec_img { position: relative; width: 100%; overflow: hidden; }


.rec_tiBl img { animation: 1s ease-in-out 0s infinite normal none running am12; }
a.rec_li.li1:hover .rec_block { right: 0px; }
a.rec_li.li2:hover .rec_block { left: 0px; }
a.rec_li:hover .rec_tiBl { opacity: 0; }



@keyframes am12 {
    0% { transform: translate(0px, 0px); }
    50% { transform: translate(-20px, 0px); }
    100% { transform: translate(0px, 0px); }
}