html,body,header,section,footer,div,h1,h2,h3,h4,h5,h6,i,span,ul,li{
        margin: 0;
        padding: 0;
    }
    h1,h2,h3,h4,h5,h6,sup{
        font-size: 100%;
        font-weight: normal;
    }
    ol,ul,li{
        list-style: none;
    }
    html,body{
        width: 100%;
        overflow-x:hidden; 
        height: 100%;
    }

    a{
        text-decoration: none;
        color: #666;
        outline: none;
    }
    a:hover{ color: #c81623;}
    body{
        background-color: #fff;
        font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
        color: #14191e;

    }


.mod_focus_show { width: 970px; height: 470px; position: relative; overflow: hidden; }
.mod_focus_show .mod_focus_pic { display: block; width: 970px; height: 350px; }
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img 
        { display: block; width: 970px; height: 350px; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
.mod_focus_show .mod_focus_title { position: absolute; z-index: 1; left: 0; bottom: 120px; 
    overflow: hidden; zoom: 1; width: 970px; height: 45px; background-color: rgba(0,0,0,.6); 
        filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); background-image: url(about:blank); }
:root .mod_focus_title { filter: none; }
.mod_focus_show .mod_focus_title li { width: 590px; padding: 0 0 0 20px; overflow: hidden; word-break: keep-all; 
    word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.mod_focus_show .mod_focus_title li h3 { line-height: 45px; height: 45px; font-size: 22px; 
    font-family: "Microsoft Yahei",Tahoma,Geneva; font-weight: 500; }
.mod_focus_show .mod_focus_title li h3 a { color: #fff; }

.focus_switch { width: 59px; height: 29px; position: absolute; z-index: 2; right: 15px; bottom: 127px; }
.focus_switch a { float: left; width: 29px; height: 29px; background-image: url(../img/icon_focus_switch.png); 
        background-repeat: no-repeat; cursor: pointer; }
.focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; }
.focus_switch .icon_prev:hover { background-position: -30px 0; }
.focus_switch .icon_next { background-position: -60px 0; }
.focus_switch .icon_next:hover { background-position: -90px 0; }
.mod_focus_show .mod_focus_list { padding: 10px 5px; background: #000; overflow: hidden; height: 100px; }
.mod_focus_show .mod_focus_list li { width: 160px; height: 100px; float: left; margin: 0 20px 0 12px; 
        position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 160px; height: 100px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 160px; height: 100px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none; }
.mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask 
            { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 100px; width: 160px; position: relative; 
            top: -100px; margin: 0 0 -60px; left: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }
.mod_focus_show .mod_focus_list li .border { display: none; }
.mod_focus_show .mod_focus_list .current .border { display: block; height: 5px; width: 160px; font-size: 0; 
        overflow: hidden; position: absolute; left: 0; bottom: 0; background: #98e404; }
        /*以上代码为banner的代码*/
.zf_l{ width: 970px; margin: 0 auto;}
img{border: 0 none; vertical-align: middle;}
.ts_wh{ width: 970px; height: 305px; overflow: hidden;}
.t_30{ margin-top: 30px;}
.ts_l{ float: left;}
.ts_r{ float: right;}
.db_tit{ font-size: 18px; height: 23px; line-height: 22px; overflow: hidden; }
.db_tit a{ color: #0078B6;}
.db_tit a:hover{ color: #c81623;}
.t_20{ margin-top: 20px;}
.b_12{ margin-bottom: 14px;}
.b_4{margin-top: 4px;}
.tu_w{ width: 160px; height: 140px; padding-left: 30px;}
.tu_w_bg{ background: url(images/517.jpg) no-repeat center center; width: 160px; height: 100px; }
.tu_mg a{ display: block;}
.li_t{ height: 40px; line-height: 20px; overflow: hidden;}

/*以上是转访的代码*/

.course-list{ width: 970px; min-height: 500px; padding: 10px 0 20px; }
     .course-list ul::after{ clear: both; content: ""; display: block; height: 0; visibility: hidden;}
     .course-list ul{ margin: 0 -20px 0 -15px;}
     .course-list li{ background: #fff none repeat scroll 0 0; border-radius: 0 0 1px 1px; float: left; height: 295px; width: 307px; margin: 0 0 8px 5px; padding: 10px 10px 0; transition:box-shadow 0.3s ease 0s;}
     .course-list li:hover, .course-list li.hover{ box-shadow: 0 4px 8px rgba(0,0,0,0.2);}
     .course-list li .course-list-img{height: auto; max-height: 190px; width: auto;}
     .course-list li .course-list-img{ overflow: hidden; width: 307px;}
     .course-list li .course-list-img img{ display: block; transition:all 1s ease 0s; width: 307px;}
     .course-list li h5{ color: #14191e; font-weight: bold; height: 18px; line-height: 18px; margin: 10px 0 0; 
        overflow: hidden; text-align: left; text-overflow:ellipsis;}
     h5{ font-size: 14px; line-height: 28px;}
     .course-list li .tips{ margin: 0; padding: 0; color: #b4bbbf; font-size: 12px;}
     .course-list .tips p{margin: 8px 0;}
     .text-ellipsis{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
     .ml20{ margin-right: 2px;}