body{margin: 0px; font-size: 14px; font-family: '微软雅黑';}
div,span,p,h1,h2,h3,h4,h5,h6,ul,li,a,em,i,form{margin: 0px; padding: 0px; font-style: normal; overflow: hidden;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}

.w{width: 1200px; margin: 0px auto;}

.w h1{display: block; float: left; font-size: 26px; color: #c00002; width: 60%; height:30px; }




.banner img{width: 100%;}
.nav{clear: both; width: 100%; text-align: left; line-height: 48px;}
.nav .navleft{float: left; width: 800px;}
.nav .navleft a{font-size: 18px; display: block; float: left; margin-left: 12px; margin-right: 20px;}
.nav .navleft a:hover{color: #c00002;}
.nav form{display: block; float: right;}
.nav form .key{border: solid 1px #e7e7e7; border-radius: 3px; line-height: 28px; padding: 0px 10px;}
.nav form .submit{border: solid 1px #e7e7e7; background-color: #eee; line-height: 26px; border-radius: 3px; padding: 0px 12px;}

.assild_title{line-height: 48px; margin-top: 0px; padding: 0px 12px; border-top: solid 2px #c00002;}
.assild_title h1{display: block; float: left; font-size: 26px; color: #c00002; width: 60%; height:50px; line-height:50px; }
.assild_title a{display: block; float: right; width: 40%; text-align: right; color: #666;}
.content li{float: left; width: 200px; margin-right: 38px; margin-left: 8px; margin-top: 6px; padding-bottom: 12px; margin-bottom: 24px; position: relative; box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.04);}
.content li:hover{box-shadow: 0px 3px 8px 3px rgba(0,0,0,.2);}
.content li:nth-child(5n){margin-right: 0px;}
.content li a{display: block;}
.content li img{width: 100%; height: 250px;}
.content li a span,label,p{display: block; clear: both;}
.content li a span{text-align: center; font-size: 16px; line-height: 30px; position: absolute; width: 100%; left: 0px; bottom: 80px; line-height: 40px; background-color: rgba(0,0,0,.5); color: #fff;}
.content li a label{text-align: center; color: #f00; margin-top: 6px;}
.content li a p{text-align: center; border:solid 1px #e7e7e7; line-height: 32px; border-radius: 3px; width: 100px; margin:0px auto; margin-top: 6px; font-size: 16px;}
.content li  p a {text-align: center; border:solid 1px #e7e7e7; line-height: 32px; border-radius: 3px; width: 100px; margin:0px auto; margin-top: 6px; font-size: 16px;}

.info{line-height: 28px; margin-top: 20px; padding: 12px 12px;  }

.infobg{background-color: #f3f3f3; margin-top: -4px; clear: both; padding: 14px 0px; box-shadow: 0px 3px 8px 0px rgba(0,0,0,.2); margin-bottom: 10px;}
.info ul{display: block; text-align: center;}
.info ul li{display: inline-block; font-size: 20px; padding: 0px 16px;}
.info ul li a{color: #c00002;}

.info p{padding-top:30px; padding-bottom:20px; text-indent:2em; font-size:18px; }

.footer{border-top: solid 1px #ccc; background-color: #fcfcfc; padding: 12px 0px; text-align: center; font-size: 14px; line-height: 28px; margin-top: 12px; clear: both; color: #666;}

.articleplate{border: solid 1px #f3f3f3; border-top: solid 2px #c00002; padding: 16px 20px;}
.ar_left{float: left; width: 720px;}
.ar_right{float: right; width: 380px;}
.ar_left .ar_img{float: left; width: 210px;}
.ar_left .ar_img img{width: 100%;}
.ar_left .ar_txt{float: right; width: 490px;}
.ar_left .ar_txt h3{display: block; clear: both; font-size: 22px; font-weight: normal; line-height: 32px; margin-bottom: 6px;}
.ar_left .ar_txt .details{line-height: 24px; color: #666;}
.ar_right .video video{width: 100%; height: 260px;}

.demeanor{margin-top: 24px;}
.demeanor_title{line-height: 24px; border-left: solid 5px #c00002; font-size: 16px; padding-left: 8px; margin-bottom: 12px;}
.demeanor_img a{display: block; float: left; width: 200px; padding: 6px;}
.demeanor_img a img{width: 100%;}

.content_left{float: left; width: 760px;}
.content_right{float: right; width: 400px;}
.demeanor_txt{font-size: 16px; line-height: 28px; color: #3f3f3f; border-top: solid 1px #ccc; padding-top: 10px;}
.demeanor_list{border-top: solid 1px #ccc; padding-top: 10px;}
.demeanor_list a{display: block; float: left; width: 190px; text-align: center; line-height: 20px; margin-bottom: 12px;}
.demeanor_list a:nth-child(2n){float: right;}
.demeanor_list a img{width: 100%; height: 238px;}

.pages-box{text-align: center; line-height: 24px; font-size: 16px; margin-bottom: 12px; margin-top: 24px;}
.pages-box *{padding: 0px 3px; color: #666;}

.signtitle{font-size: 28px; text-align: center; padding: 12px; border-bottom: solid 1px #e7e7e7; margin-bottom: 24px; color: #333;}
.signlcontent{font-size: 18px; line-height: 38px; width: 80%; margin:0px auto; margin-top: 24px; margin-bottom: 24px; color: #555;}

@media (max-width:750px){
	.w{width: 100%;}
	.info ul li{font-size:16px; padding: 0px 6px;}
	.nav .navleft{width: 100%;margin-bottom:12px;}
	.nav .navleft a{
		    font-size: 16px;
			display: block;
			float: left;
			padding: 0px 10px;
			margin-left: 0px;
			margin-right: 0px;
			line-height: 27px;
			width: 27%;
			text-align: center;
	}
	.assild_title h1{font-size: 18px;}
	.content{margin: 12px;}
	.content li{
		    float: left;
			width: 30%;
			margin-right: 3%;
			margin-left: 0px; 
			margin-top: 6px;
			padding-bottom: 6px;
			margin-bottom: 6px;
			position: relative;
		box-shadow:none;
	}
	.nav form{display: none;}
	.content li img{height: 132px; width: 100%;}
	.content li a p{font-size: 14px;}
	.content li a span{font-size: 12px; line-height:24px;bottom:71px;}
	.content li:nth-child(5n){margin-right: 3%;}
	.footer{padding: 12px; font-size: 12px; line-height: 22px;}
	.school{margin:12px;}
	.nw_title h1{font-size: 18px;}
	
	
	
	.ar_left{float: none;    width: 100%;}
	.ar_left .ar_img{width: 30%;}
	.ar_left .ar_txt{    padding-left: 5%;width: 65%;}
	.ar_left .ar_txt h3{font-size: 18px;margin-bottom: 2px;}
	.demeanor_img a{width: 150px;}
	#bliao{height: auto !important;}
	#gbliao{height: auto !important;}
	.content_left{width: 100%;float: none;}
	.content_right{width: 100%;float: none;}
	.demeanor_list{    padding: 10 15px 0;}
	.demeanor_list a{width: 164px;}
	.demeanor_list a img{height: 208px;}
	.demeanor{margin: 12px;}
	.ar_right{width: 100%;}
}