@charset "utf-8";
/**
 * 动画
 */
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
/**
 * 样式
 */
body {padding:0px; font-size:12px; font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53; background: #fff;}
a,
a:active,
a:link {
    color: #666;}
.s-png {}

.g-header {width: 100%; height: 172px; position: relative; z-index: 60; left: 0; top: 0; background: url(../images/header_bg.jpg) no-repeat top center;}
.g-header .top-line {width: 100%; line-height: 0; font-size: 0; height: 3px; background: #e85b37; position: absolute; z-index: 1; left: 0; top: 0;}
.g-header .container {position: relative; width: 996px; height: 169px; z-index: 62; margin:0 auto; left: 0; top:0;}
.g-header .container .logo {display: block; position: absolute; left: 22px; top: 22px; z-index: 2; width: 488px; height: 89px; background: url(../images/logo.jpg);}
.g-header .container .cdu-page {position: absolute; z-index: 20; top:20px; right: 10px;}
.g-header .container .cdu-page a {color:#333;}
.g-header .container .u-sns {position: absolute; z-index: 24;  top:8px; right: 220px; text-align: center;}
.g-header .container .u-sns p {margin:0px; padding:0;}
.g-header .container .u-sns p.qr img {width:100px; height: 100px;}
.g-header .container .u-sns p.name {}
.g-header .container .sns-weixin {}
.g-header .container .sns-weibo {right:100px;}

.g-header .container .nav {width:996px; height: 38px; position: absolute; z-index: 3; left: 0; top: 129px;}
.g-header .container .nav .nav-left {background: url(../images/nav_bg_l.jpg) no-repeat; width: 5px; height: 38px; _display: inline; float: left;}
.g-header .container .nav .nav-center {background: url(../images/nav_bg_c.jpg) repeat-x; width: 986px; height: 38px; _display: inline; float: left;}
.g-header .container .nav .nav-right {background: url(../images/nav_bg_r.jpg) no-repeat; width: 5px; height: 38px; _display: inline; float: left;}
.g-header .container .nav .nav-center ul.list {}
.g-header .container .nav .nav-center ul.list li.nli {display: inline; float: left; margin:4px 0 0 0; width: 82px; height: 25px; position: relative; z-index: 120;}
.g-header .container .nav .nav-center ul.list li.nli a {display: block; text-align: center;  width: 71px; height: 25px; overflow: hidden; margin:0 auto; text-align: center; color: #fff; line-height: 25px; font-size: 14px;}
.g-header .container .nav .nav-center ul.list li.nli a:hover, .g-header .container .nav .nav-center ul.list li.active a {color:#f65829; background: #fff;}
.g-header .container .nav .nav-center ul.list li.nli span.line {width: 1px; background: url(../images/nav_line.jpg) no-repeat; display: block; height: 25px; float: right;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub {display:none; position: absolute; z-index: 121; left: 0; top: 25px; background: #f75223; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li {clear: both; float: none; margin: 5px auto; zoom:1; width: 120px; height: 25px;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li a {width: 110px;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li a span.gt {position: absolute; z-index: 121; right: 10px; top: 0;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li {position: relative; z-index: 121;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li ul.sub2 {display:none; position: absolute; z-index: 123; left: 120px; top: 0; background: #f75223; border-radius: 5px;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li ul.sub2 li {clear: both; float: none; margin: 5px auto; zoom:1; width: 150px; height: 25px;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li ul.sub2 li a {width: 140px;}
.g-header .container .nav .nav-center ul.list li.nli ul.sub li:hover ul.sub2 {display: block;}

.g-wrap {width:996px; margin: 0 auto;}
.g-news {width:100%; height: 275px; margin-bottom: 10px;}
.m-slider {float: left; _display: inline; position: relative; z-index: 11; width: 603px; height: 275px; overflow: hidden;}
.m-slider img {width: 603px;}
.m-slider .hd {position: absolute; z-index: 23; right: 0; bottom: 0; height: 20px; line-height: 20px; overflow: hidden;}
.m-slider .hd ul li {float: left; _display: inline; font-family: "Arial"; font-size: 11px; width: 20px; height: 20px; line-height: 20px; margin: 0 1px;}
.m-slider .hd ul li a {display: block; font-family: "Arial"; font-size: 11px; width: 20px; height: 20px; line-height: 20px; color: #fff; text-align: center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.m-slider .hd ul li a:hover,.m-slider .hd ul li.active a {background: #F38C01; text-decoration: none;}
.m-slider .bd {position: absolute; z-index: 12; left: 0; top: 0; width: 603px; height: 275px; overflow: hidden;}
.m-slider .bd ul li {float: left; _display: inline; width: 603px; height: 275px; overflow: hidden;}
.m-slider .td {position:absolute; z-index: 14; left: 0; bottom: 0; width: 603px; height: 20px; line-height: 20x; overflow: hidden; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
.m-slider .td ul li {clear: both; width: 603px; height: 20px; line-height: 20px; overflow: hidden; position: absolute; z-index: 15; bottom: -20; display: none;}
.m-slider .td ul li a {color: #fff;}
.m-slider .td ul li a:hover {text-decoration: none;}

.m-box {width:382px;}
.m-box .bar {width:100%;}
.m-box .bar .part {float: left; _display: inline; height: 32px;}
.m-box .bar .l {width:5px; background: url(../images/bar_bg_l.jpg) no-repeat;}
.m-box .bar .c {width:372px; background: url(../images/bar_bg_c.jpg) repeat-x; line-height: 30px;}
.m-box .bar .r {width:5px; background: url(../images/bar_bg_r.jpg) no-repeat;}
.m-box .bar .c span.name {color: #f75324; font-size: 14px;float: left; padding:0 0 0 8px;}
.m-box .bar .c a.more {float: right; color: #333;}
.m-box .list {padding:15px 4px;}
.m-box .list ul li {clear:both; color:#000; line-height: 27px;}
.m-box .list ul li a {color:#000;}
.m-box .list ul li span.date {float: right; _display: inline; color: #959595;}
.m-box-wd1 {width: 374px;}
.m-box-wd1 .bar .c {width: 364px;}

.g-ileft {width: 758px; _display: inline; float: left;}
.g-iright {width: 227px; _display: inline; float: right;}
.g-ileft-row {clear:both; margin-bottom: 10px;}
.m-special {width:227px; height: 197px; overflow: visible; clear: both;}
.m-special .control {display: none;}
.m-special .btn-up {width:227px; line-height: 0; height: 17px; font-size: 0;}
.m-special .btn-up a {width:227px; line-height: 0; height: 17px; font-size: 0; background: url(../images/special_btn_up.jpg) no-repeat; display: block;}
.m-special .btn-down {width:227px; line-height: 0; height: 17px; font-size: 0;}
.m-special .btn-down a {width:227px; line-height: 0; height: 17px; font-size: 0; background: url(../images/special_btn_down.jpg) no-repeat; display: block;}
.m-special .items {width: 227px; height: 168px; overflow: hidden;}
.m-special .items ul li {width:227px; height: 47px; clear: both; overflow: hidden; padding:5px 0;}
.m-special .items ul li img {width:227px; height: 47px;}

.m-mail {width: 227px; height: 42px; background: url(../images/mail_bg.jpg) no-repeat; margin:14px 0;}
.m-mail a {display: block; width: 105px; height: 42px;}

.m-links {margin-top: 18px;}
.m-links h3 {font-size: 14px; color: #f75526;}

.g-footer {height: 81px; width: 100%; background: url(../images/footer_bg.jpg) repeat-x; margin-top:20px; clear:both;}
.m-footer {text-align: center; color: #919191; padding-top: 8px;}
.m-footer p {margin:5px 0;}

.g-sidebar {float: left; _display: inline; width: 184px;}
.g-main {float: right; _display: inline; width: 790px;}
.g-sidebar .channel {}
.g-sidebar .channel h3 {border-bottom: 1px #ccc solid; text-align: center;}
.g-sidebar .channel a {display: block; clear: both; width: 184px; font-size: 14px; text-align: center; height: 29px; line-height: 29px; background: url(../images/channel_bg_2.jpg) no-repeat; margin-bottom: 7px; color: #fff;}
.g-sidebar .channel a:hover, .g-sidebar .channel a.active {background: url(../images/channel_bg_1.jpg) no-repeat; text-decoration: none;}
.g-wrap .position {height: 29px; color: #6c6c6c; line-height: 29px; width: 100%;}
.g-wrap .m-main {border:1px #f4f4f4 solid; width: 100%; padding: 30px;}
.g-wrap .m-list {border:1px #f4f4f4 solid; width: 100%; padding: 10px;}
.g-wrap .m-list ul li {clear:both; margin:8px 0;}
.g-wrap .m-list ul li span.date {float: right; _display: inline; color: #999;}
.g-wrap .m-main h1.title {color:#000; text-align: center;}
.g-wrap .m-main h3.subhead {color:#666; text-align: center;}
.g-wrap .m-main .info {width: 100%; background: #f6f6f6; line-height: 29px; text-align: center; margin:10px 0;}
.g-wrap .m-main .content, .g-wrap .m-main .content * {font-size: 16px;}
.g-wrap .m-main .teacher-info {width: 660px; margin:10px auto 30px auto;}
.g-wrap .m-main .teacher-info .avatar {float:left; _display: inline; width: 220px; text-align: center;}
.g-wrap .m-main .teacher-info .avatar img {border:1px #ccc solid; width: 200px;}
.g-wrap .m-main .teacher-info .items {float: right; _display: inline; width: 400px;}
.g-wrap .m-main .teacher-info .items td {font-size: 14px; padding: 6px;}
.g-wrap .m-main .teacher-info .items td.first {width: 80px;}

.m-teacher-list {clear:both; border-bottom: 1px #bbb solid; margin-bottom: 20px;}
.m-teacher-list h3 {font-weight: bold;}
.m-teacher-list ul {clear:both;}
.m-teacher-list ul li {float: left; _display: inline; margin:5px 6px;}

.m-pics-list {clear:both;}
.m-pics-list ul li {float: left; _display: inline; margin:5px 15px; text-align: center;}
.m-pics-list ul li p {margin: 2px 1px;}
.m-pics-list ul li p.img a img {width: 210px; height: 60px; border:1px #666 solid; padding: 1px;}
.m-pics-list ul li p.name {font-size: 14px; display: block; width: 210px; height: 22px; overflow: hidden;}
.m-pics-list ul li p.date {color:#999;}