@import url("../../css/basic2.css");
body{font-size:18px; line-height: 27px; font-family: "Microsoft YaHei"; margin:0; padding:0;}
table{border:0; border-collapse: collapse;}
div,p,ul,ol,li,td,form,dl,dt,dd,a,span,i,b,strong,em,h1,h2,h3,h4,h5,h6{font-family: "Microsoft YaHei"; margin:0; padding:0;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
img{border:0; margin:0; padding:0;}
.fl{float: left;}
.fr{float: right;}
.ct{text-align: center;}
.m0{margin:0 auto;}
.of{overflow: hidden;}
.img_block{display: block; width: 100%;}
.cle{width: 100%; height: 0px; overflow: hidden; clear: both;}

.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1220px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
body,html{background:#f5f5f5;}
/*banner*/
.banner{background: url(banner.jpg) no-repeat center 0; height: 500px; }
.swiper-button-box-one,.swiper-pagination-two,.swiper-button-box-thr{
	position: static; margin: 0 auto; margin-top: 20px; transform: translateX(0)!important; 
	-webkit-transform: translateX(0)!important; -moz-transform: translateX(0)!important;
}
.swiper-pagination-bullet{width: 18px; height: 18px; background: #292fa9; opacity: 1;}
.my-bullet{display:inline-block; }
.my-bullet-active{background: #292fa9;  opacity: 1; transform: scale(1)!important;}
.my-bullet-active-prev,.my-bullet-active-next{transform: scale(.66)!important;}

/*foot*/
.foot{background:#232323; padding: 80px 0; margin-top: 60px;}
.foot p{color:#fff; text-align: center;}

.top{padding:50px 0 0;}
.top-title{text-align: center; font-weight: bold; color: #232323; font-size: 36px; line-height: 1; margin-bottom: 25px;}
.top-title span{font-weight: bold; color: #292fa9; font-size: 36px; line-height: 1; display: inline-block;}
.top-des{margin-bottom: 20px;}
.top-des span{display: block; color: #232323; text-align: center; font-size: 18px; line-height: 27px;}
.top img{display: block; margin:0  auto;}

.block-mt{margin-top: 60px;}
.swiper-common .items{background: #ffffff;}
.swiper-common .items_left{float: left; width: 53.3333%;}
.swiper-container img{display: block; width: 100%;}
.swiper-common .items_right{float: left; width: 46.6667%;}
.swiper-common .top_slide_text{padding: 35px 30px 0;  min-height: 325px; position: relative;}
.swiper-common .top_slide_text h6{margin-bottom: 15px;}
.swiper-common .top_slide_text h6 a{color: #232323; font-size: 24px; line-height: 36px; font-weight: bold;}
.swiper-common .top_slide_text a.more{color: #2969b6; font-size: 16px; line-height: 24px; display: inline-block; margin-top: 16px;}
.swiper-common .top_slide_text p{color: #666; font-size: 16px; line-height: 24px;}
.swiper-common .look-live{position:absolute; left:30px; bottom:40px; display: block; width: 120px; height: 32px; line-height: 32px; color: #fff; font-size: 18px;
text-align: center; border-radius: 25px; background: #2571da;}
.swiper-common .swiper-pagination{position: static; margin-top: 20px;}
.swiper-common .swiper-pagination .swiper-pagination-bullet{width: 80px; height: 10px; border-radius: 5px; background: #eac6ce; margin:0 10px; 
opacity: 1;}
.swiper-common .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #c8000b;}
.swiper-common.swiper-bottom .top_slide_text h6 a{font-size: 36px; line-height: 48px;}

.swiper-common.swiper-bottom .items_left{float: left; width: 50%;}
.swiper-common.swiper-bottom .items_right{float: left; width: 50%;}
.swiper-common.swiper-bottom .top_slide_text{padding: 35px 40px 0;}

.title{text-align: center; color: #232323; font-size: 36px; line-height: 1; margin:70px 0 35px; font-weight: 700;}
.title span{display: inline-block; color: #292fa9; font-size: 36px; line-height: 1;}

.live-box{position: relative; border-radius: 15px; overflow: hidden;}
.items{
	border-radius: 15px;
}
.live-box .player{position: absolute; left: 50%; top: 50%; margin:-50px 0 0 -50px;}
.live-box .time{position: absolute; left: 50%; top: 0; margin:0 0 0 -200px; width: 400px; color: #fff; height: 40px; line-height: 40px; 
font-size: 16px; text-align: center; background: #2571da; border-radius: 0 0 15px 15px;}

.common-block .swiper-box-text{min-height: 80px; padding:18px 20px 0; background: #fff;}
.common-block .swiper-box-text a{color: #232323; font-size: 18px; line-height: 27px;}
.swiper-nav .swiper-box-text a{display: block; font-size: 20px; line-height: 30px; color: #031f4b;}
.common-block .swiper-slide{border-radius: 20px; overflow: hidden;}
.video .player{position: absolute; left: 50%; top: 35%; margin:-30px 0 0 -30px; width: 60px; height: 60px; display: block;}

.swiper-box-two .swiper-slide{background: #fff; border-radius: 15px;}
.swiper-box-two .swiper-slide img{width: auto; margin:0 auto; margin-top: 30px;}
.swiper-box-two .text{min-height: 260px; padding:10px 30px 0;  box-sizing:border-box;}
.swiper-box-two .text .name{font-size: 20px; margin: 0 0 10px; color: #232323; text-align: center;}
.swiper-box-two .text .pes{color: #666666; font-size: 16px; line-height: 24px;}

.agenda ul li{background:#ffffff; overflow: hidden;  margin-bottom: 10px;}
.agenda ul li div{line-height: 24px; padding-top: 18px; padding-bottom: 18px;}
.agenda ul li.act .agenda_cen{font-weight: bold;}
.agenda ul li div.overflow_over{background:#099; color: #fff; text-align: center;}
.agenda_l{width: 14%; padding-right:3%; padding-left: 2%; float: left; font-size: 16px; color: #999999;}
.agenda_cen{width: 40%; float: left; padding-right: 3%; color: #333; font-weight: bold;}
.agenda_r{padding-right: 2%; float: left; color: #333; width: 36%;}




@media screen and (max-width: 1199px){
	.swiper-common .top_slide_text,.swiper-common.swiper-bottom .top_slide_text{padding:15px 15px 0; min-height: 276px;}
	.swiper-common .top_slide_text h6{margin-bottom: 10px;}
	.swiper-common .top_slide_text h6 a{font-size: 20px; line-height: 30px;}

	.swiper-common .look-live{font-size: 16px; line-height: 30px; width: 100px; height: 30px; bottom: 10px; left: 20px;}

	.agenda ul li div{padding-top: 0; padding-bottom: 0;}
	.agenda ul li div.agenda_l{width: 92%; padding-left: 4%; padding-right: 4%; padding-top: 18px; float: none; }
	.agenda ul li div.agenda_cen{width: 92%; padding-left: 4%; padding-right: 4%; float: none; margin: 5px 0;}
	.agenda ul li div.agenda_r{width: 92%; padding-left: 4%; padding-right: 4%; padding-bottom: 18px; float: none; margin: 6px 0 0;}
	.agenda ul li div.overflow_over{padding-top: 18px; padding-bottom: 18px;}
}
@media screen and (max-width: 991px){
	.top{ padding:30px 0 0;}
	.top-title{font-size: 30px; margin-bottom: 20px;}

	.top-title span{font-size: 30px;}
	.top-des span{display: inline; text-align: center; font-size: 16px; line-height: 24px;}
	.top-des{margin-bottom: 12px;}
	.top img{width: 30px;}

	.swiper-common .items_left,.swiper-common .items_right{float: none; width: 100%;}
	.swiper-common.swiper-bottom .items_left{float: none; width: 100%;}
	.swiper-common.swiper-bottom .items_right{float: none; width: 100%;}
	.swiper-common .top_slide_text,.swiper-common.swiper-bottom .top_slide_text{min-height: auto; padding:20px;}
	.swiper-common .look-live{position: static; margin-top: 20px;}
	.swiper-common .swiper-pagination {margin-top: 15px;}
	.swiper-common .swiper-pagination .swiper-pagination-bullet{width: 10px; margin:0 5px;}

	.title{font-size: 30px; margin:40px 0 20px;}
	.swiper-common.swiper-bottom .top_slide_text h6 a{font-size: 30px; line-height: 40px;}
	.title span{font-size: 30px;}

	.block-mt{margin-top: 40px;}

	.live-box .player{width: 60px; margin:-30px 0 0 -30px;}
	.video .player{width: 60px; margin:-30px 0 0 -30px;}
	.live-box .time{width: 330px; height: 32px; line-height: 32px;}
}

@media screen and (max-width: 768px){
	p,span{font-size: 16px; line-height: 24px;}
	.container{margin: 0 15px;}
	

	.foot{padding: 50px 0; margin-top: 30px;}

	.video_area video{width: 100%; }
	.video_close_icon{top: 10px; right: 10px;}

	.top-title{font-size: 24px; line-height: 30px; margin-bottom: 15px;}
	.top-title span{font-size: 24px;}
	.top-des span{display: inline; line-height: 24px;}
	body{line-height: 24px;}
	.top-des{margin-bottom: 10px; text-indent: 32px;}

	.agenda_l{font-size: 14px; }
	.agenda_cen{width: 92%; padding-left: 4%; padding-right: 4%; float: none; margin: 5px 0;}
	.agenda_r{width: 92%; padding-left: 4%; padding-right: 4%; float: none; margin: 0; }
	.agenda_cen,.agenda_r{font-size: 16px; }
	.agenda ul li div.overflow_over{padding:18px 4%; font-size: 16px; line-height: 24px;}
	.agenda-time{font-size: 12px; line-height: 18px;}


	.title{font-size: 24px; margin:40px 0 20px;}
	.swiper-common.swiper-bottom .top_slide_text h6 a{font-size: 24px; line-height: 36px;}
	.block-mt{margin-top: 30px;}
	.title span{font-size: 24px;}

	.live-box .time{width: 280px; height: 30px; line-height: 30px; font-size: 14px; margin:0 0 0 -140px;}
	.live-box .player,.video .player{width: 50px; height: auto; margin:-25px 0 0 -25px;}
	.live-box .time span{line-height: 30px; font-size: 14px;}
	.jiabin .swiper-slide{width: 270px;}
	.swiper-box-two .text .name{font-size: 18px;}
	.swiper-box-two .text{padding:10px 15px 0; min-height: 230px;}
	.swiper-box-two .text .pes{font-size: 14px; line-height: 20px;}
	.swiper-box-two .swiper-slide img{width: 120px;}

	.swiper-pagination-bullet{width: 14px; height: 14px;}
	.swiper-box-one .swiper-slide{width: 280px;}
}