@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.15; color:#3f3f3f; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#3f3f3f;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#3f3f3f;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}
body::-webkit-scrollbar{ width:7px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#ddd;}
body::-webkit-scrollbar-track{ border-radius:10px; background:#fff;}

/*header*/
@media screen and (min-width:1200px){
.header{ width:100%; height:90px; background-color:#fff; position:relative; z-index:99;}
.header .head{ width:1100px; height:90px; margin:auto;}
.header .head .logo{ float:left; height:46px; padding:22px 0;}
.header .head .logo img{ display:block; height:46px;}
.header .head .nav{ float:right; display:block; height:60px; padding:15px 0;}
.header .head .nav li{ display:block; float:left; padding:0 15px; height:60px;}
.header .head .nav li a{ display:block; font-size:14px; height:60px; line-height:60px; color:#666; text-align:center; overflow:hidden; width:100px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav li a:hover{ color:#970013; font-weight:400;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.header{ width:100%; height:90px; background-color:#fff; position:relative; z-index:99;}
.header .head{ width:94%; display:flex; height:90px; margin:auto;}
.header .head .logo{ height:46px; padding:22px 0;}
.header .head .logo img{ display:block; height:46px;}
.header .head .nav{ flex:1; display:block; height:60px; padding:15px 0; margin-left:3vw;}
.header .head .nav li{ display:block; float:left; padding:0 15px; height:60px; width:16.66%; box-sizing:border-box;}
.header .head .nav li a{ display:block; font-size:14px; height:60px; line-height:60px; color:#666; text-align:center; overflow:hidden; width:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav li a:hover{ color:#970013; font-weight:400;}
}
@media only screen and (max-width:767px){
.header{ width:100%; height:60px; background-color:#fff; position:relative; z-index:99;}
.header .head{ width:94%; height:60px; margin:auto;}
.header .head .logo{ height:36px; padding:12px 0; float:left;}
.header .head .logo img{ display:block; height:46px;}
.header .head .hamburger{ padding:9px 10px; padding-top:6px; border-radius:4px; background-color:#222; float:right; margin:15px 0;}
.header .head .hamburger .h-bar{ display:block; width:18px; height:2px; background-color:#fff; margin-top:3px;}
.header .head .nav{ display:none; position:absolute; left:0; top:60px; background-color:#fff; width:100%; padding:15px; box-sizing:border-box;}
.header .head .nav.open{ display:block;}
.header .head .nav li{ display:block; height:40px; border-bottom:1px dashed #e6e6e6;}
.header .head .nav li a{ display:block; font-size:14px; height:40px; line-height:40px; color:#666; overflow:hidden; width:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .nav li a:hover{ color:#970013; font-weight:400;}
}

/*banner*/
@-webkit-keyframes fadein {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes fadein {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@media screen and (min-width:1200px){
.banner{ width:100%; height:470px; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .wen{ width:990px; position:absolute; left:50%; z-index:3; top:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .wen>div{ padding:35px 40px; background-color:rgba(0,0,0,.64); -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.banner .swiper-slide .wen .w01{ font-size:36px; line-height:46px; color:#fff; text-align:center;}
.banner .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:20px;}
.banner .swiper-slide.swiper-slide-active .wen>div{ -webkit-animation-name:fadein; animation-name:fadein;}

.banner .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:15px; height:15px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.3); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer;}
.banner .swiper-button-white .w-itemicon { color:#fff; font-size:32px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.banner .swiper-button-perv{ left:35px;}
.banner .swiper-button-next{ right:35px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.banner{ width:100%; height:530px; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:50%; z-index:3; top:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .wen>div{ padding:25px 30px; background-color:rgba(0,0,0,.64); -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.banner .swiper-slide .wen .w01{ font-size:30px; line-height:40px; color:#fff; text-align:center;}
.banner .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
.banner .swiper-slide.swiper-slide-active .wen>div{ -webkit-animation-name:fadein; animation-name:fadein;}

.banner .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:15px; height:15px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.3); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer;}
.banner .swiper-button-white .w-itemicon { color:#fff; font-size:32px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.banner .swiper-button-perv{ left:3%;}
.banner .swiper-button-next{ right:3%;}
}
@media only screen and (max-width:767px){
.banner{ width:100%; height:60vh; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:50%; z-index:3; top:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .wen>div{ padding:15px 20px; background-color:rgba(0,0,0,.64); -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.banner .swiper-slide .wen .w01{ font-size:26px; line-height:36px; color:#fff; text-align:center;}
.banner .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.banner .swiper-slide.swiper-slide-active .wen>div{ -webkit-animation-name:fadein; animation-name:fadein;}

.banner .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ width:15px; height:15px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.3); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer;}
.banner .swiper-button-white .w-itemicon { color:#fff; font-size:32px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.banner .swiper-button-perv{ left:3%;}
.banner .swiper-button-next{ right:3%;}
}

/*我们的优势*/
@media screen and (min-width:1200px){
.title{ width:1100px; text-align:center; margin:auto;}
.title .en{ font-weight:bold; font-size:30px; line-height:38px; height:38px; text-transform:uppercase; color:#66000b;}
.title .cn{ font-size:24px; line-height:34px; color:#3f3f3f; margin-top:5px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.title{ width:94%; text-align:center; margin:auto;}
.title .en{ font-weight:bold; font-size:28px; line-height:36px; height:36px; text-transform:uppercase; color:#66000b;}
.title .cn{ font-size:22px; line-height:32px; color:#3f3f3f;}
}
@media only screen and (max-width:767px){
.title{ width:94%; text-align:center; margin:auto;}
.title .en{ font-weight:bold; font-size:26px; line-height:34px; height:34px; text-transform:uppercase; color:#66000b;}
.title .cn{ font-size:20px; line-height:30px; color:#3f3f3f; margin-top:-4px;}
}
@media screen and (min-width:1200px){
.ybox{ padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:1100px; display:flex; flex-wrap:wrap; margin:auto; margin-top:25px;}
.ybox .box .item{ width:248px; margin-left:36px; background-color:#f2f2f2; border:1px solid #eee; padding:39px 24px; padding-top:59px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .item:nth-child(4n+1){ margin-left:0;}
.ybox .box .item:hover{ background-color:#f0e8e8; margin-top:-3px; margin-bottom:3px;}
.ybox .box .item .w01{ width:100%;}
.ybox .box .item .w01 img{ display:block; margin:auto; height:60px;}
.ybox .box .item .w02{ font-weight:bold; font-size:20px; line-height:30px; margin-top:15px; text-align:center;}
.ybox .box .item .w03{ font-size:14px; line-height:24px; margin-top:20px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.ybox{ padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:94%; display:flex; flex-wrap:wrap; margin:auto; margin-top:20px;}
.ybox .box .item{ width:23.5%; margin-left:2%; background-color:#f2f2f2; border:1px solid #eee; padding:29px 14px; padding-top:49px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .item:nth-child(4n+1){ margin-left:0;}
.ybox .box .item:hover{ background-color:#f0e8e8; margin-top:-3px; margin-bottom:3px;}
.ybox .box .item .w01{ width:100%;}
.ybox .box .item .w01 img{ display:block; margin:auto; height:60px;}
.ybox .box .item .w02{ font-weight:bold; font-size:18px; line-height:28px; margin-top:10px; text-align:center;}
.ybox .box .item .w03{ font-size:14px; line-height:24px; margin-top:15px;}
}
@media only screen and (max-width:767px){
.ybox{ padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:94%; display:flex; flex-wrap:wrap; margin:auto;}
.ybox .box .item{ width:48.5%; margin-left:3%; margin-top:15px; background-color:#f2f2f2; border:1px solid #eee; padding:29px 9px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .item:nth-child(2n+1){ margin-left:0;}
.ybox .box .item:hover{ background-color:#f0e8e8; margin-top:-3px; margin-bottom:3px;}
.ybox .box .item .w01{ width:100%;}
.ybox .box .item .w01 img{ display:block; margin:auto; height:60px;}
.ybox .box .item .w02{ font-weight:bold; font-size:16px; line-height:26px; margin-top:5px; text-align:center;}
.ybox .box .item .w03{ font-size:14px; line-height:24px; margin-top:10px;}
}

/*课程特色*/
.cbox .title .en,.cbox .title .cn{ color:#fff;}
@media screen and (min-width:1200px){
.cbox{ padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cbox .box{ width:1100px; margin:auto; margin-top:25px;}
.cbox .box .left{ width:490px; padding:10px; box-sizing:border-box; float:left; background-color:rgba(124, 37, 25, 0.47);}
.cbox .box .left .swiper-slide{ width:100%; overflow:hidden;}
.cbox .box .left .swiper-slide img{ width:100%; display:block;}
.cbox .swiper-pagination{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:9;}
.cbox .swiper-pagination span{ width:22px; height:22px; line-height:22px; text-align:center; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.35); color:#fff; overflow:hidden;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#66000b;}
.cbox .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer; width:34px; height:56px; background-color:rgba(0,0,0,.2); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.cbox .swiper-button-white:hover{ background-color:rgba(0,0,0,.4);}
.cbox .swiper-button-white .w-itemicon { color:#fff; font-size:18px; line-height:56px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.cbox .swiper-button-perv{ left:20px;}
.cbox .swiper-button-next{ right:20px;}

.cbox .box .right{ width:560px; float:right; overflow:hidden;}
.cbox .box .right .wen{ font-size:14px; line-height:28px; color:#fff; max-height:252px;}
.cbox .box .right .more{ margin-top:35px;}
.cbox .box .right .more a{ width:140px; height:36px; border:2px solid #fff; display:flex; align-items:center; justify-content:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right .more a:hover{ background-color:#66000b; border:2px solid #66000b;}
.cbox .box .right .more a .w-button-icon{ display:block; margin-right:3px; font-size:14px; color:#ffffff; font-weight:400; font-style:normal;}
.cbox .box .right .more a span{ color:#fff;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.cbox{ padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cbox .box{ width:94%; margin:auto; margin-top:20px;}
.cbox .box .left{ width:46%; padding:10px; box-sizing:border-box; float:left; background-color:rgba(124, 37, 25, 0.47);}
.cbox .box .left .swiper-slide{ width:100%; overflow:hidden;}
.cbox .box .left .swiper-slide img{ width:100%; display:block;}
.cbox .swiper-pagination{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:9;}
.cbox .swiper-pagination span{ width:22px; height:22px; line-height:22px; text-align:center; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.35); color:#fff; overflow:hidden;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#66000b;}
.cbox .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer; width:34px; height:56px; background-color:rgba(0,0,0,.2); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.cbox .swiper-button-white:hover{ background-color:rgba(0,0,0,.4);}
.cbox .swiper-button-white .w-itemicon { color:#fff; font-size:18px; line-height:56px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.cbox .swiper-button-perv{ left:20px;}
.cbox .swiper-button-next{ right:20px;}

.cbox .box .right{ width:51%; float:right; overflow:hidden;}
.cbox .box .right .wen{ font-size:14px; line-height:26px; color:#fff; max-height:234px;}
.cbox .box .right .more{ margin-top:25px;}
.cbox .box .right .more a{ width:140px; height:36px; border:2px solid #fff; display:flex; align-items:center; justify-content:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right .more a:hover{ background-color:#66000b; border:2px solid #66000b;}
.cbox .box .right .more a .w-button-icon{ display:block; margin-right:3px; font-size:14px; color:#ffffff; font-weight:400; font-style:normal;}
.cbox .box .right .more a span{ color:#fff;}
}
@media only screen and (max-width:767px){
.cbox{ padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cbox .box{ width:94%; margin:auto; margin-top:15px;}
.cbox .box .left{ width:100%; padding:10px; box-sizing:border-box; float:left; background-color:rgba(124, 37, 25, 0.47);}
.cbox .box .left .swiper-slide{ width:100%; overflow:hidden;}
.cbox .box .left .swiper-slide img{ width:100%; display:block;}
.cbox .swiper-pagination{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:9;}
.cbox .swiper-pagination span{ width:22px; height:22px; line-height:22px; text-align:center; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.35); color:#fff; overflow:hidden;}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#66000b;}
.cbox .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer; width:34px; height:56px; background-color:rgba(0,0,0,.2); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.cbox .swiper-button-white:hover{ background-color:rgba(0,0,0,.4);}
.cbox .swiper-button-white .w-itemicon { color:#fff; font-size:18px; line-height:56px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.cbox .swiper-button-perv{ left:20px;}
.cbox .swiper-button-next{ right:20px;}

.cbox .box .right{ width:100%; float:right; overflow:hidden; margin-top:15px;}
.cbox .box .right .wen{ font-size:14px; line-height:24px; color:#fff; max-height:240px;}
.cbox .box .right .more{ margin-top:15px;}
.cbox .box .right .more a{ width:140px; height:36px; border:2px solid #fff; display:flex; align-items:center; justify-content:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right .more a:hover{ background-color:#66000b; border:2px solid #66000b;}
.cbox .box .right .more a .w-button-icon{ display:block; margin-right:3px; font-size:14px; color:#ffffff; font-weight:400; font-style:normal;}
.cbox .box .right .more a span{ color:#fff;}
}

/*学校活动*/
@media screen and (min-width:1200px){
.nbox{ padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:1100px; margin:auto; margin-top:25px;}
.nbox .box .list{ margin-top:-12px; width:100%; display:block;}
.nbox .box .list li{ display:block; padding:12px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:100%;}
.nbox .box .list li .tu{ width:160px; height:100px; float:left;}
.nbox .box .list li .tu img{ width:100%; height:100px; object-fit:cover; display:block; -webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; -o-transition:transform .3s linear; -ms-transition:transform .3s linear; transition:transform .3s linear;}
.nbox .box .list li .tu img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.nbox .box .list li .wen{ width:calc(100% - 175px); height:100px; float:right;}
.nbox .box .list li .wen .w01 a{ font-size:14px; line-height:24px; height:24px; font-weight:bold; color:#404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .wen .w01 a:hover{ color:#66000b;}
.nbox .box .list li .wen .w02{ font-size:12px; line-height:20px; height:40px; margin-top:5px; color:#858585; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.nbox .box .list li .wen .w03{ font-size:12px; line-height:20px; margin-top:5px; color:#bbb;}
.nbox .box .list li .wen .w03 span{ display:block; float:left; font-size:12px; line-height:20px;}
.nbox .box .list li .wen .w03 p{ display:block; float:right; font-size:12px; line-height:20px;}
.nbox .box .list li .wen .w03 p .w-list-viewicon{ font-size:12px; margin-right:3px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.nbox{ padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:94%; margin:auto; margin-top:20px;}
.nbox .box .list{ margin-top:-12px; width:100%; display:block;}
.nbox .box .list li{ display:block; padding:12px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:100%;}
.nbox .box .list li .tu{ width:132px; height:82px; float:left;}
.nbox .box .list li .tu img{ width:100%; height:82px; object-fit:cover; display:block; -webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; -o-transition:transform .3s linear; -ms-transition:transform .3s linear; transition:transform .3s linear;}
.nbox .box .list li .tu img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.nbox .box .list li .wen{ width:calc(100% - 142px); height:82px; float:right;}
.nbox .box .list li .wen .w01 a{ font-size:14px; line-height:24px; height:24px; font-weight:bold; color:#404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .wen .w01 a:hover{ color:#66000b;}
.nbox .box .list li .wen .w02{ font-size:12px; line-height:20px; height:20px; margin-top:5px; color:#858585; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.nbox .box .list li .wen .w03{ font-size:12px; line-height:20px; margin-top:5px; color:#bbb;}
.nbox .box .list li .wen .w03 span{ display:block; float:left; font-size:12px; line-height:20px;}
.nbox .box .list li .wen .w03 p{ display:block; float:right; font-size:12px; line-height:20px;}
.nbox .box .list li .wen .w03 p .w-list-viewicon{ font-size:12px; margin-right:3px;}
}
@media only screen and (max-width:767px){
.nbox{ padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:94%; margin:auto; margin-top:15px;}
.nbox .box .list{ margin-top:-12px; width:100%; display:block;}
.nbox .box .list li{ display:block; padding:12px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:100%;}
.nbox .box .list li .tu{ width:100px; height:62px; float:left;}
.nbox .box .list li .tu img{ width:100%; height:62px; object-fit:cover; display:block; -webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; -o-transition:transform .3s linear; -ms-transition:transform .3s linear; transition:transform .3s linear;}
.nbox .box .list li .tu img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.nbox .box .list li .wen{ width:calc(100% - 110px); height:62px; float:right;}
.nbox .box .list li .wen .w01 a{ font-size:14px; line-height:24px; height:24px; font-weight:bold; color:#404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .wen .w01 a:hover{ color:#66000b;}
.nbox .box .list li .wen .w02{ font-size:12px; line-height:18px; height:18px; color:#858585; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.nbox .box .list li .wen .w03{ font-size:12px; line-height:20px; color:#bbb;}
.nbox .box .list li .wen .w03 span{ display:block; float:left; font-size:12px; line-height:20px;}
.nbox .box .list li .wen .w03 p{ display:block; float:right; font-size:12px; line-height:20px;}
.nbox .box .list li .wen .w03 p .w-list-viewicon{ font-size:12px; margin-right:3px;}
}

/*师资团队*/
@media screen and (min-width:1200px){
.tbox{ height:240px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.tbox .box{ width:1100px; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tbox .box .w01{ font-size:30px; line-height:40px; color:#fff; text-align:center;}
.tbox .box .w02{ font-size:14px; line-height:24px; color:#f1e1e3; text-align:center; margin-top:20px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.tbox{ height:210px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.tbox .box{ width:94%; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tbox .box .w01{ font-size:28px; line-height:38px; color:#fff; text-align:center;}
.tbox .box .w02{ font-size:14px; line-height:24px; color:#f1e1e3; text-align:center; margin-top:15px;}
}
@media only screen and (max-width:767px){
.tbox{ height:240px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.tbox .box{ width:94%; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tbox .box .w01{ font-size:26px; line-height:36px; color:#fff; text-align:center;}
.tbox .box .w02{ font-size:14px; line-height:24px; color:#f1e1e3; text-align:center; margin-top:10px;}
}

/*联系我们*/
@media screen and (min-width:1200px){
.lbox{ padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:1100px; margin:auto; display:flex; flex-wrap:wrap;}
.lbox .box a{ width:47.5%; display:block; text-align:center; overflow:hidden; margin-left:5%; margin-top:25px;}
.lbox .box a:nth-child(2n+1){ margin-left:0;}
.lbox .box a .w01{ width:100%;}
.lbox .box a .w01 img{ height:46px; display:block; margin:20px auto;}
.lbox .box a .w02{ width:100%; font-size:18px; line-height:28px; color:#444;}
.lbox .box a .w03{ width:100%; font-size:18px; line-height:28px; color:#444; margin-top:10px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.lbox{ padding-top:45px; padding-bottom:45px; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:94%; margin:auto; display:flex; flex-wrap:wrap;}
.lbox .box a{ width:47.5%; display:block; text-align:center; overflow:hidden; margin-left:5%; margin-top:20px;}
.lbox .box a:nth-child(2n+1){ margin-left:0;}
.lbox .box a .w01{ width:100%;}
.lbox .box a .w01 img{ height:46px; display:block; margin:20px auto;}
.lbox .box a .w02{ width:100%; font-size:17px; line-height:27px; color:#444;}
.lbox .box a .w03{ width:100%; font-size:17px; line-height:27px; color:#444; margin-top:10px;}
}
@media only screen and (max-width:767px){
.lbox{ padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:94%; margin:auto; display:flex; flex-wrap:wrap;}
.lbox .box a{ width:48.5%; display:block; text-align:center; overflow:hidden; margin-left:3%; margin-top:15px;}
.lbox .box a:nth-child(2n+1){ margin-left:0;}
.lbox .box a .w01{ width:100%;}
.lbox .box a .w01 img{ height:46px; display:block; margin:15px auto;}
.lbox .box a .w02{ width:100%; font-size:16px; line-height:26px; color:#444;}
.lbox .box a .w03{ width:100%; font-size:16px; line-height:26px; color:#444; margin-top:5px;}
}

/*在线留言*/
@media screen and (min-width:1200px){
.mbox{ padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.mbox .box{ width:1100px; margin:auto;}
.mbox .box .w01{ text-align:center; font-size:30px; line-height:40px; color:#fff;}
.mbox .box .w02{ text-align:center; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.mbox .box .w03{ margin-top:25px;}
.mbox .box .w03 p{ display:block; overflow:hidden; margin-bottom:12px; border:1px solid #CCD1D9; background-color:rgba(255,255,255,.85); position:relative;}
.mbox .box .w03 p input{ display:block; width:100%; font-size:14px; line-height:36px; height:36px; overflow:hidden; background-color:transparent; padding:0 12px; box-sizing:border-box;}
.mbox .box .w03 p textarea{ display:block; width:100%; font-size:14px; line-height:24px; height:140px; overflow:hidden; background-color:transparent; padding:6px 12px; box-sizing:border-box;}
.mbox .box .w03 p a{ width:100px; height:32px; display:block; overflow:hidden; position:absolute; right:12px; top:2px;}
.mbox .box .w03 p a img{ width:100% !important; height:32px !important; display:block;}
.mbox .box .w03 span{ width:100%; display:block;}
.mbox .box .w03 span button{ width:100px; height:38px; line-height:38px; display:block; text-align:center; background-color:#66000b; color:#fff; float:right; cursor:pointer; border-radius:2px; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;}
.mbox .box .w03 span button:hover{ background-color:#5795e0;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.mbox{ padding-top:45px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.mbox .box{ width:94%; margin:auto;}
.mbox .box .w01{ text-align:center; font-size:28px; line-height:38px; color:#fff;}
.mbox .box .w02{ text-align:center; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.mbox .box .w03{ margin-top:20px;}
.mbox .box .w03 p{ display:block; overflow:hidden; margin-bottom:12px; border:1px solid #CCD1D9; background-color:rgba(255,255,255,.85); position:relative;}
.mbox .box .w03 p input{ display:block; width:100%; font-size:14px; line-height:36px; height:36px; overflow:hidden; background-color:transparent; padding:0 12px; box-sizing:border-box;}
.mbox .box .w03 p textarea{ display:block; width:100%; font-size:14px; line-height:24px; height:140px; overflow:hidden; background-color:transparent; padding:6px 12px; box-sizing:border-box;}
.mbox .box .w03 p a{ width:100px; height:32px; display:block; overflow:hidden; position:absolute; right:12px; top:2px;}
.mbox .box .w03 p a img{ width:100% !important; height:32px !important; display:block;}
.mbox .box .w03 span{ width:100%; display:block;}
.mbox .box .w03 span button{ width:100px; height:38px; line-height:38px; display:block; text-align:center; background-color:#66000b; color:#fff; float:right; cursor:pointer; border-radius:2px; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;}
.mbox .box .w03 span button:hover{ background-color:#5795e0;}
}
@media only screen and (max-width:767px){
.mbox{ padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat;}
.mbox .box{ width:94%; margin:auto;}
.mbox .box .w01{ text-align:center; font-size:26px; line-height:36px; color:#fff;}
.mbox .box .w02{ text-align:center; font-size:14px; line-height:24px; color:#fff;}
.mbox .box .w03{ margin-top:15px;}
.mbox .box .w03 p{ display:block; overflow:hidden; margin-bottom:12px; border:1px solid #CCD1D9; background-color:rgba(255,255,255,.85); position:relative;}
.mbox .box .w03 p input{ display:block; width:100%; font-size:14px; line-height:36px; height:36px; overflow:hidden; background-color:transparent; padding:0 12px; box-sizing:border-box;}
.mbox .box .w03 p textarea{ display:block; width:100%; font-size:14px; line-height:24px; height:140px; overflow:hidden; background-color:transparent; padding:6px 12px; box-sizing:border-box;}
.mbox .box .w03 p a{ width:100px; height:32px; display:block; overflow:hidden; position:absolute; right:12px; top:2px;}
.mbox .box .w03 p a img{ width:100% !important; height:32px !important; display:block;}
.mbox .box .w03 span{ width:100%; display:block;}
.mbox .box .w03 span button{ width:100px; height:38px; line-height:38px; display:block; text-align:center; background-color:#66000b; color:#fff; float:right; cursor:pointer; border-radius:2px; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;}
.mbox .box .w03 span button:hover{ background-color:#5795e0;}
}

/*footer*/
@media screen and (min-width:1200px){
.footer{ width:100%; height:50px; background-color:#373737;}
.footer .foot{ width:1100px; margin:auto; height:50px; line-height:50px; font-size:14px; color:#bbbbbb;}
.footer .foot a{ color:#bbbbbb;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.footer{ width:100%; height:44px; background-color:#373737;}
.footer .foot{ width:94%; margin:auto; height:44px; line-height:44px; font-size:14px; color:#bbbbbb;}
.footer .foot a{ color:#bbbbbb;}
}
@media only screen and (max-width:767px){
.footer{ width:100%; height:40px; background-color:#373737;}
.footer .foot{ width:94%; margin:auto; height:40px; line-height:40px; font-size:14px; color:#bbbbbb;}
.footer .foot a{ color:#bbbbbb;}
}

/*内页*/
@media screen and (min-width:1200px){
.ban{ width:100%; height:300px; position:relative; z-index:1;}
.ban .swiper-container,.ban .swiper-wrapper{ width:100%; height:100%;}
.ban .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ban .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.ban .swiper-pagination span{ width:15px; height:15px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.3); overflow:hidden;}
.ban .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.ban .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer;}
.ban .swiper-button-white .w-itemicon { color:#fff; font-size:32px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.ban .swiper-button-perv{ left:35px;}
.ban .swiper-button-next{ right:35px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.ban{ width:100%; height:250px; position:relative; z-index:1;}
.ban .swiper-container,.ban .swiper-wrapper{ width:100%; height:100%;}
.ban .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ban .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.ban .swiper-pagination span{ width:15px; height:15px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.3); overflow:hidden;}
.ban .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.ban .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer;}
.ban .swiper-button-white .w-itemicon { color:#fff; font-size:32px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.ban .swiper-button-perv{ left:3%;}
.ban .swiper-button-next{ right:3%;}
}
@media only screen and (max-width:767px){
.ban{ width:100%; height:27.05vw; position:relative; z-index:1;}
.ban .swiper-container,.ban .swiper-wrapper{ width:100%; height:100%;}
.ban .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}

.ban .swiper-pagination{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:9;}
.ban .swiper-pagination span{ width:15px; height:15px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.3); overflow:hidden;}
.ban .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.ban .swiper-button-white{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; cursor:pointer;}
.ban .swiper-button-white .w-itemicon { color:#fff; font-size:32px; -moz-opacity:.8; -webkit-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;}
.ban .swiper-button-perv{ left:3%;}
.ban .swiper-button-next{ right:3%;}
}

/*特色课程*/
@media screen and (min-width:1200px){
.kc{ width:100%; padding-top:60px; padding-bottom:55px; position:relative; z-index:1;}
.kc .tab_menu{ width:1100px; margin:auto; display:block; text-align:center;}
.kc .tab_menu li{ display:inline-block; padding:0 49px; line-height:48px; height:48px; cursor:pointer; overflow:hidden;}
.kc .tab_menu li.on{ background-color:#000; color:#fff; font-weight:bold;}
.kc .tab{ width:1110px; margin:auto; margin-top:40px;}
.kc .tab .box{ font-size:14px; line-height:24px; color:#555; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:none;}
.kc .tab .box img{ max-width:100%; height:auto !important;}
.kc .tab .box.active{ display:block; -webkit-animation-name: slideInUp; animation-name: slideInUp}
}
@media screen and (min-width:768px) and (max-width:1199px){
.kc{ width:100%; padding-top:50px; padding-bottom:45px; position:relative; z-index:1;}
.kc .tab_menu{ width:94%; margin:auto; display:block; text-align:center;}
.kc .tab_menu li{ display:inline-block; padding:0 39px; line-height:44px; height:44px; cursor:pointer; overflow:hidden;}
.kc .tab_menu li.on{ background-color:#000; color:#fff; font-weight:bold;}
.kc .tab{ width:94%; margin:auto; margin-top:30px;}
.kc .tab .box{ font-size:14px; line-height:24px; color:#555; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:none;}
.kc .tab .box img{ max-width:100%; height:auto !important;}
.kc .tab .box.active{ display:block; -webkit-animation-name: slideInUp; animation-name: slideInUp}
}
@media only screen and (max-width:767px){
.kc{ width:100%; padding-top:40px; padding-bottom:35px; position:relative; z-index:1;}
.kc .tab_menu{ width:94%; margin:auto; display:block; text-align:center;}
.kc .tab_menu li{ display:inline-block; padding:0 29px; line-height:40px; height:40px; cursor:pointer; overflow:hidden;}
.kc .tab_menu li.on{ background-color:#000; color:#fff; font-weight:bold;}
.kc .tab{ width:840px; max-width:94%; margin:auto; margin-top:20px;}
.kc .tab .box{ font-size:14px; line-height:24px; color:#555; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:none;}
.kc .tab .box img{ max-width:100%; height:auto !important;}
.kc .tab .box.active{ display:block; -webkit-animation-name: slideInUp; animation-name: slideInUp}
}

/*师资力量*/
@media screen and (min-width:1200px){
.main{ width:100%; padding-bottom:55px; position:relative; z-index:1;}
.main .wei{ width:1100px; margin:auto; height:60px; line-height:60px; color:#666; border-bottom:1px solid #ddd;}
.main .wei a{ color:#666;}
.main .wei a:hover,.main .wei span{ color:#66000b;}

.main .tab_menu{ width:1100px; margin:auto; display:block; text-align:center; margin-top:30px;}
.main .tab_menu a{ display:inline-block; padding:0 49px; line-height:48px; height:48px; cursor:pointer; overflow:hidden;}
.main .tab_menu a.on{ background-color:#000; color:#fff; font-weight:bold;}

.main .box{ width:1100px; margin:auto;}
.main .box .teacher{ width:100%; display:block; overflow:hidden;}
.main .box .teacher li{ width:352px; display:block; overflow:hidden; float:left; margin-left:22px; margin-top:30px;}
.main .box .teacher li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .box .teacher li a{ display:block; padding:10px; overflow:hidden; background-color:#66000b;}
.main .box .teacher li a:hover{ background-color:#ffcc00; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}
.main .box .teacher li .w01{ width:100%; height:352px;}
.main .box .teacher li .w01 img{ width:100%; height:352px; object-fit:cover; display:block;}
.main .box .teacher li .w02{ font-size:15px; line-height:30px; height:30px; margin-top:8px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.main .box .teacher li:hover .w02{ color:#914a10;}
.main .box .teacher li .w03{ font-size:12px; line-height:18px; height:18px; color:#eee; text-overflow:ellipsis; white-space:nowrap;}
.main .box .teacher li:hover .w03{ color:#ac8715;}
.main .box .teacher li .w04{ font-size:14px; line-height:18px; height:18px; margin-top:5px; color:#999; text-overflow:ellipsis; white-space:nowrap;}

.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye li{ margin:5px; display:inline-block;}
.fanye li a{ min-width:10px; padding:0 10px; height:28px; line-height:28px; background-color:#fff; color:#666; border:1px solid #ddd; border-radius:3px; display:block;}
.fanye li span{ min-width:10px; padding:0 10px; height:28px; line-height:28px; border-radius:3px; display:block;}
.fanye li.active span{ border:1px solid #ccc; background-color:#eee;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #eee;}
.fanye li a:hover{ border:1px solid #ccc;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.main{ width:100%; padding-bottom:45px; position:relative; z-index:1;}
.main .wei{ width:94%; margin:auto; height:50px; line-height:50px; color:#666; border-bottom:1px solid #ddd;}
.main .wei a{ color:#666;}
.main .wei a:hover,.main .wei span{ color:#66000b;}

.main .tab_menu{ width:94%; margin:auto; display:block; text-align:center; margin-top:25px;}
.main .tab_menu a{ display:inline-block; padding:0 39px; line-height:44px; height:44px; cursor:pointer; overflow:hidden;}
.main .tab_menu a.on{ background-color:#000; color:#fff; font-weight:bold;}

.main .box{ width:94%; margin:auto;}
.main .box .teacher{ width:100%; display:block; overflow:hidden;}
.main .box .teacher li{ width:48.5%; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:25px;}
.main .box .teacher li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .teacher li a{ display:block; padding:10px; overflow:hidden; background-color:#66000b;}
.main .box .teacher li a:hover{ background-color:#ffcc00; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}
.main .box .teacher li .w01{ width:100%; padding-top:100%; position:relative;}
.main .box .teacher li .w01 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .box .teacher li .w02{ font-size:15px; line-height:30px; height:30px; margin-top:8px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.main .box .teacher li:hover .w02{ color:#914a10;}
.main .box .teacher li .w03{ font-size:12px; line-height:18px; height:18px; color:#eee; text-overflow:ellipsis; white-space:nowrap;}
.main .box .teacher li:hover .w03{ color:#ac8715;}
.main .box .teacher li .w04{ font-size:14px; line-height:18px; height:18px; margin-top:5px; color:#999; text-overflow:ellipsis; white-space:nowrap;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:5px; display:inline-block;}
.fanye li a{ min-width:10px; padding:0 10px; height:28px; line-height:28px; background-color:#fff; color:#666; border:1px solid #ddd; border-radius:3px; display:block;}
.fanye li span{ min-width:10px; padding:0 10px; height:28px; line-height:28px; border-radius:3px; display:block;}
.fanye li.active span{ border:1px solid #ccc; background-color:#eee;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #eee;}
.fanye li a:hover{ border:1px solid #ccc;}
}
@media only screen and (max-width:767px){
.main{ width:100%; padding-bottom:35px; position:relative; z-index:1;}
.main .wei{ width:94%; margin:auto; height:40px; line-height:40px; color:#666; border-bottom:1px solid #ddd;}
.main .wei a{ color:#666;}
.main .wei a:hover,.main .wei span{ color:#66000b;}

.main .tab_menu{ width:94%; margin:auto; display:block; text-align:center; margin-top:20px;}
.main .tab_menu a{ display:inline-block; padding:0 29px; line-height:40px; height:40px; cursor:pointer; overflow:hidden;}
.main .tab_menu a.on{ background-color:#000; color:#fff; font-weight:bold;}

.main .box{ width:94%; margin:auto;}
.main .box .teacher{ width:100%; display:block; overflow:hidden;}
.main .box .teacher li{ width:100%; display:block; overflow:hidden; float:left; margin-top:20px;}
.main .box .teacher li a{ display:block; padding:10px; overflow:hidden; background-color:#66000b;}
.main .box .teacher li a:hover{ background-color:#ffcc00; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}
.main .box .teacher li .w01{ width:100%; padding-top:100%; position:relative;}
.main .box .teacher li .w01 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .box .teacher li .w02{ font-size:15px; line-height:30px; height:30px; margin-top:8px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.main .box .teacher li:hover .w02{ color:#914a10;}
.main .box .teacher li .w03{ font-size:12px; line-height:18px; height:18px; color:#eee; text-overflow:ellipsis; white-space:nowrap;}
.main .box .teacher li:hover .w03{ color:#ac8715;}
.main .box .teacher li .w04{ font-size:14px; line-height:18px; height:18px; margin-top:5px; color:#999; text-overflow:ellipsis; white-space:nowrap;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:5px; display:inline-block;}
.fanye li a{ min-width:10px; padding:0 10px; height:28px; line-height:28px; background-color:#fff; color:#666; border:1px solid #ddd; border-radius:3px; display:block;}
.fanye li span{ min-width:10px; padding:0 10px; height:28px; line-height:28px; border-radius:3px; display:block;}
.fanye li.active span{ border:1px solid #ccc; background-color:#eee;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #eee;}
.fanye li a:hover{ border:1px solid #ccc;}
}

/*师资力量内页*/
@media screen and (min-width:1200px){
.main .ny{ width:1100px; margin:auto; margin-top:30px;}
.main .ny .w01{ width:100%;}
.main .ny .w01 img{ max-width:100%; max-width:400px; display:block; margin:auto;}
.main .ny .w02{ width:42px; height:4px; background-color:#5a5a5a; margin:20px auto;}
.main .ny .w03{ font-size:22px; line-height:32px; font-weight:bold; text-align:center; color:#404040;}
.main .ny .w04{ font-size:14px; line-height:24px; color:#999; margin-top:20px;}
.main .ny .w04 img{ max-width:100%; height:auto !important;}
.main .ny .w05{ font-size:14px; line-height:24px; color:#666; margin-top:20px;}
.main .ny .w05 p{ display:block; margin-top:5px;}
.main .ny .w05 p a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%; height:24px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}
.main .ny .w05 p .w-arrowicon{ font-size:12px; margin-right:5px;}
.main .ny .w05 p a:hover{ color:#66000b;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.main .ny{ width:94%; margin:auto; margin-top:25px;}
.main .ny .w01{ width:100%;}
.main .ny .w01 img{ max-width:100%; max-width:300px; display:block; margin:auto;}
.main .ny .w02{ width:42px; height:4px; background-color:#5a5a5a; margin:15px auto;}
.main .ny .w03{ font-size:22px; line-height:32px; font-weight:bold; text-align:center; color:#404040;}
.main .ny .w04{ font-size:14px; line-height:24px; color:#999; margin-top:15px;}
.main .ny .w04 img{ max-width:100%; height:auto !important;}
.main .ny .w05{ font-size:14px; line-height:24px; color:#666; margin-top:15px;}
.main .ny .w05 p{ display:block; margin-top:5px;}
.main .ny .w05 p a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%; height:24px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}
.main .ny .w05 p .w-arrowicon{ font-size:12px; margin-right:5px;}
.main .ny .w05 p a:hover{ color:#66000b;}
}
@media only screen and (max-width:767px){
.main .ny{ width:94%; margin:auto; margin-top:20px;}
.main .ny .w01{ width:100%;}
.main .ny .w01 img{ max-width:100%; max-width:200px; display:block; margin:auto;}
.main .ny .w02{ width:42px; height:4px; background-color:#5a5a5a; margin:10px auto;}
.main .ny .w03{ font-size:20px; line-height:30px; font-weight:bold; text-align:center; color:#404040;}
.main .ny .w04{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.main .ny .w04 img{ max-width:100%; height:auto !important;}
.main .ny .w05{ font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.main .ny .w05 p{ display:block;}
.main .ny .w05 p a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%; height:24px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}
.main .ny .w05 p .w-arrowicon{ font-size:12px; margin-right:5px;}
.main .ny .w05 p a:hover{ color:#66000b;}
}

/*学校活动*/
@media screen and (min-width:1200px){
.main .box .news{ margin-top:5px; width:100%; display:block;}
.main .box .news li{ display:block; padding:25px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:100%;}
.main .box .news li .tu{ width:160px; height:100px; float:left;}
.main .box .news li .tu img{ width:100%; height:100px; object-fit:cover; display:block; -webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; -o-transition:transform .3s linear; -ms-transition:transform .3s linear; transition:transform .3s linear;}
.main .box .news li .tu img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.main .box .news li .wen{ width:calc(100% - 175px); height:100px; float:right;}
.main .box .news li .wen .w01 a{ font-size:14px; line-height:24px; height:24px; font-weight:bold; color:#404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .wen .w01 a:hover{ color:#66000b;}
.main .box .news li .wen .w02{ font-size:12px; line-height:20px; height:40px; margin-top:5px; color:#858585; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main .box .news li .wen .w03{ font-size:12px; line-height:20px; margin-top:5px; color:#bbb;}
.main .box .news li .wen .w03 span{ display:block; float:left; font-size:12px; line-height:20px;}
.main .box .news li .wen .w03 p{ display:block; float:right; font-size:12px; line-height:20px;}
.main .box .news li .wen .w03 p .w-list-viewicon{ font-size:12px; margin-right:3px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.main .box .news{ margin-top:5px; width:100%; display:block;}
.main .box .news li{ display:block; padding:20px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:100%;}
.main .box .news li .tu{ width:132px; height:82px; float:left;}
.main .box .news li .tu img{ width:100%; height:82px; object-fit:cover; display:block; -webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; -o-transition:transform .3s linear; -ms-transition:transform .3s linear; transition:transform .3s linear;}
.main .box .news li .tu img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.main .box .news li .wen{ width:calc(100% - 142px); height:82px; float:right;}
.main .box .news li .wen .w01 a{ font-size:14px; line-height:24px; height:24px; font-weight:bold; color:#404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .wen .w01 a:hover{ color:#66000b;}
.main .box .news li .wen .w02{ font-size:12px; line-height:20px; height:20px; margin-top:5px; color:#858585; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.main .box .news li .wen .w03{ font-size:12px; line-height:20px; margin-top:5px; color:#bbb;}
.main .box .news li .wen .w03 span{ display:block; float:left; font-size:12px; line-height:20px;}
.main .box .news li .wen .w03 p{ display:block; float:right; font-size:12px; line-height:20px;}
.main .box .news li .wen .w03 p .w-list-viewicon{ font-size:12px; margin-right:3px;}
}
@media only screen and (max-width:767px){
.main .box .news{ margin-top:5px; width:100%; display:block;}
.main .box .news li{ display:block; padding:15px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:100%;}
.main .box .news li .tu{ width:100px; height:62px; float:left;}
.main .box .news li .tu img{ width:100%; height:62px; object-fit:cover; display:block; -webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; -o-transition:transform .3s linear; -ms-transition:transform .3s linear; transition:transform .3s linear;}
.main .box .news li .tu img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.main .box .news li .wen{ width:calc(100% - 110px); height:62px; float:right;}
.main .box .news li .wen .w01 a{ font-size:14px; line-height:24px; height:24px; font-weight:bold; color:#404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .wen .w01 a:hover{ color:#66000b;}
.main .box .news li .wen .w02{ font-size:12px; line-height:18px; height:18px; color:#858585; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.main .box .news li .wen .w03{ font-size:12px; line-height:20px; color:#bbb;}
.main .box .news li .wen .w03 span{ display:block; float:left; font-size:12px; line-height:20px;}
.main .box .news li .wen .w03 p{ display:block; float:right; font-size:12px; line-height:20px;}
.main .box .news li .wen .w03 p .w-list-viewicon{ font-size:12px; margin-right:3px;}
}

/*学校活动内页*/
@media screen and (min-width:1200px){
.main .ny .bt{ font-size:24px; line-height:34px; text-align:center; color:#404040;}
.main .ny .time{ font-size:12px; line-height:22px; margin-top:10px; color:#999; display:flex; justify-content:center;}
.main .ny .time>div{ margin:0 10px;}
.main .ny .time>div i{ font-size:12px; margin-right:5px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.main .ny .bt{ font-size:22px; line-height:32px; text-align:center; color:#404040;}
.main .ny .time{ font-size:12px; line-height:22px; margin-top:10px; color:#999; display:flex; justify-content:center;}
.main .ny .time>div{ margin:0 10px;}
.main .ny .time>div i{ font-size:12px; margin-right:5px;}
}
@media only screen and (max-width:767px){
.main .ny .bt{ font-size:20px; line-height:30px; text-align:center; color:#404040;}
.main .ny .time{ font-size:12px; line-height:22px; margin-top:5px; color:#999; display:flex; justify-content:center;}
.main .ny .time>div{ margin:0 10px;}
.main .ny .time>div i{ font-size:12px; margin-right:5px;}
}

/*招生内容*/
@media screen and (min-width:1200px){
.main .zs{ width:1100px; margin:auto; margin-top:30px;}
.main .zs .lbar{ width:50%; float:left; font-size:14px; line-height:2;}
.main .zs .rbar{ width:45%; float:right;}
.main .zs .rbar img{ width:100%; display:block;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.main .zs{ width:1100px; margin:auto; margin-top:25px;}
.main .zs .lbar{ width:50%; float:left; font-size:14px; line-height:2;}
.main .zs .rbar{ width:47%; float:right;}
.main .zs .rbar img{ width:100%; display:block;}
}
@media only screen and (max-width:767px){
.main .zs{ width:94%; margin:auto; margin-top:15px;}
.main .zs .lbar{ width:100%; float:left; font-size:14px; line-height:2;}
.main .zs .rbar{ width:100%; float:right; margin:5px 0;}
.main .zs .rbar img{ width:100%; display:block;}
}

/*联系我们*/
@media screen and (min-width:1200px){
.main .box #map{ margin:30px auto; width:100%; height:280px;}
.main .box .lx{ width:100%; display:flex; flex-wrap:wrap; margin-top:-25px;}
.main .box .lx a{ width:21.25%; display:block; text-align:center; overflow:hidden; margin-left:5%; margin-top:25px;}
.main .box .lx a:nth-child(4n+1){ margin-left:0;}
.main .box .lx a .w01{ width:100%;}
.main .box .lx a .w01 img{ height:46px; display:block; margin:20px auto;}
.main .box .lx a .w02{ width:100%; font-size:14px; line-height:24px; color:#444;}
.main .box .lx a .w03{ width:100%; font-size:14px; line-height:24px; color:#444; margin-top:10px;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.main .box #map{ margin:25px auto; width:100%; height:280px;}
.main .box .lx{ width:100%; display:flex; flex-wrap:wrap; margin-top:-20px;}
.main .box .lx a{ width:21.25%; display:block; text-align:center; overflow:hidden; margin-left:5%; margin-top:20px;}
.main .box .lx a:nth-child(4n+1){ margin-left:0;}
.main .box .lx a .w01{ width:100%;}
.main .box .lx a .w01 img{ height:46px; display:block; margin:20px auto;}
.main .box .lx a .w02{ width:100%; font-size:14px; line-height:24px; color:#444;}
.main .box .lx a .w03{ width:100%; font-size:14px; line-height:24px; color:#444; margin-top:7px;}
}
@media only screen and (max-width:767px){
.main .box #map{ margin:20px auto; width:100%; height:280px;}
.main .box .lx{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.main .box .lx a{ width:48.5%; display:block; text-align:center; overflow:hidden; margin-left:3%; margin-top:15px;}
.main .box .lx a:nth-child(2n+1){ margin-left:0;}
.main .box .lx a .w01{ width:100%;}
.main .box .lx a .w01 img{ height:46px; display:block; margin:15px auto;}
.main .box .lx a .w02{ width:100%; font-size:14px; line-height:24px; color:#444;}
.main .box .lx a .w03{ width:100%; font-size:14px; line-height:24px; color:#444; margin-top:5px;}
}