/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 40px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f4fbfe;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #0f394c;
}

.section-title p {
  margin-bottom: 0;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  padding: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px 10px 10px;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
}

.services .icon-box:hover {
  transform: translateY(-5px);
}

.services .icon {
  position: absolute;
  
  top: calc(50% - 30px);
}

.services .icon i {
  font-size: 32px;
  line-height: 1;
  transition: 0.5s;
}

.services .title {
  margin-left: 10px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .title a {
  color: #111;
}

.services .icon-box:hover .title a {
  color: #49b5e7;
}

.services .description {
  font-size: 14px;
  margin-left: 10px;
  line-height: 24px;
  margin-bottom: 0;
}


    .cgalbum{  
        position:absolute;
        opacity:1;   
        left:10px;
        top: 6px;
    }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {

    min-height: 70px;
    width: 100%;
    padding: 15px;
    position: relative;
    bottom: 0;
    background-color: #fafafa;
    border-top: solid 1px rgba(144, 144, 144, 0.25);

}

@media (min-width: 576px) {
    .container {
      max-width: 570px;
    }
    
  }

  @media (min-width: 768px) {
    .container {
      max-width: 760px;
    }
    
  }

  @media (min-width: 992px) {
    .container {
      max-width: 990px;
    }
    
  }

  @media (min-width: 1300px) {
    .container {
      max-width: 1600px;
    }
    
  }
  
  @media screen and (min-width: 992px) and (max-width: 1480px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size:.8rem
        }
    }
    
    
    body {
            background: #F5F5F5
        }

        /**nav样式 start***/
        .anjing.navbar {
            background: var(--theme-color, #00A185);
            padding: 0 20px !important;
            height: 70px;
            justify-content: space-between;

        }

        .anjing.navbar-light .navbar-brand,
        .navbar-light .navbar-nav .active>.nav-link {
            color: #fff
        }

        .anjing.navbar-light .navbar-brand:hover {
            color: #fff
        }

        .anjing .navbar-collapse {
            flex-grow: inherit;
            height: 100%;

        }

        .anjing .active>.nav-link {
            font-size: 16px;
        }

        .anjing .title-left {
            font-size: 22px;
            margin-left: 10px;
        }



        .navbar-expand-xl .navbar-toggler {
            display: none;
        }

        .anjing.navbar-light .navbar-toggler {
            color: rgba(255, 255, 255, .5);
            border-color: rgba(255, 255, 255, .1);
        }

        .anjing .teachermobel {
            display: none !important
        }

        .anjing .teacher {
            display: block;
            background: #6078A1;
            border-radius: 20px;

        }

        .anjing .teacher a {
            color: #fff
        }

        .anjing .navbar-nav svg {
            vertical-align: middle;
            margin-top: -3px;
        }

        .anjing .navbar-nav {
            height: 100%;
            align-items: center;
        }

        .anjing .navbar-nav li.current {
            background: #6078A1;

        }

        .anjing .navbar-nav li {
            height: 100%;
            align-items: center;
            display: flex;
            padding: 0 10px !important;
            margin-left: 0 !important
        }


        @media screen and (max-width: 1600px) {
            .anjing-tz{
      
                height: 70px !important;
        padding: 0 20px !important;
            
        }
        .anjing-tz div{
            font-size: 12px !important
        }
        .anjing-tz div.f{
            width: 82px!important;
             height: 28px!important
        }
        .anjing-tz div.l svg{
            width: 12px;
             height:12px;
        }
            .anjing.navbar {
                padding: 0 10px !important;
                height: 60px;
            }


            .anjing .title-left {
                font-size: 18px;
            }

            .anjing .active>.nav-link {
                font-size: 14px;
            }
        }

        @media screen and (max-width: 1200px) {
            .anjing .teacher {
                display: none
            }

            .anjing .teachermobel {
                display: block !important
            }

            .anjing.navbar {

                justify-content: space-between;
            }

            .anjing #navbarSimple {
                position: absolute;
                top: 50px;
                height: 540px;
                background: var(--theme-color, #00A185);
                width: 100%;
                left: 0;
                display: none !important;
                flex-direction: column !important;
                padding: 10px 0;
                z-index: 999;
            }

            #navbarSimple.show {
                display: flex !important;
                align-items: baseline;
            }

            .anjing .navbar-nav {
                display: flex;
                flex-direction: column;
                /* align-items: baseline; */
            }

            .navbar-expand-xl .navbar-toggler {
                display: block;
            }


        }

        @media (min-width: 992px) {
            .navbar-expand-lg .navbar-toggler {
                display: inherit;
            }
        }

        @media (min-width: 1200px) {
            .navbar-expand-lg .navbar-toggler {
                display: none;
            }
        }

        /**nav样式 end***/
        /***内容样式 start**/
        .anjing .carousel-inner {
            border-radius: 10px;
            ;
        }

        /**学生登录***/
        .anjing .student-style {
            background: #fff;
            border-radius: 10px;
            ;
            padding: 0;
        }

        .anjing .studen-h3 {
            font-size: 20px;
            color: #333;
            /* margin-top: 12px; */
            padding: 12px 20px;
            ;
            border-bottom: 1px solid #DDDDDD
        }

        .anjing .login-box>div {
            display: none;
        }

        .anjing .login-box>div.active {
            display: block;

        }

        .anjing .login-tab {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            /* 三列等宽 */
            gap: 10px;
            /* 卡片间距 */
            padding: 10px 20px;
            margin-bottom: 6px;

        }

        .anjing .login-tab li {
            padding: 4px 0;
            background: #E0E0E0;
            color: #666666;
            border-radius: 30px;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
        }

        .anjing .login-tab li.active {
            background: var(--theme-color, #00A185);
            color: #fff;

        }

        .anjing .forms {
            margin: 0 20px;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 1rem;
        }

        .anjing .forms input {
            border-radius: 6px;
            padding: 7px 0px 7px 40px;
        }

        .anjing .forms #username {
            background: url(../images/yzmm.png) no-repeat left center;
            background-position: 10px 13px;
            border-right: 1px solid #f1f1f1;
        }

        .anjing .form-control {
            height: calc(1.5em + .75rem + 7px);
        }

        .anjing .forms #password {
            background: url(../images/loginmi.png) no-repeat left center;
            background-position: 10px 13px;
            border-right: 1px solid #f1f1f1;
        }

        .anjing .forms #captchaCode {
            background: url(../images/yyy.png) no-repeat left center;
            background-position: 10px 13px;
            border-right: 1px solid #f1f1f1;
            margin-bottom: 0;
        }

        .anjing .btn-primary-bg {
            background: var(--theme-color, #00A185);
            border-radius: 6px;
        }

        .anjing .text-right a {
            color: #666
        }

        .anjing .notice {
            margin-top: 10px;
            padding: 0 20px;
            overflow: hidden;
            /* 隐藏超出部分 */
            position: relative;
            height: 83px;
            /* 可视高度（显示2条的高度） */

        }

        .anjing .notice p {
            color: #333;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 0;
            background: #fff;
            position: relative;
            z-index: 10;
            box-sizing: border-box;

            line-height: 1.5;
            /* 重置行高，精准计算高度 */
        }

        .anjing .notice ul {
            list-style: none;
            padding-left: 0;
            position: absolute;
            /* 核心：通过定位实现滚动 */
            top: 20px;
            /* 精准匹配p标签高度+间距，第一条数据完整显示 */
            left: 20px;
            /* 对齐容器padding，避免偏移 */
            width: calc(100% - 40px);
            /* 减去左右padding，宽度适配 */
            box-sizing: border-box;
            margin: 0;
            /* 重置默认margin */
        }

        .anjing .notice li {
            color: #555;
            line-height: 28px;
            /* 固定行高，避免内容换行导致高度变化 */
            height: 28px;
            /* 固定高度，每条数据完整显示 */
            width: 100%;
            margin-top: 0;
            /* 重置margin，用行高控制间距 */
            padding: 0;
            box-sizing: border-box;
            white-space: nowrap;
            /* 禁止文字换行 */
            overflow: hidden;
            text-overflow: ellipsis;
            /* 超长文字省略，不影响高度 */
        }

        .anjing .notice li span {
            font-size: 12px;
            color: #999;
            float: right
        }

        .anjing #bulletins {
            padding-right: 0
        }

        .anjing .login-box-item {
            padding: 0 20px;
            text-align: center;
            margin-top: 128px;

        }

        .anjing .login-box-item button {
            margin-bottom: 10px;
        }

        .anjing .section-bg {
            background: #f5f5f5;
        }

        #footer.footer {
            background: var(--theme-color, #00A185);
            color: #fff;
            padding: 0;
            padding-top: 5px;
        }

        #footer.footer a {
            color: #fff
        }

        #footer.footer .style-big {
            font-size: 14px;
            margin: 0 30px 0 10px;
        }
        .anjing-tz{
            display: flex;
            justify-content: space-between;
            background: url(/indexcs/images/topbg.jpg) no-repeat;
            background-size:cover;
            height:84px;
            width:100%;
            align-items: center;
            padding:0 40px;
        }