body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; }
body { font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; }
body { background: #fff; }
li { list-style-type: none; }
ul,ol { list-style:none outside none; }
legend { display:none; }
fieldset,img { border:none; vertical-align:middle; }
input,button,select,textarea { outline:none; font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table,tr,th,td,font { font-size: 12px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
input,textarea{ outline:none; }
a{ text-decoration:none; font-size:12px; color:#333; }
img { border: medium none; }
.clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
.clear {*zoom:1;}
.clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clear { *height:1%; }

#header { width:100%; height:274px; }
.top-wrap { width:100%; height:220px; background: url(../images/top-bg.png) no-repeat center; }
.logo { width:1024px; height: 74px; margin:0 auto;  }
.nav { width:100%; height:54px; background: #145780; }
.nav ul { width:1024px; height:54px; margin:0 auto; }
.nav ul li { float:left; width:170px; text-align: center; height:54px; line-height: 54px; }
.nav ul li a { font-size: 18px; color:#fff; display:block;  }
.nav ul li a:hover,.nav ul li a.active { background: #0c3c62; }

.course { width:1024px; height:351px; margin: 0 auto; border-bottom: 1px solid #ddd; }
.course-l { float: left; width:325px; margin-top: 30px; margin-right: 25px; }
.course-l .c-img img { float:left; width:325px; height:165px; }
.course-l .c-title { float:left; font-weight: bold; margin-top:18px; width:100%; position:relative; text-indent: 32px; background: url(../images/course-ico-1.png) no-repeat left center; }
.course-l .c-title,.course-l .c-title a { font-size:21px; color:#077cba; }
.course-l .c-title:hover,.c-titles a:hover{ text-decoration:underline; }
.course-l .c-title strong { background: #e1e1e1; left: 0; top: 40px; font-weight: normal; width: 32px; height: 3px; position: absolute; }
.course-l .c-info { font-size:14px; color:#333; line-height: 26px; float: left; margin-top: 25px; }
.course-l .c-info a { color:#4dacde; font-size:14px; }
.course-l .c-info a:hover { color: red; }
.course-m { float: left; width:325px; margin-top: 30px; }
.course-m .c-img img { float:left; width:325px; height:165px; }
.course-m .c-titles { font-weight: bold; float:left; margin-top:18px; width:100%; position:relative; text-indent: 32px; background: url(../images/course-ico-2.png) no-repeat left center; }
.course-m .c-titles,.course-m .c-titles a { font-size:21px; color:#077cba; }
.course-m .c-titles strong { background: #e1e1e1; left: 0; top: 40px; font-weight: normal; width: 32px; height: 3px; position: absolute; }
.course-m .c-info { font-size:14px; color:#333; line-height: 26px; float: left; margin-top: 25px; }
.course-m .c-info a { color:#4dacde; font-size:14px; }
.course-m .c-info a:hover { color: red; }
.course-r { float: right; border-left: 5px solid #048ed7; width: 320px; height:285px; background: #f0f7fc; margin-top: 30px; }
.course-r-title { margin-top:30px; background: url(../images/course-ico-3.png) no-repeat 20px center; font-weight: bold; float:left; width:100%; text-indent: 52px; font-size:18px; color:#2c95cd; }
.course-r ul { float: left; margin-top: 30px; width: 100%; margin-left: 38px; }
.course-r ul li { width:260px; float: left; line-height: 30px; position: relative; }
.course-r ul li i { position: absolute; top: 14px; left:-16px; width:4px; height:4px; background:url(../images/notice-dot.png) no-repeat left center; }
.course-r ul li a { font-size: 16px; color:#666; }
.course-r ul li a:hover { text-decoration: underline; }

.team { width:1024px; height:444px; margin:0 auto; border-bottom:1px solid #ddd; }
.team-title { border-left:4px solid #048ed7; margin-top: 24px; font-size:21px; color:#333; float:left; width:100%; height:24px; line-height: 24px; text-indent: 15px; }

.team ul { float:left; margin-top: 15px; }
.team ul li { float:left; width:324px; margin-right: 12px; }
.team ul li span { float:left; width: 100%; display: block; }
.team ul li span.t-btn { width:324px; height: 29px; line-height: 29px; color:#fff; font-size: 14px; text-align: center; background: url(../images/team-btn.png) no-repeat center; }
.team ul li span.t-btn a { color:#fff; font-size:14px; }
.team ul li span.t-btn a:hover { opacity:0.8; }

.team ul li span.t-img img { width:324px; height: 151px; }
.team ul li span.t-name { margin-top:20px; }
.team ul li span.t-name,.team ul li span.t-name a { text-align: center; font-size: 22px; color:#555; }
.team ul li span.t-info { margin-top:10px; height: 107px; line-height: 30px; font-size: 15px; color:#666; }

.demonstration { width:1024px; height:322px; margin: 0 auto; border-bottom:1px solid #ddd; }
.demonstration-title { border-left:4px solid #048ed7; margin-top: 24px; font-size:21px; color:#333; float:left; width:100%; height:24px; line-height: 24px; text-indent: 15px; }
.demonstration ul { float:left; margin-top:20px; }
.demonstration ul li { float:left; margin-right: 20px; }
.demonstration ul li img { width:328px; height:145px; }
.demonstration ul li.cc { margin-right:0; }
.demonstration ul li div { width:328px; height: 70px; background: #0f71b8; }
.demonstration ul li .d-title { float: left; margin-top: 12px; width: 100%; display: block; font-size: 16px; color:#fff; text-align: center; }
.demonstration ul li .d-title a { font-size:16px; color:#fff; }
.demonstration ul li .d-title a:hover { text-decoration:underline; }
.demonstration ul li .d-info { float: left; display: block; width: 100%; margin-top: 5px; text-align: center; display: block; font-size: 12px; color:#b0c7e0; }

#footer { width:1024px; height:104px; margin:0 auto; }
.footer-logo { float: left; margin-top: 22px; }
.copy { float:left; width: 80%; display: block; margin-top: 30px; margin-left: 20px; font-size: 13px; color: #333; } 
.address { float:left; width: 80%; display: block; margin-top: 10px; margin-left: 20px; font-size: 13px; color: #333; }

.main { width:1024px; margin: 0 auto; margin-top: 30px; border: 1px solid #e5e5e5; height: auto !important; height:500px; min-height:500px; }
.menu { float:left; width: 208px; height: auto !important; height:500px; min-height:500px; }
.content { float: right; width:813px; border-left:1px solid #e5e5e5; height: auto !important; height:500px; min-height:500px; }
.list-nav { background:#f5f5f5; height:50px; line-height:50px; float:left; width:100%; }
.list-nav a { font-size: 14px; color:#666; }
.list-nav a:hover { text-decoration: underline; }
.list-nav span { float:left; margin-left:20px; }

.content-box { float:left; width: 753px; height: auto !important; margin:30px; height: 500px; min-height: 500px; padding-bottom:50px; }
.content-box p,.content-box h3 { padding: 0 25px; }
.content-box h3 { font-size:24px; color:#333; }
.content-box p { font-size: 15px; color:#333; line-height: 40px; }

.menu-title { float:left; font-size: 15px; color: #666; border-bottom: 1px solid #e5e5e5; width:100%; height: 49px; line-height: 49px; }
.menu-title span { float: left; padding-left:38px; background: url(../images/menu-arrow.png) no-repeat 20px center; }
.menu li {float:left; }
.menu .parent-menu { border-bottom:1px solid #e5e5e5; background:url(../images/menu-icon-down.png) no-repeat 180px center; text-indent:20px; width: 208px; font-size: 15px; color:#333; height:50px; line-height:50px; float: left; }
.menu-child {  float: left; display: none; background:#f5f5f5; }
.menu-child li { width: 208px; height: 38px; line-height: 38px; }
.menu-child li a { text-indent: 40px; width: 229px; font-size: 14px; color:#333; display: block; }
.menu-child li a:hover{ color:#0f71b8; } 
.menu-child-line { }
.page { float:left; width:100%; height: 89px; line-height: 89px; text-align: center; }
.page a { padding: 3px 8px; text-align:center; font-size: 15px; color:#555; border: 1px solid #e9e9e9; margin-right: 3px; }
.page a.active,.page a:hover { border: 1px solid #048ed7; color: #fff; background: #048ed7; }


.list-box ul { float:left; margin-top:30px; margin-left: 25px; width: 100%; height: auto !important; height: 100px; min-height: 100px; }
.list-box li { float:left; width: 766px; height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; }
.list-box li .list-icon { float:left; width: 25px; height: 60px; margin-right:12px; margin-left: 10px; }
.list-box li .list-category { float:left; font-size: 14px; color:#666; }
.list-box li .list-category a { font-size: 14px; color:#666; }
.list-box li .list-arrow { float:left; width: 28px; height: 60px; background: url(../images/list-arrow.png) no-repeat center; }
.list-box li .list-title { float:left; font-size: 14px; color: #333; }
.list-box li .list-title a { font-size:14px; color:#333; }
.list-box li .list-time { float:right; font-size: 14px; color: #999; margin-right:10px; }

.list-icon-1 { background:url(../images/list-ico-1.png) no-repeat center; }
.list-icon-2 { background:url(../images/list-ico-2.png) no-repeat center; }
.list-box li.active { background:#e3f3fb; }
.list-box li.active .list-icon-1 { background:url(../images/list-ico-1-active.png) no-repeat center; }
.list-box li.active .list-icon-2 { background:url(../images/list-ico-2-active.png) no-repeat center; }

.video-box ul { float:left; margin-top:44px; margin-left: 25px; width: 100%; height: auto !important; height: 100px; min-height: 100px; }
.video-box li { float: left; width: 370px; height: 260px; border-bottom: 1px solid #e0e0e0; margin-right: 25px; }
.video-box li img { width:370px; height:200px;  }
.video-box li .v-img { position:relative; z-index:1; }
.video-box li .vv { display:none; }
.video-box li .v-img span { width:370px; height:200px; z-index:2; background: url(../images/vide-bg.png) no-repeat; display: block; position: absolute; top: 0; left: 0; }
.video-box li .v-img i { width:50px; height:50px; z-index: 3; position: absolute; left: 160px; top: 75px; display: block; background: url(../images/video-play.png) no-repeat; }
.video-box li .v-title { height:60px; line-height: 60px; }
.video-box li .v-title a { font-size: 18px; color:#333; }
.video-box li .v-title a:hover { color:#145780; }