* {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.tc {

    text-align: center;

}

.tl {

    text-align: left;

}

.tr {

    text-align: right;

}

img {

    vertical-align: middle;

}

button[disabled] {

    opacity: 0.6

}

.elips {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.elips2 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.elips3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}

.elips4 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

}



.clearfix::after {

    clear: both;

    content: "";

    display: block;

    height: 0;

    visibility: hidden;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.w100 {

    display: block;

    margin: auto;

    width: 100%;

}

.w1200 {

    width: 1200px;

    display: block;

    margin: auto;

}

.swiper-container {

    width: 100%;

    height: 100%;

    opacity: 0;

}

.h20 {

    height: 20px;

}

.h30 {

    height: 30px;

}

.h40 {

    height: 40px;

}

.h50 {

    height: 50px;

}

.h60 {

    height: 60px;

}

.h70 {

    height: 70px;

}

.pl0 {

    padding-left: 0 ! important;

}

.pl80 {

    padding-left: 80px ! important;

}

.pr80 {

    padding-right: 80px ! important;

}



.ml30 {

    margin-left: 30px ! important;

}

/*加载样式*/

#loadDiv {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 100%;

    height: 100%;

    background-color: #fff;

}

#loadDiv img {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 160px;

}

/*头部样式*/

#headerDiv {

    padding: 0;

    width: 100%;

    position: fixed;

    margin: auto;

    height: 80px;

    z-index: 2000;

    background-color: #fff;

    -webkit-transform: translateZ(0);

       -moz-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-box-shadow: 0px 2px 10px #c3c3c3;

       -moz-box-shadow: 0px 2px 10px #c3c3c3;

            box-shadow: 0px 2px 10px #c3c3c3;

}

.headerLogo {

    height: 50px;

    margin-top: 15px;

}

#navList li {

    display: inline-block;

    position: relative;

}

#navList li>a {

    display: inline-block;

    padding: 0 30px;

    font-size: 20px;

    color: #212121;

    height: 80px;

    line-height: 80px;

}

#navList li.active>a, #navList li>a:hover {

    color: #3286c5;

    text-shadow: 0 0 1px #3286c5;

}

#navList li:hover .list-unstyled {

    display: block;

}

.list-unstyled {

    display: none;

    position: absolute;

    -webkit-box-shadow: 0 2px 3px 0px #c2c2c2;

       -moz-box-shadow: 0 2px 3px 0px #c2c2c2;

            box-shadow: 0 2px 3px 0px #c2c2c2;

    top: 80px;

    left: -196px;

    width: 516px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.8);

}

.list-unstyled li>a {

    line-height: 65px ! important;

    height: 65px ! important;

    color: #595959;

}

/*主体部分*/

#main {

    padding-top: 80px;

    background-color: #fff;

}

#framework .swiper-slide {

    padding-bottom: 20px;

}

#banner .swiper-pagination-bullet, #honor .swiper-pagination-bullet, #framework .swiper-pagination-bullet {

    display: inline-block;

    width: 12px;

    height: 6px;

    opacity: 1;

    -moz-border-radius: 10px;

         border-radius: 10px;

    background: #b2b2b2;

    margin: 0 3px;

    cursor: pointer;

    -webkit-transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;

    transition: width 0.3s ease-in-out;

}

#banner .swiper-pagination-bullet-active, #honor .swiper-pagination-bullet-active, #framework .swiper-pagination-bullet-active {

    background: #d1d1d1;

    width: 22px;

}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: -3px ! important;

}

/*底部样式*/

#footer {

    background-color: #282828;

}

#footer ul>li {

    display: inline-block;

    line-height: 34px;

    color: #fff;

}

.footer-pic {

    width: 500px;

    font-size: 16px;

}

.footer-address {

    width: 400px;

}

.footer-about {

    width: 300px;

}

.footer-pic-imgs {

    width: 130px;

    float: left;

    display: inline-block;

}

.footer-address dl dt, .footer-about dl dt {

    font-size: 20px;

}

.footer-address dl dd, .footer-about dl dd {

    font-size: 16px;

    padding-left: 27px;

}

