html { overflow-x:hidden;}
body { background:#f4f4f4; font-family:'microsoft yahei'; font-size:12px; overflow-x:hidden;}
img { vertical-align:bottom;}
a { color:#333; text-decoration:none;}

.padding-20 { padding:20px 0px;}
.text-center { text-align:center;}

.line { border-bottom: #e0e0e0 solid 5px;}

.block-3 { padding:10px; background:#f4f4f4; border-bottom: #e0e0e0 solid 5px;}
	.block-3 li { width:33.3333%; float:left;}
.block-3 li img { padding: 10px;}

.swiper-pagination-bullet { background: #FFF;}
.swiper-pagination-bullet-active { background: #1065c1;}

.text { text-align: center; padding: 15px 0px; font-size: 20px; color: #ffd533; background: #af0103;}

.img-list { }
	.img-list li { width:33.333%; padding:10px; padding-right:5px; padding-top:0px; float:left;}
	.img-list li a, .img-list img, .img-list span { display:block;}
	.img-list li img { padding-top:0px; border:#e3e3e3 solid 1px; padding: 2px;}
	.img-list li span { text-align: center;  display: block; line-height:23px; }

.img-list-2 { }
	.img-list-2 li { width:50%; padding:10px; padding-right:5px; padding-top:0px; float:left;}
.img-list-2 li:nth-child(2n) { padding-right:10px; padding-left: 5px;}
	.img-list-2 li a, .img-list img, .img-list span { display:block;}
	.img-list-2 li img { padding-top:0px; border:#e3e3e3 solid 1px; padding: 2px;}
	.img-list-2 li span { text-align: center;  display: block; line-height:23px; }
			
.txt-list {}
	.txt-list li { position: relative;}
	.txt-list li a { display:block; padding:0px 100px 0px 20px; background: url(skin/list-txt-li.jpg) 10px center no-repeat; line-height:50px; border-top:#CCC dotted 1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt-list li span { position: absolute; right: 10px; top: 20px;}
	
#about .title { text-align: center; padding: 20px; font-size: 18px; color: #e60012;}
#about .img { padding-left: 20px; width: 50%; float: left; }
#about .inf { padding-left: 20px; padding-right: 20px; float: right; width: 50%; text-align: justify; font-size: 12px; padding-bottom: 30px;}
#about .inf p { height: 132px; overflow: hidden; display: block;}
#about .inf a { display: block; line-height: 30px; text-align: center; color: #FFF; background: #e60012;}

.title-nav { padding: 20px; background: url(skin/nav-line.jpg) center no-repeat;}
.title-nav a { display: block; line-height: 30px;}
.title-nav a.col-l { float: left; font-size: 18px;}
.title-nav a.col-r { float: right; font-size: 14px; color: #666;}
		
.html { padding: 20px; line-height:24px; font-size: 14px; text-align:justify; text-justify:inter-ideograph;}

.menu {}
	.menu li { font-size:18px; text-align:center; padding:20px; padding-top:0px;}
	.menu li a { display:block; height:60px; color:#FFF; background:url(skin/menu-li.jpg); border-radius:5px; line-height:60px;}

.foot { width:100%; overflow:hidden; background:#323232 url("skin/foot-icon.jpg") center top no-repeat; background-size: 50px; height:50px; line-height:50px; position:fixed; bottom:0px; z-index:10000;}
	.foot li { width:50%; text-align:center; float:left;}
	.foot li:nth-child(2n) { border-top:0px; border-bottom:0px;}
	.foot li a { color:#FFF; font-size:16px;}
	.foot li:first-child img { vertical-align:-8px; width:35px; padding-right:10px;}
	.foot li img { vertical-align:-5px; width:35px; padding-right:10px;}
	
.copyright { text-align:center; padding-top: 10px;}
.copyright p { padding-top: 10px;}

.foot-height { height:60px;}

.new-title { text-align: center; font-size: 18px; border-top: #CCC dashed 1px; padding: 20px 0px;}
.time { text-align: center; color: #a5a5a5;}


.form { padding:20px;}
		.form li { background:#FFF; position:relative; margin:auto; margin-bottom:10px; padding:5px 10px; border:#CCC solid 1px; border-radius:4px;}
		.form input,.form select{ width:100%; border:0px; padding:0px; margin:0px; box-sizing:border-box; height:30px; line-height:30px;}
		.form span { position:absolute; left:10px; top:10px; z-index:10000;}
.form textarea { height: 100px; resize: none; border: 0px; box-sizing: border-box; width: 100%;}
		#submit { border:0px; background:#e60012; text-align:center; color:#FFF; line-height:50px; margin: 20px; margin-top: 0px; font-size:14px;}
		
.pager { height:65px; line-height:35px; margin-top:10px; padding-top:10px; text-align:center;}
	.pager a { margin:0px 5px; background:#0352a9; color:#FFF; padding:3px 10px; border-radius:3px;}
    .pager span { color:#0352a9; background:#CCC; margin:0px 5px; padding:3px 10px; border-radius:3px;}

.title-pro { padding:20px; text-align: center; font-size: 18px;}
.title-pro span { font-size: 14px; margin-left: 10px;}

.nav { border-bottom: #649cda solid 1px;}
.nav:nth-child(3){  border-top: #195290 solid 1px;  border-bottom: 0px;}
.nav li:first-child { border-left: 0px;}
.nav li:last-child { border-right: 0px;}
.nav li { border-right: #18508e solid 1px; border-left:#639cd9 solid 1px; width: 25%; height: 45px; line-height: 45px; text-align: center; float: left; background: url(skin/nav-li.jpg);}
.nav li a { display: block; color: #FFF; font-size: 14px;}

.nav-2 { padding-bottom: 30px; font-size: 14px;}
.nav-2 a { display: block; width: 50%; height: 45px; text-align: center; line-height: 45px; color: #0352a9; float: left; background: #e0e0e0;}
.nav-2 a.on { background: #0352a9; color: #FFF;}

.tab { display: none;}
.tab.on { display: block;}