body{ font-size: 14px;}
.main_body{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.z99{ z-index: 99;}
.z88{ z-index: 88;}
.transform_sx{ animation: myfirst 1.4s ease;}

@keyframes myfirst
{
    0% {transform: scale(1)}
    50% {top:0;transform: scale(0.8)}
    100% {top:-100%;transform: scale(0.8);}
}

.transform_xl{ animation: myfirst2 1.4s ease;}

@keyframes myfirst2
{
    0% {transform: scale(1)}
    50% {top:0;transform: scale(0.8)}
    100% {top:100%;transform: scale(0.8);}
}

img{max-width: 100%;}
.top{ position: absolute; left: 0; top: 0; z-index: 999; display: flex; padding: 4vh 0 0 0; width: 100%; box-sizing: border-box;}
.logo{ width: 8%; padding: 0 0 0 15vh;}
.nav{ width: 78%; text-align: center;}
.nav span,.nav a{ display: inline-block;}
.nav span em,.nav a em{ display: inline-block; margin:0 0.35rem; padding: 10px 0; cursor: pointer; color: #fff; position: relative; text-transform:capitalize;}
.nav span em::after,.nav a em::after{content: ""; position: absolute; height: 2px; background: #8a1b22; width:0; bottom: 0; left: 50%;opacity: 0; transition:all 0.2s ease;}
.nav span.on em::after,.nav a.on em::after{opacity: 1; width: 100%; left: 0;}
.footer{ position: absolute; left: 0; bottom: 4vh; z-index: 999; display: flex; padding: 4vh 0 0 0; width: 100%; box-sizing: border-box; color: #fff;}
.bq{ padding: 0 16vh; display: flex;justify-content : space-between; width: 100%; box-sizing: border-box; font-size: .4rem;}
.footer_tel{display: flex;}
.footer_tel i{ margin-right: 0.25rem; width: .75rem;}
.footer_tel span{white-space: nowrap;}
.footer_tel div:nth-child(1){ margin-right: 0.75rem;}
.main_body_con{height:  100%; border-left:  1px solid rgba(255, 255, 255, 0.2); border-right:  1px none rgba(255, 255, 255, 0.2); margin-left:  12vh; padding-right:  24vh; box-sizing: border-box; position:  relative; }
.main_body_rigit{ width: 12vh; border-left:  1px solid rgba(255, 255, 255, 0.2); height: 100%; position: absolute; right: 0; top: 0;}
.main_body_rigit_bottom{ position: absolute; width: 100%; left: 0; bottom: 5vh;}
.main_body_rigit_bottom_wk{width:  12vh; bottom:  0px; left:  0px; z-index:  1; display:  -webkit-box; display:  -ms-flexbox; display:  flex; -webkit-box-pack:  center; -ms-flex-pack:  center; justify-content:  center; -webkit-box-align:  center; -ms-flex-align:  center; align-items:  center; }
.main_body_rigit_bottom_sb{width: 4vh; border-width: 2px; border-style: solid; border-radius: 50px; height: 7vh; border-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 0px; }
.main_body_rigit_bottom_sb_gl{min-height: 0px; height: 0.8vh; width: 2px; background-color: rgb(255, 255, 255); margin-bottom: 1.5vh; animation-delay: 0s; animation-duration: 1.5s; animation-iteration-count: infinite;}
.div_cF078N{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; right: auto; -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%); -ms-transform: rotate(0deg) scale(1) translate(0%, 0%); transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 0s ease 0s;padding-bottom: 5vh; text-align: center;}
.paragraph_iHxgMP{text-transform:  capitalize; color:  rgb(255, 255, 255); margin-bottom:  0px; letter-spacing:  2px; font-size:  12px; }
.right_nav{position: absolute; right: 16vh; bottom: 12vh; z-index: 999;}
.right_nav span,.right_nav a{ color: #fff; display: flex;justify-content : flex-end;align-items : center; height:.4rem;transition:all 0.2s ease; cursor: pointer;}
.right_nav span em,.right_nav a em{ padding-right: 0.25rem; color:rgba(255, 255, 255, 0.6); opacity: 0; transition:all 0.2s ease;}
.right_nav span i,.right_nav a i{display: block; width: .325rem; height: 1px; background: #818688;transition:all 0.2s ease;}
.right_nav span.on em{ color: #fff; opacity: 1;}
.right_nav span:hover em,.right_nav a:hover em{ color: #fff;}
.right_nav span.on i,.right_nav span:hover i,.right_nav a:hover i{ width: .65rem; background: #fff;}
.right_nav.on span{ height: 0.75rem;}
.right_nav:hover span,.right_nav:hover a{ height: 0.75rem;}
.right_nav:hover span em,.right_nav:hover a em{ opacity: 1;}
.main1_con{ text-align: center; opacity: 0;transition:all 0.5s ease;transform: translateY(100px);}
.main1_con>img{ width: 4.85rem; }
.main1_con span{ font-size: 1.5rem; color: #fff; text-shadow:#000 5px 5px 5px}

.z99 .main1_con{ opacity: 1;transform: translateY(0);}

.main2_content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; font-size: .8rem; font-size: .35rem; }
.main2_right{ position: absolute; width: 50%; height: 100%; right: -100%; top:0; background: rgba(154, 30, 38, .7);transition:all 1s ease; z-index: 1;}
.main2_right_con{ padding: 0 16vh 0 16vh;}
.main2_right_con_title{ font-size: .55rem; font-weight: bold; text-align: center;}
.main2_right_con_jh{ text-align: center; color: #ff0011;font-size: .55rem; font-weight: bold; position: relative; padding: 0.5rem 0;}
.main2_right_con_jh::after{content: ""; position: absolute; right: 20%; height: 1px; background-color: #fff; top: 50%; width: 20%;}
.main2_right_con_jh::before{content: ""; position: absolute; left: 20%; height: 1px; background-color: #fff; top: 50%; width: 20%;}
.main2_right_con_con{ font-size: .35rem; line-height: .8rem; padding-bottom: 3rem; overflow-y: auto; height: 40vh;}
.main2_center{ width: 4.2rem; height: 3.15rem; position: absolute; left: auto; top: auto; right: auto; bottom:auto; opacity: 0; transition:all 0.5s ease 1s; z-index: 2;}
.main2_center img{ width: 100%; height: 100%;}
.main2_left{position: absolute; width: 50%; height: 100%; left: -100%; top:0; z-index: 1; transition:all 1s ease;}
.main2_left span{ font-variant: small-caps; font-size: 1.125rem; padding:0 0 0.3rem 0; display: inline-block; position: relative;letter-spacing:0.25rem}
.main2_left span::after{content: ""; position: absolute; width:100%; height: 1px; background-color: #fff; bottom: 0; left:0;transition:all 0.2s ease;}
.main2_left span::before{content: ""; position: absolute; width:100%; height: 1px; background-color: #fff; top: 0; left:0;transition:all 0.2s ease;}
.main2_left span:hover::after{ bottom: 1rem; transform:rotate(55deg); transform-origin:3rem -.475rem}
.main2_left span:hover::before{ top: 1rem; transform:rotate(-55deg); transform-origin:3rem .475rem}
.z99 .main2_left{ left: 0;}
.z99 .main2_right{ right: 0;}
.z99 .main2_center{opacity: .8;}

.main3_list{ display: block; width: 9rem; height: 9.1rem; background: rgba(0, 0, 0, 0.4); margin: 0 3.5rem; text-align: center; color: #fff;opacity: 0;transition:all 0.5s ease;}
.main3_list_pic{ padding: 1.55rem 0;}
.main3_list_pic img{ width: 3.275rem;}
.main3_list_wz{ font-size: .55rem; color: #fff; font-weight: bold; padding: 1rem 0;}
.main3_list_gd{ margin: 0 1.1rem; border: 1px solid #fff; border-radius: .075rem; height: .85rem; line-height: .85rem; padding: 0 0.25rem; text-align: left;}
.main3_list_gd img{ width: .775rem;}
.main3_list_gd span{display: none;}
.main3_list:hover{ background: rgba(138, 27, 34, 0.95);}
.main3_list:hover .main3_list_gd img{ display: none;}
.main3_list:hover .main3_list_gd{ text-align: center;}
.main3_list:hover .main3_list_gd span{display: inline; color: #fff;}
.z99 .main3_list{ opacity: 1;}
.main4_con_tit1{ font-size: .8rem; font-variant: small-caps;}
.main4_con_tit2{ font-size: .8rem; padding: 0.75rem 0 0.75rem 4rem; position: relative; font-variant: small-caps;}
.main4_con_tit2::after{ content: ""; position: absolute; width: 3.5rem; left: 0; top: 50%; height: 2px; background-color: #fff;}
.main4_con_tit3{ font-size: .35rem; line-height: .8rem;}
.main4_con{ color: #fff; padding: 0 5vh; box-sizing: border-box; margin-top: 2rem; opacity: 0; transition:all 0.5s ease; font-size:0.65rem; line-height: 1rem;text-shadow: #000 5px 5px 5px;
}
.body_bg4 .main2_left span:hover::after{ bottom: 1rem; transform:rotate(55deg); transform-origin:6.2rem -1.475rem}
.body_bg4 .main2_left span:hover::before{ top: 1rem; transform:rotate(-55deg); transform-origin:6.2rem 1.475rem}
.z99 .main4_con{ margin-top: 0; opacity: 1;}
.main5_con{ color: #fff; font-size: .55rem; margin-top:3rem; opacity: 0; transition:all 0.5s ease;}
.main5_con span{ display: inline-block; position: relative; padding: 0 6rem;text-shadow: #000 5px 5px 5px;}
.main5_con span::after{ content:""; position: absolute; right: 0; top: 50%; width: 4.75rem; height: 2px; background-color: #fff;}
.main5_con span::before{ content:""; position: absolute; left: 0; top: 50%; width: 4.75rem; height: 2px; background-color: #fff;}
.z99 .main5_con{ margin-top: 0; opacity: 1; }
.main6_con{ color: #fff; font-size: .4rem; margin-top:3rem; opacity: 0; transition:all 0.5s ease; display:flex;}
.main6_con > div{ padding:0 0.5rem; text-align:center;}
.main6_con > div > span{ display:block; padding-top:0.25rem}
.main6_con > div > img{ width:0.85rem;}
.z99 .main6_con{ margin-top: 0; opacity: 1; }
.nav_ico{ width: 1.25rem; position: absolute; top: 1.25rem; right: .5rem; display: none; z-index: 9999;}
.nav_ico_1{ height: 2px; background: #fff;transition:all 0.2s ease;}
.nav_ico_2{ height: 2px; background: #fff; margin: .25rem 0;}
.nav_ico_3{ height: 2px; background: #fff;transition:all 0.2s ease;}
.nav_ico.on .nav_ico_1{  transform:rotate(45deg) translateY(1px);}
.nav_ico.on .nav_ico_2{ display: none;}
.nav_ico.on .nav_ico_3{ transform:rotate(-45deg) translateY(-1px);;}
.ej_banner{ height: 10.075rem;}
.w1400{ max-width: 1400px; margin: 0 auto; position: relative;}
.ej_banner_fk{ width: 11.85rem; height: 6.75rem; background: rgba(138, 27, 34, 0.7);}
.ej_banner_wz{ padding-top: 6rem; box-sizing: border-box; height: 10.075rem; padding-left: 4.9rem; line-height: 2.25rem; font-size: .75rem; font-weight: bold; color: #fff; position: relative;text-shadow:.125rem .125rem .125rem rgba(0, 0, 0, 0.24); background: url(../images/bg1.png) no-repeat -.5rem 3.25rem; background-size: 11.875rem 6.75rem; flex-shrink:0; padding-right: 4rem;}
.ej_mbxnav a{ display: inline-block; line-height: .8rem; height: .8rem; background: #aaaaaa; padding: 0 1rem; color: #fff; margin: .75rem 1rem .75rem 0; position: relative;}
.ej_mbxnav a.on{ background: none; color: #8a1b22;}
.ej_mbxnav a.on::after{ content: ""; position: absolute; left: 0; bottom: 0; height: .1rem; background: #8a1b22; width: 100%;}
.ej_list_pic{ width: 18.15rem; overflow: hidden; position: relative;}
.ej_list_wz{ width: 15.5rem; padding-left: 0.5rem;}
.ej_list_wz h1{ font-weight: normal; font-size: .5rem; color: #2b2b2b; padding: 0 0 .75rem 0;}
.ej_list_con{ font-size: .4rem; color: #2b2b2b; line-height: .8rem;}
.ej_list_pic_prev{ width: 1.15rem; height: 1.15rem; position: absolute; left: 0; top: 50%; margin-top: -0.7rem; padding: 0.25rem .5rem; background: rgba(0, 0, 0, 0.4); z-index: 9; cursor: pointer;}
.ej_list_pic_next{ width: 1.15rem; height: 1.15rem; position: absolute; right: 0; top: 50%; margin-top: -0.7rem; padding: 0.25rem .5rem; background: rgba(0, 0, 0, 0.4); z-index: 9; cursor: pointer;}
.ej_list_list{ padding: 1rem 0; display: flex; justify-content:space-between;align-items:center;}
.ej_list_list:nth-child(2n){flex-direction:row-reverse;}
.footer_ej{ background: #4c4c4c; color: #fff; padding: .5rem 0;}
a.SeeMore{ color: red; border: 1px solid red; padding: 0.1rem 0.5rem; border-radius: 0.1rem;}
.zdqh{
    width: 4%;
    padding: 0 15vh 0 0;
}
.zdqh a{ display: inline-block; padding: 10px 0; color: #fff;}
.dispalyFlex{ display: flex; align-items: center;}
.ej_banner_con{text-shadow: 0.125rem 0.125rem 0.125rem rgb(0 0 0 / 24%); font-size: .55rem; color: #fff;padding-top: 5rem; line-height: 0.85rem;}
@media (max-width: 1440px) {
    .nav span em,.nav a em{ margin:0 0.25rem}
}
@media (max-width: 991px) {
.main_body_con{margin-left:  0vh;}
.bq{ padding: 0 14vh 0 5vh;}
.logo{ padding-left: 5vh;}
.right_nav{ right: 14vh;}
}
@media (max-width: 750px) {
.footer_tel{ display: none;}
.ej_banner_con{ display: none;}
.bq{ padding: 0 5vh 0 5vh;}
.main_body_rigit{ display: none;}
.right_nav{ right: 5vh;}
.main2_right_con_title{ font-size: .85rem;}
.right_nav{ bottom: 9vh;}
.main_body_con{ padding: 0;}
.main2_left,.main2_center{ display: none;}
.main2_right{ width: 100%;}
.main2_right_con{ padding: 0 1rem;}
.bq,.bq_bq{padding:0; text-align: center; width: 100%;}
.main2_right_con_con{ padding-bottom: 5rem; font-size:0.65rem; line-height: 1rem;}
.main4_con_tit3{ font-size:0.65rem; line-height: 1rem;}
.main3_list{ margin:0 0.5rem;}
.right_nav:hover span, .right_nav:hover a{ height: 1rem;}
.main4_con{ padding: 0 0.5rem; width: 100%;}
.main5_con{ padding: 0 0.5rem; font-size: 0.65rem;}
.main5_con span{ padding: 0;}
.main5_con span::after{ display: none;}
.main5_con span::before{ display: none;}
.nav_ico{ display: block;}
.nav{
    background: #fff;
    left: 3%;
    right: 3%;
    width: 94%;
    top: 2.5rem;
    position: absolute;
    display: none;
    padding: 0.5rem 0;
}
.nav span,.nav a{ color: #666; display: block;}
.nav span em,.nav a em{ color: #666;}
.logo{ width: 12%;}
.ej_mbxnav{ padding: 0 0.5rem;}
.ej_mbxnav a{ margin:0.5rem 0; padding: 0 0.25rem; line-height: 1rem; height: 1rem; font-size: 0.6rem;}
.ej_list_list{ display: block;}
.ej_list_pic{ width: 100%;}
.ej_list{ padding:0 .5rem;}
.ej_list_wz h1{ font-size: .75rem; padding: .25rem 0;}
.ej_list_wz{ width: 100%;}
.ej_list_wz .ej_list_con{ font-size: .55rem; line-height: 1rem;}

.zdqh{
    width: 15%;
    padding: 0 0 0 58%;
    margin-top: -0.5rem;
}

.main6_con{display:block; font-size:0.75rem;}
.main6_con > div{ display:flex; align-items:center; padding:0.25rem 0; text-align:left; padding:0.25rem 0.5rem;}
.main6_con > div > span{ display:block; padding-top:0; padding-left:0.25rem}
.main6_con > div > img{ width:0.85rem;}

}