/*公共*/

.width1200{position: relative; width: 1200px; margin: auto;}

.p-h1{font-size: 32px; font-weight: 500; margin-bottom: 10px; line-height: normal;}

.p-h2{font-size: 18px; color: #9f9f9f; line-height: normal;}

.text--center{text-align: center}
/*----------------------------------------------------------------------------------------------------------*/

/* 王人杰 2021-1-16新增教育页面样式 */
.c-title{font-size: 32px;font-weight: bold;color: #333333;line-height: 36px;text-align: center;margin-bottom: 25px;}
.d-title{font-size: 18px;color: #999999;line-height: 36px;text-align: center;}

/*banner*/
.mainbanner{height: 575px;position: relative;overflow: hidden;}
.mainbanner .banner-box{display: flex;flex: 1;justify-content: space-between;}
.mainbanner .banner-box .banner-right-img{width: 433px;height: 470px;margin-top: 75px;position: absolute;top: 0;right: 50px;}
.mainbanner .banner-box .banner-text{font-size: 48px;color: #fff;margin-top: 200px;font-weight: 700;line-height: 80px;}

.question{padding-top: 100px;}
.question-img{width: 1190px;height: 647px;margin: 100px auto;}

.func{padding-top: 94px;padding-bottom: 72px;background: #F7F8FA;}
.func .func-box{display: flex;flex-wrap: wrap;margin-top: 65px;justify-content: space-between;}
.func .func-box .func-item{display: flex;flex-direction: column;align-items: center;width: 330px; height: 330px; background: #FFFFFF;padding: 15px 30px;margin: 15px 0;border-radius: 8px;}
.func .func-box .func-item:hover{ box-shadow: 0px 10px 50px 0px rgba(2, 2, 2, 0.08);border-radius: 8px;z-index: 9;}
.func .func-box .func-item img{width: 90px;height: 90px;margin-bottom: 20px;}
.func .func-box .func-item .name{font-size: 24px;color: #333333;font-weight: 500;line-height: 36px;margin-bottom: 35px;}
.func .func-box .func-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.func .func-box .func-list .list-item{display: flex;align-items: center;margin-bottom: 30px;flex: 0 50%;font-size: 16px;color: #666666;}
.func .func-box .func-list .list-item:nth-child(even){justify-content: flex-end;}
.func .func-box .func-list .list-item img{width: 18px;height: 18px;margin: 0; margin-right: 9px;}

.swiper-container1{overflow: hidden;}
.case{padding-top: 95px;padding-bottom: 70px;}
.case-box{display: flex;align-items: center;justify-content: space-around;margin-top: 95px;padding: 50px 0;}
.case-box .case-item{width: 560px;border-radius: 8px;overflow: hidden;border-radius: 8px;border: 1px solid #F3F3F3;}
.case-box .case-item:hover{box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;}
.case-box .case-item .case-img-box{width: 560px;height: 270px;background: rgba(0, 0, 0, .8);}
.case-box .case-item .case-img-box .case-img-box-cover{background-color: #000000;opacity: 0;height: 100%;width: 100%;text-align: center;line-height: 270px;color: #fff;font-size: 30px;transition: all .3s;}
.case-box .case-item .case-img-box:hover .case-img-box-cover{opacity: .8;}
.case-box .case-item .case-info{padding: 30px 40px 33px 17px;height: 170px;position: relative;background-color: #fff;}
.case-box .case-item .case-info .case-name{font-size: 20px;color: #333333;margin-bottom: 11px;}
.case-box .case-item .case-info .case-desc{font-size: 14px;color: #999999;line-height: 18px;margin-bottom: 22px;}
.case-box .case-item .case-view{display: flex;align-items: center;font-size: 16px;color: #08C4AA;position: absolute;left: 17px;bottom: 33px;}
.case-box .case-item .case-view img{width: 24px;height: 24px;margin-left: 5px;}
.my-swiper-page{display: flex;align-items: center;justify-content: center;}
.my-swiper-page .control{width: 40px;height: 40px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.my-swiper-page .control:hover{background-color: #E6F9F6;}
.my-swiper-page .control img{width: 24px;height: 24px;}
.my-swiper-page .dot{width: 80px;height: 40px;display: flex;align-items: center;justify-content: center;}
.my-swiper-page .dot .dot-item{width: 6px;height: 6px;background: #08C4AA;opacity: 0.3;margin: 4px;}
.my-swiper-page .dot .dot-item-cur{opacity: 1;}


.advantage{padding-top: 95px;padding-bottom: 135px;background-color: #F7F8FA;}
.advan-box{display: flex;align-items: center;margin-top: 160px;}
.advan-box .adv-img{width: 730px;height: 450px;margin-right: 42px;}
.advan-list{flex: 1;}
.advan-list .advan-item{margin-bottom: 44px;}
.advan-list .advan-item .advan-item-top{display: flex;align-items: center;}
.advan-list .advan-item .advan-item-bottom{font-size: 14px;color: #999999;margin-top: 10px;}
.advan-list .advan-item .advan-item-top .name{font-size: 20px;color: #333333;}
.advan-list .advan-item .advan-item-top img{width: 30px;height: 30px;margin-right: 12px;}
.advantage .advan-box-end{margin-top: 122px;flex-direction: row-reverse;}
.advantage .advan-box-end .adv-img{margin: 0; margin-left: 42px;}

.contact-us{padding-top: 96px;padding-bottom: 99px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.contact-us .name{font-size: 28px;color: #FFFFFF;margin-bottom: 43px;}
.contact-us .desc{font-size: 20px;color: #FFFFFF;margin-bottom: 43px;opacity: .6;}
.contact-us .contact-btn{width: 175px;height: 60px;font-size: 24px;border-radius: 6px;text-align: center;line-height: 60px;color: #fff;border: 1px solid #FFFFFF;}