/*reset*/
*{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin: 0; padding: 0; background:#dff9ff; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;position: relative;}
input:focus {outline: none;}
html,body{height:100%; }
a{text-decoration: none; outline:none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
img{display: block;margin:0 auto;}
.leftfix {float: left;}
.rightfix { float: right;}
.clearfix::after { content: "";display: block;clear: both;}
a:hover{color: #f60; outline:none; text-decoration: none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:4.5rem; background:url('../img/arrow_left.png') no-repeat center center;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:4.5rem; background:url('../img/arrow_right.png') no-repeat center center;}
.swiper-button-next,.swiper-button-prev{width:54px;height:54px;outline: none;}
.swiper-container .swiper-slide img{width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px;}
.swiper-pagination-bullet{width:14px; height:14px; background:#5ac4b1; opacity:0.5; margin:0 5px;}
.swiper-pagination-bullet-active{opacity:1; background:#1476cd;}


/*public*/
.panel-overlay{position:fixed; top: 0; left: 0; z-index:99;  width: 100%;  height: 100%;  background:rgba(0, 0, 0, 0); transition: all 0.5s ease; display: none;}
.container{ max-width:1200px; height:auto; margin:0 auto; padding:0;}
.banner{height:auto;overflow: hidden; position: relative;}
.banner img{width:100%;display: block;}
.banner h4{position: absolute;text-align: center;overflow: hidden; left: 50%;transform: translateX(-100px); bottom: 20px;width: 200px; height: 50px; line-height: 50px;border-radius: 30px; background: linear-gradient(to right, #6db049, #4b9ecc); cursor: pointer;}
.banner h4 a{display: block;width: 100%; height: 100%;color: #fff;font-size: 20px; }
.top_bar{ width:100%; height:100px; overflow: hidden; background: rgba(0, 165, 250, 0.68); position: fixed; top: 0; z-index:999; left:0; transition:all 0.6s ease;}
.top_bar .logo{width:15%; height:auto;overflow: hidden; float: left; margin:15px 0 0 50px;}
.top_bar .logo img{width:100%; max-width:480px; display: block; margin:0;}
 .menu{height:100px; overflow: hidden; float: right; margin:0 80px 0 0; transition: opacity 0.5s ease;}
 .menu li{margin:0px 10px;float: left;}
 .menu li a{ font-size:26px; height:100px; line-height:100px; color:#fff; display: block; padding:0 20px;}
 .menu a:hover{ background:#1476cd;  font-weight: bold;}
 .menu li.active a{background:#1476cd; font-weight: bold;}
.box_con{height: auto; overflow:hidden; border-radius:20px; padding:40px; box-shadow:0 3px 30px #93bcff;}
.box_tit{height: auto; overflow: hidden; text-align:center; position: relative; margin:50px auto 40px auto;}
.box_tit h1{font-size:47px;color: #fff; text-shadow:2px 3px 0 #0a65ba;}
.box_tit img{height:96px; display: block; margin:0 auto; max-width:100%;}
.mainbody{height: auto; overflow:hidden;  padding-top:50px;padding-bottom: 160px}
.footer{ line-height: 80px; overflow: hidden; text-align: center;background-color: #2970bc; }
.footer p{color:#fff;font-size:18px; }
.floatimg{position: absolute; z-index:10;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
  }
  .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
  }
.move{background: rgba(0, 120, 200, 0.6);}
.floatPanel{position: fixed; right:30px; bottom:5%; z-index:100;}
.floatPanel a{display: flex; flex-direction: column; justify-content:center; align-items: center; width:100px; height:100px; overflow: hidden; line-height:1; font-size: 20px; color: #fff; background:rgba(0,155,255,0.8); border-radius:4rem; border:4px rgba(255,255,255,1) solid; box-shadow:10px 10px 20px rgba(0,0,0,0.5); margin-bottom:20px; transition:all 0.6s ease;}
.floatPanel img{width:60%; margin-bottom:15px; transition:all 0.6s ease;}
.floatPanel p{font-size:16px;}
.floatPanel .menuBtn{display:none;}
.floatPanel a:hover{background:rgba(0,155,255,0.3); border-color:rgba(50,155,255,1);}
.floatPanel a:hover img{transform:scale(1.1);}
.layui-box{display: flex;justify-content: center;align-items: center}
.layui-box a{color: #000000;font-size: 18px;display: block;margin: 0 15px}
.layui-box a.layui-disabled{color: #b8b7b7;}
.layui-box .layui-laypage-curr{color: #295fc1}
.layui-box .layui-laypage-skip .layui-input{width: 50px;text-align: center;margin: 0 15px}
.layui-box .layui-laypage-skip .layui-laypage-btn{width: 50px;text-align: center;margin: 0 15px;background: #295fbf;color: #ffffff}

/*index*/
.index {width:100%;height:100%; overflow: hidden; background:url(../img/index_bg.jpg) no-repeat center top; background-size:100% 100%; position:relative; z-index:1;}
.framePlayer {width: 100%; height: 100%; position: absolute; top:0; left:0; }
.index .logo{ width:100%; position: absolute; top:5%; left:75px;}
.index .logo img{width:18%;display:block;float: left;}
.index .tt {margin:7.5% 0 0 5%;}
.index .tt img{ width:70%; max-width:1181px; display: block;}
.index .btn{width:100%; display:block; cursor:pointer;position:absolute; bottom:3%; left: 0; animation:myfirst 4s infinite;}
.index .btn img{width:18%; display: block; margin:0 auto; }
@keyframes myfirst{
	0%{transform:scale(1.0);}
	50%{transform:scale(1.1) }
	100%{transform:scale(1.0) ;	}
}
/* about */
.about .mainbody{background:url(../img/aboutbg.jpg) no-repeat center bottom; background-size:cover;}
.about .pagebox1 .box_con{background:#fff url(../img/about_cbg.png) no-repeat center bottom; background-size:100% auto;}
.about .pagebox1 .box_con p{font-size:20px; color:#000; line-height:2; text-indent:2em;text-align: justify}
.about .pagebox1 .box_con ul{display: flex;justify-content: center;align-items: center;margin-top: 35px}
.about .pagebox1 .box_con ul li{text-align: center; margin:0 50px;}
.about .pagebox1 .box_con ul li h3{text-align: center;font-size: 20px;color: #ffffff;width: 160px;height: 160px;border-radius: 160px;position: relative; margin-bottom: 30px;line-height:1; background: linear-gradient(to right,#70d8f2,#1384d7); display:inline-flex; justify-content:center; align-items: center;}
.about .pagebox1 .box_con ul li h3:after{content: '';display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0; border-radius: 160px;border:1px solid #51a7f9;margin: -10px}
.about .pagebox1 .box_con ul li .num strong{font-size: 60px; line-height:1;}
.about .pagebox1 .box_con ul li .num1 strong{font-size:45px; line-height:1.2;}
.about .pagebox1 .box_con ul li p{font-size: 20px;line-height: 1.2;text-align: center}
.about .pagebox1 .box_con ul p{text-indent: 0}
.about .pagebox2{ height: 400px; overflow: hidden; position: relative; z-index: 1; text-align: center;  margin-bottom: 50px;}
.about .pagebox2 .swiper-container{transform: scale(1.1);}
.about .pagebox2 p{font-size:20px; color:#004ea2; line-height:2;position: fixed;top: 75%;}

/* school */
.school .mainbody{background:url(../img/jobbg.jpg) no-repeat center bottom; background-size:100% 100%;}
.school .pagebox1{margin-bottom:80px;}
.school .pagebox1 .box_con{background:#fff url(../img/job_cbg.png) no-repeat center bottom; background-size:100% auto; padding:50px 80px;}
.school .pagebox1 .box_con{display: flex;justify-content: flex-start;align-items: center}
.school .pagebox1 .box_con::before{content: '';display: block;width: 1px;height: 148px;background: url("../img/li.png") no-repeat center top;background-size: 100% 100%;margin-right: -16px}
.school .pagebox1 .box_con li{display: flex;justify-content: flex-start;align-items: flex-start}
.school .pagebox1 .box_con li p{line-height: 2;font-size: 20px;flex: 1}
.school .pagebox1 .box_con li::before{content: '';display: block ;width: 32px;height: 32px;margin-top: 5px;background: url("../img/li_icon.png") no-repeat center center;background-size: 100% 100%;margin-right: 15px}
.school .pagebox2 .box_con{background:#fff;padding:60px 40px 30px 40px;}
.school .pagebox2 {position: relative;}
.school .pagebox2 .box_con .search{width: 100%;height: 70px;line-height: 70px;border-radius: 70px;border: 2px solid #1377c8;overflow: hidden; margin: 0 auto;display: flex;justify-content: flex-start;align-items: center}
.school .pagebox2 .box_con .search input{flex:1;width: 0;height:inherit;border:none;padding: 0 20px;font-size: 22px;text-align: center}
.school .pagebox2 .box_con .search button{display: block;border: none; background: #1377c8; width: 125px;height: 100%}
.school .pagebox2 .box_con .option{margin: 50px auto 0 auto;}
.school .pagebox2 .box_con .option .location{margin-bottom: 15px}
.school .pagebox2 .box_con .option .location,.school .pagebox2 .box_con .option .type{ display: flex;justify-content: flex-start;align-items: flex-start;}
.school .pagebox2 .box_con .option strong{display: block;line-height:40px; width: 160px;color: #ffffff;background: linear-gradient(to left,#1586d7,#7edbe9);font-size: 20px;padding: 0 30px;}
.school .pagebox2 .box_con .option ul{flex: 1;width: 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap}
.school .pagebox2 .box_con .option ul li{margin-bottom: 15px;margin-left:30px;  overflow: hidden; cursor: pointer; line-height: 40px;}
.school .pagebox2 .box_con .option ul li a{ color: #000;}
.school .pagebox2 .box_con .option ul li a:hover{color: #295fc1;font-weight: bolder;}
.school .pagebox2 .box_con .option ul li.current a{color: #295fc1;font-weight: bolder;}

.school .pagebox2 .job_list{margin-bottom: 300px;}
.school .pagebox2 .job_list li{ background: #f0f3f4;border-radius: 20px; margin: 30px auto;}
.school .pagebox2 .job_list li a{padding: 20px 40px; display: flex;justify-content: space-between;align-items: center}
.school .pagebox2 .job_list li a h3{color: #000;font-size: 24px; font-weight:bolder;flex: 1;width: 0; display: flex;justify-content: flex-start;align-items: center}
.school .pagebox2 .job_list li a h3:before{content: '';display: block;width: 26px;flex-shrink: 0; height: 30px;background: url("../img/icon-arrow.png") no-repeat center top;background-size: 100% 100%;margin-right: 20px}
.school .pagebox2 .job_list li span{color: #666666;font-size: 24px;}
.school .pagebox2 .job_list li .btn{width: 190px;line-height: 60px;border-radius: 50px;text-align: center; font-size: 24px;margin-left: 30px; background-image: linear-gradient(to left, #198ad7, #7edbe9);color: #ffffff;font-weight: 700}
.school .pagebox2 .job_list li p{text-align: center;color: #000;padding: 50px}
.school .pagebox2 .job_list .list_con{display: none;}
.school .pagebox2 .job_list .box2_con img.rotated {transform: rotate(90deg);}
.school .pagebox2 .slide_txt{width: 20px;position: absolute;top: 20px;right: 10px;}

/* welfare */
.welfare .mainbody{background:url(../img/welfarebg.jpg) no-repeat center bottom; background-size:cover;}
.welfare .pagebox1 {margin-bottom:80px;}
.welfare .pagebox1 .box_con{background:#fff url(../img/welfare_cbg1.png) no-repeat center bottom; background-size:100% auto; padding:80px 40px 0 40px;}
.welfare .pagebox1 .box_con ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.welfare .pagebox1 .box_con ul li {margin:0 25px 70px 0;}
.welfare .pagebox1 .box_con ul li .icon{width: 80px;height: 80px;margin: 0 auto; margin-top:-40px;}
.welfare .pagebox1 .box_con ul li img{line-height: 80px}
.welfare .pagebox1 .box_con ul li:nth-child(-n+3) { width: 350px;height: 260px;background: url("../img/libg1.png") no-repeat center top;background-size: 100% 100%;}
.welfare .pagebox1 .box_con ul li:nth-last-child(-n+2) { width: 530px;height:200px; background: url("../img/libg2.png") no-repeat center top;background-size: 100% 100%; }
.welfare .pagebox1 .box_con ul li:nth-child(3),.welfare .pagebox1 .box_con ul li:nth-child(5) { margin-right: 0; }
.welfare .pagebox1 .box_con ul li p{padding: 20px 30px;font-size: 20px; line-height:1.8; text-align: justify;}
.welfare .pagebox1 .box_con ul li p span{color: #004ea2; font-weight: bolder; }
.welfare .pagebox2 .box_con{background:#fff url(../img/welfare_cbg2.png) no-repeat center bottom; background-size:100% 80%; padding:90px 90px;}
.welfare .pagebox2 .box_con .cc{display: flex;justify-content: center;align-items: center;}
.welfare .pagebox2 .box_con .cc img{display:block;flex: 1.5;max-width: 243px}
.welfare .pagebox2 .box_con ul{margin-left: 40px;flex: 2}
.welfare .pagebox2 .box_con ul li{ font-size: 24px;line-height:2; color: #333333}
.welfare .pagebox2 .box_con ul li a{color: #004ea2;  font-weight: bold;}


.container {
 width: 100%;
 height: auto;
 padding-right:0px;
 padding-left:0px;
 margin:0 auto;
 position: relative;
}
@media screen and (min-width:1000px){
 .container {
  max-width:1200px;
 }
}
@media screen and (max-width:1000px){
 .container {
  padding-right:30px;
  padding-left:30px;
 }
 /* public */
 /*.panel-overlay.active{display: block; background: rgba(0, 0, 0, 0.5);}*/
 /*.topbar{width:100%; height:2rem; }*/
 /*.move .logo{width: 60%;}*/
 /*.topbar .container{padding-top:0.3rem; display: flex; justify-content:space-between; align-items: center;}*/
 /*.topbar .tl{ margin:0;}*/
 /*.topbar .tl img{height:1.3rem;}*/
 /*.topbar .tr{margin:0; display: flex; justify-content:flex-end; align-items: center; }*/
 /*.topbar .tr a{ height:1.2rem; line-height:1.2rem; padding:0 0.5rem; font-size:0.6rem; margin:0;}*/
 /*.menu{width:50%; height:100%; overflow: hidden; float: none; margin:0 !important; background:#2970bc;; position:fixed; right:0; top:0; z-index:1000; transition: all 0.5s ease; transform:translateX(105%); }*/
 /*.menu .container{padding:0;}*/
 /*.menu ul{height: auto; overflow:hidden; display: block; }*/
 /*.menu li{width:100%; margin:0; margin: 0rem 0;}*/
 /*.menu li a{height:8rem; line-height:8rem; font-size:2.5rem!important; margin:0 2rem;}*/
 /*.menu li.current a{background:rgba(0,155,255,0.3); border:0;}*/
 /*.menu.active{width:50%; transform:translateX(0);height: 100%;}*/
 /*.menu::after{display:none;}*/
 /*.panel-overlay.active{display: block; background: rgba(0, 0, 0, 0.5);}*/
 /*.banner{margin-bottom: 0;}*/
 /*.footer{ height:60px; overflow: hidden; text-align: center; }*/
 /*.footer p{font-size:12px; margin-top:0; }*/
 /*.floatPanel{right:3rem; bottom:12rem; }*/
 /*.floatPanel a{width:10rem; height:10rem; line-height:1; font-size:0.7rem; border-radius:10rem; margin-bottom:1rem;}*/
 /*.floatPanel img{width:50%; margin-bottom:0.2rem;}*/
 /*.floatPanel p{font-size:2rem;}*/
 /*.floatPanel .menuBtn{display:flex;}*/
 .menu{height:100px; overflow: hidden; float: right; margin:0 0.5rem 0 0; transition: opacity 0.5s ease;}
 .menu li{margin:0;float: left;}
 .menu li a{ font-size:26px; height:100px; line-height:100px; color:#fff; display: block; padding:0 0.5rem;}
 .top_bar{ width:100%; height:100px; overflow: hidden; background: rgba(0, 120, 200, 0.46); position: fixed; top: 0; z-index:999; left:0; transition:all 0.6s ease;}
 .top_bar .logo{width:30%; height:auto;overflow: hidden; float: left; margin:25px 0 0 50px;}
 .top_bar .logo img{width:100%; max-width:480px; display: block; margin:0;}
 .box_tit{line-height:4.5rem;  margin:2rem auto 1.5rem auto;}
 .box_tit h1{font-size:2rem;}
 .box_con .cc{ padding:1rem 3rem;}


    /* index */
 .index{background-image: url(../img/wapbg.jpg);}
 .index .btn{left: 0; top:80%; }
 .index .btn img{width:40rem;}
 .index .tt img {width: 95%;margin:32% 0 0 0;}
 .index .logo {top:3%;left:5%;}
 .index .logo img {width: 40%;}
 @keyframes myfirst{
	0%{transform:scale(0.5);}
	50%{transform:scale(0.6) }
	100%{transform:scale(0.5) ;	}
}
 /* about */
.about .pagebox1{margin-bottom: 3rem}
.about .pagebox1 .box_con .cc p{font-size:1.3rem; }
.about .pagebox1 .box_con .cc ul li h3{font-size:1.3rem;}
.about .pagebox1 .box_con .cc ul li h3 strong{font-size: 3rem;flex: 2}
.about .pagebox1 .box_con .cc ul li p{font-size: 1.3rem;}
.about .pagebox2{ height: 25rem; overflow: hidden; position: relative; z-index: 1; text-align: center;  margin-bottom: 50px;}

/* school */
.school .pagebox1 .box_con{padding:50px 0px 50px 40px;}
.school .pagebox1 .box_con .cc::before{width: 1px;height: 8rem;}
.school .pagebox1 .box_con li{display: flex;justify-content: flex-start;align-items: flex-start}
.school .pagebox1 .box_con li p{line-height: 2;font-size: 1.3rem;flex: 1}
.school .pagebox1 .box_con li::before{content: '';display: block ;width: 2rem;height: 2rem;margin-right: 15px}
.school .pagebox2 {position: relative;}
.school .pagebox2 .box_con. cc{padding:20px 50px;}
.school .pagebox2 .box_con .search{width: 100%;border-radius: 70px;}
.school .pagebox2 .box_con .search input{font-size: 1.4rem;}
.school .pagebox2 .box_con .option strong{line-height: 3rem; font-size: 1.4rem;padding: 0 1rem;}
.school .pagebox2 .box_con .option ul li{ line-height: 3rem;}
.school .pagebox2 .box_con .option ul li a{ font-size: 1.4rem}
.school .pagebox2 .job_list li a{padding: 0 1rem;}
.school .pagebox2 .job_list li a h3{font-size: 1.4rem;}
.school .pagebox2 .job_list li span{font-size: 1.4rem;}
.school .pagebox2 .job_list li .btn{font-size: 1.4rem;}
.school .pagebox2 .job_list li .list_con{padding: 100px;}



/* welfare */
.welfare .pagebox1 .box_con ul li {margin: 0 auto 3.5rem auto;padding: 0 4rem; background-size:100% 100%;}
.welfare .pagebox1 .box_con ul li .icon{}
.welfare .pagebox1 .box_con ul li:nth-child(-n+3) { width: 100%;height: 230px;background: url("../img/libg2.png") no-repeat center top;background-size:100% 100%;}
.welfare .pagebox1 .box_con ul li:nth-last-child(-n+2) { width:100%;height: 230px;background-size: 100% 100% }
.welfare .pagebox1 .box_con ul li:nth-child(3),.welfare .pagebox1 .box_con ul li:nth-child(5) { margin-right: auto; }
.welfare .pagebox1 .box_con ul li p{padding: 0.8rem 1.5rem 0 1.5rem;font-size:1.6rem;}
.welfare .pagebox2 .box_con{ padding:2rem 1rem 2rem 0.5rem;}
.welfare .pagebox2 .box_con .cc{padding:1rem 1.5rem 1rem 3rem;}
.welfare .pagebox2 .box_con .cc img{flex: 1.5;max-width: 243px}
.welfare .pagebox2 .box_con ul{margin-left:1.5rem; flex: 2}
.welfare .pagebox2 .box_con ul li{ font-size:1.5rem;line-height:2;}
}