﻿.lay { margin-bottom: 40px; }

.lay-2 { height: 450px; margin-bottom: 0; background: url(../images/pic-1.jpg) center center no-repeat; }

.lay-3 { background-color: #f5f5f5; border-bottom: 1px solid #d9d9d9; }
.lay-3 p { height: 128px; line-height: 128px; text-align: center; color: #333333; font-size: 30px; }
.lay-3 p em { display: inline-block; width: 27px; height: 41px; line-height: 65px; margin: 0 5px; text-indent: -100px; overflow: hidden; vertical-align: -3px; *vertical-align: 25px; background: url(../images/icon-1.png) 0 0 no-repeat; }

.lay-4 .list-1 { margin: 50px 0; overflow: hidden; }
.lay-4 li { float: left; width: 380px; padding: 52px 57px 0 57px; margin: -1px 0 0 -1px; border-left: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; text-align: center; }
.lay-4 li .pic { display: inline-block; *display: inline; *zoom:1; width: 200px; height: 130px; }
.lay-4 li .pic img { max-width: 200px; max-height: 130px; }
.lay-4 li h2 { line-height: 70px; color: #333333; font-size: 18px; }
.lay-4 li p { height: 135px; line-height: 1.4; color: #666666; font-size: 14px; }

.lay-5 { height: 1px; background-color: #4da4d4; }
.lay-5 .icon { height: 100%; width: 205px; }
.lay-5 .icon-1 { background-color: #ff8400; }
.lay-5 .icon-2 { background-color: #7dc520; }

.lay-6 { margin-bottom:100px; }
.course { position: relative; background: url(../images/icon-3.png) 492px 0 repeat-y; }
.course .hd { height: 90px; }
.course .hd .year { width: 990px; height: 90px; line-height: 90px; background: url(../images/icon-2.png) center center no-repeat; background-color: #fff; }
.course .hd .y-fixed { position: fixed; left: auto; right: auto; top: 30px; z-index: 5; width: 990px; }
.course .hd .y-bottom { position: absolute; left: 0; bottom: 91px; z-index: 5; }
.course .hd span { letter-spacing: 26px; color: #127db9; font-size: 80px; }
.course .hd .year-1 { margin-left: 226px; }
.course .hd .year-2 { margin-right: 200px; }
.course .bd { position: relative; }
.course .bd .icon-y { position: absolute; left: 433px; width: 58px; height: 51px; padding-left: 3px; margin: 0 30px; letter-spacing: 5px; color: #127db9; font-size: 18px; font-family: arial; font-style: normal; background: url(../images/icon-4.png) 0 0 no-repeat; }
.course .bd .icon-y-top { top: 155px; }
.course .bd .icon-y-bottom { bottom: 5px; }
.course .bd .y-fixed { position: fixed; left: auto; right: auto; z-index: 5; margin-left: 463px; }
.course .list-1 li { padding-top: 130px; letter-spacing: -0.31em; word-spacing: -0.43em; font-size: 0; }
.course .list-1 p,
.course .list-1 .icon,
.course .list-1 img { letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom:1; vertical-align: middle; }
.course .list-1 p { width: 433px; text-align: right; color: #666666; font-size: 14px; }
.course .list-1 span { display: block; margin-bottom: 16px; color: #333333; font-size: 14px; }
.course .list-1 .icon { width: 121px; height: 17px; font-style: normal; background: url(../images/icon-5.png) center center no-repeat; }


.lay-7,
.lay-8 { text-align: center; }
.lay-7 .hd,
.lay-8 .hd { border-top: 1px solid #ff0000; margin-bottom: 40px; text-align: center; }
.lay-7 .hd { width: 175px; }
.lay-8 .hd { width: 228px; }
.lay-7 .hd h2,
.lay-8 .hd h2 { display: inline-block; *display: inline; *zoom:1; margin-top: -15px; vertical-align: 5px; padding: 0 18px; color: #ff0000; font-size: 24px; background-color: #fff; }
.lay-7 .bd p { padding-bottom: 35px; line-height: 1.5; border-bottom: 1px solid #e3e3e3; color: #666666; font-size: 14px; }

.lay-8 .map { position: relative; }
.lay-8 .map .pic { position: absolute; }
.lay-8 .map .pic-1 { left: 200px; top: 0; }
.lay-8 .map .pic-2 { left: 181px; top: 70px; }