/* ============================================================
   样式重置
   ============================================================ */
*{box-sizing:border-box; cursor:pointer; -webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;outline: none;}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:400;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
img{display:inline-block;overflow:hidden;vertical-align:top; width:100%;}
em{font-style:normal;}
strong{font-weight:bolder;}
table{border-collapse:collapse;border-spacing:0;}
button,input{cursor:pointer;border:0 none;-webkit-appearance: none;appearance:none; border-radius: 0;}
textarea{word-wrap:break-word;resize:none;}
menu{margin:0;padding:0;}
body{margin: 0 auto;-webkit-user-select: none;-webkit-text-size-adjust: none!important;font-family:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Arial",sans-serif,Droidsansfallback;font-size: 0.26rem;font-weight: 400;background: url('images/bigbg.png') no-repeat center center fixed !important; background-size: cover !important; color:#333;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
input,textarea{font-family:"Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Arial",sans-serif,Droidsansfallback;font-weight: 400;}
input[type="number"]{-webkit-user-select:text;}
a,button,input{-webkit-touch-callout:none;}
input,select,textarea{outline:none;background: none;font-weight: 400;}
a,button,input,select,li{-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media all and (-webkit-transform-3d){a,button,input,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;outline: none;}}
a{text-decoration:none;}

/* ============================================================
   Flex布局工具类
   ============================================================ */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.between{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between}
.center{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center}
.start{display: flex;display: -webkit-flex; justify-content: flex-start;-webkit-justify-content: flex-start}
.middle{display: flex;display: -webkit-flex;-webkit-align-items:center;align-items:center;}
.col{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;}
.row{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;}
.wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}

/* ============================================================
   通用工具类
   ============================================================ */
.fn-hide{display:none}
.clearfix:after,.clearfix:before {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom: 1; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.midcenter {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center;}

/* ============================================================
   基础布局
   ============================================================ */
html {overflow-y: auto;overflow-x: hidden;height: 100%;max-width:750px; margin:0 auto;}
body{max-width:750px;min-height: 100%;box-sizing:border-box;margin: 0 auto;overflow: hidden;-webkit-overflow-scrolling: touch;position:relative;}
body, .page1, .sub-header, .sub-content {
    background: #87ceeb !important;
    color: #333333 !important;
}

/* ============================================================
   主页样式
   ============================================================ */
.page1{ position:relative; background: #0281CC;}
.page1 .top{ position:relative;z-index:1; padding-top:2.7rem;}
.top {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 32px;
    padding-bottom: 0;
    box-sizing: border-box;
}
.topbg {
    position: static;
    display: block;
    max-width: 800px;
    width: 93%;
    margin: -130px auto 18px auto;
    z-index: 0;
    pointer-events: none;
}
.page1 .logo{ position: absolute; z-index:2;left:0.35rem;top:0.4rem; width:3.05rem;}
.page1 .logo2{ position: absolute; z-index:2;left:4.3rem;top:0.3rem; width:3.05rem;}
.con{ position:relative;z-index:2; padding:0 0.3rem;}

/* ============================================================
   功能图标区域
   ============================================================ */
.gkb_link-box{ position:relative; z-index:5;padding:0.18rem 0rem 0.2rem; margin:0 -0.2rem;}
.gkb_link li{ width:25%; padding:0 0.2rem; margin-top:0.38rem;}
.gkb_link img{ display:block; margin:0 auto; width:1rem; height:1rem;}
.gkb_link li .bt{ margin-top:0.12rem;font-size: 0.24rem;color: #111;line-height: 0.33rem; text-align:center}

/* ============================================================
   学院列表
   ============================================================ */
.main_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}
.main_list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 25px;
    width: 120px;
}
.main_list li img {
    width: 160px;
    height: 40px;
    display: block;
}

/* ============================================================
   底部信息
   ============================================================ */
.footwz{padding:0.42rem 0.24rem;font-size:0.24rem;font-weight: 400;color: #111;line-height: 0.37rem;letter-spacing: 1px; text-align:center}

/* ============================================================
   弹出提示
   ============================================================ */
.pop {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;}
.remind-text {max-width: 80%;padding: 0.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 0.25rem;border-radius: 0.1rem;min-width: 30%;max-width: 65%;text-align: center;line-height: 0.45rem;word-break: break-all;}

/* ============================================================
   响应式字体设置
   ============================================================ */
@media screen and (min-width:320px) {html { font-size: 42.66px }}
@media screen and (min-width:360px) {html { font-size: 48px }}
@media screen and (min-width:375px) {html { font-size: 50px }}
@media screen and (min-width:400px) {html { font-size: 54px }}
@media screen and (min-width:414px) {html { font-size: 54px }}
@media screen and (min-width:480px) {html { font-size: 64px }}
@media screen and (min-width:640px) {html { font-size: 85.32px }}
@media screen and (min-width:750px) {html { font-size: 100px }}

/* ============================================================
   颜色主题覆盖
   ============================================================ */
.bt, .footwz, .college-title, .main_list .bt, .gkb_link .bt, .gkb_link li .bt, .main_list li .bt, .sub-title, .sub-content {
    color: #333333 !important;
}
.gkb_link li .bt,
.gkb_link .bt,
.bt {
    color: #111 !important;
}

/* ============================================================
   动画效果
   ============================================================ */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s forwards;
}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: none;
    }
}

/* ============================================================
   学院介绍标题
   ============================================================ */
.college-title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 18px 0 8px 0;
}
.college-title-line {
    flex: 1;
    height: 2px;
    background: #111;
    margin: 0 12px;
}
.college-title {
    text-align: center;
    font-size: 0.4rem;
    font-weight: bold;
    white-space: nowrap;
}