@charset "utf-8";
/* CSS Document */
@import url(reset_v1.css);
@import url(animate.min.css);
.videoBox{width:100%;height:100%;}
.videoBox video{
    width: 100%;
    height: 122%;
    position: relative;
    z-index: 1;
    object-fit: fill;
    margin-top: -163px;
}
.videoBox .conBox{width:100%;height:100%;margin-top:-1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(3);opacity:0;background: url("../images/home_bg.png")no-repeat center;background-size: cover;z-index:2;transition:all ease-in-out 1s;}
.videoBox .logo{position:absolute;top:52px;left:60px;z-index: 2;}
.videoBox .logo_1{display:none;}
.videoBox .conBox .title{display:none;width:666px;height:0px;text-align: center;position:absolute;left:50%;transform:translateX(-50%);bottom: 20%;}
.videoBox .footer{width:100%;height:159px;text-align: center;position:absolute;left:0px;bottom:0px;z-index:3;overflow: hidden;}
.videoBox .footer img{position:relative;z-index:2;}
.videoBox .footer:after{content:"";width:100%;height:110px;background:#2d5725;position:absolute;left:0px;bottom:0px;z-index:1;}
.videoBox.showdiv .conBox{transform:translate(-50%,-50%) scale(1);opacity: 1;}

.title1{height: auto; font-size: 48px; color: #2d5725; font-weight: bold; font-style: italic;}
.title2{height: auto; font-size: 18px; color: #333; font-weight: bold; font-style: italic;}
.title ul {display: flex; justify-content: center; margin-top: 48px;}
.title ul li:nth-child(1){width: 150px; height: 50px; border-radius: 10px; margin-right: 24px; background-color: #16226b;text-align: center; line-height: 32px;color: #fff; font-style: italic; }
.title ul li:nth-child(2){width: 150px; height: 50px; border-radius: 10px; background-color: #2d5725;text-align: center; line-height: 32px;color: #fff; font-style: italic; }

.dbwz{position: relative;z-index: 3; margin-top: 30px;}
.dbwz li{font-size: 14px; color: #fff;}
.dbwz li a{font-size: 14px;}
.dbwz li:nth-child(2){margin-top: 4px;}
.warp{min-width: 1376px;}

@media  screen and (min-width:1000px ) and (max-width:1920px) {
/* @media screen and (max-width:1920px )  { */
    .videoBox .conBox{top:45%;background-position-y: -28px;}
    .videoBox video { margin-top: -129px; height: 117%;}
    .title ul {
        margin-top: 15px;
    }
    .videoBox .conBox .title {
        bottom: 17%;
    

@media screen and (max-width: 700px) {
    .videoBox .conBox{background-position-y: -28px;}
}