@charset "utf-8";
/* CSS Document */
.top{
	height:310px;
	background:url(../images/banner.jpg) center no-repeat
}
.main{
	background:url(../images/bg.gif) top center no-repeat
}
.videoBox{
	width:635px
}
.videoBox>.title,
.videoList>.title{
	height:65px;
	line-height:65px;
	border-bottom:3px solid #dedede
}
.videoBox>.title h3,
.videoList>.title h3{
	float:left;
	padding:0 10px;
	padding-left:45px;
	height:65px;
	border-bottom:3px solid #295792;
	background:url(../images/ico.png) left center no-repeat;
	color:#295792
}
.videoBox .play{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
	background:rgba(0,0,0,.4)
}
.videoBox .play>a>img{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-48px;
	margin-top:-48px
}
.videoBox .play>a>p{
	position:absolute;
	width:100%;
	height:60px;
	line-height:60px;
	bottom:0;
	left:0;
	text-indent:20px;
	font-size:18px;
	color:white
}
.videoList{
	width:390px
}
.videoList ul li{
	height:165px;
	margin-bottom:10px;
	background-color:#dedede
}
.videoList ul li p{
	color:#777;
	line-height:165px
}
.foot{
	padding:45px 0;
	color:white;
	background-color:#3e5582;
	line-height:24px
}
.foot a img{
	position:absolute;
	top:10%
}
.f01{
	left:10%
}
.f02{
	right:10%
}
@media (max-width:1024px){
  .videoBox{width:100%}
}

.top{height: 400px;background: url(../images/banner.jpg) top no-repeat;width: 100%;background-size: cover;}
.aria_button li{cursor: pointer;}
.video1{overflow: hidden;}

@media(max-width:1100px){
    .main .bg_ff>div{width: 100%;padding: 0;}
    .videoBox{width: 100%;margin-bottom: 20px;}
    .videoList{width: 100%;}
    .top{height: 240px;}
    .main{width: 100% !important;}
    .bg_ff{width: 100% !important;box-sizing: border-box;padding: 20px;}
    body{min-width: auto !important;}
    .foot>div{width: 100% !important;} 

}
@media(max-width:850px){
    .videoBox .play>a>img{width: auto;height: auto;}
    .videoList>ul{display: flex;}
    .videoList>ul li{width: 31%;margin-right: 2%;}
    .top{background-size: contain;background-position: top center;height: 174px;}
    .videoList ul li a{overflow: hidden;}
    .videoList ul li a img{margin-right: 0;width: 100%;height: auto;}
    .foot{padding: 20px 0;}
    span#_ideConac{height: auto;display: block;}
    #imgConac,#_span_jiucuo img{position: unset !important;}
    p#_span_jiucuo a{display: block;margin-top: 20px;}
    .videoList ul li p{line-height: normal;font-size: 16px;padding-left: 10px;}
    
}
@media(max-width:640px){
    .top{height: 120px;}  
    .videoBox .play img{width: 100%;height: 100%;object-fit: cover;}  
}
@media(max-width:550px){
    .top{height:90px;}   
    .bg_ff{padding-top: 10px;} 
    .videoBox>.title h3, .videoList>.title h3{font-size: 16px;background-size: 28px;padding-left: 38px;height: 50px;}
    .videoBox>.title, .videoList>.title{height: 50px;line-height: 50px;}
    .videoBox .video1{height: 50vw;margin-top: 15px !important;}
    .videoBox .play>a>img{width: 40px;height: 40px;margin-left: -20px;margin-top: -30px;}
    .videoBox{margin-bottom: 0;}
    .videoBox .play>a>p{font-size: 14px;height: 40px;line-height: 40px;}
    .videoList>ul{flex-wrap: wrap;}
    .videoList ul li{width: 100%;height: auto;}
    .videoList ul li p{font-size: 16px;}
    .foot{margin-top: 0;}
}

@media(max-width:420px){
    .bg_ff{padding: 10px; padding-top: 0;}
    .videoList ul li a img{height: auto;}
}

/* 2024-01-09 By:zhou_qin end*/