body{background:#eee}
.space{height:30px; overflow: hidden;clear: both;}

.s_banner{height:520px;position:relative;z-index:1;background:url(banner-about.jpg) center top no-repeat;background-size:auto 100%}

.s-nav{background:rgba(0,0,0,.7);}
.s-nav .s-nav-about li{width:16.66%}

.about{background:#fff;font-size:16px;color:#333;line-height:28px;padding:40px 40px 80px}
.about img{float:right}
.about p{margin-top:30px}
.about a{color:#f00;border-bottom:1px dotted #f00}
.about a:hover{text-decoration:none;color:#1054dc;border-bottom:1px solid #1054dc}

.about .adv{margin-top:100px;text-align:center;}
.about .adv li{float:left;width:25%;border-left:1px dashed #ddd}
.about .adv li:first-child{border:none}
.about .adv li p{margin-top:0;color:#555}
.about .adv li strong{font-family:Barlow;font-size:50px;color:#000; line-height:100%}
.about .adv li sup{font-size:15px;margin-left:5px;color:#555}

.ceo img{border-radius:5px;margin-right:40px;float:left}
.ceo p{margin-top:0;margin-bottom:20px}


.org{padding:60px 0;text-align:center;background:#f3f7fa url(bg2.jpg) center bottom no-repeat;}

.honor-list{background:#fff;padding:20px 40px 80px}
.honor-list li{width:360px;float:left;background:url(bg-hornor.png) center top no-repeat;background-size:360px 246px;padding-top:18px;margin-left:40px;margin-top:50px;transition:all .3s ease;text-align:center}
.honor-list li:nth-child(3n+1){margin-left:0}
.honor-list li:hover{transform:translate3d(0,8px,0)}
.honor-list li img{display:block;width:326px;height:213px;margin:0 auto;margin-bottom:30px}
.honor-list li a{color:#333;}
.honor-list li p{font-size:18px;display:block;width:92%;margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}


/* 荣誉内页 */
.honor-view{width:1200px;padding:0 30px;margin-top:-140px;position:relative;z-index:2;background:#fff}

.article_head div{padding:40px;color:#333;border-bottom:1px solid #eee}
.article_head div h1{font-size:28px;line-height:36px;color:#000}
.article_head div h1 span{font-size:18px;line-height:36px;padding-left:12px;margin-left:12px;border-left:1px solid #ccc}
.meta{color:#999;margin-top:15px}
.meta i{font-style:normal;display:inline-block;padding-left:23px;background:url(meta_ico.png) no-repeat;font-size:13px;margin-left:15px}
.meta span{margin:0 8px;font-family:"宋体"}

.article_con{padding:30px;line-height:28px;font-size:16px}
.article_con img{max-width:100%;height:auto}
.article_con p{color:#333;margin-bottom:20px}
.article_con p strong{color:#000}
.article_con p a{color:#05f;border-bottom:1px dotted #05f}
.article_con p a:hover{text-decoration:none;border-bottom:1px solid #05f}

.article_con table{margin:0 auto}
.article_con th,.article_con td{border:1px solid #ddd;text-align:center;line-height:36px}
.article_con th{background-color:#f2f2f2}

.pre-next-honor{background:#eee;margin-bottom:30px;font-size:16px;}
.pre-next-honor a{display: block;width:50%;float:left;padding:25px 20px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pre-next-honor a:hover{background: #db241e;color:#fff;}
.pre-next-honor .next{text-align: right;border-left:10px solid #fff;}
.pre-next-honor .pre i{transform:rotate(180deg); display:inline-block;margin-right:10px;}
.pre-next-honor .next i{margin-left:10px;}


.course{background:#f7f8fc url(bg4.jpg) center top no-repeat;padding-top:30px;font-size:16px;color:#222;line-height:30px}
.course .layout{width:1000px;}
.course span{color:#666;text-decoration:underline;float:left;display:block;width:220px;padding-top:23px;text-align:right;font-family:Barlow;font-size:22px;font-weight:600}
.course span:after{content:"";display:inline-block;background:#fff;border:3px solid #666;padding:4px;border-radius:50%;margin:0 30px;position:relative;top:0}
.course li div{float:left;}
.course li div img{height:80px;display:block;float:left;margin-right:30px;border-radius:3px}
.course li{margin-top:60px;overflow:hidden}
.course li:before{content:"";display:inline-block;width:1px;min-height:250px;border-left:1px solid #e7e7e7;position:absolute;left:183px}
.course li:hover span:after{border-color:#db241e}
.course li:last-child{padding-bottom:60px}

.cul{background:#fff;padding:50px 30px 80px;}
.cul ul{margin-bottom:90px;overflow:hidden;}
.cul li{width:31.33%;height:230px;margin:1%;background:#fff url(bg-cul.jpg) center bottom no-repeat; background-size:cover;padding:50px 0;float:left;text-align:center;line-height:28px;font-size:16px; font-weight:bold; border-radius:10px}
.cul li:nth-child(odd){border-left:none}
.cul li h4{font-size:26px; font-weight:bold;color:#000;margin-bottom:20px}
.cul li h4:after{content:"";display:block;background:#000;width:40px;height:2px;margin:12px auto}

/* 1024 < */
@media screen and (max-width:1024px){
	.s_banner{height:200px;}
	
	.about{padding:30px 20px;font-size:14px;line-height:24px;}
	.about img{float:none;display:block;width:90%;margin:0 auto}
	.about p{margin-top:15px}
	
	.about .adv{margin-top:10px;}
	.about .adv li{width:50%;border:none;padding-top:30px}
	.about .adv li strong{font-size:44px;}
	.about .adv li sup{font-size:14px;}
	
	.org{padding:30px;}
	.org img{width:100%}
	
	.honor-list{padding:0 0 40px}
	.honor-list li{width:44%;margin-left:4%;margin-top:20px;padding:4px;border:1px solid #ddd;border-bottom-width:2px;background:none; border-radius:5px}
	.honor-list li img{display:block;width:100%;height:auto;margin-bottom:0}
	.honor-list li:nth-child(3n+1){margin-left:4%}
	.honor-list li p{display:none}

	.honor-view{width:auto;margin-top:0;}
	.article_head div{padding:20px;}
	.article_head div h1{font-size:18px;line-height:30px}

	.article_con{padding:15px;line-height:24px;font-size:12px}
	.article_con p{margin-bottom:10px}
	.article_con img{max-width:100%}
	.pre-next-honor{background:#eee;margin-bottom:30px;font-size:12px;}
	
	.course{padding:0 20px 20px;font-size:14px;line-height:26px}
	.course .layout{width:100%;}
	.course span,.course li div{float:none;}
	.course span{display:inline-block;width:auto;margin-bottom:10px}
	.course li{margin-top:0;}
	.course li div img{width:24%;height:auto;margin-right:15px;}
	.course li:before{width:0;border:none}
	.course span:after{width:0;border:none;margin:0;}
	.course span:before{content:"";display:inline-block;background:#fff;border:3px solid #666;padding:3px;border-radius:50%;margin-right:10px;position:relative;top:0}
	.course li div div{width:70%;float:left}

	.cul{padding:30px 30px 40px;}
	.cul ul{margin-bottom:50px;}
	.cul li{height:210px;padding:40px 0;font-size:14px;}
	.cul li h4{font-size:20px;margin-bottom:15px}
	.cul img{width: 100%}

	#fenye{padding:0;margin-top:0;}
}