*{margin: 0; padding: 0; box-sizing: border-box;}
html{font-size: 14px;}
body{line-height: 1.5em; background: #fff; color: #333; font-family:-apple-system,PingFang SC,Microsoft YaHei,Source Han Sans SC,,WenQuanYi Micro Hei,sans-serif;}
.container{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{height:250px; background: url(../images/bg.png) no-repeat top center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.top .title{max-width: 90%; position: relative;}
.top .sitelogo{display: none;}
.top .sitetitle.mobile{background: url(../images/logo.png) no-repeat; background-size:75px; padding-left:80px;margin-bottom: 20px; height:75px; display: flex; align-items: center;}
.top .sitetitle.mobile img{width:100%;}
.top .sitetitle.pc{display: none;}
.top h3{display: none;}
.top .info{border-radius: 16px; height: 30px; width:20em; line-height: 30px; font-size: 14px;  padding-left:1em; padding-right: 8em; overflow: hidden; background: #fff; color:#00246e; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); margin:0px auto;}
.top .info b{display: block; position: absolute; right: 0; top: 0; border-radius: 16px; height: 30px; padding: 0 1em; background: #1f60eb; color: #fff;}
.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%;}
.footer{text-align: center; padding:20px 0; background: #004acb; color: #fff;}

.home-title{ display: flex; align-items: center;margin-bottom:20px; justify-content: center;}
.home-title b{font-size: 18px; font-weight: bold; line-height: 1em; padding: 0 10px; color: #001490;}
.home-title::before,.home-title::after{display: block; content: ''; width: 20px; height: 2px; background: #001490;}
.home-title.tc{ justify-content: center;}
.home-title2{height:40px; line-height: 40px;}
.home-title2 b{font-size:20px; font-weight:bold; color: #001490;}

.home-about{padding-top: 20px; padding-bottom: 20px;}
.home-about .con{max-height: 33em; overflow: hidden; margin-bottom: 10px;}
.home-about .con p{margin-bottom:0.5em; line-height:2em;}
.home-about .more{display: block; width: 100px; height: 30px; text-align: center; border:1px solid #004acb; color: #004acb; border-radius: 4px; line-height: 30px; margin:0px auto; margin-bottom: 20px;}
.home-about .tools{width: 80%; margin: 0px auto;}
.home-about .tools .item{border-radius: 8px; background-color: #004acb; background-repeat: no-repeat; background-position: left 20px center; background-size:40px; overflow: hidden; height:80px; padding:0 10px 0 70px; color: #fff; margin-bottom: 20px; display: flex; align-items: center;}
.home-about .tools .item.i1{background-image: url(../images/icon_rili.png);}
.home-about .tools .item.i2{background-image: url(../images/icon_tijiao.png); line-height: 1.6;}
.home-about .tools .item.i3{background-image: url(../images/icon_baoming.png);}
.home-about .tools .item:hover{background-color: #0028a6;}
.home-about .tools .item a{color: #fff;}
.home-con{line-height: 30px;}
.fg30{width: 100%; height: 30px;}
.home-cbdw{background: #f2f6ff; padding:20px 0;}
.home-cbdw .flex{align-items: center;}
.home-cbdw .zbdw{text-align: center;}
.home-cbdw img{max-width: 100%;}
.home-cbdw .item{margin-bottom: 10px; text-align: center;}
.home-cbdw .item img{width: 240px;}

.content{background: #f2f6ff; padding:15px;}
.content .container{background: #fff; padding:15px;}
.sub-title{font-size: 18px; font-weight: bold; line-height: 1em; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #e1e1e1; padding-bottom:20px; position: relative;}
.sub-title::after{content: ''; display: block; width: 100px; height: 2px; background: #004acb; position:absolute; bottom: 0; left: 50%; margin-left: -50px;}
.sub-content{font-size: 18px; line-height:2; min-height: 500px;}
.sub-content p{margin-bottom: 10px;}
.sub-content img{max-width: 100%; margin: 0px auto;}
.sub-list {margin-bottom: 30px; min-height: 400px;}
.sub-list .item{padding: 20px 0; position: relative; padding-left: 20px; line-height: 1em;}
.sub-list .item:before{content: ''; display: block; width:6px; height:6px; position: absolute; left: 0; top:24px; background: #004acb;}

.pages{display: flex; justify-content:center; align-items: center;}
.pages a{margin-right: 15px;}

.member{background: #fff; padding:15px; margin:0px auto; border-radius: 6px; overflow: hidden;}
.member-title{text-align: center; line-height: 50px; font-size: 20px; color: #004acb; font-weight: bold;}
.member-info{text-align: center; margin-bottom: 30px;}
.member-info a{color: #004acb; text-decoration: underline;}
.form-info h4{font-size:18px; font-weight: bold; margin-bottom:20px;}
.form-info p{margin-bottom: 10px;}
.form-info p .form-control{font-size: 1rem;}
.form-info p span{display: inline-block; width:5.5rem;}
.form-info{margin-bottom: 20px;}
.form-group{margin-bottom: 20px;}
.form-group .form-tit{display: block; margin-bottom: 6px;}
.form-group .form-tit i{font-style: normal; color: red; margin-right: 5px;}
.form-group .form-control{border:1px solid #e1e1e1; height: 40px; line-height: 40px; border-radius: 4px; padding: 0 10px; width: 100%; font-size: 1rem;}
.form-group .form-control:focus{border: #004acb 1px solid; outline: none;}
.form-group .yzm{margin-left: 10px;}
.form-group .form-control.bgsj{background:url(../images/sj0.svg) no-repeat left 9px center; padding-left: 36px;}
.form-group .form-control.bgxm{background:url(../images/tou0.svg) no-repeat left 9px center; padding-left: 36px;}
.form-group .form-control.bgmm{background:url(../images/suo0.svg) no-repeat left 9px center; padding-left: 36px;}
.form-group .form-control.bgdw{background:url(../images/dw0.png) no-repeat left 9px center; padding-left: 36px; background-size:20px; }
.form-group .form-control.bgyx{background:url(../images/yx0.png) no-repeat left 9px center; padding-left: 36px; background-size:20px; }
.form-group .form-control.bgzc{background:url(../images/zc0.png) no-repeat left 9px center; padding-left: 36px; background-size:20px; }
.form-group .form-control.bgyzm{background:url(../images/yz0.svg) no-repeat left 9px center; padding-left: 36px; width: 110px; flex-grow: 0;}
.form-group .form-control.bgyzm2{width: 120px; flex-grow: 0;}
.form-group .form-control.bgsj:focus{background:url(../images/sj1.svg) no-repeat left 9px center;}
.form-group .form-control.bgxm:focus{background:url(../images/tou1.svg) no-repeat left 9px center;}
.form-group .form-control.bgdw:focus{background:url(../images/dw1.png) no-repeat left 9px center; background-size:20px;}
.form-group .form-control.bgyx:focus{background:url(../images/yx1.png) no-repeat left 9px center; background-size:20px;}
.form-group .form-control.bgzc:focus{background:url(../images/zc1.png) no-repeat left 9px center; background-size:20px;}
.form-group .form-control.bgmm:focus{background:url(../images/suo1.svg) no-repeat left 9px center;}
.form-group .form-control.bgyzm:focus{background:url(../images/yz1.svg) no-repeat left 9px center;}
.form-btn{ display: block; border:0; background: #004acb; color: #fff; height: 40px; width: 100px; text-align: center; border-radius: 4px; margin:0px auto; font-size: 1rem;}
.form-dx{margin-right: 10px;}
.form-radio{margin-right: 5px;}
.form-control.ro,.form-control.ro:focus{border: 0;}
.bmxx{margin-bottom: 20px;}
.bmxx h3{font-weight: bold; margin-bottom: 20px;}
.bmxx p span{display:block; margin-bottom: 10px;}
.bmxx p{ border-bottom: 1px solid #e1e1e1; padding: 15px 0;}


.quit{text-align: center;}
.quit a{display:inline-block; width: 100px; text-align: center; padding:10px; border:1px solid #e1e1e1; border-radius: 4px; line-height: 1em; background: #f6f6f6;}

@media (min-width:768px){

}
@media (min-width: 1024px){
	html{font-size: 16px;}
	.container{max-width: 1400px;  margin:0px auto; }
	.top{height:500px; }
	.top .title{max-width: 90%; position: relative; padding-left: 220px;}
	.top .sitelogo{position: absolute; width:180px; left: 0; top: 50%; margin-top: -90px; display: block;}
	.top .sitelogo img{width: 100%;}
	.top .sitetitle.pc{display:block; margin-bottom: 20px;}
	.top .sitetitle.pc img{width: 100%;}
	.top .sitetitle.mobile{display: none;}
	.top h3{font-size: 20px; font-weight: bold; color: #fff; line-height: 2em; margin-bottom: 50px; display: block;}
	.top .info{height: 36px; line-height: 36px; font-size: 20px;  padding-right: 8.5em; margin: 0;}
	.top .info b{height: 36px;}
	.nav-toggle{display: none;}
	.nav{background:#001490; height: 50px; position: relative;top: 0; right: 0; opacity: 1; width: 100%; padding-top: 0; overflow-y: no;}
	.nav .container{display: flex; justify-content: space-between;height: 100%; padding: 0;}
	.nav a{color: #fff; line-height: 50px; display: block;}
	.home-title{justify-content: flex-start;}
	.home-title b{font-size: 22px; font-weight: bold; line-height: 1em; padding: 0 10px;}
	.home-title2{height: 50px; line-height: 50px;}
	.home-title2 b{font-size:22px; font-weight:bold; color: #001490;}
	.home-about{padding-top: 60px; padding-bottom: 60px; margin-bottom:30px; background: url(../images/bg_about.png) no-repeat center #f2f6ff; background-size: cover;}
	.home-about .more{display: none;}
	.home-about .con{height: auto; margin-bottom: 0;}
	.home-about .con p{ line-height: 1.8em;}
	.flex{display: flex; justify-content: space-between;}
	.home-left{width:58%;}
	.home-right{width: 38%;}
	.home-cbdw{background: #f2f6ff; padding:60px 0;}
	.home-cbdw .item{width: 30%;}
	.home-cbdw .item img{width: 280px;}
	.home-about .tools .item{height: 100px;}
	.home-box{margin-bottom: 30px;}
	.home-about .tools{ width:280px; margin-left: 30px; flex-shrink: 0;}
	.home-hyzt p{border-bottom: 1px solid #e1e1e1; height: 46px; line-height: 46px;}
	.content{background: #f2f6ff; padding: 30px 0;}
	.content .container{background: #fff; padding: 40px;}
	.sub-title{font-size: 24px; margin-bottom: 30px; }
	.member{width: 600px; padding:10px 50px;}
	.member.w80{width: 1000px;}
	.bmxx p span{display: inline-block; width:12em;background: #f5f5f5; padding:0 1em; margin-right:20px; margin-bottom: 0;}
	.bmxx p{line-height:50px; border-bottom: 1px solid #e1e1e1; padding: 0;}
	.form-group{display: flex; align-items: center; margin-bottom: 20px;}
.form-group .form-tit{width:10em; flex-shrink: 0; margin-bottom: 0;}
.form-group .form-control{width:auto; flex-grow: 1;}
}