.footer-address dl dt:before, .footer-about dl dt:before {

    content: '';

    display: inline-block;

    width: 5px;

    height: 18px;

    margin-right: 20px;

    vertical-align: middle;

    background-color: #0a77bf;

    -moz-border-radius: 10px;

         border-radius: 10px;

}





/*两个列表样式*/

.instrs li {

    display: inline-block;

    padding: 15px;

}

.instrs-tips {

    height: 60px;

    margin-bottom: 20px;

}

.instrs-p {

    font-size: 16px;

    letter-spacing: 2px;

    text-indent: 36px;

    text-align: justify;

}

.instrs-txt {

    width: 700px;

}

.instrs-pic {

    width: 496px;

}

.fontw{

    font-weight: bold;

    font-size: 22px;

    line-height: 60px;

}

.pr30{

    padding-right: 30px ! important;

}



/*企业介绍*/

.culture {

    background-color: #f7f8fb;

    color: #333333;

    font-size: 16px;

    line-height: 34px;

}

.cultureList li {

    display: inline-block;

    width: 400px;

}

.cultureList-item {

    width: 300px;

    height: 242px;

    margin: auto;

    padding: 20px;

    background-color: #fff;

    -webkit-box-shadow: 0 0 20px 1px #e3e3e3;

       -moz-box-shadow: 0 0 20px 1px #e3e3e3;

            box-shadow: 0 0 20px 1px #e3e3e3;

    -moz-border-radius: 4px;

         border-radius: 4px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.cultureList-item:hover {

    -webkit-transform: translate3d(0, -5px, 0);

       -moz-transform: translate3d(0, -5px, 0);

            transform: translate3d(0, -5px, 0);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

}

.cultureList-item img {

    width: 80px;

    margin: 10px auto;

}

.cultureList-item dl dt {

    font-size: 20px;

    font-weight: bold;

    color: #0c90f2;

}

.development {

    font-size: 16px;

    line-height: 26px;

}

#development .swiper-slide:nth-child(odd) {

    padding: 20px 40px;

}

#development .swiper-slide:nth-child(even) {

    padding: 80px 40px 0;

}

