html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';}  /* 初始化标签在所有浏览器中的margin、padding�?*/
fieldset,img {border:0 none;}  /* 重置fieldset（表单分组）、图片的边框�?*/
dl,ul,ol,menu,li {list-style:none;}   /* 重置类表前导符号为onne,menu在HTML5中有�?*/
input,select,textarea,button {vertical-align:middle;border:none;outline:none;}  /* 重置表单控件垂直居中*/
input:focus,select:focus,textarea:focus,button:focus {border:none;outline:none;background-image: none;}  /* 重置表单控件选中样式*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
th,td,input,select,textarea,button {font-size:12px;font-family:"Microsoft YaHei",'\5FAE \8F6F \96C5\91';color:#444} /* 重置页面文字属�?*/
a {color:#666;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none !important;}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效�?*/
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0 auto;}  /* 重置table属�?*/
iframe{border: none;width: 100%;height: 100%;box-sizing: border-box;}
img {border: 0;max-width: 100%;height: auto;vertical-align: middle;}
em{font-style: normal}
input:focus,select:focus,textarea:focus,button:focus {border:1px solid #dedede;outline:none;background-image: none;}  
a:focus, a:hover,.card-cnt > a:hover,.news .review-main ul li a:hover,.module-title .more:hover{
    color: #b58e4b
}
.container,.container-fluid{
    padding: 0;
}
.nav-l {
    position: absolute;
    min-height: 400px;
    top: 0px;
    left: 0;
    z-index: 20
}

.nav-l .nav-list {
    background-color: #fff;
    position: relative
}

.nav-l span.all-class {
    display: block;
    width: 278px;
    height: 40px;
    line-height: 40px;
    background: #324f8c url(../images/nav-tit.png) no-repeat 72px 50%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border-radius: 4px 4px 0 0
}
.mobile-footer-zx{display: none;}
.nav-list-tit {
    padding: 5px 0px 4px;
    width: 278px;
    -webkit-box-shadow: 0 0 10px rgba(153,153,153,0.5);
    -moz-box-shadow: 0 0 10px rgba(153,153,153,0.5);
    box-shadow: 0 0 10px rgba(153,153,153,0.5)
}

.nav-list-tit>li:hover {
    background-color: #f3f5f7;
    cursor: pointer
}

.nav-list-tit>li:hover div.tit-cnt {
    border-bottom: 1px #f3f5f7 solid
}

.nav-list-tit>li:hover .nav-cnt {
    display: block
}

.nav-list-tit li div.tit-cnt {
    width: 255px;
    padding: 6px 0 3px;
    margin: 0 12px 0;
    border-bottom: 1px #eee solid;
    background: url(../images/jt-01.png) no-repeat right -5px center
}

.nav-list-tit .study-abroad div.tit-cnt {
    border-bottom-color: #fff;
    margin-bottom: 0;
    padding-bottom: 13px
}

.nav-tit-b {
    display: inline-block;
    font-size: 16px;
    color: #222;
    margin-bottom: 2px
}

.nav-tit-b:hover {
    color: #d3554f
}

.nav-tit-s {
    display: block;
    line-height: 22px
}

.nav-tit-s a {
    font-size: 12px;
    color: #999;
    margin-right: 8px
}

.nav-tit-s a:hover {
    color: #d3554f
}

.nav-cnt {
    display: none;
    width: 649px;
    position: absolute;
    top: 0;
    left: 278px;
    padding: 30px 25px;
    background-color: #fff;
    border: 1px solid #92a2c1;
    border-radius: 0 6px 6px 6px
}

.nav-cnt .entry-box {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dashed #eee
}

.nav-cnt .entry-box h3 {
    font-size: 18px;
    font-weight: bold;
    color: #222
}

.nav-cnt .entry-box.nobr {
    border: none !important
}

.nav-cnt .entry {
    padding-top: 25px;
    padding-bottom: 8px
}

.nav-cnt .entry a {
    font-size: 14px;
    color: #222;
    margin-right: 24px
}

.nav-cnt .entry a:last-child {
    margin-right: 0
}

.nav-cnt .entry a:hover {
    color: #d3554f
}

.nav-cnt .entrys li {
    position: relative;
    padding-left: 110px;
    font-size: 14px;
    min-height: 25px;
    line-height: 25px;
    word-break: keep-all;
    margin-top: 6px
}

.nav-cnt .entrys li b {
    position: absolute;
    left: 0
}

.nav-cnt .entrys li b a {
    font-weight: bold;
    color: #3057a9;
    text-decoration: underline
}

.nav-cnt .entrys li b a:hover {
    color: #d3554f
}

.nav-cnt .entrys li>a {
    margin-right: 25px
}

.nav-cnt .entrys li>a:hover {
    color: #d3554f
}

.nav-cnt .entrys-mini li {
    position: relative;
    padding-left: 80px
}

.nav-cnt .yuloo-icon {
    padding-left: 26px;
    background: url(../images/yuloo-icon.png) no-repeat
}

.nav-cnt .yuloo-icon-gjxx {
    background-position: 0 0
}

.nav-cnt .yuloo-icon-slxx {
    background-position: 0 -50px
}

.nav-cnt .yuloo-icon-gx {
    background-position: 0 -100px
}

.nav-cnt .yuloo-icon-zzy {
    background-position: 0 -150px
}

.nav-cnt .yuloo-icon-liuxue {
    background-position: 0 -200px
}

.nav-cnt .yuloo-icon-yxk {
    background-position: 0 -247px
}

.nav-cnt .yuloo-icon-zyk {
    background-position: 0 -297px
}

.nav-cnt .yuloo-icon-jzk {
    background-position: 0 -347px
}

.nav-cnt .yuloo-icon-kfr {
    background-position: 0 -397px
}

.nav-cnt .yuloo-icon-area {
    background-position: 0 -447px
}

.nav-cnt .yuloo-icon-zhongzhi {
    background-position: 0 -499px
}

.nav-cnt .tool-entry {
    padding-bottom: 21px;
    border-bottom: 1px dashed #eee;
    margin-bottom: 20px
}

.nav-cnt .tool-entry .yuloo-icon {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0
}

.nav-cnt .tool-entry a {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    color: #222;
    margin-right: 9px
}

.nav-cnt .tool-entry a:last-child {
    margin-right: 0
}

.nav-cnt .nav-wx li {
    float: left;
    width: 120px;
    text-align: center;
    margin-right: 30px
}

.nav-cnt .nav-wx li:last-child {
    margin-right: 0
}

.nav-cnt .nav-wx img {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eee;
    margin-bottom: 9px
}

.nav-cnt .nav-wx span {
    display: block;
    font-size: 13px;
    color: #222;
    text-align: center
}

.banner-nav {
    position: absolute;
    width: 1463px;
    margin: 0 auto;
    top: 0;
    left: 58%;
    margin-left: -730px;
    z-index: 1
}
body, html {
    font-family: 'Microsoft YaHei','\5FAE \8F6F \96C5\91';
    font-size: 14px;
    color: #333;
    background: #F5F7F9;
}
.container {
    width:1200px;
}

.icon{
    padding: 2px 10px;
    margin-right: 10px;
    background: url(../images/icon.png)
}
.breadcrumb-bg{
    background-color: #F5F7F9
}

.breadcrumb,.breadcrumb a{
    font-size: 12px;
    line-height: 40px;
    color: #9fa9b3;
    background-color: #F5F7F9;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.breadcrumb a:hover,.activty-title a.more:hover, .news-item-title a.more:hover{
    color: #b58e4b;
}

/* header start */
.header{
    font-size: 12px;
    color: #838c94;
    background-color:#eeeeee;
    height: 40px;
    line-height: 40px;
}
.header dl {
    float: left;
    position: relative;
    color: #31404c;
    margin: 0 10px;
    cursor: pointer;
}
.header dl dt{ 
    height: 40px;
    line-height: 40px
}
.header dl:hover dd{
    display: block;
}
.header dl dd {
    display: none;
    position: absolute;
    width: 110px;
    text-align: center;
    right: -10px;
    text-align: right;
    top: 40px;
    background-color: #fff;
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    z-index: 99;
}
.header dl dd p{
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 5px;
    text-align: center
}
.header dl dd::before{
    position: relative;
    content: '';
    display: block;
    margin: 0 auto;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:7px solid #fff;
    top: -5px;
}


.wxtools-icon{
    background-position: -4px -190px;
}
.wxpublic-icon{
    background-position: -4px -145px;
}
/* header end */

/* nav start */

/*modify nav default style start*/
.head,.navbar-default{
    background-color: #fff;
}
.head .navbar-default .navbar-brand{
    /* margin: 15px 0 0 0 ; */
}
.head .navbar-nav > li.open{
    border: none !important;
    box-shadow: none !important;
}
.head .navbar-nav > li > .dropdown-menu li{
    text-align: center;
}
.head .navbar-nav > li:hover .dropdown-menu,.head .navbar-nav > li.open .dropdown-menu{
    display: block;
    top: 72px;
    border-top: 3px solid #b58e4b;
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.head .navbar-nav>li.active > a::after,.head .navbar-nav>li > a:hover::after{
    content: '';
    display: block;
    position: absolute;
    width: 70%;
    margin: 0 15%;
    bottom: 10px;
    left: 0;
    border: 1px solid #b58e4b
}
.head .navbar-nav>li>a{
    font-size: 16px;
    position: relative;
    color: #333333;
    font-weight: 900;
    line-height: 54px;
}

.head .navbar-default .navbar-nav>.active>a,.head .navbar-default .navbar-nav>.active>a:focus, .head .navbar-default .navbar-nav>.active>a:hover{
    color: #333333;
    font-weight: 900;
    background-color: #fff;
}
.head .navbar-default .navbar-nav>.open>a,.head .navbar-default .navbar-nav>.open>a:focus,.head .navbar-default .navbar-nav>.open>a:hover{
    background-color: #fff;
    color: #b58e4b;
}
.head .dropdown-menu{
    min-width: auto;
    width: 100%;
    top: 60px;
    border: none;
}
.head .dropdown-menu>li>a{
    font-size: 14px;
    line-height: 2;
}
.head .navbar-nav>li.open{
    border-top: 3px solid #b58e4b;
    -moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.head .dropdown-menu>li>a:hover,.head .navbar-nav > li > a:hover,.head .navbar-nav > li.active > a{
    color: #b58e4b !important;
}

.head .navbar-nav>li .caret{
   width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}


.head .navbar-nav>li.open .caret,.head .navbar-nav > li:hover .caret{
    
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #b58e4b;
    border-top: 0
}
/*modify nav default style end*/
.head .navbar-right{
    margin: 0;
}
.head .navbar-collapse{
    padding: 0;
    background-color: #fff;
}
.head .navbar {
    border: none;
    margin-bottom: 0;
}
.head .navbar-header{
    padding-top: 11px;
    margin: 0;
}
.head .navbar-header > h1, .head .navbar-header > span {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 26px;
    padding: 6px 15px;
    background-color: #334d72;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin-top: 13px;
}
 .head .navbar-header > span a{
    color:#fff;
}
.head .navbar-header > h1{
    padding: 6px 15px;
}
.navbar-brand{
    padding: 0;
    height: auto
}
.nav-tel{
    margin-left: 40px;
    margin-top: 36px;
    padding-left: 36px;
    background: url(../images/phone.png) no-repeat left center;
}
.nav-tel p{
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #b58e4b;
    margin-bottom: 0;
}
.nav-tel span{
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #838c94
}
/* nav end */


@media only screen and (max-width: 1200px) {
    .container {
        width:98%;
        margin: 0 auto;
    }
    .head .navbar-header > h1{
        padding: 4px 10px
    }
    .dropdown-menu > li > a{
        padding: 3px 0
    }
    .navbar-default .navbar-nav > li > a{
        padding: 15px 5px;
    }
    .head .navbar-nav>li>a{
        line-height: 34px;
    }
    .head .navbar-default .navbar-brand{
        margin-top: 4px
    }
    .nav-tel p{
        font-size: 16px
    }
    .head .navbar-header > h1, .head .navbar-header > span{
        font-size: 16px;
        line-height: 30px;
        margin-top: 0;
    }
    .nav-tel{
        margin-top: 12px;
        margin-left: 5px
    }
}

@media only screen and (max-width: 1024px) {
    .head{
        width: 100%;
    }
               .mobile-menu.on {
                border-radius: 0 0 5px 5px;
            }

            .mobile-menu {
                position: relative;
                color: #fff;
                overflow: visible !important;
                cursor: pointer;
            }

            .mobile-menu-box {
                display: none;
                position: absolute;
                background: #3e85c2;
                width: 100%;
                border-radius: 5px 5px 0 0;
                left: 0;
                bottom: 40px;
            }

            .mobile-menu-box a {
                display: block;
                color: #fff;
                font-size: 14px;
                line-height: 20px;
                padding: 10px;
                border-bottom: 1px solid rgba(255,255,255,0.2);
            }
             .mobile-footer,.mobile-footer-zx {
        display: block
    }

    .channel .channel-m .nav-tabs {
        display: block;
        padding-bottom: 2%;
        margin-bottom: 3%;
        box-shadow: 0 5px 10px -5px rgba(0,0,0,0.2)
    }

    .channel .channel-m .nav-tabs>li {
        float: left;
        width: 33.333%
    }
    .mobile-footer-zx ul li {
    float: left;
    width: 47%;
    margin: 0 1.5%;
    background: #2978BB;
    text-align: center;
    display: block;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .channel .channel-m .nav-tabs>li>a {
        padding: 3px 0 !important;
        text-align: center;
        margin: 5px;
        border-radius: 3px !important
    }
.mobile-footer {
    display: none;
    padding: 1em 0em 1em;
    text-align: center;
    border-top: 2px solid #4e8099;
    margin: 1.5em 0 6em
}

.mobile-footer p {
    margin: 0 0.3em 0.3em
}

.mobile-footer p a {
    margin-right: 5px
}

.mobile-footer-zx {
 
    width: 100%;
    height: 60px;
    line-height: 40px;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    padding: 2% 0;
    border-top: 1px #dedede solid;
    background-color: #f5f5f5
}

.mobile-footer-zx ul li {
    float: left;
    width: 47%;
    margin: 0 1.5%;
    background: #2978BB;
    text-align: center;
    display: block;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.mobile-footer-zx ul li a {
    display: inline-block;
    height: 40px;
    width: 100%;
    color: #FFF;
    text-align: center
}

.mobile-footer-zx ul li a span {
    font-size: 14px;
    font-weight: 600
}
    .head .navbar-nav>li.nav-tel,.head .navbar-collapse{display: none !important;}
    
    .head .navbar-nav > li > a{
        font-size: 14px;
        font-weight: normal
    }

    .head .navbar-header{
        width: 100%;
        padding: 7px 0
    }
    .navbar-toggle{
        display: block;
        margin-top: 4px
    }
    .navbar-collapse.in{
        display: block !important
    }
   
    .head .navbar-right{
        width: 130px;
        text-align: center;
        position: absolute;
        top: 60px;
        right: -1%;
        z-index: 999;
        background: #fff;
        -moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
        -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }

    .navbar-nav > li{
        float: none;
    }
    .head .navbar-nav>li>a{
        line-height: 20px;
        padding: 10px 0;
    }
    .navbar-nav .open .dropdown-menu > li > a{
        padding:5px 15px;
    }
    .navbar-nav > li.open .dropdown-menu{
        display: block !important;
        position: absolute;
        background: #fff;
        left: -130px;
        top: 10px !important;
        -moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
        -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }
    .head .navbar-nav > li:hover .dropdown-menu{
        display: none
    }
    .header-r,.nav-tel,.head .navbar-nav>li.active a::after,.head .navbar-nav>li a:hover::after{
        display: none !important;
    } 
}


@media only screen and (max-width: 767px){
    .head .navbar-collapse{
        height: 0 !important;
        border: none;
        overflow: visible !important
    }
    .navbar-nav > li.open .dropdown-menu{
        left: -100px;
    }.banner img{height: 150px!important;width: 180%!important;}
}


@media only screen and (max-width: 425px){
    
}