.banner{ height: 580px;}
a.more{color: #666; font-size: 14px; }

.common{ margin-top: 90px;}
.header{ margin-bottom: 50px; text-align: center;}

#courseapply{ position: fixed; width: 270px; padding: 15px; border-radius: 15px; height: auto; left: 10px;transition: ease-in-out all 0.2s; background-color: rgba(254,227,215,0.5); top: 180px; z-index: 2; overflow: hidden;}
#courseapply table{ table-layout: fixed; width: 100%; color: #434343;}
#courseapply tr td:first-child{ width: 160px;white-space: nowrap;text-overflow:ellipsis; overflow: hidden; line-height: 33px; word-break: normal; padding-right: 2px;}
#courseapply td{ padding-left: 3px;}
#courseapply a{ color: #434343;}
#courseapply h3{ color: #444643; font-size: 21px; text-align: center; border-bottom: solid 1px #cfdccd; padding-bottom: 15px; margin-bottom: 10px;}
#courseapply>a{ display: block; line-height: 50px; border-radius: 25px; background-color:#68c159; text-align: center; color: white; margin-top: 20px;}

#pushbtn{ position: absolute; left: 255px; top: 15px; cursor: pointer;}
#courseapply.rightpush{ left: -250px; height: 26px; transition: ease-in-out all 0.2s}

#i1 { background: url(img/i1.jpg) no-repeat left center; height: 490px; padding-top: 47px;}
#i1>*{ margin-left: 44px;}
#i1.common{ margin-top: 50px;}
#i1_1{ text-align: center;}


#i1 h3{ font-size: 21px; margin-bottom: 18px;}
#i1 h3 i{ display: block; color: #8e8e8e; font-size: 12px;}
#i1 p{ width: 490px; line-height: 36px; margin-bottom: 20px;}
#i1>a{ color: #666;}

#i2 { background: url(img/i2.jpg) no-repeat center center; height: 660px;}
#i2 .w1200{ padding: 70px 0;}
#i2 .w1200>div{ text-align: center; margin-bottom: 60px;}

#i2 li{ display: inline-block; width:590px; height: 126px; background: white; padding: 20px; margin-right: 20px; margin-bottom: 23px; }
#i2 ul{ width: 1360px; overflow: hidden;}

#i2 table td:first-child a{ display: block; width: 190px; height: 125px; overflow: hidden; margin-right: 20px;}
#i2 table img{ width: 100%;}
#i2 table td{vertical-align: top; position: relative;}
#i2 ul a{ color: #333; font-size: 18px;}
#i2 { color: #a2a2a2; line-height: 24px;}
#i2 table p{ height: 50px; overflow: hidden; margin-top: 5px;}
#i2 time{ position: absolute; bottom: 0;}

#i2 a.more { color: white;}

#i3 img{ display: block; margin: 0 auto;}

#i4 { background: url(img/i4.jpg) no-repeat center center; background-position-y: 120px; height: 915px; margin-top: 90px;}
#i4 ul { margin-top: 570px; text-align: left; width: 1350px; }
#i4 li{ display: inline-block; vertical-align: top; width: 220px; height: 220px; overflow: hidden; border-radius: 20px; margin-right: 40px; position: relative;}
#i4 li img{ width: 100%;}
#i4 li h3{ position: absolute; height: 40px; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.3); text-align:center; line-height: 40px; color: white; display: none;}
#i4 li:hover h3{ display: block;}

#i4more{ text-align: center;}
#i4 a.more{ margin-top: 20px; display: inline-block;}

#i5 p{ width: 1350px; text-align: left; margin-bottom: 20px;}
#i5 p a{ display: inline-block; margin-right: 15px; border-radius: 15px; overflow: hidden;}

#i6 ul{ text-align: left;}
#i6 ul li{ display: inline-block; width: 400px; margin-right: 37px; box-shadow:0 0 10px 3px #f7f7f7;}
#i6 ul li>a{ display: block; height: 275px; overflow: hidden;}
#i6 ul li img{ width: 100%;}
#i6 h3{ text-align: center;}
#i6 h3 a{ color: #333; line-height: 55px;}

#i7 .w1200 { overflow: visible;}
#i7 p{ width: 1350px; text-align: left;  margin-left: -20px;}