#banner{position:relative; height:500px; background:url(../img/banner_article.jpg) 50% 0 no-repeat;z-index: 102;}
.banner-container{position:relative; width:1230px; margin:auto; padding-top:120px; color:#fff;}
.banner-container h1{position:relative; line-height:55px; font-size:36px;line-height: 60px;}
.banner-container h1:before{content:''; position:absolute; top:0; left:-25px; width:1px; height:55px; background:#a6ca50;}
.banner-container p{margin-top:75px; color:#a4d6bc; font-size:18px; line-height: 32px;}
.banner-qrcode{position:absolute; top:154px; right:-25px; width:320px; color:#a4d6bc; text-align:center;}
.banner-qrcode img{display:block; margin:auto; margin-bottom:18px;}
.banner-qrcode span{font-size: 16px;}


.article-title{height:160px; background-repeat:no-repeat; background-position:30px 50%; overflow:hidden; color:transparent;}

.article-list{width:1280px; margin:auto; position: relative;z-index: 102;}
.article-list .article-title{margin:20px auto; background-image:url(../img/article_title01.png);}
.article-list ul{width:1200px; margin:auto;}
.article-list ul li{position:relative; height:380px; margin-bottom:100px;}
.article-list ul li picture{position:absolute; top:0; left:30px; z-index:2; width:300px; height:380px;}
.article-list ul li picture img{width:100%; height:100%;}
.article-list ul li picture:after{content:''; position:absolute; right:-12px; bottom:-12px; width:250px; height:100px; background:url(../img/article_pic_bg.png) no-repeat;}
.article-list ul li div{position:absolute; top:70px; right:0; bottom:30px; left:0; padding-right:60px; padding-left:368px; border:2px solid #75bd96; background: #fff;}
.article-list ul li span{position:absolute; top:-42px; right:10px; color:#999; font-size:18px;}
.article-list ul li h3{height:100px; background:url(../img/article_h3_bg.png) 20px 50% no-repeat; color:#75bd96; line-height:100px; font-size:22px;}
.article-list ul li h3:before{content:''; display:inline-block; width:30px; height:2px; margin-right:24px; background:#75bd96; vertical-align:middle;}
.article-list ul li p{margin-left:54px; color:#999; font-size:16px;}
.article-list ul li a{position:relative; display:block; width:158px; height:57px; margin-top:40px; background:url(../img/teacher_btn.png) no-repeat; color:#fff; font-size:16px; text-align:center; line-height:57px;}
.article-list ul li a:after{content:''; position:absolute; top:50%; left:130px; width:70px; height:14px; margin-top:-7px; background:url(../img/arr_red.png) no-repeat; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.article-list ul li a:hover:after{-webkit-transform:translateX(20px); -moz-transform:translateX(20px); transform:translateX(20px);}