@import url("../../css/basic2.css");
div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px;  color: #666;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body {
	background:#0d2680;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
.l{float: left;}
.r{float: right;}
.tp_top{margin-top: 60px;}
/*container*/
.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;}
}
.content{
	max-width: 1300px;
    margin: 0 auto;
    background: #f7f9ff;
}
.mt{margin-top: 60px;}
.mb{margin-bottom: 60px;}
.title{text-align: center; font-size: 36px; line-height: 1; font-weight: bold; color: #083791; margin: 60px 0 20px;}
.swiper-top{margin-top: 60px;}
.swiper-top .items{overflow: hidden; background: #fff; border-radius: 0 10px 10px 0; position: relative;}
.swiper-top .items img{float: left; width: 53%; border-radius: 10px 0 0 10px;}
.swiper-top .items .top_right{padding: 0 3%; width: 41%; float: left;}
.swiper-top .items .top_right h4{color: #083791; font-size: 24px; line-height: 30px; padding: 33px 0 22px;}
.swiper-top .items .top_right a.more{color: #083791; font-size: 16px; display: inline-block; position: absolute; left: 56%; bottom: 30px;}
.block-pes{color: #fff; margin-bottom: 20px; text-align: center;}
.relateds{float: left; width: 23.5%; margin-bottom: 30px; margin-right: 2%;}
.relateds_even:nth-child(4n+4){margin-right: 0;}
.relateds img{display: block; width: 100%; border-radius: 10px 10px 0 0;}
.relateds_text{ border-top: 0; border-radius:0 0 10px 10px; color: #333; font-size: 16px; line-height: 24px; background: #fff;
min-height: 100px; padding: 10px 15px 0;}
.relateds_half{width: 49%!important;}
.relateds_half:nth-child(even){margin-right: 0;}
.relateds_half .relateds_text{min-height: 60px;}
.related_nav{margin-bottom: 30px; text-align: center;}
.related_nav span{display: inline-block; color: #083791; padding: 0 15px; cursor: pointer;}
.related_nav span.active{color: #fff; background: #083791; border-radius: 20px; }
.related_child{display: none;}
.related_child.on{display: block;}
.swiper-pagination-bullet{width: 60px; height: 8px; border-radius: 20px; margin: 0 8px!important; background: #929292; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.swiper-one .swiper-pagination{position: static; margin-top: 20px;}
.back{background-image: url(bg.jpg); background-position: center 0; background-repeat: no-repeat; background-size: cover; padding: 1px 0 40px; margin-top: 60px;}
.swiper_items{min-height: 360px; background: #fff; border-radius: 20px; padding: 30px 30px 0; box-sizing: border-box;}
.swiper_items img{display: block; margin: 0 auto;}
.swiper_items h2{text-align: center; margin: 10px 0 15px; color: #083791; font-size: 20px;}
.swiper_items p{font-size: 16px; line-height: 20px; text-align: justify;}
.announcement{background: #fff; border-radius: 20px; padding: 0 30px 30px; box-sizing: border-box; margin-top: 40px;}
.announcement-title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.announcementTitle{width: 120px; height: 40px; color: #fff; font-size: 24px; line-height: 40px; text-align: center; border-radius: 0 0 10px 10px; font-weight: bold;
background: #083791;}
.announcement-title a{color: #083791; font-size: 16px; line-height: 24px;}
.announcement ul li{border-top: 1px solid #ddd; padding:11px 0; overflow: hidden;}
.announcement ul li span{display: block; float: right; color: #999; font-size: 16px;}
.announcement ul li:last-child{border-bottom: 1px solid #ddd;}
/*foot*/
.foot{background:#083791; padding: 80px 0; margin-top: 80px;}
.foot p{color:#ffffcc; text-align: center;}


.container-top{margin-top: 60px;}
.container-top-con{display: flex; justify-content: space-between;}
.top_item{ width: 49%;}
.top_item_max{min-height: 360px; padding: 30px 20px 0 30px; box-sizing: border-box; background: #fff; border-radius: 10px;}
.top_item_min_child{min-height: 170px; padding: 20px; box-sizing: border-box; margin-bottom: 20px; border-radius: 10px; background: #fff;}
.top_item_min_child:last-child{margin-bottom: 0;}
.top_item_min_text{ display: flex; align-items: center;}
.top_item_min_text_left{margin-right: 20px; min-width: 100px;}
.top_item_max h4{color: #083791; font-size: 24px; line-height: 30px; padding: 0 0 22px;}
.top_item_max a.more{color: #083791; font-size: 16px; display: inline-block; margin-top: 20px;}
.top_item_min_text  img{display: block; margin: 0 auto;}
.top_item_min_text h2{text-align: center; margin: 10px 0 15px; color: #083791; font-size: 20px;}
.top_item_min_text p{font-size: 16px; line-height: 20px; text-align: justify;}

@media screen and (max-width: 1199px){
	p{font-size: 16px; line-height: 24px;}
	.swiper-top .items .top_right h4{padding: 20px 0 10px;}
	.swiper-top .items .top_right a.more{margin-top: 6px;}

	.relateds{width: 32%; margin-bottom: 20px; margin-left: 0; margin-right: 0}
	.relateds_even:nth-child(3n+2),.relateds_mr:nth-child(3n+1){margin-right: 2%; margin-left: 2%;}
	.relateds_half{margin-right: 2%;}
	.swiper-top{margin-top: 60px;}
	
}
@media screen and (max-width: 991px){
	.swiper-top{margin-top: 40px;}
	.title{font-size: 24px; margin: 40px 0 15px;}
	.swiper-top .items img,.live_l{float: none; width: 100%;}
	.swiper-top .items .top_right,.live_r{width: 96%; padding: 0 2% 20px;}
	.swiper-top .items .top_right a.more{position: static;}
	.block-pes{font-size: 16px; line-height: 24px;}
	.back{margin-top: 40px; padding: 1px 0 20px;}
	.swiper-one .swiper-pagination{ margin-top: 10px;}
	.swiper-pagination-bullet{width: 8px; height: 8px; border-radius: 50%; margin: 0 4px!important; }

	.container-top-con{display: block;}
	.top_item{ width: 100%;}
	.top_item_min{margin-top: 20px;}
	.top_item_max{min-height: auto; padding: 20px;}
}

@media screen and (max-width: 768px){
	p{font-size: 16px; line-height: 24px;}
	.title{font-size: 20px; margin: 30px 0 10px;}
	.container{margin: 0 15px;}
	.swiper-top .items .top_right h4,.top_item_max h4{font-size: 20px; line-height: 27px;}
	.top_item_max h4{padding-bottom: 15px;}
	.swiper-top .items .top_right,.live_r{width: 92%; padding: 0 4% 20px;}
	.swiper-top .items img{border-radius: 0;}
	.swiper-top .items{border-radius:10px;}
	.relateds_text{padding: 10px 10px 0; font-size: 14px; line-height: 20px;  min-height: 90px;}
	.relateds{width: 49%; margin-bottom: 12px; margin-left: 0; margin-right: 0}
	.relateds_even:nth-child(3n+2),.relateds_mr:nth-child(3n+1){margin-right: 0; margin-left: 0;}
	.relateds_half{margin-right: 0;}
	.relateds_half{width: 100%!important;}
	.relateds_even:nth-child(even){margin-left: 2%;}
	.relateds_mr:nth-child(even){margin-left: 2%;}
	.related_nav{margin-bottom: 15px;}
	.related_nav span{ padding: 2px 7px; font-size: 14px; line-height: 20px;}
	
	.foot{margin-top: 40px; padding: 30px 0;}
	.swiper-one .swiper-slide{width: 300px;}
	.announcementTitle{width: 100px; height: 36px; font-size: 18px; line-height: 36px; }
	.announcement ul li a,.news ul li span{display: block; font-size: 16px; line-height: 24px;}
	.announcement ul li{padding: 8px 0;}
	.swiper_items{min-height: 340px;}
	.swiper_items p,.top_item_min_text p{font-size: 14px; line-height: 20px;}
	.block-pes{text-indent: 32px; text-align: left;}

	/* .top_item_min_text  img{display: block; margin: 0 auto;}
	.top_item_min_text h2{text-align: center; margin: 10px 0 15px; color: #083791; font-size: 20px;}
	.top_item_min_text p{font-size: 16px; line-height: 20px; text-align: justify;} */
}