@charset "utf-8";
/*#al_img,.aj_float,.mb_yyk { display: none!important; }*/

.pp_rkl { display: none!important; }
.swiper-pagination span {}
.swiper-pagination span.swiper-pagination-bullet-active {}

.main-bg { background-color: #150135; width: 100%; overflow: hidden; }
.main-bg .wrap { width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
.main-bg #a3 #a4 { height: 308px; position: absolute; bottom: 0px; left: 0px; }

.main-bg .wrap.t1 { padding-right: 23px; padding-left: 23px; font-size: 15px; line-height: 36px; color: #fff; }
.main-bg .wrap.t1 span { font-size: 20px; color: #c16b27; font-weight: bold; }
.main-bg .wrap.nav { width: 1200px; height: 51px; background-image: url(../images/bg1.png); background-repeat: no-repeat; text-align: center; }
.main-bg .wrap.nav li { display: inline-block; height: 51px; position: relative; }
.wrap.nav li i { border: 1px solid #f9f3db; margin-right: 8px; margin-left: 10px; }
.wrap.nav li a { font-size: 16px; color: #f9f3db; position: relative; line-height: 51px; display: inline-block; }
.wrap.nav li a:hover { color: #ebc883; }
.main-bg .banner { background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-position: center top; height: 610px; width: 100%; }

.swiper-gd .gallery-top,.gallery-d { height: 445px; width: 100%; margin-bottom: 30px; }
.swiper-gd .gallery-top .swiper-slide,.gallery-d .swiper-slide { width: 714px; height: 445px; background-color: #ccae7d; border-radius: 5px; box-shadow: 0 8px 30px #000000; -webkit-box-shadow: 0 8px 30px #000000; display: inline-block; text-align: center; }
.swiper-container.wrap.gallery-d .swiper-wrapper1 .swiper-slide { width: 690px; height: 375px; border-style: none; border-width: 0px; padding-top: 0px; }
.main-bg .swiper-container.wrap.gallery-d { height: 375px; }
.main-bg .swiper-container.wrap.gallery-d .swiper-slide img { width: 690px; height: 375px; margin-top: 0px; }



.swiper-gd .gallery-top .swiper-slide img,.gallery-d .swiper-slide img  { width: 698px; height: 379px; margin-top: 8px; }

.swiper-gd .gallery-thumbs { bottom: 10px; left: 0; height: 141px; box-sizing: border-box; padding: 10px 0; width: 963px; float: right; margin-right: 55px; margin-top: 50px; 
}

.swiper-gd .gallery-thumbs .swiper-slide { width: 182px; opacity: 1;height: 131px; 
}
.swiper-gd .gallery-thumbs .swiper-slide img { width: 182px; height: 102px; }
.main-bg .wrap.swiper-gd .swiper-gd2 { width: 1200px; height: 219px; background-image: url(../images/15.jpg); background-repeat: no-repeat; }
.swiper-gd .gallery-thumbs .swiper-slide-active img { opacity: 1; border-radius: 5px; border: 5px solid #ccae7d; }
.swiper-gd .gallery-thumbs .swiper-slide span { font-size: 16px; color: #fff; margin-top: 5px; display: block; text-align: center; line-height: 22px; }
.swiper-wrapper1 .swiper-slide span { font-size: 18px; color: #150135; margin-top: 20px; display: block; text-align: center; line-height: 22px; }
.swiper-gd .swiper-button-prev,.gallery-d .swiper-button-prev { width: 31px; height: 58px; background: url(../images/9.jpg) no-repeat!important; margin-left: 5px; }
.swiper-gd .swiper-button-prev:hover,.gallery-d .swiper-button-prev:hover { margin-left: 0px; }
.swiper-gd .swiper-button-next,.gallery-d .swiper-button-next { width: 31px; height: 58px; background-image: url(../images/11.jpg)!important; margin-right: 5px; background-size: auto auto; 
}
.wrap.swiper-gd .swiper-gd2 .swiper-button-next.swiper-button-white { top: 571px; }
.wrap.swiper-gd .swiper-gd2 .swiper-button-prev.swiper-button-white { top: 571px; left: 140px; }
.swiper-gd .swiper-button-next:hover,.gallery-d .swiper-button-next:hover { margin-right: 0px; 
}
.main-bg .wrap.data { height: 219px; background-image: url(../images/18.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; }
.main-bg .wrap.data li { width: 203px; height: 94px; display: inline-block; margin-right: 46px; text-align: left; float: left; margin-bottom: 28px; }
.wrap.data li img { padding-left: 16px; padding-top: 14px; }
.wrap.data li:hover img { -webkit-animation: bounce-down 0.4s linear infinite;
    animation: bounce-down 0.4s linear infinite; }
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-5px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    }
@keyframes bounce-down {
    25% {
        transform: translateY(-5px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    }
.main-bg .wrap.student { }
.main-bg .wrap.student pre { font-size: 20px; color: #fff; line-height: 40px; position: absolute; top: 628px; left: 78px; }
.wrap.student pre strong { font-size: 26px; font-weight: bold; color: #e04f38; padding-right: 14px; display: inline-block; }
.wrap.student  pre strong { -webkit-animation: twinkling 1s linear infinite;
    animation: twinkling 1s linear infinite; }
@-webkit-keyframes twinkling{ 
25%{ 
opacity: 1; 
} 
75%{ 
opacity: 0.5; }
100%{ 
opacity: 1; 
}
} 
@keyframes twinkling{ 
0%{ 
opacity: 1; 
} 
50%{ 
opacity: 0.5; }
100%{ 
opacity: 1; 
}
}

.main-bg .wrap.process { }
.main-bg .wrap.process div { font-size: 16px; color: #fff; position: absolute; height: 69px; }
.main-bg .wrap.process #a5 { height: 254px; position: absolute; bottom: 227px; left: 0px; }

.main-bg .wrap.process .dw1 { left: 3px; bottom: 40px; }
.main-bg .wrap.process .dw2 { left: 115px; bottom:155px; }
.main-bg .wrap.process .dw3 { left: 235px; bottom: 40px; }
.main-bg .wrap.process .dw4 { left: 365px; bottom:155px; }
.main-bg .wrap.process .dw5 { left: 460px; bottom: 40px; }
.main-bg .wrap.process .dw6 { left: 595px; bottom:155px; }
.main-bg .wrap.process .dw7 { left: 695px; bottom: 40px; }
.main-bg .wrap.process .dw8 { left: 792px; bottom:155px; }
.main-bg .wrap.process .dw9 { left: 915px; bottom:40px; }
.main-bg .wrap.process .dw10 { left: 1065px; bottom:155px; }
.main-bg .wrap.process div { -webkit-animation: float-lr 5s linear infinite; animation: float-lr 5s linear infinite; text-align: center; }
.wrap.process div  span { display: block; color: #9383AB; font-size: 16px; line-height: 22px; margin-top: 10px; }

@-webkit-keyframes float-lr{ 
    0%   { transform: translate(0px);  }
    25%  { transform: translate(-5px);   }
    50% { transform: translate(0px);  }
    75% { transform: translate(5px);  }
    100% { transform: translate(0px);  }
} 
@keyframes float-lr{ 
    0%   { transform: translate(0px);  }
    25%  { transform: translate(-5px);   }
    50% { transform: translate(0px);  }
    75% { transform: translate(5px);  }
    100% { transform: translate(0px);  }
}
.main-bg .wrap.service { }
.main-bg .wrap.service div { font-size: 20px; color: #fff; font-weight: bold; position: absolute; }
.main-bg .wrap.service .dw1 { font-size: 15px; line-height: 30px; color: #fff; width: 1140px; top: 230px; text-indent: 30px; left: 0px; font-weight: normal; margin-left: 30px; }
.main-bg .wrap.service .dw2 { bottom: 387px; left: 259px;  -webkit-animation: service-c 2s linear infinite;
    animation: service-c 2s linear infinite;}
.main-bg .wrap.service .dw3 { bottom: 242px; left: 259px; -webkit-animation: service-c 4s linear infinite;
    animation: service-c 4s linear infinite; }
.main-bg .wrap.service .dw4 { bottom: 97px; left: 259px; -webkit-animation: service-c 2s linear infinite;
    animation: service-c 2s linear infinite; }
.main-bg .wrap.service .dw5 { bottom: 97px; left: 474px; -webkit-animation: service-c 4s linear infinite;
    animation: service-c 4s linear infinite;}
.main-bg .wrap.service .dw6 { bottom: 97px; left: 644px; -webkit-animation: service-c 2s linear infinite;
    animation: service-c 2s linear infinite;}
.main-bg .wrap.service .dw7 { bottom: 97px; left: 854px; -webkit-animation: service-c 4s linear infinite;
    animation: service-c 4s linear infinite;}
.main-bg .wrap.service .dw8 { bottom: 242px; left: 854px; -webkit-animation: service-c 2s linear infinite;
    animation: service-c 2s linear infinite;}
.main-bg .wrap.service .dw9 { bottom: 387px; left: 854px;-webkit-animation: service-c 4s linear infinite;
    animation: service-c 4s linear infinite; }
@-webkit-keyframes service-c {
    0%   {color: #ffffff;}
50%  {color: #ffffff;}
75% {color: #ccae7c;}
100% {color: #ffffff;}
    }
@keyframes service-c {
    0%   {color: #ffffff;}
50%  {color: #ffffff;}
75% {color: #ccae7c;}
100% {color: #ffffff;}
    }

.wrap.link { }
.wrap.link ul { }
.wrap.link ul li { width: 598px; height: 167px; position: absolute; }
.wrap.link ul li  span { width: 167px; height: 167px; overflow: hidden; float: left; }
.wrap.link li  span img { width: 167px; }
.wrap.link li:hover  span img { transform: scale(1.1); }
.wrap.link ul .dw1 { top: 262px; left: 1px; }
.wrap.link ul .dw2 { top: 262px; right: 1px; }
.wrap.link ul .dw3 { top: 431px; left: 1px; }
.wrap.link ul .dw4 { top: 431px; right: 1px; }
.wrap.link ul .dw5 { top: 600px; left: 1px; }
.wrap.link ul .dw6 { top: 600px; right: 1px; }
.wrap.link ul .dw7 { top: 767px; left: 1px; }
.wrap.link ul .dw8 { top: 767px; right: 1px; }
.wrap.innovate { }
.wrap.innovate ul li { position: absolute; width: 220px; text-align: center; height: 100px; }
.wrap.innovate ul li:hover img {-webkit-animation: bounce-down 0.4s linear infinite;
    animation: bounce-down 0.4s linear infinite; }
.wrap.innovate ul .dw1 { top: 589px; left: 524px; }
.wrap.innovate ul .dw2 { top: 589px; left: 747px; }
.wrap.innovate ul .dw3 { top: 589px; left: 954px; }
.wrap.innovate ul .dw4 { top: 705px; left: 527px; }
.wrap.innovate ul .dw5 { top: 705px; left: 747px; }
.wrap.innovate ul .dw6 { top: 705px; left: 954px; }

.tab { overflow: hidden; background-image: url(../images/30.jpg); height: 184px; }
.tab li{ list-style: none; width: auto; height: auto; width: 63px; height: auto; display: inline-block; font-size: 20px; color: #600ee3; text-align: center; background-image: url(../images/ico1.png); background-position: center bottom; background-repeat: no-repeat; position: absolute; }
.main-bg .tab.wrap #dw1 { top: 80px; left: 65px; }
.main-bg .tab.wrap #dw2 { top: 95px; left: 157px; }
.main-bg .tab.wrap #dw3 { top: 62px; left: 276px; }
.main-bg .tab.wrap #dw4 { top: 85px; left: 391px; }
.main-bg .tab.wrap #dw5 { top: 65px; left: 488px; }
.main-bg .tab.wrap #dw6 { top: 80px; left: 572px; }
.main-bg .tab.wrap #dw7 { top: 42px; left: 637px; }
.main-bg .tab.wrap #dw8 { top: 80px; left: 715px; }
.main-bg .tab.wrap #dw9 { top: 60px; left: 792px; }
.main-bg .tab.wrap #dw10 { top: 30px; left: 869px; }
.main-bg .tab.wrap #dw11 { top: 50px; left: 945px; }
.main-bg .tab.wrap #dw12 { top: 15px; left: 996px; }
.main-bg .tab.wrap #dw13 { top: 28px; left: 1081px; }
.tab.wrap span  { width: 63px; display: block; height: 30px; background-repeat: no-repeat; background-position: center bottom; }
.tab li.on span  { background-image: url(../images/ico2.png); -webkit-animation: twinkling 1s linear infinite;
    animation: twinkling 1s linear infinite; }
.tab li.on { font-weight: normal; color: #fff; }
.option{ display: none; background-color: #230355; border: 1px solid #74307c; padding-left: 108px; padding-right: 102px; padding-top: 20px; padding-bottom: 21px; font-size: 14px; line-height: 30px; color: #fff; transition: all .5s; }
.main-bg .footer-bg { width: 100%; height: 105px; background-image: url(../images/35.jpg); background-repeat: no-repeat; background-position: center top; }

@-webkit-keyframes tab-img{ 
25%{ 
opacity: 1; 
} 
75%{ 
opacity: 0; }
100%{ 
opacity: 1; 
}
} 
@keyframes tab-img{ 
0%{ 
opacity: 1; 
} 
50%{ 
opacity: 0; }
100%{ 
opacity: 1; 
}
}