body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
html, body{
    font-size: 100%;
    font-family: 'Roboto Condensed', sans-serif;
}
body{
    background: url("../images/body-bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 154px 0;
}
ul,li {
    list-style: none;
    padding: 0;
    margin: 0;
}
@font-face {
    font-family: hwxk;
    src: url("../fonts/华文行楷.ttf");
}
@font-face {
    font-family: corbel;
    src: url("../fonts/corbel.ttf");
}
.clearfix { zoom:1; }
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '';
}
.container {
    background: rgba(255,255,255,.55);
}
/**
 * header 2018/8/31.
 */
input[type="submit"],
.w3l_banner_info_left_grid_left h3 a,
.w3agile_footer_copy p a,.reply a,
.agile_cat_grid_tags ul li a:hover,
.agile_cat_grid ul.categories li a,
.w3l_admin a,.w3ls_single_left_grid_right ul li a,
.wthree_features_services_grid h4 a,
.agile_services_bottom_grid_left_grid a,
.simplefilter li,.agileinfo_footer_grid ul li a,
.w3l_banner_info_left_grid1,
.agile_blog_grid h4 a{
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}
.header {
    background: #FFFFFF;
    padding: 0 30px;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.navbar-collapse {
    padding: 0;
    box-shadow: none;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.w3layouts-logo h1{
    margin:0;
}
.w3layouts-logo h1 a img{
    height: 110px;
    display: block;
}
.w3layouts-logo h1 a span{
    font-size: .6em;
    letter-spacing: 2px;
    text-align: right;
    color: #4574e7;
}
/**
 * 导航 2018/10/18.
 */
.navbar-nav {
    float: none;
    margin: 0;
}
.navbar-nav > li {
    width: 11.111%;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #42a700;
}
.navbar-nav > li > a {
    font-size: 16px;
    padding: 0 20px;
    text-transform: uppercase;
    margin-right:2px;
    line-height: 46px;
    text-align: center;
    border-radius: 4px;
    background-color: #42a700;
    color: #fff;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #f7b427;
}
.navbar-btn {
    display: none;
}
/* 下拉导航 */
.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7b427;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
    color: white;
}
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
ul.dropdown-menu {
    background: #212121;
    box-shadow: 0 0 0;
    border: none;
    margin: 0;
    top: 110px;
    left: 0;
    min-width: 97px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 6px 11px !important;
    clear: both;
    margin: 0 !important;
    font-weight: normal;
    line-height: 1.42857143;
    color: #FFF !important;
    border: none !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 103%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #f7b427 !important;
    outline: 0;
}
.navbar-toggle {
    margin-right: 0;
}
/* 导航样式更改 */
.navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
    box-shadow: 0 22px 22px rgba( 7, 0, 2,0.05 );
}
ul.dropdown-menu {
    background: #eeeeee;
}
.dropdown-menu > li > a {
    color: #4574e7 !important;
    padding: 6px 20px !important;
    line-height: 30px;
}
.dropdown-menu > li > a:hover {
    color: #FFF !important;
}
/**
 * 第一行 2018/10/18.
 */
.content-area {
    margin-top: 30px;
}
/**
 * 音像课堂 2018/10/18.
 */
