@charset "utf-8";
@import url(base.css);

.header{width: 100%;border-top: 8px solid #681e29;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 100;}
.headerup{background: rgba(255,255,255,0.4);padding: 10px 0;border-bottom: 1px solid #eee;box-sizing: border-box;}
.headerupcon{width: 1200px;margin: 0 auto;}
.headerupleft{float: left;}
.headeruplefttop a{float: left;font-size: 14px;color: #fff;font-weight: 400;margin-right: 15px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headeruplefttop a:last-child{margin-right: 0;}
.headeruplefttop a:hover{color: #681e29;}
.headerupleft ul li{float: left;font-size: 14px;color: rgba(255,255,255,0.8);font-weight: 400;margin-right: 15px;line-height: 24px;}
.headerupleft ul li:last-child{margin-right: 0;}
.headerupright{float: right;}
.headerupright a{float: left;font-size: 14px;color: #fff;font-weight: 400;margin-right: 15px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headerupright a i{display: inline-block;width: 14px;height: 14px;}
.headerupright .gzb i{background: url(../images/xin.png) center no-repeat;vertical-align: -2px;}
.headerupright .yg i{background: url(../images/gr.png) center no-repeat;vertical-align: -2px;}
.headerupright .yuyan i{background: url(../images/yy.png) center no-repeat;vertical-align: -2px;}
.headerupright a:last-child{margin-right: 0;}
.headerupright a:hover{color: #681e29;}
.headerbut{width: 100%;background: rgba(255,255,255,0.4);height: 58px;}
.headerbutcon{width: 1200px;margin: 0 auto;}
.headerlogo{float: left;padding-top: 6px;padding-left: 60px;box-sizing: border-box;width: 280px;margin-right: 40px;}
.headerlogo a{display: block;width: 100%;}
.headerlogo a img{display: block;}
.headernav{float: right;}
.headernav ul li{float: left;margin-right: 12px;position: relative;}
.headernav ul li:last-child{margin-right: 0;}
.headernav ul li>a{display: block;line-height: 58px;font-size: 16px;color: #fff;font-weight: 500;padding: 0 8px;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;position: relative;}
.headernav ul li>a::before{content: "";width: 0%;height: 3px;border-radius: 5px 5px 0 0;background: #1A76D1;position: absolute;bottom:12px;
left: 0;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headernav ul li>a i{display: inline-block;width: 14px;height: 14px;background: url(../images/xl.png) center no-repeat;vertical-align: -2px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headernav ul li:hover>a{color: #1A76D1;}
.headernav ul li:hover>a::before{width: 100%;}
.headernav ul li:hover>a i{background: url(../images/xls.png) center no-repeat;}
.headernav ul li.active>a{color: #1A76D1;}
.headernav ul li.active>a::before{width: 100%;}
.headernav ul li.active>a i{background: url(../images/xls.png) center no-repeat;}
.headerdown{position: absolute;top: 57px;left: 0;width: 220px;padding-top: 17px;box-sizing: border-box;display: none;z-index: 200;
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px #3333334d;}
.headerdowncon{width: 100%;background: #fff;border-left: 3px solid #2889e4;box-sizing: border-box;}
.headerdowncon a{display: block;height: 50px;line-height: 50px;padding: 0 10px;font-size: 16px;color: #666;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headerdowncon a:hover{color:#2889e4;}

.conter{width: 100%;height: 100%;}
.box{width: 100%;}
.firstone{width: 100%;}
.firstone ul li{width: 100%;}
.firstone ul li a{display: block;cursor: default;}
.firstimgs{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.firtext{transform: scale(0);opacity:0;-webkit-transition: all 0.35s;transition: all 0.35s;}
.firstimges{transform:scale(1);opacity:1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.firstimgs img{display: block;margin-bottom: 50px;}
.firstimgs p{font-size: 18px;color: #fff;font-weight: 400;line-height: 24px;text-align: center;}
.firstone .bannernext{background: url(../images/right.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;right: 5% !important;border-radius: 50%;}
.firstone .bannerprev{background: url(../images/left.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;left: 5% !important;border-radius: 50%;}
.firstyuan{width: 60px;height: 60px;margin: 0 auto;position: absolute;bottom: 55px;left: 50%;transform: translateX(-50%);z-index: 10;
cursor: pointer;border-radius: 50%;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.firstyuan img{display: block;}
.firstyuan::before{content: '';width: 74px;height: 74px;background: rgba(255,255,255,0.24);border-radius: 50%;transform:scale(0);opacity: 0;
position: absolute;top: 50%;left: 50%;margin-left: -37px;margin-top: -37px;-webkit-transition:all  .5s ease-out;transition:all .5s ease-out;}
.firstyuan:hover::before{transform:scale(1);opacity:1;}
.slide_box{width: 100%;height: 100%;}
.advantage{width: 1200px;margin: 0 auto;height: 100%;}
.advantage ul{width: 100%;height: 100%;}
.advantage ul li{float: left;width: 25%;height: 100%;position: relative;overflow: hidden;-webkit-transition:all  .35s ease-out;transition:all .35s ease-out;}
.advantage ul li::before{content: "";width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;opacity: 0;
-webkit-transition:all  .35s ease-out;transition:all .35s ease-out;}
.advantage ul li:nth-child(1){transform: translateX(-50%);opacity: 0;}
.advantage ul li:nth-child(2){transform: translateX(-50%);opacity: 0;}
.advantage ul li:nth-child(3){transform: translateX(50%);opacity: 0;}
.advantage ul li:nth-child(4){transform: translateX(50%);opacity: 0;}
.advantage ul li:nth-child(1)::before{background: #5eb7e1;}
.advantage ul li:nth-child(2)::before{background: #890f38;}
.advantage ul li:nth-child(3)::before{background: #79b4ae;}
.advantage ul li:nth-child(4)::before{background: #f19f1c;}
.advtext{width: 100%;padding: 0 26px;box-sizing: border-box;position: absolute;top: 50%;transform: translateY(-50%);min-height: 400px;}
.advtext h5{font-size: 27px;color: #f5f5f5;font-weight: 400;text-align: center;margin-bottom: 35px;}
.advtext p{font-size: 15px;color: #f5f5f5;font-weight: 400;line-height: 24px;}
.adimg{width: 100%;position: absolute;bottom: -50%;left: 0;opacity: 0;-webkit-transition:all  .5s ease-out;transition:all .5s ease-out;}
.adimg img{display: block;}
.advantage ul li:hover::before{bottom: 0;opacity: 1;}
.advantage ul li:hover .adimg{opacity: 1;bottom: 0;}
.cuursor .advantage ul li:nth-child(1){transform: translate(0);opacity: 1;-webkit-transition:all 0.8s ease 0.2s;transition:all 0.8s ease 0.2s;}
.cuursor .advantage ul li:nth-child(2){transform: translate(0);opacity: 1;-webkit-transition:all 0.8s ease 0.4s;transition:all 0.8s ease 0.4s;}
.cuursor .advantage ul li:nth-child(3){transform: translate(0);opacity: 1;-webkit-transition:all 0.8s ease 0.4s;transition:all 0.8s ease 0.4s;}
.cuursor .advantage ul li:nth-child(4){transform: translate(0);opacity: 1;-webkit-transition:all 0.8s ease 0.2s;transition:all 0.8s ease 0.2s;}
.education{width: 1200px;margin: 0 auto;overflow: hidden;}
.title{width: 100%;margin-bottom: 34px;}
.title h4{float: left;font-size: 45px;color: #f19f1c;font-weight: 500;line-height: 50px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(-100%);}
.titletext{float: right;margin-top: 29px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(100%);}
.titletext a{font-size: 14px;color: #f19f1c;font-weight: 500;margin-right: 100px;position: relative;}
.titletext a::before{content: '';width: 1px;height: 14px;background: #f19f1c;position: absolute;top: 3px;right: -52px;}
.titletext a:last-child{margin-right: 0;}
.titletext a:last-child::before{display: none;}
.edlist{width: 100%;margin-bottom: 40px;overflow: hidden;}
.edlist ul li{float: left;width: 23.5%;margin-right: 2%;border-radius: 3px;overflow: hidden;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;-webkit-transform: translateY(100%);transform: translateY(100%);opacity: 0;}
.edlist ul li:last-child{margin-right: 0;}
.edlist ul li a{display: block;border-radius: 3px;position: relative;}
.edlist ul li a img{display: block;border-radius: 3px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.bj{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;border-radius: 3px;background: rgba(233,148,11,0.83);opacity: 0;
-webkit-transition:all  .8s ease-out;transition:all .8s ease-out;}
.edlist ul li:hover a img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.edlist ul li:hover .bj{opacity: 1;}
.edlast{width: 100%;background: rgba(255,255,255,0.16);min-height: 268px;max-height: 268px;padding: 34px 39px 18px 48px;box-sizing: border-box;
transform: scale(0);opacity:0;-webkit-transition: all 0.35s;transition: all 0.35s;}
.edlastcon{width: 100%;overflow-y: scroll;padding-right: 38px;box-sizing: border-box;max-height: 216px;}
.edlastcon p{font-size: 12px;color: #f19f1c;font-weight: 500;line-height: 16px;margin-bottom: 20px;}
.edlastcon p:last-child{margin-bottom: 0;}
.edlastcon::-webkit-scrollbar{width:20px;height:5px;border-radius: 4px;}
.edlastcon::-webkit-scrollbar-button:vertical{ display:none;}
.edlastcon::-webkit-scrollbar-track:vertical{background-color:black;}
.edlastcon::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
.edlastcon::-webkit-scrollbar-thumb:vertical{margin-right:1px; background-color:#888;}
.edlastcon::-webkit-scrollbar-thumb:vertical:hover{background-color: #f19f1c;}
.edlastcon::-webkit-scrollbar-corner:vertical{background-color:#535353;}
.edlastcon::-webkit-scrollbar-resizer:vertical{background-color:#f19f1c;}
.cuursor .title h4{transform: translateX(0%); opacity: 1;-webkit-transition:all  .8s ease-out;transition:all .8s ease-out;}
.cuursor .titletext{transform: translateX(0%); opacity: 1;-webkit-transition:all  .8s ease-out;transition:all .8s ease-out;}
.cuursor .edlist ul li:nth-child(1){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.2s;transition:all 0.8s ease 0.2s;}
.cuursor .edlist ul li:nth-child(2){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.4s;transition:all 0.8s ease 0.4s;}
.cuursor .edlist ul li:nth-child(3){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.6s;transition:all 0.8s ease 0.6s;}
.cuursor .edlist ul li:nth-child(4){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.8s;transition:all 0.8s ease 0.8s;}
.cuursor .edlast{transform: scale(1);opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.teachers{width: 1200px;margin: 0 auto;}
.titles h4{color: #c4c4c4;}
.titles .titletext a{color: #c4c4c4;}
.titles .titletext a::before{background: #c4c4c4;}
.teach{width: 100%;overflow: hidden;}
.teachleft{width: 356px;float: left;padding: 40px 60px 10px 0;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(-100%);}
.teachleft p{font-size: 12px;color: #d6d6d6;font-weight: 500;line-height: 26px;margin-bottom: 30px;}
.teachleft p:last-child{margin-bottom: 0;}
.teachleft p img{display: block;}
.teachright{width: 844px;float: left;height: 582px;overflow-y: scroll;direction:rtl;padding-left: 35px;padding-top: 40px;box-sizing: border-box;
padding-bottom: 40px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(100%);}
.teachrightcon{width: 100%;}
.teachright::-webkit-scrollbar{width:5px;height:5px;border-radius: 4px;}
.teachright::-webkit-scrollbar-button:vertical{ display:none;}
.teachright::-webkit-scrollbar-track:vertical{background-color:black;}
.teachright::-webkit-scrollbar-track-piece{background-color:rgab(255,255,255,0.1);}
.teachright::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#888;}
.teachright::-webkit-scrollbar-thumb:vertical:hover{background-color: #FF5600;}
.teachright::-webkit-scrollbar-corner:vertical{background-color:#535353;}
.teachright::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}
.teachrightcon ul li{float: left;width: 49.8%;margin-right: 0.08%;margin-bottom: 1px;height: 180px;background: rgba(255,255,255,0.16);
padding-top: 30px;box-sizing: border-box;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.teachrightcon ul li:nth-child(2n){margin-right: 0;}
.teimg{width: 65px;height: 65px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;}
.teimg img{display: block;width: 100%;height: 100%;}
.teachrightcon ul li p{font-size: 22px;color: #959595;font-weight: 500;text-align: center;}
.teachrightcon ul li:hover{background: #841238;}
.teachrightcon ul li:hover p{color: #fff;}
.cuursor .teachleft{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .teachright{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.activup{width: 1200px;margin: 0 auto;}
.activupcon{width: 100%;}
.activlist{width: 100%;display: none;}
.activlist:first-child{display: block;}
.activleft{float: left;width: 40%;margin-right: 10%;border-top: 3px solid #000;padding-top: 30px;box-sizing: border-box;overflow: hidden;}
.actlogo{width: 100%;margin-bottom: 28px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(-100%);}
.actlogo img{display: block;}
.actext{width: 100%;margin-bottom: 60px;}
.actexts{float: right;margin-right: 7%;transform:scale(0);opacity: 0;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.actexts img{display: block;}
.actextlast{width: 100%;}
.actextlasts{float: right;margin-right: 12%;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(100%);}
.actextlasts img{display: block;}
.activconter{width: 24%;float: left;margin-right: 5%;border-top: 1px solid #000;padding-top: 30px;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateY(100%);}
.activconter h5{font-size: 24px;color: #000;font-weight: 500;margin-bottom: 20px;}
.activconter p{font-size: 16px;color: #000;font-weight: 500;margin-bottom: 10px;}
.activconter p:last-child{margin-bottom: 0;}
.activlast{float: left;width: 21%;border-top: 1px solid #000;padding-top: 30px;box-sizing: border-box;}
.activlast a{display: block;padding: 16px 0;border-bottom: 1px solid #000;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateY(-100%);}
.activlast a:first-child{padding-top: 0;}
.activlast a:last-child{border-bottom: 0;}
.activimg{width: 100%;margin-bottom: 15px;}
.activimg img{display: block;width: 100%;}
.activlast a p{font-size: 14px;color: #000;font-weight: 500;}
.actives .actlogo{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.actives .actexts{transform: scale(1); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.actives .actextlasts{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.actives .activconter{opacity: 0;transform: translateY(0);-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.actives .activlast a:nth-child(1){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.2s;transition:all 0.8s ease 0.2s;}
.actives .activlast a:nth-child(2){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.4s;transition:all 0.8s ease 0.4s;}
.actlast{width: 100%;position: absolute;bottom: 30px;left: 0;}
.actlast::before{content: '';width: 100%;height: 1px;background: rgba(255,255,255,0.51);position: absolute;bottom: 7px;left: 0;}
.actlast ul li{float: left;cursor: pointer;}
.actlast ul li h5{font-size: 22px;color: #c5c5c5;font-weight: 500;padding: 4px 20px;box-sizing: border-box;border-radius: 10px;
margin-bottom: 16px;}
.actlast ul li i{display: block;width: 15px;height: 15px;border-radius: 50%;background: rgba(255,255,255,0.51);margin: 0 auto;
position: relative;}
.actlast ul li.active h5{background: #590a24;}
.more{display: block;}
.more a{display: block;width: 120px;height: 40px;padding: 0;text-align: center;background: #590a24;color: #fff;font-size: 14px;
line-height: 40px;border-radius: 4px;margin-top: 20px;float: right;}

.cuursor .actlogo{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .actexts{transform: scale(1); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .actextlasts{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .activconter{opacity: 1;transform: translateY(0);-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .activlast a:nth-child(1){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.2s;transition:all 0.8s ease 0.2s;}
.cuursor .activlast a:nth-child(2){-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.4s;transition:all 0.8s ease 0.4s;}
.sixth{width: 1200px;margin: 0 auto;}
.sixthimh{display: table;margin: 0 auto 60px;overflow: hidden;position: relative;width: 700px;}
.sixthimh p{display: block;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(-100%);}
.sixthimh p img{display: block;}
.sixthimh span{position: absolute;top: 90px;width: 600px;right: 25px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;transform: translateX(100%);}
.sixthimh span img{display: block;}
.sixtext{width: 100%;transform: scale(0);opacity:0;-webkit-transition: all 0.35s;transition: all 0.35s;}
.sixtext p{font-size: 18px;color: #c5c5c5;font-weight: 500;line-height: 30px;text-indent: 2em;}
.cuursor .sixthimh p{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .sixthimh span{transform: translateX(0%); opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.cuursor .sixtext{transform: scale(1);opacity: 1;-webkit-transition:all  1.5s ease-out;transition:all 1.5s ease-out;}
.boxdian{right: auto !important;left: 20px !important;}
.boxdian .swiper-pagination-bullet{width: 6px !important;height: 6px !important;opacity: 1 !important;background: #fff !important;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;display: table !important;margin: 0 auto 10px !important;}
.boxdian .swiper-pagination-bullet-active{width: 12px !important;height: 12px !important;}
@media screen and (max-width: 1400px) {
	.actlast ul li h5{font-size: 18px;}
}
@media screen and (max-width: 1250px) {
	.advantage,.education,.teachers,.activup,.sixth,.headerupcon,.headerbutcon{width: 100%;padding: 0 4%;box-sizing: border-box;}
	.advtext h5{font-size: 24px;margin-bottom: 25px;}
	.headerlogo{margin-right: 0;padding-left: 20px;}
	.headerlogo{width: 240px;}
	.headernav ul li{margin-right: 5px;}
	.headernav ul li>a{font-size: 14px;padding: 0 2px;}
	.title{margin-bottom: 20px;}
	.title h4{font-size: 35px;line-height: 40px;}
	.titletext{margin-top: 19px;}
	.teachleft{width: 35%;padding: 20px 0;padding-right: 5%;}
	.teachleft p{line-height: 24px;margin-bottom: 20px;}
	.teachright{width: 60%;padding: 20px 0 35px 20px;height: 500px;}
	.teachrightcon ul li{height: 150px;padding-top: 20px;}
	.teachrightcon ul li p{font-size: 20px;}
	.actext{margin-bottom: 40px;}
	.actlast ul li h5{font-size: 16px;}
}
@media screen and (max-width: 1024px) {
	.actlast ul li h5{font-size: 12px;}
}