@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 only screen and (max-width: 800px){
	.videoBox	{width: 100%;}
}
@media (max-width:834px){
  
  .videoBox .video1{height: 60vw;}
  .videoBox .video1 img{width: 100%;height: 100%;}
  .videoList ul li{padding-top: 20px;width: 30%;height: auto;}
  .videoList ul li a{display: flex;align-items: center;flex-direction: column;}
  .videoList ul li p{line-height: 50px;}
  .w1040, .leftNav, .leftNav > li, .leftNav > li > a, .rightCon{width: 100%;}
  .RightSide_con .ysqgk_cardbox{display: flex;flex-direction: column;}
  .RightSide_con .ysqgk_cardbox>td{width: 100%;}
}

/* 2024-01-09 By:zhou_qin  begin*/
.top{height: 400px;background: url(../images/banner.jpg) top no-repeat;width: 100%;background-size: cover;}
.aria_button li{cursor: pointer;}
@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;}
    #imgConac{position: unset;display: inline-block;}
}
@media(max-width:850px){
    .videoBox .play>a>img{width: auto;height: auto;}
    .videoList>ul{display: flex;justify-content: space-between;}
    .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: 100%;}
    .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;}
}
@media(max-width:640px){
    .top{height: 120px;}    
}
@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%;}
    .videoList ul li p{font-size: 16px;}
}

@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*/