.content-audio {
    padding: 30px;
    background-color: #f7b427;
    height: 328px;
}
.audioDiv {
    border: 2px solid #fff;
}
.audioDiv a {
    display: block;
    position: relative;
}
.audioImg {
    display: block;
    width: 100%;
    height:265px;
}
.audioTitle {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    margin: 0;
    padding: 0 20px;
    line-height: 38px;
}
.audioTitle span {
    color: #fff;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/**
 * 课程总览 2018/10/18.
 */
.content-pandect{
    padding: 30px;
    background-color: #fff;
}
.titleH1 {
    line-height: 28px;
    color: #f7b427;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    float: left;
}
.titleP {
    height: 14px;
    background-color: #fbce71;
    position: relative;
    margin: 7px 0 7px 96px;
}
.titleP .moreA {
    position: absolute;
    line-height: 20px;
    border: 1px solid #f7b427;
    color: #f7b427;
    display: block;
    width: 54px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 10px 0px rgba( 7, 0, 2,.12 );
    right: 12px;
    top: -4px;
    font-size: 12px;
    font-family: Arial;
}
.pandectFrist {
    border-bottom: 1px solid #595959;
    padding-bottom: 16px;
}
.pandectH2 {
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    color: #595959;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 0;
}
.pandectTxt {
    line-height: 24px;
    color: #878787;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pandectTxt p {
    margin-bottom: 0;
}
.pandectFrist:hover h2 {
    color: #f7b427;
}
.pandectElse {
    margin-top: 10px;
}
.pandectElse li {
    width: 50%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 32px;
}
.pandectElse li i {
    margin: 0 8px;
}
.pandectElse li a {
    color: #686868;
}
.pandectElse li a:hover {
    color: #f7b427;
}
/**
 * 网络资源 2018/10/18.
 */
.content-resource {
    padding: 30px;
    background-color: #fff;
    height: 626px;
}
.content-resource .titleH1 {
    color: #42a700;
}
.content-resource .titleP .moreA {
    color: #42a700;
    border: 1px solid #42a700;
}
.content-resource .titleP {
    background-color: #82c657;
}
.resourcesLi {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    min-height:110px; 
}
.resourcesH4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 26px;
    margin: 0 0 9px;
}
.resourcesH4 .label {
    background: url("../images/resources-label.png") no-repeat;
    line-height: 26px;
    float: left;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 0;
}
.resourcesH4 a {
    color: #595959;
    font-weight: bold;
    line-height: 26px;
    padding-left: 15px;
    font-size: 16px;
}
.resourcesP {
    color: #868686;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.resourcesP p{
    color: #868686;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
}
.resourcesLi a:hover {
    color: #42a700;
}
/**
 * 贸易实习 2018/10/19.
 */
.content-practice {
    background: url("../images/practice-bg.png");
    padding: 30px;
    height: 626px;
}
.practiceDiv {
    margin-top: 386px;
}
.practiceH2 {
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}
.practiceTxt p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
/*.practiceFrist:hover .practiceTxt p,*/
/*.practiceFrist:hover .practiceH2{*/
    /*color: #f7b427;*/
/*}*/
/**
 * 师资队伍 2018/10/19.
 */
