/*
@author: lyj
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.tc{text-align:center;}
.layout{ clear:both;width:1200px;margin:0 auto;}
.icons{background: url("/images/wangxiao/about/about2021/icons.png") no-repeat;display: block;}
.up_li:hover{-webkit-transform: translate(0,-6px);-moz-transform:translate(0,-6px);transform: translate(0,-6px);transition: all 0.3s;cursor: pointer;text-decoration: none;}
.teach_box li.last,.intro-mod .intro_ico li.last,.intro-mod .intro_info li.last,.edu_box1 li.last{margin-right: 0;}
.elipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.title{font-size: 36px;color: #2D2F39;text-align: center;margin-bottom: 32px;}

/*nav-mod*/
.nav-mod{height: 48px;background: #07bdc7;width: 100%;}
.nav-mod li{width: 133px;text-align: center;line-height: 48px;}
.nav-mod li a{color: #fff;font-size: 16px;}

/*video-mod*/
.video-mod{padding-top: 32px;background-color: #fff;padding-bottom: 15px;}
.video-mod .swiper-container{width: 1320px;}
.video-mod .swiper-slide{border-radius: 12px;}
.video-mod .video_play{right: 125px;bottom: 162px;cursor: pointer;}
.video-mod .swiper-wrapper{height: 100% !important;}
.video-mod .pagination,.stu-mod .pagination{position: absolute;z-index: 20;bottom: 123px;width: 100%;text-align: center;}
/*.video-mod p{ position: relative;}*/
.video-mod p i{font-weight: bold; color: #fae0b8; font-size: 72px; position: absolute;top:85px;left: 50%; margin-left: -200px;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 10px;cursor: pointer;}
.swiper-active-switch {width: 32px;height: 8px;border-radius: 4px;}

/*whole-mod*/
.whole-mod .whole_box{width: 1230px;padding-bottom: 80px;}
.whole-mod .whole_box li{width: 275px;height: 258px;margin-right: -30px;cursor: pointer;position: relative;}
.whole-mod .whole_box li a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0}
.whole-mod .whole_box li.bg01{background: url("/images/wangxiao/about/about2021/wuwei_bg01.png") no-repeat;margin-left: -25px;}
.whole-mod .whole_box li.bg02{background: url("/images/wangxiao/about/about2021/wuwei_bg02.png") no-repeat;}
.whole-mod .whole_box li.bg03{background: url("/images/wangxiao/about/about2021/wuwei_bg03.png") no-repeat;}
.whole-mod .whole_box li.bg04{background: url("/images/wangxiao/about/about2021/wuwei_bg04.png") no-repeat;}
.whole-mod .whole_box li.bg05{background: url("/images/wangxiao/about/about2021/wuwei_bg05.png") no-repeat;margin-right: 0;}
.whole-mod .whole_box .whole_text{color: #091C31;line-height: 24px;padding: 67px 40px 0 40px;text-align: center;}
.whole-mod .whole_box span{display: inline-block;text-align: left;}
.whole-mod .whole_box .whole_title{font-size: 20px;font-weight: bold;color: #543100;text-align: center;padding-top: 46px;}
.whole-mod .whole_box li.bg02 .whole_title{color: #483957;}
.whole-mod .whole_box li.bg03 .whole_title{color: #3C436C;}
.whole-mod .whole_box li.bg04 .whole_title{color: #33485A;}

/*teach-mod*/
.teach-mod,.intro-mod{padding-bottom: 70px;}
.teach-mod .fresh_box{background: rgba(238, 238, 238, 0);border: 1px solid #F0F0F0;box-shadow: 0px 5px 9px 0px rgb(149 149 149 / 10%);border-radius: 18px;width: 67px;font-size: 16px;right: 0;bottom: 0;color: #666;cursor: pointer;font-weight: normal;height: 37px;line-height: 37px;text-align: center;padding-left: 27px;}
.teach-mod .fresh_box .now_num{color: #FE6F00;}
.teach-mod .fresh_box i{width: 17px;height: 17px;margin-left: 7px;background-position: -40px -30px;margin-top: 9px;}
.teach_box{display: none;}
.teach_box.active{display: block;}
.teach_box li{width: 380px;background: url("/images/wangxiao/about/about2021/teacher_bg.png") no-repeat;margin-right: 30px;}
.teach_box li .img_box{height: 280px;text-align: center;}
.teach_box li .img_box img{margin-top: 38px;}
.teach_box li .img_box .info{right: 0px;top: 300px;padding: 10px 20px;border-radius: 16px;position: absolute;font-size: 12px;color: #FE6F00;text-decoration: none;z-index: 99;}
.teach_box li .img_box .info i{width: 11px;height: 11px;margin-left: 5px;background-position: -5px -36px;margin-top: 4px;}
.teach_box li .teach_item{height: 158px;box-shadow: 0px -12px 24px 0px rgb(102 113 144 / 8%);padding-top: 32px;border-radius: 24px 6px 24px 6px;}
.teach_box li .teach_info{padding-bottom: 17px;}
.teach_box li .teach_info .teach_name{font-size: 20px;color: #040000;margin-bottom: 12px;padding-left: 30px;line-height: 20px;}
.teach_box li .teach_info .teach_name i{width: 4px;height: 16px;background: #FE6F00;display: block;left: 0;top: 0;}
.teach_box li .teach_info .teach_zhujiang{font-size: 18px;color: #040000;margin-left: 30px;line-height: 18px;padding-bottom: 17px;border-bottom: 1px solid #E6E6E6;}
.teach_box li .teach_item p{font-size: 18px;color: #666666;line-height: 27px;padding: 0 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.teach-mod .teach_btn{text-align: center;margin-top: 40px;}
.teach-mod .teach_btn a{display: inline-block;border: 1px solid #FE6F00;border-radius: 6px;padding: 18px 70px;text-decoration: none;font-size: 20px;color: #FE6F00;}
.teach-mod .teach_btn a:hover{border-color: #fe6f00;color: #fff;background-color: #fe6f00;}

/*intro-mod*/
.intro-mod{background: url("/images/wangxiao/about/about2021/intro_bg.jpg") no-repeat center top;height: 161px;padding: 64px 0 67px 0;}
.intro-mod .intro_ico{padding-left: 94px;}
.intro-mod .intro_ico li{width: 32px;height: 32px;margin-right: 214px;}
.intro-mod .intro_ico .intro_ico1{background-position: -4px -510px;}
.intro-mod .intro_ico .intro_ico2{background-position: -6px -120px;}
.intro-mod .intro_ico .intro_ico3{background-position: -6px -157px;width: 34px;margin-right: 208px;}
.intro-mod .intro_ico .intro_ico4{background-position: -4px -199px;width: 38px;margin-right: 211px;}
.intro-mod .intro_ico .intro_ico5{background-position: -4px -239px;width: 38px;height: 34px;}
.intro-mod .line{background: url("/images/wangxiao/about/about2021/line.png") no-repeat;height: 8px;margin: 20px 0 20px 30px;}
.intro_info li{width: 216px;height: 67px;background: linear-gradient(216deg, #EEC089, #A47845);opacity: 0.89;filter: alpha(opacity=89);border-radius: 2px;margin-right: 30px;color: #fff;padding-top: 20px;text-align: center;}
.intro_info li h3{font-size: 22px;}
.intro_info li p{opacity: 0.8;filter:alpha(opacity=80);}

/*stu-mod*/
.stu-mod{padding: 70px 0 97px 0;}
.stu-mod .stu_box{border-radius: 12px;box-shadow: 0px 20px 32px 0px rgba(46, 65, 85, 0.18),0px 29px 70px 0px rgba(83, 121, 162, 0.24);width: 100%;height: 249px;padding-top: 263px;}
.stu-mod .stu_box .stu_bg{width: 100%;height: 512px;border-radius: 12px;left:0;top: 0;display: none;}
.stu-mod .stu_box .stu_bg .bg_item{width: 100%;height: 512px;border-radius: 12px;}
@keyframes shake {0%{transform: scale(1); }25%{transform: scale(1.1);}50%{transform: scale(1);}75%{transform: scale(1.1);}}
.stu-mod .stu_box .stu_bg .stu_play{right: 91px;top: 92px;cursor: pointer; animation: shake 3s infinite;}
.stu-mod .stu_box .stu_bg.active{display: block;}
.stu-mod .stu_item{margin: 0 33px;height: 208px;}
.stu-mod .stu_item .swiper-slide{width: 264px;height: 162px;border-radius: 12px;padding-right: 26px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;cursor: pointer;}
.stu-mod .stu_item .swiper-slide.swiper-slide-active{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.stu-mod .pagination{bottom: 0;}
.stu-mod .stu_item .swiper-slide.active{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.stu-mod .swiper-container{height: 210px;padding-top: 20px;margin-top: -20px;}
.stu-mod .stu_info{position: absolute;background: url("/images/wangxiao/about/about2021/stu_bg.png") no-repeat;top: 71px;color: #FFFFFF;text-shadow: 0px 4px 10px rgb(28 37 66 / 29%);padding-right: 26px;width: 264px;height: 40px;line-height: 40px;font-size: 22px;font-weight: bold;text-align: center;}

/*honor-mod*/
.honor-mod{padding-top:69px;background: url("/images/wangxiao/about/about2021/honor_bg.jpg") no-repeat center top;padding-bottom: 62px;}
.honor-mod h2.title{color: #FFEAC5;}
.honor-mod .honor_box .swiper-container{width: 988px;height: 246px;}
.honor-mod .honor_box .swiper-container .swiper-slide{background: url("/images/wangxiao/about/about2021/honor_bg.png") no-repeat;width: 232px;height: 196px;border-radius: 6px;text-align: center;padding-top: 50px;padding-right: 20px;}
.honor-mod .swiper-slide p{font-size: 14px;color: #FFEAC5;margin-top: 20px;}
.honor-mod .icons{width: 52px;height: 52px;top: 97px;cursor: pointer;}
.honor-mod .icons.honor_prev{left: 20px;background-position: -3px -560px;}
.honor-mod .honor_prev:hover{left: 20px;background-position: -4px -364px;}
.honor-mod .icons.honor_next{right: 20px;background-position: 0px -55px;}
.honor-mod .honor_next:hover{right: 20px;background-position: -4px -425px;}

/*edu-mod*/
.edu-mod{padding-top: 70px;}
.edu_box1{margin-bottom: 77px;}
.edu_box1 li{width: 380px;height: 312px;margin-right: 29px;overflow: hidden;box-shadow: 0px 7px 13px 0px rgba(75, 55, 30, 0.36);border-radius: 6px;}
.edu_box1 li img{width: 100%;height: 100%;border-radius: 6px 6px 0 0;}
.edu_box1 li p.abs{background-color: rgba(28, 28, 51,0.761);background-color: rgba(28, 28, 51,0.761)\9;height: 80px;bottom: 0;left: 0;width: 100%;font-size: 22px;font-weight: bold;color: #FFFFFF;text-align: center;line-height: 80px;border-radius: 0 0 6px 6px;}
.edu_info{height: 0;transition: all 0.5s;left: 0;bottom: 0;background-color: rgba(51, 51, 51,0.86);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8333333,endColorstr=#C8333333);box-shadow: 0px 7px 13px 0px rgba(75, 55, 30, 0.36);z-index: 2;color: #fff;text-align: center;}
.edu_box1 li.active .edu_info{height: 312px;}
.edu_box1 li.active p.abs{display: none;}
.edu_info h3{font-size: 24px;margin-top: 35px;margin-bottom: 12px;}
.edu_info .line{width: 44px;height: 2px;background: #FE7538;margin: 0 auto;margin-bottom: 29px;font-size: 14px;}
.edu_info p{margin: 0 37px 20px 45px;text-align: left;}
.edu_info .edu_btn{cursor: pointer;width: 108px;height: 38px;display: block;text-align: center;line-height: 38px;margin: 0 auto;color: #fff;border: 1px solid #fff;border-radius: 10px;padding-left:20px;box-sizing: border-box;margin-bottom: 26px;}
.edu_info .edu_btn i{width: 20px;height: 29px;background-position:0 -477px;}
.edu_box2 .swiper-container{height: 176px;}
.edu_box2 .swiper-slide{width: 285px;height: 176px;border-radius: 4px;padding-right: 20px;}
.edu_box2 .swiper-slide img{width: 100%;height: 100%;border-radius: 4px;}
.edu_box2 .swiper-slide p{color:#fff;right: 11px;bottom: 0;text-align: center;padding: 11px 24px 6px 11px;}
.edu_box2 .icons{width: 36px;height: 36px; z-index: 2;top: 70px;display: none;cursor: pointer;}
.edu_box2 .edu_prev{left: 0;background-position: -5px -279px;}
.edu_box2 .edu_next{right: 0;background-position: -3px -321px;}

/**/
.footer-mod{padding-top:112px;padding-bottom: 62px;background:url("/images/wangxiao/about/about2021/footer.png") no-repeat; }
.footer-mod .title .more{font-size: 14px;color: #FE7538;right: 0;top: 20px;
font-weight: normal;border: 1px solid #F0F0F0;border-radius: 18px;display:inline-block;width: 138px;height: 37px;line-height: 37px;}
.footer-mod .title .more i{width: 20px;height: 20px;background-position:0 -484px;right: 5px; right: 16px;top: 8px;}
.footer-mod .btm_video{width: 664px;height: 363px;}
.footer-mod .btm_video .video_start{left:50%;top: 50%;margin-left: -47px;margin-top: -47px;cursor: pointer;}
.footer-mod .btm_video .company{left: 50%;top:142px;margin-left: -166px;}
.footer-mod .btm_video p{font-size: 21px;color: #FFFFFF;text-align: center;width: 100%;margin-top: 90px;}
.footer-mod .btm_fr{width: 456px;}
.footer-mod .btm_fr .btm_item{height: 80px;line-height: 80px;border-bottom:1px solid #E5E5E5;}
.footer-mod .btm_fr .btm_item .btm_fl{width: 150px;height: 80px;}
.footer-mod .btm_item .btm_fl img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.footer-mod .btm_fr .btm_item a.fr{width: 275px;height: 100%;}
.footer-mod .btm_fr .btm_item.last{border-bottom: none;}
@keyframes moveD{
  from{
      opacity: 0;
      -webkit-backface-visibility:hidden;
      -moz-backface-visibility:hidden;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform: translate3d(0, 40px, 0);
      -webkit-transform: translate3d(0, 40px, 0);
      -moz-transform: translate3d(0, 40px, 0);
      -ms-transform: translate3d(0, 40px, 0);
      -o-transform: translate3d(0, 40px, 0);
  }
  to{
      opacity: 1;
      -webkit-backface-visibility:hidden;
      -moz-backface-visibility:hidden;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
  }
}
/* left-nav */
.left-nav {
    width: 112px;
    height: 394px;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -206px;
    box-shadow: 0px 10px 16px 2px rgba(25, 39, 90, 0.11);
    z-index: 99;
    background: url(/images/wangxiao/about/about2021/left_nav.png) no-repeat;
}
.left-nav .nav_top{
    margin: 9px 0 0 14px;
}
.left-nav ul{
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.42);
    width: 89px;
    height: 256px;
    margin: -10px 0 0 12px;
    padding: 7px 0 12px 0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
}
.left-nav ul li {
    width: 82px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #202A41;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 6px;
}

.left-nav ul li a {
    display: block;
    color: inherit;
    text-decoration: none;
    color: #202A41;
    width: 100%;
    height: 100%;
}

.left-nav ul li.on {
    background-image: -moz-linear-gradient( 90deg, rgb(255,44,14) 0%, rgb(255,115,72) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,44,14) 0%, rgb(255,115,72) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,44,14) 0%, rgb(255,115,72) 100%);
    background:#FF6D34\9;
    color: #fff;
}
.left-nav ul li.on a{
    color: #fff;
}
.left-nav ul li:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(255,44,14) 0%, rgb(255,115,72) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,44,14) 0%, rgb(255,115,72) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,44,14) 0%, rgb(255,115,72) 100%);
    background:#FF6D34\9;
    color: #fff;
}
.left-nav ul li:hover a{
    color: #fff;
}
.left-nav .top-btn {
    display: block;
    color: #fff;
    padding-left: 35px;
    margin-top: 22px;
}
.left-nav .top-btn i{
    display: block;
    width: 11px;
    height: 7px;
    background: url("/images/wangxiao/about/about2021/s_ico.png") no-repeat;
    right: 33px;
    top: 7px;
}
.left-nav .arrow {
    display: block;
    width: 9px;
    height: 13px;
    background: url(/images/wangxiao/about/about2021/right_ico.png) no-repeat;
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -25px;
}
.left-nav .arrow.active{
    background: url(/images/wangxiao/about/about2021/left_ico.png) no-repeat;
}
.move_animation{
    opacity: 1;
    animation: 2s ease 0s 1 normal none running moveD;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.moreLink1{display: inline-block;width: 137px;height: 37px;border: 1px solid #eaeaea;text-align: center;line-height: 37px;font-size: 14px;color: #fe6f00;border-radius: 40px;position: absolute;right: 0;top:7px}
.moreLink1 i{display: inline-block;width: 12px;height: 10px;background: url(/images/wangxiao/about/about2021/jt.png) no-repeat;margin-left: 5px;}
.moreLink1:hover{text-decoration: none;border-color: #fe6f00;}