@charset "utf-8";
/* CSS Document */

.warp{ overflow:hidden; min-width: 1200px; max-width: 1920px; margin: 0 auto}
.center{ width: 1200px; margin: 0 auto}
.title{ position: relative; padding-bottom: 13px; font-size: 32px; color: #333; line-height: 38px; text-align: center}
.title::after{ position: absolute; bottom: 0; left: 50%; width: 78px; height: 3px; margin-left: -39px; background: #C33; content: ""}

.banner{ height: 600px;}
.banner li{ height: 600px;}
.banner li a{ display: block; width: 100%; height: 600px}
.banner .swiper-pagination-bullet{ opacity: 1; background: #FFF; border-radius: 4px; transition: all .2s linear}
.banner .swiper-pagination-bullet-active{ width: 16px; background: #FE5858}

.submenu{ padding: 50px 0 100px}
.submenu ul{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between}
.submenu li{ float: left; overflow: hidden; width: 146px; height: 164px; background: #FFF; text-align: center; box-shadow: 0 3px 7px rgba(155,155,155,.5); cursor: pointer}
.submenu li .icon{ width: 70px; height: 60px; margin: 12px auto 0; background: url(../images/submenu-icon.png) no-repeat}
.submenu li:nth-child(1) .icon{ background-position: 0 0}
.submenu li:nth-child(2) .icon{ background-position: -70px 0}
.submenu li:nth-child(3) .icon{ background-position: -140px 0}
.submenu li:nth-child(4) .icon{ background-position: -210px 0}
.submenu li:nth-child(5) .icon{ background-position: -280px 0}
.submenu li:nth-child(6) .icon{ background-position: -350px 0}
.submenu li:nth-child(7) .icon{ background-position: -420px 0}
.submenu li .name{ margin-top: 3px; font-size: 20px; color: #333; line-height: 25px}
.submenu li .text{ margin-top: 5px; font-size: 16px; color: #666; line-height: 24px}
.submenu li:hover{ background: #C33}
.submenu li:hover:nth-child(1) .icon{ background-position: 0 -60px}
.submenu li:hover:nth-child(2) .icon{ background-position: -70px -60px}
.submenu li:hover:nth-child(3) .icon{ background-position: -140px -60px}
.submenu li:hover:nth-child(4) .icon{ background-position: -210px -60px}
.submenu li:hover:nth-child(5) .icon{ background-position: -280px -60px}
.submenu li:hover:nth-child(6) .icon{ background-position: -350px -60px}
.submenu li:hover:nth-child(7) .icon{ background-position: -420px -60px}
.submenu li:hover .name,.submenu li:hover .text{ color: #FFF}

.explain{ padding: 46px 0 76px; background: #EEE}
.explain .explain-cont{ margin-top: 50px}
.explain .explain-cont ul{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between}
.explain .explain-cont li{ position: relative; float: left; width: 300px; height: 54px; margin-bottom: 24px; padding-left: 60px; background: #FFF; font-size: 20px; color: #333; line-height: 54px; cursor: pointer}
.explain .explain-cont li::before{ position: absolute; top: 11px; left: 20px; width: 32px; height: 32px; background: url(../images/explain-icon.png) no-repeat; content: ""}
.explain .explain-cont li::after{ position: absolute; top: 50%; right: 23px; width: 14px; height: 14px; margin-top: -8px; border: 2px solid #666; border-bottom: none; border-left: none; content: ""; transform: rotate(45deg)}
.explain .explain-cont li:hover{ background: #C33; color: #FFF}
.explain .explain-cont li:hover::before{ background-position: 0 -32px}
.explain .explain-cont li:hover::after{ border-color: #FFF}

.prepare{ padding: 44px 0 0}
.prepare .prepare-cont{ position: relative; height: 338px; margin-top: 31px; background: url(../images/prepare-border.png) center 79px no-repeat}
.prepare .prepare-cont li{ position: absolute; width: 193px}
.prepare .prepare-cont li:nth-child(1){ top: 179px; left: 0}
.prepare .prepare-cont li:nth-child(2){ top: 58px; left: 168px}
.prepare .prepare-cont li:nth-child(3){ top: 179px; left: 348px}
.prepare .prepare-cont li:nth-child(4){ top: 0; left: 547px}
.prepare .prepare-cont li:nth-child(5){ top: 207px; left: 682px}
.prepare .prepare-cont li:nth-child(6){ top: 0; left: 811px}
.prepare .prepare-cont li:nth-child(7){ top: 122px; left: 1008px}
.prepare .prepare-cont li .name{ font-size: 20px; color: #c33; line-height: 27px; cursor: pointer}
.prepare .prepare-cont li .name span{ font-size: 16px}
.prepare .prepare-cont li .intro{ margin-top: 9px; font-size: 16px; color: #666; line-height: 26px; text-align: justify}
.prepare .prepare-cont li .intro:hover{ text-decoration: underline; cursor: pointer}

.efficiency{ padding: 46px 0 0}
.efficiency .efficiency-cont{ margin-top: 50px}
.efficiency .option{ text-align: center}
.efficiency .option ul{ display: inline-block; overflow: hidden}
.efficiency .option li{ float: left; width: 84px; height: 40px; margin: 0 20px; border: 1px solid #666; font-size: 24px; color: #666; line-height: 40px; text-align: center; cursor: pointer}
.efficiency .option li.active{ border-color: #CA3935; background: #CA3935; color: #FFF}
.efficiency .ec-cont{}
.efficiency .ec-cont .ec-item{ display: none}
.efficiency .ec-cont .ec-item:first-child{ display: block}
.efficiency .ec-cont .suboption{ padding: 10px 0 24px; text-align: center}
.efficiency .ec-cont .suboption ul{ display: inline-block; overflow: hidden}
.efficiency .ec-cont .suboption li{ float: left; margin: 0 20px; border-bottom: 2px solid #FFF; font-size: 24px; color: #666; line-height: 37px; cursor: pointer}
.efficiency .ec-cont .suboption li.active{ border-bottom: 2px solid #C33}
.efficiency .ec-cont .ec-box{}
.efficiency .ec-cont .ec-box ul{ display: none}
.efficiency .ec-cont .ec-box ul:first-child{ display: block}
.efficiency .ec-cont .ec-box ul::after{ display: block; height: 0; clear: both; content: ""}
.efficiency .ec-cont .ec-box li{ float: left; width: 220px; height: 76px; margin: 0 0 24px 25px; background: #CA3935; font-size: 24px; color: #FFF; line-height: 76px; text-align: center; cursor: pointer; transition: all .2s linear}
.efficiency .ec-cont .ec-box li:nth-child(5n+1){ margin-left: 0}
.efficiency .ec-cont .ec-box li:hover{ box-shadow: 0 6px 12px rgba(102,102,102,.5)}

.elenco-prezzi{ padding: 70px 0 0}
.elenco-prezzi .edp-cont{ margin-top: 51px}
.elenco-prezzi .edp-button{ margin-top: 50px}
.elenco-prezzi .edp-button a{ display: block; width: 400px; height: 40px; margin: 0 auto; background: #A00; font-size: 24px; color: #FFF; line-height: 40px; text-align: center; border-radius: 4px; box-shadow: 0 2px 6px #5c0706}


.tt-option{ position: relative; overflow: hidden; margin-top: 17px}
.tt-option .tt-border{ position: absolute; bottom: 0; left: 0; height: 2px; background: #C33}
.tt-option .tt-border::before{ position: absolute; bottom: 2px; left: 50%; width: 0; height: 0; margin-left: -8px; border-left: 8px solid transparent; border-bottom: 11px solid #C33; border-right: 8px solid transparent; content: ""; transition: all .1s linear}
.tt-option .tt-border.active::before{ opacity: 0}
.tt-option ul{ overflow: hidden; padding-bottom: 16px; border-bottom: 2px solid #EEE}
.tt-option li{ float: left; font-size: 24px; color: #666; line-height: 35px; text-align: center; cursor: pointer}

.teacher{ padding: 96px 0 0}
.teacher .teacher-intro{ padding: 50px 0}
.teacher .teacher-intro .image{ float: left; width: 488px}
.teacher .teacher-intro .info{ float: right; width: 671px}
.teacher .teacher-intro .name{ padding: 22px 0 20px; font-size: 32px; color: #c33; line-height: 45px}
.teacher .teacher-intro .text{ font-size: 18px; color: #222; line-height: 36px; text-align: justify}
.teacher .teacher-title{ overflow: hidden}
.teacher .teacher-title span{ float: left; height: 50px; padding: 0 17px; background: #FFF; font-size: 28px; color: #c33; line-height: 50px}
.teacher .teacher-top{ background: #C33}
.teacher .teacher-top .tt-cont{ width: 1116px; margin: 0 auto; padding: 21px 0 35px}
.teacher .teacher-top .tt-cont li{ position: relative; float: left; width: 298px; height: 380px; margin: 0 37px 36px; background: #A00}
.teacher .teacher-top .tt-cont li .tt-pos{ position: absolute; top: 12px; left: 12px; width: 298px; height: 380px}
.teacher .teacher-top .tt-cont li .tt-pos .info{ position: absolute; bottom: 0; left: 0; width: 283px; padding: 14px 0 14px 15px; background: #c33; background: rgba(204,51,51,.5); font-size: 18px; color: #FFF; line-height: 26px}
.teacher .teacher-top .tt-cont li .tt-pos .info span{ display: block; margin-bottom: 12px; font-size: 24px}
.teacher .teacher-bottom{ margin-top: 50px}
.teacher .teacher-bottom .teacher-title span{ background: #C33; color: #FFF}
.teacher .tt-option li{ width: 20%}
.teacher .tt-option .tt-border{ width: 20%}
.teacher .tb-cont{ position: relative; height: 300px; margin-top: 24px}
.teacher .tb-cont .tb-item{ position: absolute; top: 0; left: 0; z-index: 1; width: 1036px; height: 276px; background: #FFF; padding: 0 82px}
.teacher .tb-cont .tb-item.active{ z-index: 2}
.teacher .tb-cont .tb-item li{ position: relative}
.teacher .tb-cont .tb-item li .info{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0 8px; background: #ca3935; background: rgba(202,57,53,.5); font-size: 18px; color: #FFF; line-height: 24px; text-align: center}
.teacher .tb-cont .tb-item li .info span{ display: block; font-size: 24px; margin-bottom: 4px}
.teacher .swiper-button-next, .teacher .swiper-button-prev{ width: 58px; height: 82px; margin-top: -41px; background: #999; outline: none}
.teacher .swiper-button-next::after, .teacher .swiper-button-prev::after{ width: 34px; height: 34px; margin-right: 20px; border: 4px solid #FFF; border-bottom: none; border-left: none; content: ""; transform: rotate(45deg)}
.teacher .swiper-button-prev::after{ margin-right: -20px; transform: rotate(-135deg)}

.textbook{ margin-top: 71px}
.textbook .tt-option{ margin-top: 43px}
.textbook .tt-option li{ width: 25%}
.textbook .tt-option .tt-border{ width: 25%}
.textbook .textbook-cont{ position: relative; height: 256px; margin-top: 24px}
.textbook .textbook-cont .textbook-item{ position: absolute; top: 0; left: 0; z-index: 1; width: 1200px; padding-bottom: 50px; background: #FFF}
.textbook .textbook-cont .textbook-item.active{ z-index: 2}
.textbook .swiper-pagination{ bottom: 14px}
.textbook .swiper-pagination-bullet{ background: #C4C4C4; opacity: 1; border-radius: 4px; transition: all .3s linear}
.textbook .swiper-pagination-bullet-active{ width: 16px; background: #C33}

.information{ padding: 77px 0 0}
.information .information-cont{ margin-top: 50px}
.information .information-cont ul{ display: -webkit-flex; display: flex; flex-wrap: wrap;}
.information .information-cont li{ float: left; width: 560px; padding: 0 40px 28px 0}
.information .information-cont dt{ overflow: hidden; margin-bottom: 12px}
.information .information-cont dt span{ float: left; width: 156px; height: 42px; background: #CA3935; font-size: 24px; color: #FFF; line-height: 42px; text-align: center}
.information .information-cont dd{ overflow: hidden; padding: 7px 0}
.information .information-cont dd a{ float: left; font-size: 18px; color: #333; line-height: 27px; transition: all .1s linear}
.information .information-cont dd a:hover{ color: #ca3935; text-decoration: underline}

.honor{ padding: 54px 0 0}
.honor .honor-cont{ margin-top: 50px; padding-bottom: 46px}
.honor .swiper-pagination-bullet{ background: #C4C4C4; opacity: 1; border-radius: 4px; transition: all .3s linear}
.honor .swiper-pagination-bullet-active{ width: 16px; background: #C33}

.address{ padding: 81px 0 100px}
.address .option{ overflow: hidden; margin-top: 50px}
.address .option li{ float: left; width: 84px; height: 40px; margin: 0 40px 24px 0; border: 1px solid #666; font-size: 24px; color: #666; line-height: 40px; text-align: center; cursor: pointer}
.address .option li.active{ border-color: #CA3935; background: #CA3935; color: #FFF}
.address .address-cont{ position: relative}
.address .address-cont::after{ position: absolute; right: 0; bottom: 0; width: 354px; height: 135px; border: 6px solid #C33; border-top: none; border-left: none; content: ""}
.address .ac-item{ position: relative; display: none}
.address .ac-item:first-child{ display: block}
.address .ac-item dd{ display: none}
.address .ac-item dd:first-child{ display: block}
.address .ac-item dd::after{ display: block; height: 0; clear: both; content: ""}
.address .ac-item .address-suboption{ position: absolute; top: 0; right: 0; overflow: hidden; width: 572px; font-size: 24px; color: #333; line-height: 25px}
.address .ac-item .address-suboption span{ position: relative; float: left; margin:  0 39px 25px 0; cursor: pointer}
.address .ac-item .address-suboption span::before{ position: absolute; display: none; bottom: -10px; left: 0; width: 100%; height: 2px; background: #C33; content: ""}
.address .ac-item .address-suboption span.active::before{ display: block}
.address .ac-item .address-image{ float: left; width: 589px;}
.address .ac-item .address-info{ float: right; width: 572px; padding-top: 120px}
.address .ac-item .address-info li{ overflow: hidden; padding: 10px 0; font-size: 20px; color: #333; line-height: 28px}
.address .ac-item .address-info li span{ position: relative; float: left; width: 90px; height: 28px; padding-right: 20px; text-align: justify}
.address .ac-item .address-info li span::before{ position: absolute; top: 0; right: 0; width: 20px; font-size: 20px; color: #333; line-height: 28px; text-align: center; content: "："}
.address .ac-item .address-info li span::after{ width: 100%; height: 0; display: inline-block; content: ""}
.address .ac-item .address-info li p{ float: left; width: 442px}