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

/*school*/
.common-banner{ position: relative; width: 100%; height: 100%; height: 100vh; min-height: 600px; color: #fff; overflow: hidden; }
.banner-mask{ position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.common-banner .banner-text{ position: absolute; top: 80px; left: 0; right: 0; bottom: 0; width: 100%; text-align: center; padding-top: 70px; }
.common-banner h3{ font-size: 50px; line-height: 90px; font-weight: normal; letter-spacing: 5px; }
.common-banner p{ font-size: 24px; line-height: 50px; letter-spacing: 3px; color: rgba(255,255,255,.9); }
.common-banner p i{ margin: 0 18px; line-height: 24px; }
.common-banner .btns{ margin: 15px 0 40px; }
.school-banner{ background: url(../images/school_banner.png) no-repeat center; }
.btns .btn{ width: 180px; height: 60px; line-height: 60px; border-radius: 30px; font-size: 20px; letter-spacing: 2px; }
.trial-btn{ border-color: #fff; color: #fff; }
.banner-img{ width: 100%; padding-bottom: 48.5%; overflow: hidden; }
.banner-img img{ width: auto; height: 100%; border-radius: 10px 10px 0 0;}
.school-item{ padding: 70px 0; }
.school-item ul li{ position: relative; width: 340px; height: 234px; float: left; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; margin-right: 20px; border-radius: 10px; }
.school-item ul li:last-child{ margin-right: 0; }
.school-item ul li .item-box{ position: absolute; left: 0; top:0; width: 100%; height: 100%; box-shadow:0px 3px 6px rgba(43,108,248,0.2); }
.school-item ul li .item-before{ padding: 0 25px; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.school-item ul li .item-after{ padding: 30px 25px 0 60px; background: url(../images/item01.png) no-repeat left center; -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.school-item ul li span{ display: block; margin: 45px auto 15px; width: 38px; height: 34px; background-repeat: no-repeat; background-position: center; }
.school-item ul li .icon1{ background-image: url(../images/school_icon01.png); }
.school-item ul li .icon2{ background-image: url(../images/school_icon02.png); }
.school-item ul li .icon3{ background-image: url(../images/school_icon03.png); }
.school-item ul li .icon4{ background-image: url(../images/school_icon04.png); }
.school-item ul li h4{ font-size: 24px; line-height: 45px; text-align: center; font-weight: normal; }
.school-item ul li p{ line-height: 22px; color: #666;}
.school-item ul li .p1{ display: -webkit-box; -webkit-line-clamp:2; height: 44px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.school-item ul li i{ position: absolute; bottom: 18px; left: 14px; width: 18px; height: 14px; background-repeat: no-repeat; background-position: center; }
.school-item ul li .iconhover1{ background-image: url(../images/school_icon05.png); }
.school-item ul li .iconhover2{ background-image: url(../images/school_icon06.png); }
.school-item ul li .iconhover3{ background-image: url(../images/school_icon07.png); }
.school-item ul li .iconhover4{ background-image: url(../images/school_icon08.png); }
.school-item ul li h4{ margin-bottom: 10px; }
.school-item ul li:hover .item-before{ -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); }
.school-item ul li:hover .item-after{ -webkit-transform:  perspective(800px) rotateY(360deg); -moz-transform:  perspective(800px) rotateY(360deg); transform:  perspective(800px) rotateY(360deg); }

.school-main{ width: 100%; height: 1652px; background: url(../images/school_livebg.png) no-repeat bottom center; }
.school-live{ padding: 85px 0; }
.live-box,.live-text{ width: 50%; }
.live-box{ float: left; position: relative; height: 580px; background: url(../images/live_bg.png) no-repeat left 70px; }
.live-box .circle{ position: absolute; display: block; width: 22px; height: 22px; border-radius: 50%; background: -webkit-linear-gradient(#02d1fe 0%, #2b6cf8 100%); background: -o-linear-gradient(#02d1fe 0%, #2b6cf8 100%); background: -moz-linear-gradient(#02d1fe 0%, #2b6cf8 100%); background: linear-gradient(#02d1fe 0%, #2b6cf8 100%); opacity: .4; }
.live-box .circle01{ left: 470px; top:-22px; }
.live-box .circle02{ z-index: 2; left: 0; top: 95px; }
.live-box .circle03{ z-index: 11; left: 615px; top:160px; }
.live-box img{ position: absolute; display: block; }
.live-box .imgpic{ left: 0px; top:86px; }
.live-box .img01{ left:470px; top:86px; }
.live-box .img02{ z-index: 1; left:470px; top:112px; }
.live-box .img03{ z-index: 2; left:470px; top:138px; }
.live-box .img04{ z-index: 3; left:470px; top:164px; }
.live-box .img05{ z-index: 4; left:470px; top:190px; }
.live-box .img06{ z-index: 5; left:470px; top:216px; }
.live-box .img07{ z-index: 6; left:470px; top:242px; }
.live-box .img08{ z-index: 7; left:470px; top:268px; }
.live-box .img09{ z-index: 8; left:470px; top:294px; }
.live-box .img10{ z-index: 9; left:470px; top:320px; }
.live-box .img11{ z-index: 10; left:470px; top:346px; }
.live-text{ float: right; }
.school-text{ position: relative; z-index: 1; padding: 0; }
.live-text{ padding: 25px 0 0 200px;}
.main-tit{ position: absolute; z-index: -1; left: 110px; top:100px; font-family: 'appleGothic'; font-size: 176px; line-height: 200px; font-weight: normal; color:#d5f7ff; letter-spacing: 8px; }
.dot{ letter-spacing: 4px; font-weight: bold; line-height: 35px; }
.school-title{ font-size: 30px; line-height: 40px; font-weight: normal; color: #333; margin-bottom: 15px; letter-spacing: 4px; }
.school-des{ font-size: 16px; line-height: 26px; color: #666; margin-bottom: 80px; text-align: justify; }
.live-text ul li{ float: left; display: block; width: 230px; height: 210px; padding: 80px 20px 0; background-color: #f6f9ff; background-repeat: no-repeat; background-position: 20px 40px; }
.live-text ul li.icon1{ margin-right: 40px; background-image: url(../images/live_icon01.png); }
.live-text ul li.icon2{ background-image: url(../images/live_icon02.png); }
.live-text ul li h4,.system-text ul li h4,.school-market ul li h4{ font-size: 18px; line-height: 35px; font-weight: normal; letter-spacing: 3px; }
.live-text ul li p,.system-text ul li p,.school-market ul li p{ line-height: 24px; color: #acacac; }
.video-box,.video-text{ width: 50%; }
.school-video{ padding-top: 160px; }
.video-box{ float: right; position: relative; height: 490px; background: url(../images/live_bg.png) no-repeat 296px 35px; }
.video-box img{ position: absolute; display: block; }
.video-box .img01{ z-index: 1; right:95px; top:0; }
.video-box .img02{ z-index: 1; left:25px; top:120px }
.video-box .img03{ z-index: 1; left:130px; top:120px; }
.video-box .img04{ z-index: 1; left:240px; top:120px; }
.video-box .img05{ z-index: 2; left:25px; bottom: 55px; }
.video-box .img06{ z-index: 1; left:25px; bottom:0; }
.video-box .img07{ z-index: 3; right:0; bottom: 55px; }
.video-box .img08{ z-index: 2; right:0; bottom: 15px; }
.video-box .img09{ z-index: 1; right:0; bottom: -20px;}
.video-text{ float: left; }
.video-text{ padding: 60px 90px 0 0;}
.video-text .des{ padding-right: 70px; }
.video-text .main-tit{ left: 85px; top:140px; }
.video-text ul{ width: 320px; }
.video-text ul li{ float: left; width: 50%; height: 50px; padding-left: 45px; background-repeat: no-repeat; background-position: left center; }
.video-text ul .brower01{ background-image: url(../images/icon_edge.png); }
.video-text ul .brower02{ background-image: url(../images/icon_firefox.png); }
.video-text ul .brower03{ background-image: url(../images/icon_ie.png); }
.video-text ul .brower04{ background-image: url(../images/icon_safari.png); }
.video-text ul .brower05{ background-image: url(../images/icon_chrome.png); }
.video-text ul li span{ display: inline-block; line-height: 50px; }
.school-system{ position: relative; padding: 150px 0 120px; }
.school-system .system-img{ position: absolute; height: 670px; left: 0; top:150px; width: 49%; background: url(../images/sys_bg.png) no-repeat left center; -o-background-size: 100% auto; background-size: 100% auto; }
.system-text{ width: 50%; height: 670px; padding-top: 100px; padding-left: 20px; float: right; }
.system-text .main-tit{ left:-100px; top:140px; }
.system-text ul li{ width: 50%; height: 130px; float: left; padding-left: 75px; background-repeat: no-repeat; background-position: left top; }
.system-text ul li.icon1{ background-image: url(../images/sys_icon01.png); }
.system-text ul li.icon2{ background-image: url(../images/sys_icon02.png); }
.system-text ul li.icon3{ background-image: url(../images/sys_icon03.png); }
.school-com{ padding: 120px 0 100px; position: relative; z-index: 1; text-align: center; background: #fcfafe; }
.school-com .main-tit{ left: 0; top:155px; width: 100%; text-align: center; }
.school-com .school-des{ width: 50%; text-align: center; margin: 0 auto 90px; }
.school-market ul li{ width: 30%; float: left; margin-right: 5%; text-align: left; }
.school-market ul li:nth-child(3){ margin-right: 0; }
.school-market ul li span{ display: block; width: 78px; height: 78px; margin-bottom: 20px; border:1px solid #71828a; border-radius: 50%; background-repeat: no-repeat; background-position: center; }
.school-market ul li .icon1{ background-image: url(../images/mark_icon01.png); }
.school-market ul li .icon2{ background-image: url(../images/mark_icon02.png); }
.school-market ul li .icon3{ background-image: url(../images/mark_icon03.png); }
.school-market ul li p{ width: 85%; padding-top: 10px; }
.school-tiku{ background: url(../images/tiku_bg.png) no-repeat top center; }
.school-tiku .school-des{ margin-bottom: 240px; }
.tiku-box{ position: relative; height: 894px; background: url(../images/tiku_itembg.png) no-repeat top center; }
.tiku-box li{ position: absolute; height: 140px; }
.tiku-box li .icon{ display: block; width: 140px; height: 140px; background-repeat: no-repeat; background-position: center; }
.tiku-box .item01{ top: -130px; left: 0; text-align: left; }
.tiku-box .item02{ top: 220px; right: 0; text-align: right; }
.tiku-box .item03{ top: 533px; left: 0; text-align: left; }
.tiku-box .item04{ bottom: -70px; right: 0; text-align: right; }
.tiku-box .item01 .icon,.tiku-box .item03 .icon,.tiku-box .item01 .tiku-des,.tiku-box .item03 .tiku-des{ float: left; margin-right: 40px; }
.tiku-box .item02 .icon,.tiku-box .item04 .icon,.tiku-box .item02 .tiku-des,.tiku-box .item04 .tiku-des{ float: right; margin-left: 40px; }
.tiku-box .item01 .icon{ background-image: url(../images/tiku_icon01.png); }
.tiku-box .item02 .icon{ background-image: url(../images/tiku_icon02.png); }
.tiku-box .item03 .icon{ background-image: url(../images/tiku_icon03.png); }
.tiku-box .item04 .icon{ background-image: url(../images/tiku_icon04.png); }
.tiku-box li h4{ height: 45px; margin-bottom: 15px; font-weight: normal; line-height: 45px; }
.tiku-box li h4 span{ font-size: 24px; vertical-align: middle; }
.tiku-box li h4 i{ margin: 0 15px; vertical-align: middle; font-size: 16px; color: #666; }
.tiku-box li .text1,.tiku-box li .text2{ line-height: 26px; }
.tiku-box li .text2{ font-size: 12px; color:rgba(172,172,172,.5); }
.tiku-box li .tiku-des{ padding-top: 12px; }

/*解决方案-课程体系授权*/
.solution-banner{ background:#152055 url(../images/solution_banner.png) no-repeat bottom;}
.solution-banner p{ font-size: 30px; }
.solution-banner .banner-img{ width: 907px; padding-bottom: 61.6%; margin: 0 auto; }
.solution-banner .btns{ margin: 30px 0 90px; }
.solution-hd{ height: 60px; background: #f8f9f9; color: #acacac; text-align: center; }
.solution-hd ul li{ display: inline-block; height: 60px; line-height: 60px; border-bottom: 3px solid #f8f9f9; margin: 0 20px; cursor: pointer; }
.solution-hd ul li a{ display: block;line-height: 60px; }
.solution-hd ul li:hover,.solution-hd ul li.active{ border-bottom-color: #338ce9; }
.solution-main{ display: none; }
.solution-main1{ background: url(../images/s_main_bg.png) no-repeat center 340px; }
.s-course-main01,.s-course-main02,.s-course-main03,.s-course-main04{ padding-top: 170px; }
.solution-title{ position: relative; line-height: 75px; text-align: center; font-size: 50px; font-weight: normal; }
.solution-title span{ display: inline-block; position: absolute; right: 10%; top:-105px; line-height: 196px; font-family: arial; font-size: 140px; color: rgba(51,140,233,.1); }
.solution-title-des{ line-height: 42px; font-size: 20px; color: #acacac; text-align: center; }
.s-course-main01 ul{ padding: 80px 0 70px; }
.s-course-main01 ul li{ display: block; width: 33.33%; float: left; padding-top: 130px; background-repeat: no-repeat; background-position: top center; text-align: center; }
.s-course-main01 ul .icon1{ background-image: url(../images/s_main01_icon1.png); }
.s-course-main01 ul .icon2{ background-image: url(../images/s_main01_icon2.png); }
.s-course-main01 ul .icon3{ background-image: url(../images/s_main01_icon3.png); }
.s-course-main01 ul li p{ font-size: 24px; line-height: 56px; }
.s-course-main02{ padding-bottom: 90px; }
.s-course-main02 .solution-title span{ right: auto; left: 20%; }
.s-course-main02 .major-list{ padding-top: 90px; }
.s-course-main03 .solution-title span{ right: auto; left: 24%; }
.s-course-main03 .main03-text{ width: 25%; padding-top: 25px; }
.s-main03-box{ padding: 95px 0 85px; }
.main03-text .title-des{ font-size: 30px; line-height: 45px; color: #acacac; font-weight: normal; }
.main03-text .title{ position: relative; font-size: 30px; font-weight: normal; line-height: 50px; margin-bottom: 50px; }
.main03-text .title:after{ position: absolute; right: 0; bottom: -8px; content: ''; display: block; width: 122px; height: 2px;background:-webkit-linear-gradient(35deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%);background:-o-linear-gradient(35deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%);background:-webkit-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%);background:-moz-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%);background:-o-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%);background:linear-gradient(125deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); border-radius: 2px; }
.main03-text .des{ line-height: 22px; margin-bottom: 60px; color: #666; }
.main03-text .tip{ line-height: 42px; color: #acacac; }
.main03-teacher{ width: 73%; }
.main03-teacher li{ position: relative; float: left; width: 31%; margin-right: 3.5%; border-radius: 8px; overflow: hidden; box-shadow:0px 20px 40px rgba(51,51,51,0.1); }
.main03-teacher li:last-child{ margin-right: 0; }
.main03-teacher li .img-box{ background: #fff; }
.main03-teacher li .img-box img{ display: block; margin: 0 auto; }
.main03-teacher li .teacher-mask{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background:-webkit-linear-gradient(rgba(42,80,130,0) 0%, rgba(42,80,130,.6) 100%); background:-o-linear-gradient(rgba(42,80,130,0) 0%, rgba(42,80,130,.6) 100%); background:-moz-linear-gradient(rgba(42,80,130,0) 0%, rgba(42,80,130,.6) 100%); background:linear-gradient(rgba(42,80,130,0) 0%, rgba(42,80,130,.6) 100%); color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.main03-teacher li .teacher-des{ position: absolute; left: 0; bottom: 20px; width: 100%; padding: 0 15px; }
.main03-teacher li .teacher-des h4{ font-size: 30px; line-height: 60px; font-weight: normal; vertical-align: bottom; }
.main03-teacher li .teacher-des p{ font-size: 12px; text-align: justify; vertical-align: bottom; }
.main03-teacher li:hover .teacher-mask{ display: block; }
.s-course-main04 .solution-title span{ right: 28%; }
.s-course-main04 li{ width: 50%; float: left; }
.s-main04-box{ padding: 100px 0 90px; }
.s-main04-box .img-box{ width: 400px; height: 300px; position: relative; margin: 0 auto 15px; }
.s-main04-box .img-box img{ position: absolute; display: block; }
.s-main04-box .img-box .img01{ left:0; top:12px; }
.s-main04-box .img-box .img02{ left:70px; top:70px; }
.s-main04-box .img-box .img03{ left:95px; top:88px; }
.s-main04-box .img-box .img04{ left:200px; top:92px; -moz-animation: mymove 2s linear infinite; -o-animation: mymove 2s linear infinite; animation: mymove 2s linear infinite; -webkit-animation: mymove 2s linear infinite;}
.s-main04-box .img-box .img05{ right:45px; top:58px; }
.s-main04-box .img-box .img06{ left:40px; top:54px; }
.s-main04-box .img-box .img07{ right:10px; bottom:10px; }
.s-main04-box .img-box .img08{ left:15px; top:15px; }
.s-main04-box .img-box .img09{ left:90px; top:78px; -moz-animation: mymove 2s linear infinite; -o-animation: mymove 2s linear infinite; animation: mymove 2s linear infinite; -webkit-animation: mymove 2s linear infinite; }
.s-main04-box li p{ line-height: 50px; font-size: 24px; text-align: center; }
@-webkit-keyframes mymove{
	0%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50%{
		-webkit-transform: translate(5px, 5px);
		-ms-transform: translate(5px, 5px);
		-o-transform: translate(5px, 5px);
		transform: translate(5px, 5px);
	}
	100%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-moz-keyframes mymove{
	0%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		     transform: translate(0, 0);
	}
	50%{
		-webkit-transform: translate(5px, 5px);
		-ms-transform: translate(5px, 5px);
		-o-transform: translate(5px, 5px);
		-moz-transform: translate(5px, 5px);
		     transform: translate(5px, 5px);
	}
	100%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		     transform: translate(0, 0);
	}
}
@-o-keyframes mymove{
	0%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50%{
		-webkit-transform: translate(5px, 5px);
		-ms-transform: translate(5px, 5px);
		-o-transform: translate(5px, 5px);
		transform: translate(5px, 5px);
	}
	100%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes mymove{
	0%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		     transform: translate(0, 0);
	}
	50%{
		-webkit-transform: translate(5px, 5px);
		-ms-transform: translate(5px, 5px);
		-o-transform: translate(5px, 5px);
		-moz-transform: translate(5px, 5px);
		     transform: translate(5px, 5px);
	}
	100%{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		     transform: translate(0, 0);
	}
}

.solution-main .page-ad{ width: 100%; height: 300px; line-height: 300px; background: url(../images/s_main_ad.png) no-repeat center; font-size: 30px; text-align: center; letter-spacing: 2px; color: #fff; }
.s-course-main05{ padding: 260px 0 150px; }
.s-course-main05 .solution-title span{ right: auto; left: 20%; }
.s-main05-box{ padding-top: 90px;}
.s-main05-box li{ width: 33.33%; float: left; padding: 140px 50px 0; background-repeat: no-repeat; background-position: center top; }
.s-main05-box .icon01{ background-image: url(../images/s_main05_icon1.png); }
.s-main05-box .icon02{ background-image: url(../images/s_main05_icon2.png); }
.s-main05-box .icon03{ background-image: url(../images/s_main05_icon3.png); }
.s-main05-box li p{ font-size: 24px; line-height: 40px; letter-spacing: 2px; }

/*解决方案-在线网校解决方案*/
.s-school-main01{ padding-top: 210px; }
.s-school-main01 .solution-title span{ width: 100%; right: 0; text-align: center; }
.solution-main2 .solution-title-des i{ margin: 0 20px; }
.s-school-main01 ul{ padding: 90px 0 100px; }
.s-school-main01 ul li{ position: relative; float: left; width: 320px; margin-right: 46.66px; }
.s-school-main01 ul li:last-child{ margin-right: 0; }
.s-school-main01 ul li:nth-child(2n){ padding-top: 100px; }
.s-school-main01 ul li p{ position: absolute; left: 0; bottom: 20px; width: 100%; padding: 0 20px; font-size: 30px; color: #fff; }
.s-school-main02{ padding-top: 100px; background: url(../images/solution_main2_bg.png) no-repeat center 520px; }
.s-school-main02 .solution-title span{ top:75px; }
.school-main02-pic{ display: block; padding: 78px 0 200px; margin: 0 auto; }
.school-main02-box{ height: 840px; }
.school-main02-img{ width: 375px; position: relative; }
.school-main02-img img{ position: absolute; display: block; }
.school-main02-img .img01{ left: 0; top:0; }
.school-main02-img .img02{ left: 30px; top:207px; }
.school-main02-img .img03{ left: 0; top:303px; }
.school-main02-img .img04{ left: 0; top:413px; }
.school-main02-img .img05{ left: 0; top:523px; }
.school-main02-text{ width: 60%; color: #fff; text-align: right; }
.school-main02-text .title-en{ padding-top: 30px; line-height: 92px; font-size: 64px; color: rgba(51,140,233,.3); }
.school-main02-text .solution-title{ text-align: right; margin-bottom: 10px; }
.school-main02-text .des{ padding-left: 12%; font-size: 20px; line-height: 30px; color: rgba(255,255,255,.85); }
.school-main02-text ul{ padding-top: 100px; }
.school-main02-text li{ float: left; width: 28.33%; margin-left: 5%; padding-top: 80px; background-repeat: no-repeat; background-position: center top; text-align: center; }
.school-main02-text .icon1{ background-image: url(../images/school_main02_icon1.png); }
.school-main02-text .icon2{ background-image: url(../images/school_main02_icon2.png); }
.school-main02-text .icon3{ background-image: url(../images/school_main02_icon3.png); }
.school-main02-text li p{ margin-top: 18px; font-size: 16px; line-height: 28px; color: rgba(255,255,255,.85); }
.school-main02-video{ color: #fff; }
.school-main02-video p{ margin-top: 10px; padding: 0 10%; font-size: 20px; line-height: 30px; text-align: center; color: rgba(255,255,255,.85); }
.school-main02-video .img-box{ position: relative; width: 992px; height: 647px; margin: 95px auto 0; }
.school-main02-video .img-box img{ position: absolute; display: block; }
.school-main02-video .img-box .img01{ left: 0; top:0; }
.school-main02-video .img-box .img02{ left: 30px; top:290px; }
.school-main02-video .img-box .img03{ left: 255px; top:115px; }
.school-main02-video .img-box .img04{ right: 130px; top:-60px; }
.school-main02-video .img-box .img05{ right: -40px; top:265px; }

.s-school-main03{ padding: 110px 0 120px; position: relative; }
.school-main03-img{ width: 48%; position: absolute; left: 0; top:120px; height: 801px; }
.school-main03-img img{ position: absolute; display: block; }
.school-main03-img .img01{ top:0; right: 0; }
.school-main03-img .img02{ top:150px; right: 88px; }
.school-main03-img .img03{ top:210px; right: 15px; }
.school-main03-text{ width: 660px; min-height: 800px;}
.school-main03-text .solution-title{ text-align: left; margin-bottom: 5px; }
.school-main03-text .solution-title span{ right: auto; left: 14%; }
.school-main03-text .des{ font-size: 20px; color: #acacac; }
.school-main-item{ padding-top: 70px; }
.school-main-item li{ width: 100%; height: 120px; padding: 20px 0 0 110px; }
.school-main-item li .icon{ display: block; float: left; width: 80px; height: 100%; background-repeat: no-repeat; background-position: center top; }
.school-main-item li .text{ margin-left: 130px; height: 100%; border-bottom: 1px solid #ebedf0; }
.school-main-item li:nth-child(2n){ padding: 20px 110px 0 0; }
.school-main-item li:nth-child(2n) .icon{ float: right; }
.school-main-item li:nth-child(2n) .text{ margin-right: 130px; margin-left: 0; }
.school-main-item li .icon1{ background-image: url(../images/school_main03_icon01.png); }
.school-main-item li .icon2{ background-image: url(../images/school_main03_icon02.png); }
.school-main-item li .icon3{ background-image: url(../images/school_main03_icon03.png); }
.school-main-item li .icon4{ background-image: url(../images/school_main03_icon04.png); }
.school-main-item li .icon5{ background-image: url(../images/school_main04_icon01.png); }
.school-main-item li .icon6{ background-image: url(../images/school_main04_icon02.png); }
.school-main-item li .icon7{ background-image: url(../images/school_main04_icon03.png); }
.school-main-item li h4{ font-size: 24px; line-height: 44px; font-weight: normal; }
.school-main-item li p{ line-height: 30px; color: #acacac; }

.s-school-main04{ padding: 140px 0 40px; position: relative; }
.school-main04-img{ width: 48%; position: absolute; right: 0; top:150px; height: 800px; overflow: hidden; }
.school-main04-img img{ position: absolute; display: block; }
.school-main04-img .img01{ top:0; left: 0; }
.school-main04-img .img02{ top:140px; right: 0; }
.s-school-main04 .school-main-item{ padding-top: 20px; }
.s-school-main04 .school-main-item li{ height: 160px; padding: 60px 0 0 110px; }
.s-school-main04 .school-main-item li:nth-child(2n){ padding: 60px 110px 0 0; }

.s-school-main05{ padding-top: 210px; background: url(../images/school_main05_bg.png) no-repeat top center; }
.s-school-main05 .solution-title span{ right: 18%; }
.school-main05-img{ position: relative; height: 655px; }
.school-main05-img img{ display: block; position: absolute; }
.school-main05-img .img01{ left: 100px; bottom:0; }
.school-main05-img .img02{ right: 15px; bottom:0; }
.school-main05-img .img03{ right: 240px; bottom:0; }

/*case*/
.case-banner,.about-banner{ position: relative; width: 100%; height: 500px; background: url(../images/case_banner.jpg) no-repeat center top;}
.case-banner .banner-mask{ background: rgba(21,32,85,.36); }
.case-banner .banner-text,.about-banner .banner-text{ position: absolute; top: 80px; left: 0; right: 0; bottom: 0; width: 100%; text-align: center; padding-top: 80px; color: #fff; }
.case-banner .tip,.about-banner .tip{ font-size: 30px; line-height: 42px; margin-top:120px; margin-bottom: 12px; color: rgba(255,255,255,.85); }
.case-banner h3,.about-banner h3{ font-size: 50px; line-height: 70px; font-weight: normal; }
.case-banner .des,.about-banner .des{ font-size: 18px; line-height: 30px; color: rgba(255,255,255,.85); }
.agency-box{ padding: 40px 0 140px; background: #f2f2f2; }
.agency-main{ padding: 40px 60px 120px; border: 1px solid rgba(0,0,0,.16); background: #fff; box-shadow:0px 3px 6px rgba(0,0,0,0.16); }
.agency-box h3{ font-size: 24px; line-height: 28px; padding: 0 0 20px; font-weight: normal; }
.mapbox{ position: relative; width: 64%; height:720px; border:1px solid rgba(51,143,233,0.4); }
.mapbox .area{ position: absolute; top:10px; left: 10px; line-height: 30px; }
.mapbox .area span{ color: #338fe9; }
.map{ width: 100%; height: 100%; }
.agency-item{ width: 35%; height:720px; border:1px solid rgba(51,143,233,0.4); }
.agency-item .title{ padding: 0 20px; height: 70px; line-height: 70px; font-size: 24px; font-weight: normal; background: #338fe9; color: #fff; }
.agency-item .school-wrap{ height: 599px; overflow-y: auto; }
.agency-item .school-addr{ padding: 20px;border-bottom: 1px solid #ececec; }
.agency-item .school-addr h4 a{ display: inline-block; line-height: 44px; font-size: 20px; font-weight: normal; }
.agency-item .school-addr.active a{ color: #338fe9; }
.agency-item .school-addr p a{ display: inline-block; line-height: 21px; }
.school-search {
    border-bottom: 1px solid #ececec;
}
.school-look {
    float: right;
    font-size: 12px !important; 
    background-color: #338fe9;
    color: #fff !important;
    line-height: 20px !important;
    margin-top: 15px;
    border-radius: 6px;
    width: 70px;
    text-align: center;
    height: 20px;
}
.school-img {
    margin-left: 20px;
    vertical-align: middle;
}

.school-input {
    line-height: 50px;
    height: 50px;
    font-size: 18px;
    vertical-align: middle;
}

/*about 走进珍学*/
.about-banner{ background-image: url(../images/about_banner.jpg); }
.about-banner .banner-mask{ background: rgba(21,32,85,.92);}
.about-company{ background: #fff; }
.about-banner h3{ letter-spacing: 0; }
.company-intro{ padding: 45px 100px 0; }
.company-intro .intro-title{ position: relative; height: 60px; line-height: 60px; padding-left: 25px; font-size: 24px; font-weight: normal; }
.company-intro .intro-title:before{ position: absolute; left: 0; top:50%; margin-top: -14px; content: ''; display: block; width: 8px; height: 28px; border-radius: 6px; background: #338ce9; box-shadow:0px 3px 10px rgba(51,143,233,0.6); }
.intro-box{ position: relative; padding-top: 20px; height: 422px; background: url(../images/intro_bg.png) no-repeat left 20px; }
.intro-text{ width: 50%;}
.sign{ position: absolute; font-family: 'Arial'; font-size: 140px; line-height: 196px; }
.intro-text .sign{ top:24px; left: -50px; color: rgba(51,140,233,.1); }
.intro-text p{ font-size: 16px; line-height: 24px; text-indent: 2em; margin-bottom: 20px; }
.intro-text p span{ color: #338ce9; }
.intro-item-box{ padding-left: 20px; margin-top: -300px; }
.intro-item{ position: relative; width: 15.5%; float: left; padding-left: 10px; }
.intro-item .circle{ position: relative; margin-bottom: 80px; display: block; margin-left: 2px; width: 8px; height: 8px;background: #fff; border: 2px solid #2b6cf8; border-radius: 4px; }
.intro-item .circle:after{ position: absolute; top:8px; left:2px; content: ''; width: 1px; height: 80px; border-left: 1px dashed #b9cfff; }
.intro-item-box .item01{ top:296px; }
.intro-item-box .item02{ top:237px; }
.intro-item-box .item03{ top:286px; }
.intro-item-box .item04{ top:218px; }
.intro-item-box .item05{ top:80px; }
.intro-item-box .item06{ top:-30px; }
.intro-item ul li{ position: relative; padding-bottom: 40px; }
.intro-item ul li:after{ content: ''; position: absolute; top:20px; left: 6px; width: 1px; height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); border-left: 1px dashed #b9cfff; }
.intro-item .year{ padding-left: 15px; background: url(../images/intro_circle.png) no-repeat left center; color: #2b6cf8; }
.intro-item .text{ padding-left: 15px; font-size: 12px; line-height: 18px; color: #acacac; }
.intro-item ul li:last-child{ padding-bottom: 0; }
.intro-item ul li:last-child:after{ border-left: none; }
.company-vision{ padding: 80px 0 200px; background: url(../images/vision_bg.png) no-repeat center top; }
.company-vision .wrap{ padding: 0 100px; }
.about-title{ text-align: center; }
.about-title h3{ font-size: 24px; line-height: 45px; font-weight: normal; }
.about-title .simple{ display: block; width: 60px; height: 8px; margin: 14px auto 18px; border-radius: 6px; background: #338fe9; box-shadow:0px 3px 10px rgba(51,143,233,0.6); }
.vision-item1 li{ width: 33.33%; float: left; padding-top: 140px; background-repeat: no-repeat; background-position: center 25px; text-align: center; }
.vision-item1 .icon1{ background-image: url(../images/intro_icon1.png); }
.vision-item1 .icon2{ background-image: url(../images/intro_icon2.png); }
.vision-item1 .icon3{ background-image: url(../images/intro_icon3.png); }
.vision-item1 li p{ line-height: 36px; font-size: 16px; color: #333; }
.vision-item2{ position: relative; height: 560px; }
.vision-item2 .img-box{ position: absolute; z-index: 0; left: -20px; }
.vision-item2 .item2-box{ width: 35%; padding-top: 150px; }
.vision-item2 .about-title{ text-align: left; }
.vision-item2 .about-title p{ line-height: 50px; font-size: 30px; color: rgba(51,140,233,.1); letter-spacing: 0; }
.vision-item2 .about-title .simple{ margin-left: 0; }
.vision-item3 li{ width: 25%; float: left; text-align: center; }
.vision-item3 li span{ display: block; width: 80px; height: 80px; margin: 0 auto 15px; border-radius: 50%; background: #fff; background-repeat: no-repeat; background-position: center; }
.vision-item3 li .icon1{ background-image: url(../images/vision_icon1.png); }
.vision-item3 li .icon2{ background-image: url(../images/vision_icon2.png); }
.vision-item3 li .icon3{ background-image: url(../images/vision_icon3.png); }
.vision-item3 li .icon4{ background-image: url(../images/vision_icon4.png); }
.vision-item3 li h4{ font-size: 24px; line-height: 40px; font-weight: normal; letter-spacing: 3px; }
.vision-item3 li p{ line-height: 24px; color: #02d1fe; }
/*about 公司动态*/
.commend{ padding-top: 50px; }
.commend ul{ padding: 20px 0; }
.commend li{ width: 42%; float: left; margin-right: 8%; padding: 50px 20px; }
.commend li:nth-child(2n){ margin-right: 0; }
.commend li .news-text{ width: 50%; height: 260px; overflow: hidden; }
.commend li .news-text h4{ margin-bottom: 10px; max-height: 84px; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; font-weight: normal; }
.commend li .news-text h4 a{ line-height: 28px; font-size: 20px; }
.commend li .news-text .des{ height: 132px; display: -webkit-box; -webkit-line-clamp: 6; overflow: hidden; margin-bottom: 10px; }
.commend li .news-text .des a{ line-height: 22px; color: #afb5c3; }
.commend li .news-text .date{ color: #afb5c3; }
.commend li .news-img{ width: 260px; height: 260px; border-radius: 8px; overflow: hidden; }
.commend li .news-img img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.commend li:hover{ box-shadow:0px 3px 20px rgba(51,51,51,0.1); }
.news-list-box{ padding-top: 90px; }
.news-list-box .list{ padding: 30px 180px 120px; }
.news-list-box li{ height: 120px; margin-bottom: 10px; padding: 15px 0; }
.news-list-box li .date-box{ position: relative; width: 10%; text-align: center; }
.news-list-box li .date-box:after{ content: ''; position: absolute; right: 0; top: 13px; width: 1px; height: 64px; border-left: 1px solid #acacac; }
.news-list-box li .date-box .day{ font-size: 50px; line-height: 60px; }
.news-list-box li .date-box .month{ line-height: 30px; }
.news-list-box li .news-text{ width: 90%; padding: 0 20px; }
.news-list-box li .news-text h4{ line-height: 40px; font-size: 20px; font-weight: normal; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.news-list-box li .news-text p a{ color: #afb5c3; max-height: 42px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }
.news-list-box li:hover{ box-shadow:0px 3px 20px rgba(51,51,51,0.1); }
.more-btn{ display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 20px auto; border-radius: 20px; border: 1px solid #acacac; color: #acacac; }
/*about 加入我们*/
.join-us-box{ padding: 40px 0 140px; background: #f2f2f2; }
.join-us{ position: relative; padding: 70px 90px; background: #fff; }
.join-us .sign{ left: 40px; top:48px; color: rgba(51,143,233,.1); }
.join-us h4{ font-size: 24px; font-weight: 600; line-height: 48px; margin-bottom: 10px; }
.join-us .email{ line-height: 55px; font-size: 24px; color: #2b6cf8; margin-bottom: 40px; }
.join-us .work-box{ border-top: 1px solid #acacac; padding: 70px 0; }
.join-us .work-box ul li{ width: 45%; float: left; margin-right: 10%; margin-bottom: 60px; }
.join-us .work-box ul li:nth-child(2n){ margin-right: 0; }
.join-us .work-box .work-name{ line-height: 50px; font-size: 24px; }
.join-us .work-box .work-name span{ color: #2b6cf8; }
.join-us .work-box .work-duty{ position: relative; padding: 30px 0; line-height: 22px; min-height: 148px; color: #666; }
.join-us .work-box .work-duty:after{ position: absolute; left: 0; bottom: 0; content: ''; width: 70%; height: 1px; border-top: 1px dashed #2b6cf8; }
.join-us .work-box li p{ padding-top: 30px; line-height: 22px; color: #666; }
.join-us .work-box ul li:nth-child(1) .work-duty,.join-us .work-box ul li:nth-child(2) .work-duty{ min-height: 66px; }
.send-email{ font-size: 16px; line-height: 22px; color: #acacac; text-align: center; }
.contact-us{ position: relative; padding: 55px 0; }
.contact-us .sign{ top:155px; left:0; font-size: 704px; line-height: 704px; color: rgba(51,143,233,.05); }
.contact-us .about-title{ position: relative; }
.contact-us ul{ padding: 35px 90px; }
.contact-us ul li{ float: left; width: 25%; text-align: center; }
.contact-us li .icon{ display: block; width: 55px; height: 55px; margin: 0 auto; border-radius: 50%; background-color: #dbe8ff; background-repeat: no-repeat; background-position: center; -o-background-size: 38px; background-size: 38px; }
.contact-us li .icon1{ background-image: url(../images/contact_01.png); }
.contact-us li .icon2{ background-image: url(../images/contact_02.png); }
.contact-us li .icon3{ background-image: url(../images/contact_03.png); }
.contact-us li .icon4{ background-image: url(../images/contact_04.png); }
.contact-us li .title{ line-height: 50px; font-size: 18px; color: #2b6cf8; }
.contact-us li .des{ line-height: 22px; color: #666; }
.contact-methods{ padding: 75px 90px; }
.contact-methods .title{ position: relative; padding-left: 40px; line-height: 50px; font-size: 24px; color: #2b6cf8; }
.contact-methods .title:before{ content: ''; position: absolute; top:10px; left: 0; display: block; width: 10px; height: 30px; border-radius: 2px; background:-webkit-linear-gradient(352deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:-o-linear-gradient(352deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:-webkit-linear-gradient(8deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:-moz-linear-gradient(8deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:-o-linear-gradient(8deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); background:linear-gradient(82deg, rgba(2,209,254,1) 0%, rgba(43,108,248,1) 100%); }
.contact-methods .title-sign{ line-height: 44px; margin-bottom: 30px; color: #acacac; }
.methods-bus,.methods-form{ width: 50%; }
.methods-bus dl{ margin-bottom: 25px; }
.methods-bus dt{ float: none; padding-left: 55px; height: 36px; line-height: 36px; font-size: 18px; font-weight: 600; color: #666; background-repeat: no-repeat; background-position: left center; }
.methods-bus dt.icon1{ background-image: url(../images/method_icon1.png); }
.methods-bus dt.icon2{ background-image: url(../images/method_icon2.png); }
.methods-bus dt.icon3{ background-image: url(../images/method_icon3.png); }
.methods-bus dd{ padding: 10px 0; }
.methods-bus dd p{ line-height: 20px; color: #acacac; }
.methods-bus dd p span{ margin-left: 119px; }
.methods-form .input-box{ padding: 18px 0 10px; border-bottom: 1px dashed #ececec; overflow: hidden; }
.methods-form .input-box span{ display: block; float: left; line-height: 45px; font-size: 18px; font-weight: 600; color: #666; letter-spacing: 2px; }
.methods-form .input-text{ display: block; float: left; width: 80%; padding: 0 10px; height: 45px; line-height: 45px; font-size: 18px; }
.methods-form .btn{ display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 20px; margin-top: 80px; text-align: center; background:-webkit-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:-o-linear-gradient(325deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:-webkit-linear-gradient(35deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:-moz-linear-gradient(35deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:-o-linear-gradient(35deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); background:linear-gradient(55deg, rgba(50,216,236,1) 0%, rgba(51,140,233,1) 100%); color: #fff; }
/*about 联系我们*/
.about-detail{ background: #f2f2f2; padding-bottom: 140px; }
.about-detail .crumb{ font-size: 12px; line-height: 24px; padding: 25px 0 11px; }
.detail-box{ position: relative; background: #fff; padding: 0 100px 50px;box-shadow:0px 3px 6px rgba(0,0,0,0.16); }
.detail-box .sign{ top:40px; left: 40px; color: rgba(51,140,233,.1);}
.detail-hd{ padding: 70px 0 40px; border-bottom: 1px solid #acacac; text-align: center; }
.detail-hd h3{ font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.detail-hd .time{ font-size: 16px; color: #acacac; }
.detail-bd{ padding: 20px 0 50px; }
.detail-bd p{ font-size: 16px; line-height: 35px; }
.detail-bd img{ display: inline-block; max-width: 100%; margin: 15px 0; }
.detail-tool{ border-top: 1px solid #acacac; }
.detail-tool .prev{ float: left; }
.detail-tool .next{ float: right; }
.detail-tool a{ display: inline-block; line-height: 60px; max-width: 45%; color: #666; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.detail-tool a:hover{ color: #04a7ec; }
.share{ padding: 20px 0; }
.share .share-text{ float: left; display: inline-block; line-height: 40px; margin-right: 5px; }
.social-share-box{ float: left; }
.share .social-share-icon{ display: inline-block; float: left; width: 24px; height: 24px; margin-top: 8px; margin-right: 10px; border: 1px solid #acacac; border-radius: 4px; background-repeat: no-repeat; background-position: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.share .social-share-icon:last-child{ margin-right: 0; }
.share .link-box{ position: relative; display: inline-block; float: left; width: 24px; height: 24px; margin-top: 8px; margin-right: 10px; border: 1px solid #acacac; border-radius: 4px; }
.share .link{ display: inline-block; width: 100%; height: 100%; margin: 0; background-image: url(../images/share_link1.png); background-repeat: no-repeat; background-position: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.icon-qq{ background-image: url(../images/share_qq1.png); }
.icon-wechat{ background-image: url(../images/share_weixin1.png); }
.icon-weibo{ background-image: url(../images/share_weibo1.png); }
.share a.link:hover{ background-image: url(../images/share_link2.png); }
.share a:hover{ background-color: #04a7ec; border-color: #04a7ec; }
.icon-qq:hover{ background-image: url(../images/share_qq2.png); }
.icon-wechat:hover{ background-image: url(../images/share_weixin2.png); }
.icon-weibo:hover{ background-image: url(../images/share_weibo2.png); }
.share .icon-tencent,.share .icon-douban,.share .icon-qzone,.share .icon-linkedin,.share .icon-diandian,.share .icon-facebook,.share .icon-twitter,.share .icon-google{ display: none; }
.link-des,.link-success{ display: none; width: 90px; height: 22px; line-height: 22px; font-size: 12px; text-align: center; color: #04a7ec; box-shadow:0px 3px 6px rgba(0,0,0,0.16); }
.link-des{ position: absolute; left: 50%; margin-left: -45px; top:-28px; }
.link-success{ position: absolute; left: 0; top:22px; }
.link-box:hover .link-des{ display: block; }
#copyVal{ opacity: 0; height: 0; }

/*课程资源 财会培训 ck表示财会*/
.ck-banner{ background: url(../images/ck_banner.jpg) no-repeat center; }
.ck-banner .banner-mask{ background: rgba(51,51,51,.75); }
.ck-banner .banner-text{ position: absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.ck-banner-title{ position: relative; margin-bottom: 25px; }
.ck-banner h3{ position: relative; z-index: 2; display: inline-block; font-size: 80px; letter-spacing: 10px; }
.ck-banner .banner-text-box{ float: right; width: 60%; text-align: right; }
.underline{ position: absolute; z-index: 1; bottom: -5px; display: inline-block; height: 20px; } 
.ck-banner .underline{ right: 0; width: 380px; background:-webkit-linear-gradient(left, #32d8ec 0%, #338ce9 100%);background:-o-linear-gradient(left, #32d8ec 0%, #338ce9 100%);background:-moz-linear-gradient(left, #32d8ec 0%, #338ce9 100%);background:linear-gradient(to right, #32d8ec 0%, #338ce9 100%); }
.ck-banner .ck-banner-des{ position: relative; font-size: 24px; line-height: 42px;margin-bottom: 70px; }
.ck-banner .sign{ z-index: 0; right:0; bottom: -145px; font-size: 200px;line-height: 200px; color: #32d8ec; opacity: .2; }
.ck-banner .more{ position: relative; z-index: 2; display: inline-block; width: 140px; height: 60px; line-height: 60px; font-size: 20px; text-align: center; border: 1px solid #fff; color: #fff; }
.ck-banner .ck-banner-tag{ position: absolute; left: 0; top:50%; -webkit-transform: translateY(-50%) rotate(270deg); -moz-transform: translateY(-50%) rotate(270deg); -ms-transform: translateY(-50%) rotate(270deg); -o-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); font-size: 20px; color: #fff; }
.features-box{ padding-top: 70px; }
.features-box img{ display: block; max-width: 100%; margin: 0 auto; }
.ck-feat-box1{ background: url(../images/triangle1.png) no-repeat right 580px;  }
.ck-feat01{ margin-bottom: 72px; }
.ck-feat02{ background: url(../images/ck_feat02_bg.png) no-repeat center 310px; }
.ck-feat-box2{ position: relative; background-color: #f7f7f7; padding-top: 62px; background-image: url(../images/triangle2.png); background-repeat: no-repeat; background-position: left 702px; }
.ck-feat03{ padding-bottom: 41px; background: url(../images/triangle3.png) no-repeat right bottom; }
.ck-feat-box3{ background: #fff url(../images/triangle4.png) no-repeat left 926px; padding: 20px 0 80px; }
/*课程资源 学历课程*/
.ed-banner{ background: #fff url(../images/ed_banner.png) no-repeat center; }
.ed-banner .banner-text{ position: absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.ed-banner .banner-text-box{ text-align: right; }
.ed-banner h3{ font-size: 80px; letter-spacing: 7px; margin-bottom: 10px; }
.ed-banner-des2{ margin-bottom: 40px; }
.ed-banner-des2 ul{ float: right; }
.ed-banner-des2 ul li{ float: left; display: inline-block; }
.ed-banner .ed-banner-des1{ font-size: 36px; line-height: 60px; margin-bottom: 12px; }
.ed-banner-des2 ul li{ height: 40px; line-height: 40px; font-size: 24px; margin-left: 40px; padding-left: 35px; background-repeat: no-repeat; background-position: left center;  }
.ed-banner-des2 ul li.icon1{ background-image: url(../images/ed_banner_icon1.png); }
.ed-banner-des2 ul li.icon2{ background-image: url(../images/ed_banner_icon2.png); }
.ed-banner-des2 ul li.icon3{ background-image: url(../images/ed_banner_icon3.png); }
.ed-banner-des2 ul li.icon4{ background-image: url(../images/ed_banner_icon4.png); }
.ed-banner .more{ display: inline-block; width: 140px; height: 60px; line-height: 60px; border-radius: 30px; border: 1px solid #fff; text-align: center; font-size: 20px; color: #fff; }
.ed-parts img{ display: block; max-width: 100%; margin: 0 auto; }
.ed-part01{ padding-top: 96px; }
.ed-part02{ padding-top: 92px; background: url(../images/ed_bg_grey01.png) no-repeat center bottom; }
.ed-part03{ padding-top: 93px; background: #f7f7f7; }
.ed-part04{ padding-top: 24px; height: 685px; position: relative; background: #f7f7f7; }
.ed-part04 img{ position: absolute; left: 0; top:24px; margin: 0; }
.ed-part05{ padding-top: 10px; background: #f7f7f7; background: url(../images/ed_bg_grey02.png) no-repeat center top; }
.ed-parts .img06{ padding-top: 73px; }
.ed-parts .img07{ padding-top: 31px; }
.ed-parts .img08{ padding-top: 50px; }
.ed-parts .img09{ padding-top: 38px; }
.ed-part07{ padding-top: 96px; }
.ed-part09{ padding-top: 35px; background: url(../images/ed_bg_grey03.png) no-repeat center bottom; }
.ed-part10{ padding-top: 82px; background: #f7f7f7; }
.ed-parts .img13{ padding: 60px 0; }
.ed-part07 h3{ font-size: 30px; letter-spacing: 5px; font-weight: normal; text-align: center; }
.ed-part07-hd{ text-align: center; margin-bottom: 40px; }
.ed-part07-hd ul{ display: inline-block; }
.ed-part07-hd ul li{ float: left; display: inline-block; width: 160px; padding-top: 30px; border-bottom: 2px solid #eee; font-size: 20px; line-height: 40px; cursor: pointer; }
.ed-part07-hd ul li.active{ color:#007cac; border-bottom-color:#007cac; }
.ed-part07-bd{ position: relative; opacity: 0; }
.ed-part07-bdbox{ position: relative; padding-bottom: 90px; height: 230px; }
.ed-part07-bd{ position: absolute; top:0; left: 0; width: 100%; height: 140px; }
.swiper-school{ margin: 0 60px; position:static; }
.swiper-school .swiper-slide{ width: 25% !important; }
.swiper-school .swiper-slide .slide-box{ width: 300px;height: 140px; margin-left: 12px; border:1px solid #e3e3e3; padding: 30px; }
.swiper-school .swiper-slide img{ display: inline-block; float: left; margin-right: 10px; }
.swiper-school .swiper-slide .slide-text{ margin-top: 18px; float: left; }
.swiper-school .swiper-slide .slide-text h4{ font-size: 18px; line-height: 40px; }
.swiper-school .swiper-slide .slide-text p{ font-size: 14px; line-height: 22px; color: #acacac; }
.swiper-school .swiper-button-next,.swiper-school .swiper-button-prev{ width: 32px; height: 32px; margin-top: -16px; outline: none; }
.swiper-school .swiper-button-next,.swiper-school .swiper-container-rtl .swiper-button-prev{ right: 0px; background: url(../images/btn_right.png) no-repeat center; }
.swiper-school .swiper-button-prev,.swiper-school .swiper-container-rtl .swiper-button-next{ left: 0px; background: url(../images/btn_left.png) no-repeat center; }

/*课程资源 室内设计 sn表示室内*/
.sn-banner{ background: url(../images/sn_banner.png) no-repeat center; }
.sn-banner .banner-mask{ background: rgba(0,0,0,.6);}
.sn-banner .banner-text{ position: absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.sn-banner .banner-text-box{ text-align: left; }
.sn-banner h5{ font-size: 35px; line-height: 45px; font-weight: normal; color: rgba(255,255,255,.75); }
.sn-banner h3{ font-size: 80px; line-height: 112px;margin-bottom: 15px; }
.sn-banner .des{ margin-bottom: 50px; font-size: 26px; color: rgba(255,255,255,.65); letter-spacing: 0; }
.sn-banner .more{ display: inline-block; width: 140px; height: 60px; line-height: 60px; text-align: center; border-radius: 30px; background: #fff; font-size: 20px; color: #444bfb; }
.sn-parts img{ display: block; max-width: 100%; }
.sn-part02{ padding: 110px 0 130px; background: #f8f8f8 url(../images/snbg_n1.png) no-repeat left 84px; }
.sn-part03 img{ float: right; }
.sn-part04{ padding: 110px 0 135px; background: url(../images/snbg_02.png) no-repeat center; }
.sn-part05{ padding: 111px 0 162px; background: url(../images/snbg_03.png) no-repeat center bottom; }
.sn-part06{ padding: 110px 0; background: #f8f8f8 url(../images/snbg_n5.png) no-repeat left 14px; }
.sn-part07{ padding: 111px 0 128px; }

/*课程资源 高效办公 bg表示办公*/
.bg-banner{ background: url(../images/bg_banner.png) no-repeat center; }
.bg-banner .banner-mask{ background: rgba(68,68,68,.7); }
.banner-text-wrapper{ position: relative; width: 100%; height: -webkit-calc(100% - 260px); height: -moz-calc(100% - 260px); height: calc(100% - 260px); left: 0; top:80px; bottom: 188px; right: 0; }
.bg-banner .banner-text{ position: absolute; height: 418px; top:50%; margin-top: -204px; padding-top: 0;}
.bg-banner .banner-text .wrap{ position: relative; }
.bg-banner .banner-text-box{ width: 60%; text-align: left; }
.bg-banner .banner-text-box ul{ margin-bottom: 10px; }
.bg-banner .banner-text-box ul li{ display: block; width: 60px; height: 60px; margin-right: 20px; float: left; background-repeat: no-repeat; background-position: center; }
.bg-banner .banner-text-box .icon1{ background-image: url(../images/bg_banner_icon1.png); }
.bg-banner .banner-text-box .icon2{ background-image: url(../images/bg_banner_icon2.png); }
.bg-banner .banner-text-box .icon3{ background-image: url(../images/bg_banner_icon3.png); }
.bg-banner .banner-text-box h3{ font-size: 80px; line-height: 112px; margin-bottom: 40px; }
.bg-banner .bg-banner-des{ font-size: 30px; line-height: 50px; margin-bottom: 40px; }
.bg-banner .more{ display: inline-block; width: 144px; height: 56px; line-height: 56px; border: 1px solid #fff; text-align: center; font-size: 20px; color: #fff;}
.bg-banner .bg-banner-tag{position: absolute; right: 0; top:50%; -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); font-size: 20px; color: #fff;}
.bg-banner-item{ position: absolute; bottom: 0; left: 0; width: 100%; height: 180px; }
.bg-banner-item .item-bg{ position: absolute; left: 0; width: 50%; height: 100%; background: #fff; }
.bg-banner-item .wrap{ position: relative; z-index: 2; background: #fff;}
.bg-banner-item ul{ height: 180px; padding: 43px 0; }
.bg-banner-item ul li{ display: inline-block; float: left; width: 350px;}
.bg-banner-item p{ line-height: 22px; font-size: 16px; letter-spacing: 0; }
.bg-banner-item .num{ font-size: 16px; margin-bottom: 4px; color: #333; }
.bg-banner-item h4{ font-weight: normal; font-size: 30px; line-height: 42px; margin-bottom: 4px; color: #333; }
.bg-banner-item .num-en{ color: #acacac; }
.office-box img{ display: block; max-width: 100%; text-align: center; }
.office-part01{ padding: 120px 0 60px; text-align: center; }
.office-box .en-blue{ font-size: 20px; line-height: 30px; color: #007caa; }
.office-box h4{ font-size: 50px; line-height: 70px; font-weight: normal; color: #333; margin-bottom: 4px; }
.office-box .tit-des{ font-size: 20px; line-height: 28px; color: #acacac; }
.office-part01 .img01{ padding: 40px 0 90px; }
.office-part03{ text-align: center; padding: 64px 0 38px; }
.office-part03 .img02{ padding-top: 60px; }
.office-part04{ background: #f6f6f6 url(../images/office_part04_bg.png) no-repeat top center; }
.office-part04 h4{ margin-bottom: 20px; }
.office-part04 .tit-des{ line-height: 30px; }
.office-part04 .textbook{ padding: 164px 0 160px; }
.office-part04 .textbook .wrap{ position: relative; }
.office-part04 .textbook .text{ position: absolute; top:164px; width: 360px;}
.office-part04 .textbook .img-box{ float: right; width: 83%; }
.office-part04 .team{ padding-bottom: 140px; }
.office-part04 .team .img-box{ width: 62%; float: left; }
.office-part04 .team .text{ width: 30%; float: right; text-align: right; padding-top: 170px; }
/*视觉UI*/
.ui-banner{ background: #3798f7; }
.ui-banner .banner-text-box{ position: relative; width: 92%; min-width: 1500px; height:-webkit-calc(100vh - 220px); height:-moz-calc(100vh - 220px); height:calc(100vh - 220px); margin: 140px auto 80px; background:-webkit-linear-gradient(1deg,rgba(10,207,254,1) 0%,rgba(73,90,255,1) 100%); background:-moz-linear-gradient(1deg,rgba(10,207,254,1) 0%,rgba(73,90,255,1) 100%); background:-o-linear-gradient(1deg,rgba(10,207,254,1) 0%,rgba(73,90,255,1) 100%); background:linear-gradient(89deg,rgba(10,207,254,1) 0%,rgba(73,90,255,1) 100%); border-radius:160px; }
.ui-banner .banner-text-box .wrap{ height: 100%; }
.ui-banner .phone-img{ position: absolute; height: 86%; right: 0; top:10%; }
.ui-banner .phone-img img{ display: block; max-height: 100%; }
.ui-banner-text{ position: absolute; padding-top: 110px; top:10%; background: url(../images/ui/ui_interface.png) no-repeat top left; }
.bottom-des{ position: absolute; bottom: 40px; }
.ui-banner h3{ font-size: 90px; line-height: 126px; }
.ui-banner .banner-title{ font-size: 42px; line-height: 60px; margin-bottom: 24px; }
.ui-banner .banner-des{ letter-spacing: 0; font-size: 22px; line-height: 35px; margin-bottom: 50px; }
.ui-banner .more{  display: inline-block; width: 140px; height: 60px; line-height: 60px; text-align: center; border-radius: 30px; background: #fff; font-size: 20px; color: #249efe; }
.bottom-des p{ font-size: 14px; line-height: 20px; opacity: .65; margin-bottom: 10px; }
.bottom-des .des-en{ letter-spacing: 0; font-size: 12px; line-height: 14px; opacity: .4; }
.ui-banner-item{ position: relative; }
.ui-banner-item .item-img{ display: block; max-width: 100%; }
.ui-item-box{ position: absolute; left: 0; top:0; width: 100%; height: 100%; color: #fff; }
.ui-item-text{ position: absolute; width: 50%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.ui-item-text h4{ padding-bottom: 16px; margin-bottom: 30px; line-height: 45px; font-size: 30px; background: url(../images/ui/line.png) no-repeat left bottom; letter-spacing: 3px; }
.ui-item-text p{ font-size: 20px; line-height: 30px; color: rgba(255,255,255,.65); margin-bottom: 20px; }
.ui-item-text .video-btn{ display: inline-block; padding-left: 50px; height: 40px; line-height: 40px; background: url(../images/ui/btn_video.png) no-repeat left center; font-size: 20px; color: #fff; }
.ui-parts img{ display: block; max-width: 100%; }
.ui-part01{ padding: 170px 0 190px; }
.ui-part01 h3{ font-size: 40px; line-height: 60px; color: #333; margin-bottom: 30px; }
.ui-part01 .text-des{ font-size: 20px; line-height: 26px; margin-bottom: 70px; }
.ui-part01 ul li{ position: relative; width: 340px; height: 280px; padding: 0 20px; float: left; margin-right: 20px; border-radius:10px; box-shadow:0px 3px 6px rgba(0,0,0,0.16); color: #fff; }
.ui-part01 ul li:last-child{ margin-right: 0; }
.ui-part01 ul li.item01{ background:-webkit-linear-gradient(136deg,rgba(50,216,236,1) 0%,rgba(51,143,233,1) 100%); background:-moz-linear-gradient(136deg,rgba(50,216,236,1) 0%,rgba(51,143,233,1) 100%); background:-o-linear-gradient(136deg,rgba(50,216,236,1) 0%,rgba(51,143,233,1) 100%); background:linear-gradient(314deg,rgba(50,216,236,1) 0%,rgba(51,143,233,1) 100%);}
.ui-part01 ul li.item02{ background:-webkit-linear-gradient(143deg,rgba(109,126,247,1) 0%,rgba(150,89,236,1) 100%); background:-moz-linear-gradient(143deg,rgba(109,126,247,1) 0%,rgba(150,89,236,1) 100%); background:-o-linear-gradient(143deg,rgba(109,126,247,1) 0%,rgba(150,89,236,1) 100%); background:linear-gradient(307deg,rgba(109,126,247,1) 0%,rgba(150,89,236,1) 100%); }
.ui-part01 ul li.item03{ background:-webkit-linear-gradient(142deg,rgba(240,81,145,1) 0%,rgba(183,80,220,1) 100%); background:-moz-linear-gradient(142deg,rgba(240,81,145,1) 0%,rgba(183,80,220,1) 100%); background:-o-linear-gradient(142deg,rgba(240,81,145,1) 0%,rgba(183,80,220,1) 100%); background:linear-gradient(308deg,rgba(240,81,145,1) 0%,rgba(183,80,220,1) 100%); }
.ui-part01 ul li.item04{ background:-webkit-linear-gradient(145deg,rgba(255,214,111,1) 0%,rgba(249,142,6,1) 100%); background:-moz-linear-gradient(145deg,rgba(255,214,111,1) 0%,rgba(249,142,6,1) 100%); background:-o-linear-gradient(145deg,rgba(255,214,111,1) 0%,rgba(249,142,6,1) 100%); background:linear-gradient(305deg,rgba(255,214,111,1) 0%,rgba(249,142,6,1) 100%); }
.ui-part01 ul li h4{ position: absolute; font-size: 80px; line-height: 106px; padding-top: 30px; color: #fffdfd; opacity: .1; font-weight: normal; }
.ui-part01 ul li h5{ font-size: 28px; font-weight: normal; line-height: 40px; padding-top: 60px; margin-bottom: 22px; }
.ui-part01 ul li p{ font-size: 16px; line-height: 30px; }
.ui-part02{ padding-bottom: 65px; background: url(../images/ui/bg_circle1.png) no-repeat left top; }
.ui-part02 .img-box{ width: 45%; float: left; }
.ui-part02 .img-box img{ margin-top: -7px; }
.ui-part02 .text{ width: 43%; float: right; padding-top: 194px; }
.ui-parts .part-title{ position: relative; font-size: 40px; line-height: 60px; font-weight: normal; margin-bottom: 32px; }
.ui-parts .special-text{ position: absolute; top:-40px; left: -10px; font-size: 100px; color: #338fe9; opacity: .2; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }
.ui-parts .part-des{ font-size: 20px; line-height: 30px;margin-bottom: 45px; }
.ui-text-box .suit{ float: left; display: inline-block; width: 30px; font-size: 30px; line-height: 36px; color: #acacac; }
.ui-text-box .circle{ float: left;  display: inline-block; width: 6px; margin: 35px 10px;}
.ui-text-box .circle i{ display: inline-block; width: 100%; height: 6px; border-radius: 50%; background: #acacac;  }
.ui-text-box .circle i:first-child{ margin-bottom: 40px; }
.ui-text-box .other p{ line-height: 30px; }
.ui-part03{ padding-bottom: 72px; background: url(../images/ui/bg_circle2.png) no-repeat right top; }
.ui-part03 .text{ float: left; width: 42%; padding-top: 270px; }
.ui-part03 .img-box{ float: right; width: 51%; }
.ui-part03 .img-box img{ padding: 180px 0 203px; }
.ui-part04{ padding-bottom: 200px; background: url(../images/ui/bg_circle1.png) no-repeat left top; }
.ui-part04 .img-box{ float: left; width: 50%; }
.ui-part04 .img-box img{ padding: 102px 0 128px; }
.ui-part04 .text{ float: right; width: 43%; padding-top: 120px; }
.ui-part04 .other{ margin-top: -5px; }
.ui-part04 .other span{ display: inline-block; width: 140px; height: 44px; line-height: 44px; margin-right: 20px; margin-bottom: 10px; text-align: center; border-radius: 10px; box-shadow:0px 3px 6px rgba(0,0,0,0.16); }
.ui-part04 .other span:nth-child(3n){ margin-right: 0; }
.ui-part05{ background: #f8f8f8; text-align: center; }
.ui-part05 .wrap{ padding: 103px 0 193px; background: url(../images/ui/whitecircle.png) no-repeat left bottom; }
.ui-part05 .part-title,.ui-part07 .part-title{ display: inline-block; }
.ui-part05 .part-des{ color: #666; }
.ui-part05 img{ margin: 0 auto; }
.ui-part06{ padding: 144px 0 180px; }
.ui-part06 .img-box{ width: 48%; float: left; margin-top: 10px; }
.ui-part06 .text{ width: 45%; float: right; }
.ui-part06 .part-des{ color: #666; margin-bottom: 40px; }
.ui-part06 li{ position: relative; height: 170px; margin-left: 70px; margin-bottom: 20px; padding-left: 90px; border-radius:40px; box-shadow:0px 3px 6px rgba(0,0,0,0.16); }
.ui-part06 li .photo{ position: absolute; width: 140px; height: 140px; left: -70px; top:20px; }
.ui-part06 li .photo img{ display: block; max-width: 100%; }
.ui-part06 li .teacher-name{ font-size: 24px; line-height: 30px; padding-top: 20px; margin-bottom: 10px; }
.ui-part06 li .teacher-des{ color: #acacac; letter-spacing: 0; }
.ui-part07{ padding: 114px 0 160px; text-align: center; background: url(../images/ui/ui_part07_bg.png) no-repeat center top; }
.ui-part07 .special-text{ top:-50px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
.ui-part07 img{ margin: 0 auto; }