.content-teachers {
    padding: 30px;
    background: #fff;
}
.teachersUl {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
    height: 258px;
}
.teachersLi {
    float: left;
    width: 246px;
    padding: 0 15px;
}
.img-holder {
    position: relative;
}
.img-holder img {
    display: block;
    width: 100%;
    height: 258px;
}
.text-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(245,179,41,0.7);
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.img-holder:hover .text-holder {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.text-holderH5 {
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    background-color: #090d01;
    margin-top: 22px;
}
.text-holderP {
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    padding: 0 18px;
    margin-top: 20px;
    height: 72px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    text-align: justify;
}
.text-holderSpn {
    width: 102px;
    line-height: 34px;
    color: #fff;
    background-color: #090d01;
    display: block;
    margin: 30px auto 0 auto;
    border-radius: 4px;
    font-size: 14px;
}
/**
  *  友情链接 2018/10/19.
  */
.content-blogroll {
    height: auto;
}
.list-unstyled {
    text-align: center;
    padding: 23px 0;
    border-bottom: 1px dashed #a0a0a0;
}
.list-unstyled li {
    display: inline-block;
    color: #1b1b1b;
    font-size: 15px;
}
.list-unstyled li a {
    color: #1b1b1b;
}
.list-unstyled li a:hover {
    color: #42a700;
}
.copyright-left {
    margin-top: 20px;
    float: left;
    font-size: 15px;
}
.copyright-left p {
    line-height: 22px;
    margin: 0;
}
.copyright-left p span {
    margin-right: 10px;
}
.copyright-right {
    float: right;
    margin-top: 28px;
}
.copyright-spn {
    position: relative;
}
.copyright-spn, .copyright-a {
    float: left;
    margin-left: 11px;
    cursor: pointer;
}
.erWei {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -120px;
    left: -40px;
    border: 1px solid #ccc;
    padding: 5px;
    display: none;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba( 7, 0, 2,.12 );
}











/**
 * <=1399的设备 2018/8/31.
 */
@media (max-width: 1399px){
    body { padding: 100px 0;}
    .audioDiv,.audioDiv a,.audioImg { height: 100%;}
    .list-unstyled li { float: left; line-height: 24px;}
}
/**
 * <=1199的设备 2018/8/31.
 */
@media (max-width: 1199px){
    .practiceDiv { margin-top: 368px;}
}

/**
 * <=991的设备 2018/8/31.
 */
@media (max-width: 991px){
    body { padding: 0;}
    .navbar-nav > li > a { padding: 10px 20px; line-height: 24px;}
    .content-audio,.content-pandect,.content-resource,.content-practice { width: 50%;}
    .practiceDiv { margin-top: 348px;}
    .content-blogroll { width: 100%;}
    .copyright-left,.copyright-right { float: none;text-align: center; width: 100%;margin-top: 15px;}
    .copyright-spn, .copyright-a { float: none;}
}
/**
 * <=768的设备 2018/8/31.
 */
@media (max-width: 767px){
    body { padding: 15px;}
    .container { padding: 15px;}
    .header { padding: 0 15px;}
    .container { padding: 0;}
    .w3layouts-logo h1 a img { height: 60px;}
    .navbar { min-height: 60px;}
    .navbar-default .navbar-toggle { margin: 8px 0;}
    .navbar-toggle { border: none; padding: 9px 0;}
    .w3layouts-logo { float: left;}
    .navbar-btn { float: right; margin: 19px 0; display: block;}
    /* 导航 */
    .container { position: relative;}
    .navbar-collapse { position: absolute;width: 100%;top: 60px;left: 15px;background: rgba(255,255,255,.98);z-index: 10;border-top: 1px solid #ddd;box-shadow: 0px 3px 10px 0px rgba( 7, 0, 2,.12 );}
    .navbar-nav { padding: 15px 15px 5px;}
    .navbar-nav > li { width: 50%; float: left;}
    .navbar-nav > li > a { line-height: 34px; margin-bottom: 10px;}
    /* 第一行 */
    .content-area { margin-top: 15px;}
    /* 音像课堂 */
    .content-audio { width: 100%; padding: 15px; height: auto;}
    .audioTitle { padding: 0 10px; line-height: 28px;}
    .audioTitle span { font-size: 14px;}
    /* 课程总览 */
    .content-pandect { width: 100%; padding: 15px; height: auto; margin-top: 15px;}
    .titleH1 { font-size: 16px;}
    .titleP { margin: 7px 0 7px 70px;}
    .pandectH2 { font-size: 16px;}
    .pandectTxt p { font-size: 14px;}
    .pandectFrist { padding-bottom: 10px;}
    .pandectElse li { font-size: 14px; line-height: 26px;}
    .pandectElse li i { margin: 0;}
    /* 网络资源 */
    .content-resource { width: 100%; padding: 15px; height: auto;}
    .resourcesLi { padding-top: 10px;}
    .resourcesH4 .label { display: none;}
    .resourcesH4 a { padding-left: 0;}
    .resourcesP { font-size: 14px;}
    /* 贸易实习 */
    .content-practice { width: 100%; padding: 15px; height: auto; margin-top: 15px; background-size: 100% 100%; background-repeat: no-repeat;}
    .practiceDiv { margin-top: 152px;}
    .practiceH2 { font-size: 16px; margin: 10px 0;}
    .practiceTxt p { font-size: 14px; line-height: 20px;overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
    /* 师资队伍 */
    .content-teachers { padding: 15px;}
    /* 友情链接 */
    .content-blogroll .page-title { display: none;}
    .list-unstyled { display: none;}
    .copyright-left { margin-top: 0; padding-bottom: 15px; border-bottom: 1px dashed #ccc; width: 100%;}
    .copyright-left p span { display: inline-block;}
}

/**
 * <=567的设备 2018/8/31.
 */
@media (max-width: 567px){
    /* 导航 */
    .w3layouts-logo h1 a img { height: 40px;}
    .navbar { min-height: 40px;}
    .navbar-btn { margin: 9px 0;}
    .navbar-collapse { top: 40px;}
    .navbar-nav > li { width: 100%;}
    /* 音像课堂 */
    .audioTitle { padding: 0 5px; line-height: 24px;}
    /* 课程总览 */
    .pandectElse li { width: 100%;}
    /* 友情链接 */
    .copyright-left p span { margin-right: 0; display: block;}
}