*{margin: 0; padding: 0; box-sizing: border-box;}
html{font-size: 16px;}
body{line-height: 1.5em; background: #dfe6f7; color: #333; font-family:-apple-system,PingFang SC,Microsoft YaHei,Source Han Sans SC,,WenQuanYi Micro Hei,sans-serif;}
.container,.about-part{width: 100%; padding-left: 10px; padding-right: 10px;}
a{color: #333; text-decoration: none;}
.aic{align-items: center;}
.mb30{margin-bottom: 20px;}
ul{list-style: none;}

.top{width: 100%; padding:40px 15px; background: url(../images/top.png) no-repeat top center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.title{ color:#fff;}
.title h1{margin-bottom: 10px;}
.title h1 img{max-width: 100%;}
.title h3{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.nav-toggle{font-size:25px;color:#fff;width:40px;height:40px;line-height:60px;text-align:center;cursor:pointer; position: fixed; right: 10px; top: 10px; z-index: 120;}
.nav-toggle span{display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 25px;}
.nav-toggle span:before, .nav-toggle span:after{content: ""; display: block;}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after{height: 4px; background: #fff; -webkit-transition: 0.2s all; transition: 0.2s all;}
.nav-toggle span:before{-webkit-transform: translate(0%, 10px); -ms-transform: translate(0%, 10px); transform: translate(0%, 10px);}
.nav-toggle span:after{-webkit-transform: translate(0%, -14px); -ms-transform: translate(0%, -14px); transform: translate(0%, -14px);}
.nav-toggle.active span:before{-webkit-transform: translateY(0px) rotate(-135deg); -ms-transform: translateY(0px) rotate(-135deg); transform: translateY(0px) rotate(-135deg);}
.nav-toggle.active span:after{-webkit-transform: translateY(-4px) rotate(135deg); -ms-transform: translateY(-4px) rotate(135deg); transform: translateY(-4px) rotate(135deg);}
.nav-toggle.active span{background: transparent;}
.nav{position:fixed;z-index:100;top:0px;right:0px; width:0px; padding-top: 40px; background:rgba(0,0,0,.9);height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto;}
.nav .container{padding:20px;}
.nav a{display: block; line-height:60px; border-bottom:1px solid #787878; color: #fff;}
.nav.active{opacity: 1; width: 100%;}
.box{background: #fff; border-radius: 4px; padding:30px 15px;}
.box-title{border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height: 1; font-weight: bold; position: relative; padding-left:15px;}
.box-title::before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 5px; height:20px; background: #08266c;}
.box-title .more{position: absolute; right: 0px; top: 0px; font-size: 1rem; font-weight: normal;}
.box-con p{line-height: 2;}
.box-con h3{margin-bottom: 10px; margin-top: 15px;}
.pt{width: 45%; margin-right: 20px; margin-bottom: 20px; float: left;}
.danwei li{margin-bottom: 10px;}
.about{width: 100%; background: #fff; padding:15px 0; margin-bottom: 20px; background: #fff;}
.about h3{font-size:20px; text-align: center; line-height: 30px; margin-bottom:20px;}
.about-part p{text-indent: 2em; margin-bottom: 10px;}
.time-items{display: flex; justify-content: space-between; flex-wrap: wrap;}
.time-items .item{width:100%; text-align: center; border: 1px solid #e1e1e1; padding:20px 10px; margin-bottom: 15px;}
.time-items .item{font-size: 20px; color: #004aa1;}
.time-items .item p{text-indent: 0; margin-bottom: 0; color: #666; height: 32px;}
.time-items .item:hover{border:1px solid #004aa1;}
.home-left{margin-bottom: 20px;}
.tools{display: flex; flex-wrap:wrap; justify-content: space-between; margin-bottom: 20px;}
#countdown{width: 100%; height: 80px; border-radius: 4px; background:url(../images/icon_djs.png) no-repeat left 10px center #2d63da;  background-size:20px; position: relative; padding:10px 10px 10px 35px; margin-bottom:10px;}
#countdown strong{display:inline-block; width: 44px; background: #fff; padding: 2px; color: #000; padding: 0 5px; font-size: 18px; color: #2d63da; text-align: center;}
#countdown .tian{background: #fff; border-radius: 6px; height:30px; position: relative;text-align: center; }
#countdown .tian em{ font-size: 16px; font-style: normal;}
#countdown .tian b{position: relative; z-index: 10;font-size:24px; letter-spacing:2px; text-shadow:0 2px rgba(0, 0, 0, 0.2); font-weight: bold; line-height:30px; }
#countdown  p{margin-bottom:5px; color: #fff; font-size: 12px; white-space: nowrap;}
.baoming{display: block; width: 48%; border-radius: 4px; background:url(../images/icon_baoming.png) no-repeat top 50px center #2366c0;  background-size:24px; padding:10px; padding-top:70px; text-align: center; font-weight: bold; font-size: 18px; line-height: 60px; color: #fff; }
.ewm{display: block; width: 48%;border-radius: 4px; background:#2366c0; padding:10px; color:#fff; text-align:center; }
.ewm img { width: 100%;  border-radius: 4px;  overflow: hidden; }

.footer{background: #08266c; color: #fff; margin-top: 20px; padding: 15px 0;}
.copyright{display: none;}
.footer .logo{text-align: center;}
.footer .logo img{height: 60px; max-width: 80%;}

.content{background: #fff; padding: 30px 15px; width: 100%; margin-top: 20px;}
.content-title{font-size: 24px; font-weight: bold; text-align: center; line-height: 1em; margin-bottom: 20px;}
.content-con{font-size: 18px; line-height: 2; min-height: 500px;}
.content-con h2{background: url(/images/bg_h2.png) no-repeat left center; height: 60px; line-height: 60px; color: #FFF; padding-left: 10px; margin-bottom: 20px; font-size: 22px;}
.content-con h3{font-size: 20px; margin-bottom: 10px; color: #004aa1; margin-top: 20px;}
.content-con p{margin-bottom: 10px;}
.content-con img{max-width: 100%;}
.member{min-height: 400px; margin:0px auto; box-shadow: 0px 0px 18px 0px rgba(68, 130, 233, 0.3);  border-radius: 20px;  padding:15px; background: #fff; position: relative;}
.member-title{font-size: 24px; font-weight: bold; text-align: center; line-height: 1em; margin-bottom: 15px;}
.member-info{margin-bottom: 20px; text-align: center;}
.member-info a{color: #44aafe; text-decoration: underline;}
.form-control{border:0; border-bottom:1px solid #e1e1e1; height: 40px; padding: 5px; margin-right: 10px; width: 100%; font-size: 1rem; border-radius: 4px;}
.form-text{border:1px solid #e1e1e1; padding: 5px; width: 100%; border-radius: 4px; line-height: 1.5em; height: 4.5em;}
.form-group{display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 20px;}
.form-group em{font-style: normal; color: red; margin-right: 10px;}
.form-group .wa{width: 100px;}
.form-group label{white-space: nowrap; margin-right: 5px; width: 4em; flex-shrink: 0;}

.form-item{margin-bottom: 20px;}
.form-item label{display: block; margin-bottom: 10px;}
.form-item em{font-style: normal; color: red; margin-left: 10px;}
.form-item p{font-size: 14px; color: #999; margin-bottom: 10px;}
.form-item .form-control{margin-right: 0;}

.btn-info{border: solid 1px #44aafe; background:#44aafe; color: #fff; line-height: 20px;  padding: 8px 10px;  border-radius: 4px; font-size: 14px; white-space: nowrap;}
.btn-sub{border:0; background: #2d63da; color: #fff; height: 40px; width: 120px; border-radius: 6px; text-align: center; line-height: 40px; font-size: 18px; margin:0px auto;}
.form-group2 label{display: block;}
.form-group2{margin-bottom: 20px;}
.fw{flex-wrap: wrap; }
.tit{margin-bottom: 20px; position: relative;}
.tit .add-btn{position: absolute; right: 0; top: 0; background:url(../images/icon_add.png) no-repeat left center; background-size: 16px; padding-left: 22px; cursor: pointer;}
.ybh{height: 120px; line-height: 120px;text-align: center;}
.morechr{margin-bottom: 20px;}
.zchr{ display:flex; align-items:center; justify-content: space-between; margin-bottom: 10px;}
.zchr .form-control{margin-right:10px; width: 40%;}
.zchr .remove-btn{display: block; cursor: pointer; border-radius: 100%; width: 18px; height: 18px; background: url(../images/icon_del.png) no-repeat; background-size: cover; font-size: 0;}
.quit{border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 50px;}
.btn-quit{display: block; border:1px solid #e1e1e1; width: 120px; height: 36px; text-align: center; line-height: 36px; margin:0px auto; background: #f0f0f0; border-radius: 4px;}
.btn-quit:hover{background: #f5f5f5;}
.baoming-items .item{ padding:30px 15px; }
.baoming-items .item.i1{display: none;}
.baoming-items .item.i2{background:#2d63da; color: #fff; display: flex; justify-content: center; align-items: center;}
.baoming-items .item.i2 span{display: block; background:url(../images/icon_baoming.png) no-repeat top center; background-size:36px; padding-top:40px ; text-align: center;}
.list-zlxz{min-height: 500px; padding-top: 20px;}
	.list-zlxz .item{margin-bottom: 30px;}
	.list-zlxz .item a{ display: block; padding: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .2); position: relative; background: url(/images/icon_zlxz.png) no-repeat left 10px center; background-size: 24px;  padding-left: 40px;}
.pt20{padding-top: 20px;}
.yb .item{margin-bottom: 20px;}
.yb h3{color: #004aa1; border-bottom: 1px solid #e1e1e1; line-height:40px; margin-bottom: 10px;}
.yb p{line-height: 40px;}

.tab{border:1px solid #e1e1e1; border-collapse: collapse; width: 100%;}
.tab td,.tab th{padding: 5px; border: 1px solid #e1e1e1; text-align: center;}
.tab th{background: #f5f5f5;}
.tab .tl{text-align: left;}
.tab p{margin-bottom:0;}

.hyzt a{display: block; height:40px; line-height:40px; color:#08266c; position: relative; padding-left: 26px;}
.hyzt a:before{content: ''; display: block; width: 6px; height: 6px; border-radius: 6px; background: #08266c; position: absolute; left:10px; top:18px;}

.download{display:inline-block; background: url(../images/icon_down.png) no-repeat left center; background-size:30px; padding-left:35px; text-indent: 0; color:#004aa1;}

@media (min-width:768px){
	#countdown{ background:url(../images/icon_djs.png) no-repeat left 30px center #2d63da; background-size:40px;  padding:10px 20px 10px 80px;}
	.baoming{background:url(../images/icon_baoming.png) no-repeat left 30px center #2366c0;  background-size:40px; padding:10px 20px 10px 80px;}
}
@media (min-width: 1024px){
	.container{max-width: 1400px; display: flex; justify-content: space-between; flex-wrap: wrap; margin:0px auto;}
	.about{padding:40px 0; margin-bottom:40px;}
	.about-part{max-width: 1400px; margin:0px auto;}
	.about h3{font-size: 24px; margin-bottom: 30px;}
	.top{padding:40px; margin-bottom: 0;}
	.title h1{margin-bottom: 16px;}
	.title h3{font-size:30px; margin-bottom: 30px;}
	.title p{font-size: 18px; line-height: 2;}
	.nav-toggle{display: none;}
	.nav{background:#03154f; height: 50px; position: relative; top: 0; right: 0; opacity: 1; width: 100%; padding-top: 0; overflow-y: no;}
	.nav .container{height: 100%; padding: 0;}
	.nav a{display: block; padding: 0 25px; height: 100%; line-height: 50px; text-align: center;  color: #fff; font-size: 18px; border-bottom: 0;}
	.nav a.on{background: rgba(255,255,255, 0.2);}	
	.home-left{width: 68%; margin-bottom:0px;}
	.home-right{width: 30%; padding-top: 330px;}
	.member{width:50%; padding: 35px;}
	.home{position: relative;}
	.tools{position: absolute; right: 0; top: 0;  width: 30%;}
	.content{background: #fff; padding:30px 50px; width: 100%;}
	#countdown{ background:url(../images/icon_djs.png) no-repeat left 15px center #2d63da; background-size:26px;  padding:10px 20px 10px 55px;}
	#countdown p{font-size: 14px;}
	.baoming{background: url(../images/icon_baoming.png) no-repeat top 70px center #2366c0;
        background-size: 26px;
        text-align: center;
        padding: 10px;
        padding-top: 100px;}
	.baoming-items{display: flex; justify-content: space-between; width: 600px; margin: 0px auto; padding-top: 50px;}
	.baoming-items .item{width: 45%; border-radius:4px;  padding:30px; margin-bottom: 0;}
	.baoming-items .item.i1{background: #2d63da; color: #fff; text-align: center; display: block;}
	.baoming-items .item.i1 img{width: 100%; border-radius: 4px; overflow: hidden;}
	.time-items{flex-wrap: nowrap;}
	.time-items .item{width: 31%; }
	.time-items .item p{text-indent: 0; margin-bottom: 0; color: #666;height: auto;}
	.footer{margin-top: 30px; padding: 30px 0;}
	.copyright{display: block;}
	.copyright h4{font-size: 22px; margin-bottom: 10px;}
	.footer .logo img{height: 60px;}
	.list-zlxz{display: flex; justify-content: space-between;}
	.list-zlxz .item{width: 48%; margin-bottom: 0;}
	.list-zlxz .item a{ display: block; padding: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .2); position: relative; background: url(/images/icon_zlxz.png) no-repeat left 20px center; background-size: 30px;  padding-left: 60px;}
	.list-zlxz .item span{display: block;	background: #2d63da;   color: #fff;   padding: 5px 10px;   border-radius: 4px;   position: absolute;   right: 20px;   top: 20px;   height: 30px;  line-height: 20px}
	.hyzt{display: flex; justify-content: space-between; flex-wrap: wrap;}
.hyzt a{display: block; width: 50%; height:42px; line-height:42px; color:#08266c; transition: all .2s; position: relative; padding-left: 26px;}
.hyzt a:hover{padding-left:30px; background: #f7f7f7;}
.weit{}
.wei{display: flex; flex-wrap: wrap; position: relative;}
.wei p{min-width:50%; text-indent: 4em; white-space: nowrap;}
.wei p.t{text-indent: 0; position: absolute; left: 0; top: 0;}
.clr{width: 100%; clear: both;}
.ma{display: flex;  flex-wrap: nowrap;}
.ma>div{text-align:center; width:50%; font-weight: bold;}
.ma img{display: block; width: 200px; margin:0px auto;}

@media (min-width: 1400px){
	.container{padding-left: 0; padding-right: 0;}
	.box{padding:30px;}
	.top{height: 420px; padding:0; }
	#countdown p{font-size:1rem;}
	.content{background: #fff; padding: 30px 50px; width: 100%;}
}