.development-year {

    position: relative;

    display: inline-block;

    width: 80px;

    height: 80px;

    line-height: 80px;

    margin: 10px auto;

    color: #fff;

    -moz-border-radius: 50%;

         border-radius: 50%;

    -webkit-box-shadow: 0 0 15px 2px #258ffc;

       -moz-box-shadow: 0 0 15px 2px #258ffc;

            box-shadow: 0 0 15px 2px #258ffc;

    background: -webkit-gradient(linear, left top, left bottom, from(#3ab6eb), to(#215af6));

    background: -webkit-linear-gradient(top, #3ab6eb, #215af6);

    background: -moz-linear-gradient(top, #3ab6eb, #215af6);

    background: linear-gradient(to bottom, #3ab6eb, #215af6);

}

#development .swiper-slide {

    background: url(../image/pic/ring-04.png) repeat-x 0 50px;

    -moz-background-size: contain;

         background-size: contain;

    -webkit-transition: inherit;

    -moz-transition: inherit;

    transition: inherit;

}

#development .swiper-slide dl dt {

    font-size: 18px;

    color: #258ffc;

}

.swiper-slide-active .development-year {

    -webkit-box-shadow: 0 0 15px 2px #fba708;

       -moz-box-shadow: 0 0 15px 2px #fba708;

            box-shadow: 0 0 15px 2px #fba708;

    background: -webkit-gradient(linear, left top, left bottom, from(#fcaf07), to(#f67b0d));

    background: -webkit-linear-gradient(top, #fcaf07, #f67b0d);

    background: -moz-linear-gradient(top, #fcaf07, #f67b0d);

    background: linear-gradient(to bottom, #fcaf07, #f67b0d);

}

#honor {

    -moz-border-radius: 4px;

         border-radius: 4px;

    -webkit-box-shadow: 0 0 20px 1px #e3e3e3;

       -moz-box-shadow: 0 0 20px 1px #e3e3e3;

            box-shadow: 0 0 20px 1px #e3e3e3;

    background-color: #fff;

    line-height: 34px;

    font-size: 16px;

}

#honor .swiper-slide {

    padding: 30px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.honorList-img {

    width: 610px;

    -moz-border-radius: 4px;

         border-radius: 4px;

    overflow: hidden;

}

.honorList-txt {

    width: 500px;

    padding: 50px;

}

.honorList-txt h4 {

    margin-bottom: 50px;

    font-size: 24px;

    color: #3286c5;

    position: relative;

}

.honorList-txt h4:after {

    content: '';

    display: inline-block;

    width: 80px;

    height: 5px;

    -moz-border-radius: 4px;

         border-radius: 4px;

    position: absolute;

    left: 0;

    bottom: -20px;

    background-color: #3286c5;

}

.honorList-txt p {

    text-indent: 36px;

}

/*发展动态*/

.txt20 {

    font-size: 20px;

    line-height: 36px;

}

.txt18 {

    font-size: 18px;

    line-height: 32px;

}

.txt16 {

    font-size: 16px;

    line-height: 30px;

}

.txt14 {

    font-size: 14px;

    line-height: 28px;

}

.school, .use, .advantage, .functions, .helper, .treasure {

    background-color: #f7f8fb;

}

#school .swiper-slide {

    position: relative;

}

.school-imgs {

    width: 380px;

    height: 294px;

}

.school-txt {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    font-size: 28px;

    line-height: 294px;

    color: #fff;

    -moz-border-radius: 4px;

         border-radius: 4px;

    display: inline-block;

    background: rgba(40, 40, 40, 0.7);

}

/*享尚学*/

.enjoy-item {

    padding: 30px;

    -webkit-box-shadow: 0 0 20px #d2e5ff;

       -moz-box-shadow: 0 0 20px #d2e5ff;

            box-shadow: 0 0 20px #d2e5ff;

    -moz-border-radius: 4px;

         border-radius: 4px;

    width: 270px;

    margin-right: 36px;

    display: inline-block;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.enjoy-item:hover {

    -webkit-transform: translate3d(0, -10px, 0);

       -moz-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    cursor: pointer;

}

.enjoy-item:last-child {

    margin-right: 0;

}

.enjoy-img {

    width: 60px;

    margin-bottom: 20px;

}

.enjoy-tips {

    font-size: 20px;

    color: #1f78f8;

    font-weight: bold;

    letter-spacing: 2px;

}

.enjoy-news {

    display: inline-block;

    padding-top: 20px;

    height: 110px;

}

.enjoy-txt {

    color: #6a6a6a;

    text-align: left;

    font-size: 16px;

}

.enjoy-link {

    width: 130px;

    margin: auto;

    display: block;

    color: #1f78f8;

    font-size: 15px;

    border: 1px solid #1f78f8;

    -webkit-box-shadow: 0 0 4px #4c93f9;

       -moz-box-shadow: 0 0 4px #4c93f9;

            box-shadow: 0 0 4px #4c93f9;

    -moz-border-radius: 30px;

         border-radius: 30px;

    padding: 0 30px;

    line-height: 34px;

}

.use-title {

    font-size: 24px;

    margin-bottom: 20px;

    color: #333333;

}

/*优教通*/

.through-List dl {

    width: 340px;

    display: inline-block;

    margin-right: 90px;

    font-size: 30px;

    color: #fff;

    float: left;

    text-align: justify;

}

.through-List dl:last-child {

    margin: 0;

}

.through-List dl dt, .through-two dl dt {

    margin-bottom: 20px;

}

.through-two dl {

    display: inline-block;

    width: 565px;

    font-size: 24px;

    text-align: justify;

    float: left;

    margin-bottom: 60px;

    padding-left: 54px;

}

.through-two dl:nth-child(even) {

    margin-left: 60px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.through-two dl dt span {

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin-left: -54px;

    margin-right: 14px;

    vertical-align: middle;

    position: relative;

    z-index: 1;

}

.through-two dl dt span:before {

    content: '';

    display: inline-block;

    width: 40px;

    height: 40px;

    border: 2px solid #0e8cea;

    -moz-border-radius: 50%;

         border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    z-index: 0;

}

.through-two dl dt span:after {

    content: '';

    display: inline-block;

    width: 20px;

    height: 44px;

    background-color: #fff;

    position: absolute;

    right: -14px;

    top: 0;

    bottom: 0;

    margin: auto;

    z-index: 0;

}

.wp1 {

    width: 300px;

    padding: 30px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.wp2 {

    width: 450px;

    padding: 30px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.wp3 {

    width: 900px;

    padding: 30px;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.dark {

    border: 1px solid #f5f5f5;

    background-color: #f5f5f5;

}

.b1 {

    border: 1px solid #c1c1c1;

}

.br0 {

    border-right: none ! important;

}

.bt0 {

    border-top: none ! important;

}

.panpel dl {

    display: inline-block;

    font-size: 24px;

    height: 320px;

}

.panpel dl dt {

    font-weight: bold;

    position: relative;

}

.before-line {

    margin-top: 40px;

    position: relative;

    font-size: 20px;

    margin-bottom: 5px;

}

.before-line:after {

    content: '';

    display: inline-block;

    width: 2px;

    height: 40px;

    background-color: #333;

    position: absolute;

    top: -40px;

    left: 10px;

}

.small-tips {

    font-size: 14px;

}

.panpel-title {

    color: #1f78f8;

    margin-bottom: 30px;

    font-weight: normal ! important;

    position: relative;

    font-size: 20px;

}

.panpel-title:before {

    content: '';

    display: inline-block;

    width: 80px;

    height: 3px;

    -moz-border-radius: 4px;

         border-radius: 4px;

    position: absolute;

    bottom: -10px;

    left: 0;

    background-color: #1f78f8;

}

/*优校园*/

.campus {

    position: relative;

    height: 450px;

    background: url(../image/pic/campus-imgs-02.png) no-repeat;

    -moz-background-size: cover;

         background-size: cover;

}

.color-blue {

    color: #1f78f8;

    position: relative;

}

.color-blue .txt16 {

    color: #7ba6fa;

    margin-bottom: 30px;

}

.color-blue:after {

    content: '';

    display: inline-block;

    width: 60px;

    height: 1px;

    background-color: #1f78f8;

    position: absolute;

    bottom: -15px;

    left: 0;

    right: 0;

    margin: auto;

}

.color-blues:after {

    content: '';

    left: 0;

    margin: unset;

}

.wimg1 {

    width: 100px;

    margin: 30px auto 10px;

}

.small-wp {

    height: 160px ! important;

}

.small-wp .wimg1 {

    width: 80px;

    margin-top: 0;

}

.small-wp dd {

    font-size: 16px;

}

/*招商加盟*/

.advantage-item {

    padding: 50px 30px;

    -webkit-box-shadow: 0 0 20px #d2e5ff;

       -moz-box-shadow: 0 0 20px #d2e5ff;

            box-shadow: 0 0 20px #d2e5ff;

    -moz-border-radius: 4px;

         border-radius: 4px;

    width: 340px;

    margin-right: 80px;

    display: inline-block;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.advantage-item:hover {

    -webkit-transform: translate3d(0, -5px, 0);

       -moz-transform: translate3d(0, -5px, 0);

            transform: translate3d(0, -5px, 0);

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    cursor: pointer;

}

.advantage-img {

    width: 120px;

    margin-bottom: 30px;

}

.advantage-item:last-child {

    margin-right: 0;

}

.advantage-tips {

    font-size: 28px;

    color: #1f78f8;

    margin-bottom: 10px;

}

.advantage-txt {

    font-size: 20px;

    color: #1f78f8;

}

.operate {

    position: relative;

    /*height: 500px;

    background: url(../image/pic/operate-imgs.png) no-repeat;

    background-size: cover;*/

}

.operates {

    position: relative;

    height: 500px;

    background: url(../image/pic/operate-imgs-01.png) no-repeat;

    -moz-background-size: cover;

         background-size: cover;

}

.operates-item {

    width: 370px;

    margin: auto;

}

.layui-input {

    height: 44px ! important;

    line-height: 44px ! important;

    font-size: 18px ! important;

}

.address {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.address-tip {

    width: 340px;

    height: 360px;

    position: absolute;

    top: 0;

    left: 50px;

    bottom: 0;

    margin: auto;

}

.conformBtn {

    border-color: #1f78f8 ! important;

    background-color: #1f78f8 ! important;

    color: #fff;

    margin-top: 30px;

    font-size: 18px ! important;

    line-height: 44px ! important;

    height: 44px ! important;

}