/*常用基础样式部分 */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f-cb,.f-cbli li{zoom:1;} .f-bc{margin: 0 auto;} .f-dn{display:none;} .f-db{display:block;} .f-fl{float:left;} .f-fr{float:right;} .f-pr{position:relative;} .f-pa{position: absolute;} .f-pf{position: fixed;}.f-oh{overflow:hidden;} .f-f12{font-size:12px;} .f-f14{font-size:14px;} .f-f16{font-size: 16px;}.f-fwb{font-weight:bold;}  .f-fwn{font-weight:normal;} .f-tal{text-align:left;} .f-tac{text-align:center;} .f-tar{text-align:right;}
/*常用间距辅助样式 */
.f-p5{padding: 5px;}
.f-p10{padding: 10px;}
.f-p15{padding: 15px;}
.f-p20{padding: 20px;}
.f-pt5{padding-top: 5px;}
.f-pt10{padding-top: 10px;}
.f-pt15{padding-top: 15px;}
.f-pt20{padding-top: 20px;}
.f-pl5{padding-left: 5px;}
.f-pl10{padding-left: 10px;}
.f-pl15{padding-left: 15px;}
.f-pl20{padding-left: 20px;}
.f-pr5{padding-right: 5px;}
.f-pr10{padding-right: 10px;}
.f-pr15{padding-right: 15px;}
.f-pr20{padding-right: 20px;}
.f-pb5{padding-bottom: 5px;}
.f-pb10{padding-bottom: 10px;}
.f-pb15{padding-bottom: 15px;}
.f-pb20{padding-bottom: 20px;}

.f-m5{margin: 5px;}
.f-m10{margin: 10px;}
.f-m15{margin: 15px;}
.f-m20{margin: 20px;}
.f-mt5{margin-top: 5px;}
.f-mt10{margin-top: 10px;}
.f-mt15{margin-top: 15px;}
.f-mt20{margin-top: 20px;}
.f-ml5{margin-left: 5px;}
.f-ml10{margin-left: 10px;}
.f-ml15{margin-left: 15px;}
.f-ml20{margin-left: 20px;}
.f-mr5{margin-right: 5px;}
.f-mr10{margin-right: 10px;}
.f-mr15{margin-right: 15px;}
.f-mr20{margin-right: 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}

/* 定位辅助 */
.f-tl{top: 0;left: 0;}
.f-tr{top: 0;right: 0;}
.f-tl{top: 0;left: 0;}
.f-tl{top: 0;left: 0;}
/* 多行文字溢出 */
.f-textclamp{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
    -webkit-box-orient: vertical;}
/*单行文字溢出加点 ps:Firefox 下不显示...*/
.f-textof{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}


/*基础样式*/
@font-face {
    font-family: 'iconfont';  /* project id 194791 */
    src: url('//at.alicdn.com/t/font_is8twvxezc15rk9.eot');
src: url(../../../../at.alicdn.com/t/font_is8twvxezc15rk9.eot?#iefix) format('embedded-opentype'),
    url(../../../../at.alicdn.com/t/font_is8twvxezc15rk9.woff) format('woff'),
    url(../../../../at.alicdn.com/t/font_is8twvxezc15rk9.ttf) format('truetype'),
    url(../../../../at.alicdn.com/t/font_is8twvxezc15rk9.svg#iconfont) format('svg')}
li{
    display: block;}

/* 公共头部*/

.course{
    width: 1000px;
    margin: 0 auto;}
.public-head{
    width: 100%;
    height: 50px;
    background-color: #308fc9;}
.public-head ul{
    padding: 0;
    width:95% ;
    height: 50px;text-align:center;
    margin: 0 auto;}
.public-head ul li:last-child{
    margin-right: 0;}
.public-head ul li:hover{
    background-color: #ff9934;}

.public-head li:first-child{}
.public-head li{
    display: inline-block;
    line-height: 50px;
    text-align: center;padding-left:12px;padding-right:12px;}
.public-head li a{
    font-family: 微软雅黑;
    color: white;
    text-decoration: none;}

.public-bg{
    position: relative;
    margin-top: 6px;
    width: 100%;
    height: 291px;
    background-image:url(../img/index-bg.jpg)
;}
/*公共尾部*/

.public-footer{
    height: 98px;
    margin: 26px auto;
    width: 65.1%;}
.footer-logo{
    float: left;
    width: 236px;
    height: 53px;
    background-image:url(../img/index-footer-bd.jpg);}
.footer-text{
    position: relative;
    margin-top: 10px;
    float: left;
    margin-left: 20px;
    font-size: 12px;
    color:#bdbdbd;
    font-family: 微软雅黑;
    text-align: center;}
.line{
    margin-top: 4px;
    border-top: 1px solid #f0f0f0;}