img { width: auto; display: inline-block;}
.clearfix:after { content:"020"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1; }
.fl { float:left; }
.fr { float:right; }
/*水平垂直居中*/
.vjc-vac { display: -webkit-flex; justify-content: center; align-items: center; }
.vjc { display: -webkit-flex; justify-content: center; }
.vac { display: -webkit-flex; align-items: center; }
/*最多两行*/
.max-three-line{ overflow : hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* 单行文字溢出虚点显示*/
.ell { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.w-box { width: 1300px; padding: 0 50px; text-align:center; margin:0 auto; box-sizing:border-box; min-width: 1300px; }
.header-box { position: fixed; left: 0; top: 0; right: 0; height:80px; background:linear-gradient(to bottom,rgba(54,60,71,0.6), transparent); z-index: 10; }
.header-box .logo { padding-top: 15px; width: 20%; text-align: left; }
.header-box .nav {padding-top: 23px; width: 60%; display: flex; justify-content: center}
.header-box .nav li { float: left; position: relative; margin-right: 48px; }
.header-box .nav li:last-child { margin-right: 0; }
.header-box .nav li.active:after { content: ''; position: absolute; top: 35px; left: 50%; margin-left: -20px; width:40px; height:4px;background:rgba(255,255,255,1); border-radius:2px; }
.header-box .nav li a { font-size:16px; font-family:'Source Han Sans CN'; font-weight:bold; color: #EFEFEF; }
.header-box .logon { width: 20%; text-align: right; padding-top: 20px; }
.header-box .logon p { display: inline-block; margin-left: 12px; }
.header-box .logon p a { font-size:14px; font-family:'Source Han Sans CN'; font-weight:400; color: #FFFFFF;}
.header-box .logon .sign-in a { width:70px; height:30px; line-height: 30px; border:1px solid rgba(255,255,255,1); border-radius:15px; display: inline-block;text-align: center; }

.banner-box { width: 100%; min-width: 1300px;position: relative;}
.banner-box img { width: 100%; display: block; }
.banner-box .img1 { position: relative; height: 770px;}
.banner-box .img1 video{width: 100%;height: 100%;background: #000;object-fit: cover;}
.banner-box .img1 .text {     margin: 377px auto 0;width: 1300px;}
.banner-box .img1 .text p { position: relative;padding-left: 20px; font-size:30px;font-weight:400;color:#FF6E2E; margin-left: 26px; width:718px; height:90px; line-height:90px; text-align: left; overflow: hidden;background:#FFEAE1; border-radius:45px;cursor: pointer;}
/* .banner-box .img1 .text p:hover,.banner-box .img1 .text p:active { background:#FF6600;} */
.banner-box .img1 .text p img{position: absolute;width: 75px;height: 75px;top: 8px;right: 8px;}
.banner-box .img1 .text p em{display: inline-block;width: 10px;height: 10px;background: #FF6E2E;margin: 0 10px;font-size: 0;vertical-align: middle;border-radius: 5px;}
.banner-box .img1 .text span { font-size:18px;font-weight:500;color:rgba(255,255,255,1);line-height:35px;margin-top: 62px;display: block;margin-left: 33px;}
.banner-box .swiper-button-white { width: 60px; height: 60px; }
.banner-box .swiper-button-next { background: url("../images/home/next.png?v=20250514") no-repeat !important; }
.banner-box .swiper-button-prev { background: url("../images/home/upper.png?v=20250514") no-repeat !important; }
.banner-box .slide-video-box{position: relative;width: 100%;height: 100%;}
.banner-box .slide-video-box .video-start {position: absolute;top: 50%;left:50%;transform: translateX(-50%) translateY(-50%);margin: 0 auto;width: 100px;height: 100px;z-index: 9;background: url('../images/home/video-start.png?v=20250514') no-repeat;background-size: 100% 100%;cursor:pointer;}
.banner-box .slide-video-box .video-pause {display: none; position: absolute;top: 50%;left:50%;transform: translateX(-50%) translateY(-50%);margin: 0 auto;width: 100px;height: 100px;z-index: 9;background: url('../images/home/video-start.png?v=20250514') no-repeat;background-size: 100% 100%;cursor:pointer;}
.banner-box .swiper-tab{position: absolute;top: 250px;right: 70px;z-index:1;}
.banner-box .swiper-tab ul{width: 240px;}
.banner-box .swiper-tab ul li{width: 100%;height:52px;background: rgba(255,255,255,.8);font-size: 16px;line-height: 52px; color: #333;text-align: center;cursor: pointer;}
.banner-box .swiper-tab ul li.active{background: rgba(255,255,255);color: #000;}


.child-program-box { background: url("../images/home/bg.png?v=20191209") no-repeat left top; padding-top: 60px; min-width: 1300px; }
.child-program-box .title { display: block; margin: 0 auto 40px; width: auto;}
.child-program-box .child-content { height: 700px}
.child-program-box .child-content .gallery-top { width: 1000px; height: 600px}
.child-program-box .child-content .gallery-top img { height: 460px; width: auto; }
.child-program-box .child-content .gallery-top h3 { font-size:30px; font-family:'Source Han Sans CN'; font-weight:500; color:#FF702A; line-height:30px;margin-top: 30px;}
.child-program-box .child-content .gallery-top p { font-size:18px; font-family:'Source Han Sans CN'; font-weight:500; color:#555555; margin-top: 25px }
.child-program-box .swiper-button-white { width: 60px; height: 60px; top: 86%;}
.child-program-box .swiper-button-next { background: url("../images/home/next_orange.png?v=20191209") no-repeat !important; }
.child-program-box .swiper-button-prev { background: url("../images/home/upper_orange.png?v=20191209") no-repeat !important; }
.child-program-box .child-content .gallery-thumbs { width: 1000px; height: 104px}
.child-program-box .child-content .gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; }
/*.child-program-box .child-content .gallery-thumbs .swiper-wrapper { transform: none !important; transition-duration: inherit !important; }*/
.child-program-box .gallery-thumbs .swiper-slide { position: relative; border:2px solid #fff; border-radius: 10px; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.child-program-box .gallery-thumbs .swiper-slide-thumb-active { border-color: #FF702A }
.child-program-box .gallery-thumbs .swiper-slide-thumb-active p { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background:rgba(0,0,0,.4);; font-size:16px; font-weight:500;color:#fff; display: -webkit-flex; justify-content: center; align-items: center;  }

.select-zma8-box { margin-top: 60px}
.select-zma8-box .title { display: block; margin: 0 auto 40px; text-align: center;  }
.select-zma8-box .content { position: relative; height: 600px; min-width: 1300px; }
.select-zma8-box .cont-bg { height: 100%; background: #097DFA;}
.select-zma8-box .cont-bg .left { position: relative; height: 100%; width: 48%; background: linear-gradient(to right,#077dfa, #1dadfa)}
/*.select-zma8-box .cont-bg .left: { height: 0; width: 55%; border-top: 600px solid red; border-right: 75px solid transparent;}*/
.select-zma8-box .cont-bg .left:after { content: ''; position: absolute; right: -75px; height: 0; border-top: 600px solid #1dadfa; border-right: 75px solid transparent;}
.select-zma8-box .cont-bg .right {height: 100%;max-width: 52%;max-height: 100%;display: flex;justify-content: center;align-items: center; }
.select-zma8-box .cont-bg .right img { max-height: 100%;max-width: 100%; object-fit: cover;}
.select-zma8-box .cont-text { position: absolute; top: 0; left: 12%; height: 100%;}
.select-zma8-box .cont-text ul { padding-top: 52px}
.select-zma8-box .cont-text li { font-size:18px; color:#fff; margin-bottom: 10px; padding: 22px 0 22px 22px; cursor: pointer}
.select-zma8-box .cont-text li:nth-child(4) {width: 93%}
.select-zma8-box .cont-text h3 { padding-left: 45px; font-weight:bold; background: url("../images/home/icon_sel.png?v=20250514") no-repeat; background-size: 22px; line-height: 24px; }
.select-zma8-box .cont-text p {  padding-left: 45px; padding-top: 18px; font-weight:400;line-height: 24px;width: 560px; }
.select-zma8-box .cont-text li.active,
.select-zma8-box .cont-text li:hover {background: linear-gradient(to right, transparent, #31bcfd, transparent)}
.select-zma8-box .cont-text li.active h3,
.select-zma8-box .cont-text li:hover h3 {background: url("../images/home/icon_sel_active.png?v=20250514") no-repeat;}

.teacher-team-box { margin-top: 60px; padding-bottom: 40px;}
.teacher-team-box .title { display: block; margin: 0 auto 40px; text-align: center; }
.teacher-team-box .swiper-teacher-team { height: 460px; padding-bottom: 50px; box-sizing: content-box;}
.teacher-team-box .cont { position: relative; width: 860px; height: 450px; margin: auto}
.teacher-team-box .text { position: absolute; top: 212px; left: 45px; text-align: left;}
.teacher-team-box .text .name { color:#fff; margin-bottom: 40px;}
.teacher-team-box .text .name span { font-size:30px;font-weight:500; margin-right: 20px;}
.teacher-team-box .text .name em { font-size:18px;font-weight:400;}
.teacher-team-box .text p { font-size:16px;font-weight:400; line-height: 30px; color: #fff;}
.teacher-team-box .motto { position: absolute; top: 15px; left: 125px; font-size: 18px; color: #FF702A; font-weight: 400;width: 416px; height: 93px; background: url("https://tcampus-static.oss-cn-hangzhou.aliyuncs.com/together_code/website/imgs/home/motto_frame.png?v=20191209") no-repeat; background-size: 100%;}
/*重置样式swiper*/
.teacher-team-box .swiper-button-white { width: 60px; height: 60px; z-index: 11;}
.teacher-team-box .swiper-button-next { background: url("../images/home/next_orange.png?v=20191209") no-repeat !important; }
.teacher-team-box .swiper-button-prev { background: url("../images/home/upper_orange.png?v=20191209") no-repeat !important; }
.teacher-team-box .swiper-pagination-bullet { width:20px;height:3px;background:rgba(255,240,232,1);border-radius:2px; opacity: 1}
.teacher-team-box .swiper-pagination-bullet-active {background: #FF702A}

.course-system-box { padding-top: 60px; background: #f9fafb; min-width: 1300px;}
.course-system-box .title { display: block; margin: 0 auto 40px; text-align: center;   }
.course-system-box .tip { font-size:20px; font-weight:400; color: #555; line-height: 34px }
.course-system-box .tip span { color: #FF702A; }
.course-system-box .tab-btn { margin-top: 35px;}
.course-system-box .tab-btn p { width:320px;height:60px; line-height:60px; background:rgba(255,255,255,1);border:1px solid rgba(255,110,46,1);border-radius:10px; font-size:20px;font-weight:400;color:rgba(255,110,46,1);display: inline-block; margin: 0 10px; cursor: pointer;position: relative; overflow: hidden; text-transform: uppercase; }
.course-system-box .tab-btn p::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FF6E2E;transform: translate3d(-100%,0,0); transition: transform .3s; transition-timing-function: cubic-bezier(.75,0,.125,1);}
/* .course-system-box .tab-btn p.active,
.course-system-box .tab-btn p:hover { background: #FF6E2E; color: #fff; box-shadow:5px 12px 37px 6px rgba(216,172,129,0.43);} */
.course-system-box .tab-cont { margin-top: 18px; padding-bottom: 20px; }
.course-system-box .tab-cont img { width: 100%; }
.course-system-box .tab-btn p:hover::after,

.course-system-box .tab-btn p.active::after { transform: translate3d(0,0,0);  transition: transform .3s;transition-timing-function: cubic-bezier(.75,0,.125,1); color: #fff;}
/* 梯形图的样式↓  至于为什么不能用图 俺也不知道……*/
.course-system-box .tab-cont .cont-text { position: relative; height: 620px; background: url('../images/home/course-system_bg_new.png?v=20191209') no-repeat; background-size: 100%; }
.course-system-box .cont-text label { width: 105px; font-size: 16px; color: #555; font-weight:400; display: block; text-align: center;}
.course-system-box .cont-text p { font-size: 16px; color: #fff; font-weight:500;}
.course-system-box .cont-text span { font-size: 20px; color: #fff; font-weight:500; display: block;margin-top: 10px;}
.course-system-box .cont-text .s-2 { width: 150px; margin-left:5px; }
.course-system-box .cont-text .s-3 { width: 150px; margin-left: 5px; }
.course-system-box .cont-text .s-4 { width: 150px; margin-left: 5px; }
.course-system-box .cont-text .s-5 { width: 150px; margin-left: 5px; }
.course-system-box .cont-text .s-6 { width: 153px; margin-left: 5px; }
.course-system-box .cont-text .s-7 { width: 153px; margin-left: 5px; }
.course-system-box .cont-text .s-8 { width: 153px; margin-left: 5px; }
.course-system-box .cont-text .row1 {position: absolute; top: 0;}
.course-system-box .cont-text .row1 .s-1 { margin-top: 175px;}
.course-system-box .cont-text .row1 .s-2 { margin-top: 145px;}
.course-system-box .cont-text .row1 .s-3 { margin-top: 125px;}
.course-system-box .cont-text .row1 .s-4 { margin-top: 105px;}
.course-system-box .cont-text .row1 .s-5 { margin-top: 85px;}
.course-system-box .cont-text .row1 .s-6 { margin-top: 60px;}
.course-system-box .cont-text .row1 .s-7 { margin-top: 40px;}
.course-system-box .cont-text .row1 .s-8 { margin-top: 15px;}
.course-system-box .cont-text .row2 {position: absolute; top: 225px;}
.course-system-box .cont-text .row3 {position: absolute; top: 276px;}
/* .course-system-box .cont-text .row3 .s-4 { width: 178px;} */
.course-system-box .cont-text .row3 .s-1 { margin-top: 150px;}
.course-system-box .cont-text .row3 p{line-height: 32px;}
.course-system-box .cont-text .row4 {position: absolute; top: 480px;}
.course-system-box .cont-text .row4 .s-1 { margin-top: 50px;}
.course-system-box .cont-text .row4 .s-2 { width: 300px;}
.course-system-box .cont-text .row4 .s-3 { width: 300px;}
.course-system-box .cont-text .row4 .s-4 { width: 475px;}
.course-system-box .cont-text .row4 p {line-height: 24px;}
.course-system-box .cont-text .row5 {position: absolute; top: 575px;}
/* 梯形图的样式↑ */

.line-school-box { margin-top: 45px; }
.line-school-box .left { text-align: left; width: 50%}
.line-school-box .left .title { margin-top: 50px; margin-bottom: 40px;  }
.line-school-box .left .text { font-size:24px;font-weight:400;color:rgba(85,85,85,1);line-height:40px; letter-spacing:2px}
.line-school-box .left ul { margin-top: 45px}
.line-school-box .left li { font-size:30px;font-weight:500;color:rgba(85,85,85,1); margin-bottom: 30px;background: url("../images/home/icon_dian.png?v=20191209") no-repeat left center; padding-left: 40px;}
.line-school-box .left .btn { padding-top: 20px; width: 130px; height: 50px; display: block}
.line-school-box .right { width: 50%; }
.line-school-box .right img { width: 100%; }

.online-courses-box { margin-top: 80px;}
.online-courses-box .content { position: relative; }
.online-courses-box .content .bg { width: 100%; height: 100%; object-fit: cover; min-width: 1300px}
.online-courses-box .content .btn { position: absolute; left:16%; bottom: 18%; width: 130px; height: 50px; display: block}

.cooperate-school-box { margin-top: 60px; margin-bottom: 40px;}
.cooperate-school-box .title { margin-bottom: 40px;  width: auto; }
.cooperate-school-box .top { position: relative}
.cooperate-school-box .top > img { width: 100%; height: 300px; display: inline-block; }
.cooperate-school-box .top .text { position: absolute; top: 30px; left: 0;  width: 100%; }
.cooperate-school-box .top .text p { font-size:30px; font-weight:500; color:rgba(255,112,42,1); }
.cooperate-school-box .top .number { width: 540px; height: 160px; background: url("../images/home/frame_bg.png?v=20191209") no-repeat; margin: 35px auto 0; }
.cooperate-school-box .top .number > div { width: 50%}
.cooperate-school-box .top .number p { font-size:50px; font-weight:500; color:rgba(255,112,42,1); margin: 30px 0 20px 0}
.cooperate-school-box .top .number span { font-size:20px;font-weight:500;color:rgba(85,85,85,1);}
.cooperate-school-box .list { margin-top: 62px;}
.cooperate-school-box .list li { float: left; width: 377px; margin-right: 34px; cursor: pointer; transition:all 0.4s; transform:translate(0px,0px);}
.cooperate-school-box .list li:nth-child(3n) { margin-right: 0; }
.cooperate-school-box .list li img { width: 100%; display: block; border-radius: 5px 5px 0 0 }
.cooperate-school-box .list li .text { border:1px solid rgba(255,138,24,1); border-top: 0; box-shadow:-3px 16px 37px 3px rgba(255,238,215,0.42);border-radius:0 0 5px 5px; padding: 18px 22px; text-align: left; background: #fff; }
.cooperate-school-box .list li .text p {font-size:16px; font-weight:500; color:rgba(85,85,85,1); line-height: 26px;}
.cooperate-school-box .list li:hover { transform:translate(0,-22px);}
.cooperate-school-box .list li:hover .text { background: linear-gradient(-45deg, #FF762A, #FF9B3A)}
.cooperate-school-box .list li:hover p { color: #fff;}

.fixed-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;}
.fixed-footer .content { height: 50px; width: 1030px; margin: 0 auto 20px;}
.fixed-footer .content .left { position: relative; width: 820px; height: 100%; background:linear-gradient(0deg,rgba(35,113,255,1) 0%,rgba(56,150,255,1) 100%); border-radius:25px 0 0 25px;
padding-left: 104px; box-sizing: border-box;}
.fixed-footer .content .left img { position: absolute; left: 30px; bottom: 0;}
.fixed-footer .content .left span { font-size: 14px; color: #fff; margin-right: 15px; line-height: 34px;}
.fixed-footer .content .left .row { position: relative; width:250px; height:34px; padding: 0 20px; background:rgba(255,255,255,1); border-radius:17px; box-sizing: border-box; overflow: hidden;}
.fixed-footer .content .left input { width: 100%; height: 100%; border: 0; font-size: 14px; color: #333; }
.fixed-footer .content .left .row span {position: absolute; right: 0; font-size: 12px; color: red;}
/* .fixed-footer .content .left input { width:250px; height:34px; padding: 0 20px; background:rgba(255,255,255,1); border-radius:17px; font-size: 14px; color: #333; border: 0; box-sizing: border-box;} */
.fixed-footer .content .right {width:180px; height:100%;background:linear-gradient(-17deg,rgba(255,157,42,1) 0%,rgba(255,112,42,1) 100%);border-radius:0px 25px 25px 0px; border: 0; font-size: 16px;
color: #fff; font-weight: 500; outline: none;}
.fixed-footer .content .left .row1 { width: 300px; padding-right: 10px;}
.fixed-footer .content .left .row1>div {height: 100%;}
.fixed-footer .content .left .row1> button {height: 100%; font-size: 14px; color: #FF702A; height: 21px; line-height: 21px; margin-top: 6px; padding-left: 18px; border: 0;border-left: 1px solid #FF702A; background: transparent; outline: none;}
.fixed-footer .content .left .row1 span {right: 81px}
/* .sidebar-wx-box { position: fixed; right: 68px; bottom: 52px; z-index: 999;}
.sidebar-wx-box .wx-icon {  width: 65px; height: 65px; box-shadow: 0px 10px 30px 0px rgba(255, 112, 42, 0.3); border-radius: 50%;z-index: 1; cursor: pointer;}
.sidebar-wx-box:hover .wx-code {display: block;}
.sidebar-wx-box .wx-code{ position: fixed; right: 124px; bottom: 84px; width: 135px; height: 165px; box-shadow: 0px 0px 30px 0px rgba(136, 136, 136, 0.2); display: none;} */
.wx-icon {position: fixed;right: 68px;bottom: 52px;width: 65px;height: 65px;box-shadow: 0px 10px 30px 0px rgba(255, 112, 42, 0.3);border-radius: 50%;z-index: 1;cursor: pointer;}
.wx-code{position: fixed;right: 124px;bottom: 84px;width: 177px;height: 246px;box-shadow: 0px 0px 30px 0px rgba(136, 136, 136, 0.2);/* border-radius: 20px; */z-index: 2;display: none;}
@media screen and (max-width: 1400px) {
    .select-zma8-box .cont-text { left: 2%;}
    .online-courses-box .content .btn { left: 213px}
}
@media (min-width: 1401px) and (max-width: 1500px) {
    .select-zma8-box .cont-text { left: 4.5%;}
    .online-courses-box .content .btn { left: 17%}
}
@media (min-width: 1501px) and (max-width: 1620px) {
    .select-zma8-box .cont-text { left: 8%;}
}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	/*兼容IE11*/
    .child-program-box .gallery-thumbs .swiper-slide-thumb-active p { line-height: 100px;}
    .teacher-team-box .motto {line-height: 93px;}
    .fixed-footer .content .left .info { margin-top: 8px;}
}