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: #fff;}
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: #002266;
    /*background-image: url(../images/bg.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    min-height: 1000px;*/
}
.l{float: left;}
.r{float: right;}
.tp_top{margin-top: 80px;}
/*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;}
}
.mt{margin-top: 50px;}
.mb{margin-bottom: 60px;}
.row{margin: 0 45px;}
.owl-dots{text-align: center; margin-top: 35px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 60px; height: 10px; margin:0 10px; display: block; background: #ddd; border-radius: 10px;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #00004c;}
.banner{margin-bottom: 65px;}
.top_head{background: #eeeeee; padding: 12px 0; margin-bottom: 40px;}
.container-fluid{max-width: 1200px; margin:0 auto;}
.top_head img{display: block; width: auto;}
.top_head a{color: #999; display: block;}

.nav{padding: 15px 0 20px; background: #fff;}
.nav span{font-size: 32px; line-height: 50px; color: #333; display: block;}
.nav p{font-size: 14px; line-height: 20px; color: #666;}
.nav img{display: block; width: 75px; margin: 0 14px 0 20px;}

.video_box{position: relative;}
.class_video{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.des_box{background: #f0f0f0; padding: 32px 30px 27px; position: relative;}
.des_box p{color: #666;}
.des_kuai{position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; background: #edaa3d;}
.count-down{text-align: center; background: #001c56; padding: 10px 0; color: #fff;}
.count-down span{display: inline-block; margin: 0 4px; color: #fff;}

.invitation-box{background: #001c56; overflow: hidden; padding:30px;}
.invitation-text p{color: #FFF; padding-bottom: 10px;}
.invitation-text a{color: #c7030e; display: inline-block; margin-top: 20px;}

.owl-carousel .items{background: #111; padding: 20px; min-height: 300px;}
.owl-carousel .items a{color: #FFF; font-size: 20px; line-height: 30px; display: inline-block; margin-bottom: 10px; font-weight: bold;}
.owl-carousel .items p{color: #FFF;}

.title{margin: 80px 0 30px;}
.title span{display: block; font-size: 34px; line-height: 1; color: #FFF; }
.title .line{width: 100%; height: 3px; background: #eee; margin-top: 15px;}
.title .line .kuai{width: 140px; height: 3px; background: #003399;}

.agenda ul{overflow: hidden;}
.agenda ul li{background: #f4f4f4; overflow: hidden; padding: 18px 0; margin-bottom: 10px;}
.agenda ul li div{line-height: 24px; color: #222;}
.agenda_l{width: 13%; padding-left: 2%; float: left; font-size: 16px; }
.agenda_cen{width: 40%; float: left; font-weight: bold;}
.agenda_r{width: 40%; padding:0 2%; float: left;}

.foot{padding: 70px 0; background: #313131; text-align: center; margin-top: 100px;}
.foot p{font-size: 16px;}

@media screen and (max-width: 1219px){
	
}

@media screen and (max-width: 1199px){
	.navs{height: 115px;}

	.invitation-box{padding-bottom:30px;}
	.owl-carousel .items{min-height: 400px;}
}

@media screen and (max-width: 991px){
	.invitation-box{padding:20px;}
	.invitation-box img{float: none; width: 100%;}
	/*.invitation-text{width: 100%; float: none; margin-bottom: 20px;}*/
	.invitation-text a{margin: 10px 0 0 0;}

	.agenda_l{width: 92%; padding: 0 4%; float: none; }
	.agenda_cen{width: 92%; padding: 0 4%; float: none; margin: 5px 0;}
	.agenda_r{width: 92%; padding: 0 4%; float: none;}
}

@media screen and (max-width: 768px){
	p,.listForm .text .p-txt p{font-size: 16px; line-height: 24px;}
	.owl-dots{margin-top: 15px;}
	.owl-dots .owl-dot span{margin: 0 4px; width: 7px; height: 7px;}

	.top_head{padding: 10px 0; margin-bottom: 0;}
	.top_head .container-fluid{background: #f0f0f0;}
	.top_head img{width: 100px;}
	.top_head a{line-height: 20px;}
	.nav{padding: 15px 0; position: relative;}
	.nav span{font-size: 16px; line-height: 24px;}
	.nav p{line-height: 24px;}
	.nav img{width: 100%; margin: 0;}
    .nav_l{width: 18%; float: none; margin-left: 2%;}
    .nav_r{width: 75%; position: absolute; left: 23%; top: 0; height: 100%;}
	.nav_r_box{display:table; height: 100%;}
	.nav_r_con{display:table-cell; vertical-align:middle;}
	
	.container{margin:0 15px;}
	.container_of{margin: 0;}
	.foot{padding: 40px 0; margin-top: 40px;}
	.foot p{font-size: 14px; line-height: 20px; }

	.title{margin: 40px 0 20px;}
	.title span{font-size: 24px;}
	.title .line .kuai{width: 96px;}

	.invitation-text a{margin: 10px 0 0 0; font-size: 16px;}

	.navs{width: 100%; float: none; margin-bottom: 15px; height: 90px;}

	.agenda_l{font-size: 14px; }
	.agenda_cen,.agenda_r{font-size: 16px; }
	.count-down{font-size: 16px; line-height: 24px; }
    .count-down span{margin: 0 2px; font-size: 16px; line-height: 24px;}

    .owl-carousel .items{padding: 15px 15px 20px; min-height: auto;}
	.owl-carousel .items a{font-size: 18px; line-height: 27px;}
	.owl-dots{margin-top: 20px;}
	.owl-dots .owl-dot span{
		width: 10px; height: 10px; margin:0 4px;
	}
}