body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}
.w1200{ width: 1200px; margin: 0px auto;}
.clear{clear: both;}

.header{ width: 100%;height: 460px; background: url(./2022_lybm_top.png) no-repeat top center;}
.logo{ position: absolute; height: 50px; width: 1200px;margin-left:-600px; left: 50%;top: 20px;}
.logo img{ width: 340px;height: auto;}
.bg{height: 3060px;width: 100%;background-color: #f4f4f4;padding-top: 50px;}
.title{padding: 30px 0px;text-align: center;width: 100%;}
.title img{ width: 100%; height: auto;}
.video{width: 80%;margin: 0px 10%;}
.video video{ width: 100%;height: auto;}
.zt_list{padding: 0px 10%;}
.zt_list a{display: inline-block;width: 48%;margin-right: 3%;margin-bottom: 20px;}
.zt_list a:nth-child(2n){margin-right: 0px;}
.zt_list a img{width: 100%;height: auto;}
.didi{background-color: #fff;}
.xc_list{margin-top: 20px;padding-bottom: 40px;}
.footer{ width: 100%; height: 320px;background:url(./2022_lybm_bottom.png) no-repeat bottom center; position: relative;}
.ft_xixi{position: absolute;bottom: 0px;left:50%; margin-left: -600px;}
.footer p{color: #fff;line-height: 32px;}
.ft_left,.ft_center,.ft_right{ padding: 30px 0px;float:left;}
.ft_center li{color: #fff;padding-left: 30px;background: url(./2022_lybm_biao.png) no-repeat left;background-size: 20px;}
.ft_center {margin-left: 60px;}
.ft_center p{padding-left: 30px;}
.ft_right{float: right;}
@media only screen and (max-width:1200px){
    .logo{width: 100%;margin-left: 0px;left: 0px;}
    .w1200{width: 100%;}
    .video{width: 100%;margin: 0px;}
    .zt_list{padding: 0px;}
    .zt_list a{margin-right: 2%;}
    .title{padding: 20px 0px;}
    .xc_list{margin-top: 0px;}
    .bg{height: 290vw;}
    .ft_left{margin-left: 10px;}
    .ft_xixi{left: 0px;margin-left: 0px;}
    .ft_center{margin-left: 10px;}

}

@media only screen and (max-width:986px){
    .footer{height:40vw; background: none;background-color: #ce0404;}
    .bg{height: 300vw;}
    .ft_xixi p{line-height: 24px;font-size: 14px;}
    .ft_left, .ft_center, .ft_right{padding: 10px 0px;}
    .ft_left{margin-left: 10px;}
    .ft_center{margin-left: 30px;}
    
}
@media only screen and (max-width:800px){
    .bg{height: 310vw;}
}
@media only screen and (max-width:582px){
    .bg{height: 330vw;}
    .footer{height: 54vw;}
    .header{ background-size: contain;height: 24.3vw;}
    .logo img{width: 30%;}
}

@media only screen and (max-width:480px){
    .footer p{font-size: 12px;}
    .footer{height: 270px;margin-top: 10px;}
    .ft_right img{width: 20%;}
    .ft_right img:nth-child(1){width: 12%;}
}