/* CSS Document Version: 1.0.0 Date: 2019/04/01 Author: Tian Guang Copyright: www.east.net123 */ /*二级栏目®*/ .TwoName{width: 100%;height:73px;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;flex-direction: row; -webkit-flex-direction:row;} .TwoName li{height: 73px;background:url(../images/icon-slide.html) #f5f7f8 right center no-repeat;font-size: 16px;color: #3d4b51;line-height: 73px;float: left;text-align: center;flex:1;-webkit-flex:1;transition: 1s all ease;} .TwoName li a{display: block;transition: 1s all ease;} .TwoName li:hover{transition: 1s all ease;background:url(../images/icon-slide.html) #e5e5e5 right center no-repeat;} .TwoName li:hover a{color: #ff4800;transition: 1s all ease;} .TwoName li:last-child{background:#f5f7f8;} .TwoName li:last-child:hover{background:#e5e5e5;} .TwoName li.active{transition: 1s all ease;background:url(../images/icon-slide.html) #e5e5e5 right center no-repeat;} .TwoName li.active a{color: #ff4800;transition: 1s all ease;} .banner{width: 100%;height:600px;position: relative;} .banner img{width: 100%;max-height: 100%;} .bannerW {position: absolute;width: 1200px;top: 210px;text-align: center;left: 50%;margin: 0px 0px 0px -600px;} /*.bannerW {position: absolute;width: 1200px;top: 50%;text-align: center;left: 50%;margin: 90px 0px 0px -600px;transform: translateY(-50%);}*/ .bannerW .p1{text-align: center;font-size: 38px;color: #fff;padding: 0px 0px 15px 0px;background: url(../images/icon-slide.png) center bottom no-repeat;} .bannerW .p2{text-align: center;font-size: 16px;color: #fff;margin: 15px 0px 60px 0px;line-height: 28px;letter-spacing: 2px;} .bannerW a.back{font-size: 14px;color: #fff;height: 48px;line-height: 48px;width: 142px;text-align: center;background: url(../images/icon-btn2.png) center center no-repeat;display: inline-block;} .bannerW a.back1{color: #fff;background: url(../images/icon-btn3.html) center center no-repeat;margin: 0px 0px 0px 15px;} .bannerW .p1 em{font-size:48px;color: #ff4800;} /*联系我们*/ .ContactBox{background: url(../images/icon-footbg.html) left bottom no-repeat;padding: 0px 0px 110px 0px;} .Contact{box-shadow: 0px 0px 20px #eee;margin: 110px auto 0px;width: 1200px;background: #fff;} .ContactL{width: 665px;float:left;padding:25px 50px;} .ContactL li {margin:70px 0px 0px 0px;width:330px;float: left;min-height: 203px;} .ContactL li .tit{font-size: 24px;color: #3d4b51;margin:0px 0px 30px 0px;} .ContactL li .con{font-size: 16px;color: #3d4b51;line-height: 28px;} .ContactL li:nth-child(2n){float: right;} .ContactR{width:435px;height: 700px;float: right;background: url(../images/icon-contactbg.html) center center no-repeat;} .ContactR ul{padding:95px 86px; } .ContactR ul li{margin:0px 0px 110px 0px;} .ContactR ul .t1{font-size: 24px;color: #fff;margin:15px 0px 30px 0px;} .ContactR ul .in{font-size: 16px;color: #fff;line-height: 28px;} /*404页面*/ .Content404{width: 1200px;margin:0 auto;} .Box404{background: #ff4800;position: relative;} .Box404L{padding: 150px 70px 140px 115px;width: 425px;float: left;} .Box404L .w1{font-size: 26px;color: #3d4b51;margin: 30px 0px 67px 0px;} .Box404L a.back{font-size: 14px;color: #fff;height: 35px;line-height: 35px;width: 105px;text-align: center;background: url(../images/icon-back.html) center center no-repeat;display: inline-block;} .Box404L a.back1{color: #ff4800;background: url(../images/icon-back1.html) center center no-repeat;margin: 0px 0px 0px 7px;} .Box404R{float: right;width: 590px;text-align: center;padding: 140px 0px 0px 0px;} /*.pageBan{height: 500px;}*/ .location{width: 1200px;margin:25px auto 0px;height: 20px;line-height: 20px;} .location a{font-size: 12px;color: #3d4b51;} .location span{color: #3d4b51;font-size: 12px;padding:0px 5px;} .location img{vertical-align:middle;margin:-2px 5px 0px 0px;} /*案例列表页*/ .case{width: 1200px;margin:0 auto;} .case .tit{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 50px 0px 16px 0px;background: url(../images/icon-circle11.html) 630px 10px no-repeat;} .case .a1{font-size: 14px;color: #3d4b51;text-align: center;letter-spacing: 1px;margin: 0px 0px 45px 0px;} .listNav{border-bottom: 1px solid #dfe1e2;width: 1200px;position: relative;margin: 0 auto;} .list1{width: 800px;margin:0 auto;} .listNav li{float:left;padding:0px 0px 13px 0px;text-align: center;} .listNav .swiper-button-prev{background: none;top: 25px;height: 20px;bottom: 0px;left: 150px;} .listNav .swiper-button-next{background: none;top: 25px;bottom: 0px;right: 130px;} .listNav li a{font-size: 16px;color: #3d4b51;} .listNav li:hover a{color: #f54c0a;} .listNav li.active{background: url(../images/icon-slide1.png) center bottom no-repeat;} .listNav li.active a{color: #f54c0a;} .listNav li:hover{background: url(../images/icon-slide1.png) center bottom no-repeat;} .caselist{margin: 60px 0px 0px 0px;} .caselist li{width: 284px;height: 235px;float: left;margin: 0px 21px 20px 0px;position: relative;} .caselist li .Img{width: 100%;height: 195px;position: relative;} .caselist li .Img img{width: 100%;height: 100%;} .caselist li .Img .Mask{display:none;position: absolute;top:0px;width: 100%;height: 100%;background: url(../images/icon-mask1.html) center center no-repeat;background-size: cover;text-align: center;} .caselist li .Img .Mask .p1{color: #fff;font-size: 20px;padding: 40px 0px 13px 0px;background: url(../images/icon-slide2.png) center bottom no-repeat;} .caselist li .Img .Mask .in{color: #fff;font-size: 14px;margin:10px 0px 0px 0px;line-height: 26px;} .caselist li:hover .Mask{display: block;} .caselist li .logo{width: 186px;height: 75px;background: url(../images/icon-btn4.html) center center no-repeat;position: absolute;bottom: 0px;left: 50%;margin-left: -93px;text-align: center;line-height: 56px;} .caselist li .logo img{vertical-align:middle;max-width: 70%;max-height:70%;} .caselist li.four{margin: 0px 0px 20px 0px;} #pages{text-align:center;margin: 0px 0px 40px 0px;} #pages a{display: inline-block;width: 38px;height: 38px;border:1px solid #c8cecf;text-align: center;line-height: 38px;color: #666666;font-size: 12px;background: #f7f7f7;} #pages a.prev{position: relative;top: 15px;background: url(../images/icon-prev.png) #f7f7f7 center center no-repeat;} #pages a.next{position: relative;top: 15px;background: url(../images/icon-next.png) #f7f7f7 center center no-repeat;} #pages a:hover{color:#fff;background:#ff4800;border:1px solid #ff4800;} #pages a.currentpage{color:#fff;background:#ff4800;border:1px solid #ff4800;} #pages a.prev:hover{background:url(../images/icon-prev.png) #f7f7f7 center center no-repeat;border:1px solid #c8cecf;} #pages a.next:hover{background:url(../images/icon-next.png) #f7f7f7 center center no-repeat;border:1px solid #c8cecf;} .case1{background: url(../images/icon-casebg.html) center top no-repeat;padding:90px 0px 10px 0px;} .case1 .b1{font-size: 24px;color: #3d4b51;text-align: center;margin:0px 0px 35px 0px;} .case1 form{width: 380px;height: 38px;line-height: 38px;margin: 0 auto 57px;position: relative;} .case1 form input[type='text']{width: 286px;height: 38px;line-height: 38px;text-indent: 1em;font-size: 14px;color: #3d4b51;background: url(../images/icon-input.html) center center no-repeat;} .case1 form input[type='text']::placeholder{color: #3d4b51;} .case1 form input[type='submit']{background: #ff4800;font-size: 12px;color: #fff;width: 93px;height: 38px;line-height: 38px;text-align: center;position: absolute;right: 0px;cursor: pointer;} /*案例详情*/ .threelist{margin:45px 0px 0px 0px;} .threelist li{width: 100px;height: 30px;line-height: 30px;text-align: center;background: url(../images/icon-btn5.html) center center no-repeat;display: inline-block;} .clientResume{background: #f6f8f9} .clientResume1 {display:flex;margin-bottom:50px;background: url(../images/icon-icon01.html) 0px 50px no-repeat;width: 1200px;margin: 20px auto;} .clientResume .clientResumeLeft {flex:1;width: 780px;padding: 50px 40px;float:left;} .clientResume .clientResumeRight {display:inline-block;width: 390px;} .clientResume .clientResumeLeft h3 {color: #3d4b51;font-size: 24px;margin-bottom: 20px;font-weight: normal;} .clientResume .clientResumeLeft p {font-size:14px;color: #3d4b51;line-height:30px;} .clientResumeRight img{width: 350px;height: 230px;margin:20px;} .completeCase {margin-bottom:70px;padding: 20px 20px 10px 20px;width: 1160px;margin: 0 auto;} .completeCase .demandbgTitle {margin-bottom: 20px;} .completeCase .demandbgTitle .demandBgBack {display:inline-block;width: 10px;height: 10px;background: url(../images/icon-circle12.html) center center no-repeat;margin: 10px 10px 0px 0px;} .completeCase .demandbgTitle .demandBg {display:inline-block;color: #3d4b51;font-size: 24px;vertical-align: top;font-weight: normal;} .completeCase .demandbgCon {color: #3d4b51;font-size:14px;line-height:30px;margin-bottom: 40px;} .CaseImg{width: 1200px;margin: 0 auto 50px;position: relative;min-height: 150px;} .CaseImg li{width: 295px;float: left;text-align: center;margin:0px 10px 0px 0px;} .CaseImg li .Img{width: 295px;height: 200px;overflow: hidden;} .CaseImg li .Img img{width: 100%;max-height: 100%;transition:1s all ease;transform:scale(1.0);} .CaseImg li:hover img{transform:scale(1.2);} .CaseImg li .title{font-size: 14px;color: #3d4b51;margin:20px 0px 0px 0px;} .CaseImg .swiper-button-prev{background: url(../images/icon-left2.html) center center no-repeat;width: 60px;height: 120px;left: -34px;z-index: 99999;top: 70px;} .CaseImg .swiper-button-next{background: url(../images/icon-right1.html) center center no-repeat;width: 60px;height: 120px;right: -33px;z-index: 99999;top: 70px;} .CaseImg .swiper-button-prev:hover{background: url(../images/icon-hover3.html) center center no-repeat;} .CaseImg .swiper-button-next:hover{background: url(../images/icon-hover1.html) center center no-repeat;} .CaseInfos .case1{background: url(../images/icon-casebg-2.html) center center no-repeat;height: 173px;background-size: cover;} .CaseInfos .case1 .b1{color:#fff;} .CaseInfos .case1 form input[type='submit']{background: url(../images/icon-btn6.html) center center no-repeat;right: 2px;font-size: 14px;} .CaseImg .tit{color: #3d4b51;font-size: 24px;text-align: center;line-height: 30px;font-weight: normal;padding: 80px 0px 45px 0px;background: url(../images/icon-circle21.html) 582px 42px no-repeat;} .CaseImg .CaseImg3{height:310px;} .CaseImg4 .swiper-button-prev{top: 280px;} .CaseImg4 .swiper-button-next{top: 280px;} .CaseImg4 li{border-radius:5px;} .CaseImg4 li .Img{height: 310px;border-radius:5px;width:100%;} .CaseImg4 li .Img img{height: 100%;width:auto;} .CaseImg4 li .title{position:absolute;bottom:0px;height:185px;width:100%;font-size:18px;color:#fff;background:url(../images/icon-mask2.html) center bottom no-repeat;} .CaseImg4 li .title .t1{position:absolute;bottom: 30px;text-align: center;width: 100%;left: 0px;} .CaseImg4 .more{display: block;width: 140px;height: 34px;border:1px solid #ff4800;color: #ff4800;border-radius: 20px;text-align: center;line-height: 34px;margin: 55px auto 0px;} .CaseImg4 .more:hover{background:#ff4800;color:#fff;} /*关于我们*/ .threeName{width: 1200px;margin: 75px auto 0px;border-bottom:1px solid #dfe1e2;text-align:center;} .threeName .a1{display:inline-block;font-size:16px;color:#3d4b51;padding: 0px 5px 10px 5px;border-bottom: 3px solid transparent;margin:0px 25px} .threeName .a1.active{border-bottom:3px solid #ff4800} .threeName .a1:hover{border-bottom:3px solid #ff4800} .About{width: 1200px;margin:0 auto;} .About .tit{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 80px 0px 75px 0px;background: url(../images/icon-circle28.html) 470px 30px no-repeat;margin: 25px 0px 0px 0px;} .About1L{width: 450px;float: left;} .About1L .w1{font-size: 28px;color: #3d4b51;background: url(../images/icon-icon01.html) left 40px no-repeat;padding: 30px 0px 0px 36px;line-height: 42px;} .About1L .w1 em{color: #e9422b;} .About1R{width: 675px;height: 380px;float: right;position: relative;z-index: 999999999;} .About1Ra{width: 900px;height: 400px;position: relative;z-index: 999999999;left: 50%;margin-left: -37%;top: 30px;} .About1R img{width:100%;} .About1{background: url(../images/icon-aboutbg.png) center bottom no-repeat;padding: 0px 0px 75px 0px;background-size: cover;} .AboutBox1{width: 1200px;margin:0 auto;} .About2{background: url(../images/icon-footbg.html) left top no-repeat;margin-top: -125px;padding: 100px 0px 0px 0px;} .About2 .tit{background: url(../images/icon-circle14.html) 470px 55px no-repeat;} .aboutIn{font-size: 14px;color: #3d4b51;line-height: 30px;text-align: justify;width: 890px;margin:0 auto 50px;} .About3{background: url(../images/icon-circle15.html) center top no-repeat;padding: 100px 0px 0px 0px;background-size: cover;} .About3Box{width: 1200px;margin:0 auto;background: url(../images/icon-b2.png) right top no-repeat;padding: 45px 0px 0px 0px;} .About3BoxL{background: url(../images/icon-b1.png) center center no-repeat;width: 630px;height: 410px;padding: 50px 0px 0px 0px;float: left;margin: 70px 0px 0px 0px;} .About3BoxL li{padding: 0px 0px 65px 50px;color: #fff;font-size: 14px;width: 360px;} .About3BoxL li .c1{font-size: 24px;margin: 0px 0px 15px 0px;} .About3BoxR{width: 544px;float: right;padding: 0px 25px 0px 0px;} .About3BoxR .name{font-size: 24px;color: #3d4b51;margin: 0px 0px 35px 0px;} .About3BoxR li{color: #3d4b51;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 90px;} .About3BoxR li .d1{font-size: 18px;margin: 0px 0px 10px 0px;line-height: 30px;} .About3BoxR li .d2{font-size: 14px;line-height: 20px;word-break: normal;word-wrap: break-word;text-align: justify;} .About3BoxR li.li1{background:url(../images/icon-b3.png) left center no-repeat;} .About3BoxR li.li2{background:url(../images/icon-b4.html) left center no-repeat;} .About3BoxR li.li3{background:url(../images/icon-b5.html) left center no-repeat;} .About3BoxR li.li4{background:url(../images/icon-b6.html) left center no-repeat;} .About4 .About .tit{padding: 80px 0px 75px 0px;background: url(../images/icon-circle27.html) 470px 60px no-repeat;margin: 0px;} .manager li{width: 100%;height: 220px;position: relative;margin: 0px 0px 90px 0px;background: url(../images/icon-b7.html) left center no-repeat;} .manager li.li1{background: url(../images/icon-b7.html) left center no-repeat;} .manager li.li2{background: url(../images/icon-b8.html) right center no-repeat;} .manager li:nth-child(2n){background: url(../images/icon-b8.html) right center no-repeat;} .manager li .Con{width: 1160px;margin:0 auto;position: relative;height: 100%;padding:0px 20px;} .manager li .Img{width: 270px;text-align: center;position: absolute;bottom: 0px;} .manager li .Words{width: 820px;float: right;margin: 30px 0px 20px 0px;} .manager li .n1{color: #3d4b51;font-size: 16px;margin: 0px 0px 17px 0px;} .manager li .n2{font-size: 24px;} .manager li .slide{width: 2px;background: #3d4b51;display: inline-block;height: 12px;position: relative;top: 1px;margin: 0px 9px;opacity: 0.7;} .manager li .sum{color: #3d4b51;font-size: 14px;line-height: 26px;word-break: break-word;} .manager li.li2 .Img{right: 0px;} .manager li.li2 .Words{float:left;} .manager li:last-child{margin:0px 0px 30px 0px;} .Development1{padding:5px 0px 0px 0px;max-height: 1579px;overflow: hidden;} .Development{width: 1200px;margin:0 auto;background: url(../images/icon-slide3.png) 313px center repeat-y;padding: 0px 0px 50px 0px;} .Development .years{margin: 0px 0px 40px 305px;background: url(../images/icon-b9.html) left center no-repeat;font-size: 30px;color: #3d4b51;padding: 0px 0px 0px 40px;position: relative;top: -13px;} .years1L{width: 330px;float: left;} .y1{color:#3d4b51;font-size: 30px;background: url(../images/icon-time.html) right center no-repeat;text-align: right;padding: 0px 50px 0px 0px;margin: 0px 0px 5px 0px;width: 280px;} .years1L li{text-align:right;padding: 0px 50px 0px;background: url(../images/icon-b10.html) 307px center no-repeat;margin: 20px 0px 0px 0px;} .years1L .month{display: inline-block;width: 95px;height: 35px;line-height: 35px;background:url(../images/icon-b11.html) center center no-repeat;font-size: 18px;color: #fff;text-indent: 25px;text-align: left;} .years1{margin: 0px 0px 25px 0px;} .years1R{width: 810px;float: right;/* margin: 50px 0px 0px 0px; */padding: 27px 20px 7px 20px;background: #f5f5f5;/* border-radius: 10px; */} .years1RBox{padding: 27px 20px;background: #f5f5f5;/* border-radius: 10px; */} .years1R .tit2{font-size: 16px;color:#3d4b51;margin: 0px 0px 44px 0px;} .years1R .tit2:last-child{margin:0px;} .About .loadmore{font-size: 14px;color: #ff4900;display:block;width: 160px;line-height: 34px;border:1px solid #ff4900;border-radius: 20px;text-align: center;margin: 30px auto 0px;} .years1RBox .tit2 img{margin:0px 20px 0px 0px;} .AboutContent{background: url(../images/icon-footbg1.html) center bottom no-repeat;padding:0px 0px 150px 0px;background-size: contain;} .AboutContent .tit{background: url(../images/icon-circle29.html) 490px 35px no-repeat;margin: 0px;padding: 60px 0px 75px 0px;} .Development1.show{max-height: none;} .years1R .tit33{margin:0px 0px 30px 0px;padding: 0px 0px 20px 0px;} .years1R.first{border-top-left-radius:10px;border-top-right-radius:10px;} .years1R.last{border-bottom-left-radius:10px;border-bottom-right-radius:10px;} /*技术服务*/ .Service .tit{background: url(../images/icon-circle14.html) 498px 45px no-repeat;} .Service1{width: 1200px;margin: 45px auto 0px;} .Service1 li{cursor:pointer;background: url(../images/icon-servicebg.html) center center no-repeat;width: 520px;height: 160px;float: left;padding: 20px 40px 20px 40px;position: relative;margin: 0px 0px 20px 0px;} .Service1 li img{position: absolute;right: 0px;bottom: 0px;} .Service1 li .w1{float: right;width:400px;margin: 10px 0px 0px 0px;} .Service1 li .s1{font-size: 24px;color: #3d4b51;margin: 0px 0px 10px 0px;} .Service1 li .s2{font-size:14px;color:#3d4b51;line-height: 26px;} .Service1 li .ser{font-size: 14px;color: #e9422b;text-align: center;width: 110px;height: 34px;line-height: 34px;border:1px solid #e9422b;border-radius: 20px;display: block;position: absolute;bottom: 30px;} .Service1 li:nth-child(2n){float: right;} .Service1 li:hover{background: url(../images/icon-servicebg1.html) center center no-repeat;} .Service1 li .ser:hover{background:#ff4800;color:#fff;} .Service1 li .Img{width:80px;height: 73px;float: left;background: url(../images/icon-school1.html) left top no-repeat;position: relative;} .Service2_1{margin:45px 0px 0px 0px;padding: 0px 0px 125px 0px;} .ServiceBox{background: url(../images/icon-footbg.html) left bottom no-repeat;} .Service2L .keyword{background: url(../images/icon-icon01.html) left 10px no-repeat;font-size: 26px;color: #3d4b51;padding: 0px 0px 30px 35px;} .Service2{background: url(../images/icon-e12.html) center bottom no-repeat;background-size: cover;margin: 10px 0px 0px 0px;} .Service2L{width: 700px;float: left;} .Service2L1 li{font-size: 22px;color: #3d4b51;height: 60px;line-height: 60px;margin: 0px 0px 10px 0px;} .Service2L1 li .Img{width: 65px;height: 60px;float:left;margin:0px 15px 0px 0px;background: url(../images/icon-school.png) left top no-repeat;position: relative;background-size: contain;} .Service2L1 li img{position: absolute;right: 0px;bottom:5px;max-width: 100%;} .Service2L .more{font-size: 14px;color: #fff;border:1px solid #ff4800;color:#ff4800;width: 140px;height: 35px;border-radius: 20px;text-align: center;line-height: 35px;display: inline-block;margin: 40px 0px 0px 35px;} .Service2L .more1{border:1px solid #ff4800;color: #ff4800;background: #fff;width:138px;height:33px;line-height: 33px;} .Service2L .more1:hover{background:#ff4800;color:#fff;} .Service2L .more:hover{background:#ff4800;color:#fff;} .Service2R{float: right;width: 480px;text-align: center;margin:80px 0px 0px 0px;} .Service2R img{max-width:100%;} .case .tit1{padding: 70px 0px 55px 0px;} .CaseImg6 .swiper-button-prev{top: 130px;} .CaseImg6 .swiper-button-next{top: 130px;} .case1 .b2{text-align: center;font-size: 14px;color: #3d4b51;} .case1 .b2 .slide{display: inline-block;width: 2px;height: 15px;background:#3d4b51;margin: 0px 10px;position: relative;top: 3px;opacity: 0.5;} .case1 .in{display: block;width: 215px;height: 82px;line-height: 100px;margin: 23px auto 50px;font-size: 18px;color: #fff;background: url(../images/icon-e13.html) center center no-repeat;text-indent: 100px;} .Ser1{background: url(../images/icon-e7.html) right 600px no-repeat;} .case1_1{background: url(../images/icon-e14.html) center top no-repeat;} .Join{margin: 80px auto 0px;} .Join .tit{background:url(../images/icon-circle16.html) 498px 5px no-repeat} .Join .joinlist1{text-align: center;padding: 15px 0px 45px 0px;} .Join .joinlist1 li{display: inline-block;margin: 0px 27px 0px 0px;} .Join .joinlist1 a{font-size: 20px;color: #3d4b51;line-height:36px;} .Join .joinlist1 a img{margin:0px 15px 0px 0px;} .joinlist2{position:relative;} .joinlist2 .icon{background: url(../images/icon-slide5.html) center center repeat-x;position: absolute;right: 0px;height: 15px;top: 0px;} .joinlist2 .icon .swiper-pagination-bullet{width: 15px;height: 15px;background: url(../images/icon-f5.html) center center no-repeat;display: inline-block;margin: 0px 0px 0px 27px;opacity: 1;} .joinlist2 .icon .swiper-pagination-bullet:first-child{margin:0px;} .joinlist2 .icon .swiper-pagination-bullet:hover{background: url(../images/icon-f6.html) center center no-repeat;} .joinlist2 .icon .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/icon-f6.html) center center no-repeat;} .lunbo1{width: 191px;height: 73px;float: left;font-size: 24px;background: #fc591a;color: #fff;padding: 90px 22px;line-height: 36px;} .lunbo2{width: 965px;float: right;} .lunbo2 li{width: 316px;height: 253px;float: left;box-shadow: 0px 0px 10px #ededed;overflow:hidden;} .lunbo2 li img{/*width:100%;*/height:100%;transform:scale(1.0);transition:1s all ease;} .lunbo2 li:hover img{transform:scale(1.2);} .lunbo .swiper-button-next{display:none;} .lunbo .swiper-button-prev{display:none;} .lunbo{padding: 35px 0px 0px 0px;position: relative;} .joinImg{margin:75px 0px 0px 0px;} .joinImgL{width: 470px;float: left;} .joinImgL li{width:235px;height: 235px;float: left;position: relative;cursor:pointer;overflow: hidden;} .joinImgL li img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;} .joinImgR{width: 717px;height: 470px;float: right;overflow: hidden;cursor:pointer;} .joinImgR img{width:100%;height:100%;transition:1s all ease;} .joinImgL li:hover img{transform:scale(1.2);} .joinImgR:hover img{transform:scale(1.2);} .Join1{margin: 50px auto 0px;} .Join1 .tit{padding: 50px 0px 45px 0px;background: url(../images/icon-circle26.html) 505px 25px no-repeat;} .Join1 .j1{font-size: 16px;color: #3d4b51;background: #eeeeee;width: 560px;height: 48px;line-height: 48px;text-align:center;margin: 0 auto 13px;border-radius: 15px;} .Join1 .j1 img{vertical-align:middle;margin:-2px 10px 0px 0px;} .Join1 .c1{margin:50px 0px 0px 0px;} .Join1 .c1 li{width: 200px;float: left;margin: 0px 50px 0px 0px;} .Join1 .g1{font-size: 16px;color: #3d4b51;width: 100px;float: right;line-height: 80px;} .Join1 .c1 li:nth-child(5n){margin: 0px 0px 60px 0px;} .ServiceBox1{background: url(../images/icon-footbg.html) left 820px no-repeat;} .Ser2{background: url(../images/icon-f9.html) center -100px no-repeat;background-size: contain;} .Join2 .tit{background:url(../images/icon-circle27.html) 500px 25px no-repeat;padding: 50px 0px 30px 0px;} .Join2 .j3{font-size: 16px;color: #3d4b51;line-height: 36px;text-align: center;margin: 30px 0px 45px 0px;} .Join2 form .inp1{float:left;width: 586px;height: 52px;line-height: 52px;text-indent: 15px;border:1px solid #e5e5e5;border-radius: 5px;background: url(../images/icon-arrow3.png) 560px center no-repeat;position: relative;} .Join2 form label{color: #3d4b51;font-size: 16px;line-height: 52px;} .Join2 form input{height: 52px;line-height: 52px;text-indent: 1em;width: 480px;} .Join2 form .inp2{float: right;position:relative;} .Join2 form .inp1 ul{line-height:30px;background:#fff;z-index:9999999;position:relative;font-size:16px;color:#3d4b51;padding:10px 0px;display:none;z-index: 9999999999999999;} .Join2 form .inp1 ul li{margin:10px 0px 0px 0px;cursor:pointer;} /* .Join2 form .inp1:hover ul{display:block;} */ .Join2 form .title{position:absolute;top:0px;left: 60px;display: block;width: 480px;height: 51px;color: #3d4b51;font-size: 16px;line-height: 51px;text-indent: 0px;} .Join2 .postlist li{width: 394px;height:100px;float: left;background: #f5f5f5;border-radius: 5px;margin: 40px 9px 0px 0px;position: relative;} .Join2 .postlist li a{padding:20px;display: block;} .Join2 .postlist .postL{width: 260px;font-size: 16px;color: #3d4b51;float: left;} .Join2 .postlist .postL .postname{font-size: 14px;margin: 5px 10px 0px 0px;} .Join2 .postlist .postR{width: 70px;float: right;margin: 15px 0px 0px 0px;line-height: 20px;} .Join2 .postlist .postR .more{color: #ff4800;font-size: 12px;letter-spacing: 1px;} .Join2 .postlist .postR .open{float:right;margin: 3px 0px 0px 0px;} .Join2 .postlist .postR .open img{transform: rotate(-90deg);transition: all .3s;} .Join2 .postlist li.on .postR .open img{transform: rotate(0deg);} .Join2 .postlist li:nth-child(3n){margin:40px 0px 0px 0px;} .Join2 .go-mail{ border: 1px solid #ff6d34; width: 320px; height: 56px; text-align: center; margin: 40px auto 70px; font-size: 16px; color: #ff6d34; } /*.Join2 .online{border:1px solid #ff6d34;color: #ff6d34;width:185px;height: 34px;line-height: 34px;text-align: center;display: block;margin: 40px auto 70px;border-radius:20px;}*/ .Join2 .go-mail i{ display: inline-block; width:38px; height:38px; background: url('../img/5d60e4d67390c883c322265ac2ae25b.html') no-repeat; background-size: 100% 100%; position: relative; top: 9px; margin-right: 10px; } .Join2 .go-mail span{ position: relative; top: -3px; } /*.Join2 .go-mail .online span{ position: relative; top: -3px; }*/ .Join2 .openBox{font-size:14px;color:#3d4b51;line-height:26px;position: absolute;top:100px;left: 0px;width: 1160px;background: #fff;z-index: 99999999;border-radius: 5px;box-shadow: 0px 0px 10px #eee;padding:20px;display:none;} .Join2 .postlist li.three .openBox{right: 0px;left: auto;} .Join2 .postlist li.two .openBox{left:-400px;} /*教育行业解决方案*/ .education{width: 100%;background: url(../images/icon-footbg.html) left 350px no-repeat;} .education1{box-shadow: 0px 3px 5px #f1f1f1;} .education1Box{width: 1200px;margin:0 auto;} .education1Box .p1{font-size: 24px;color: #3d4b51;text-align: center;margin:55px 0px 0px 0px;} .education1Box .slide{width: 260px;height: 1px;background: #dfe1e2;display: inline-block;position: relative;top: 30px;float: left;} .education1Box .slide1{float: right;} .education1Box ul{min-height:50px;text-align: center;} .education1Box ul li{line-height:125px;height:125px;} .education1Box ul li img{vertical-align: middle;max-width: 90%;max-height:65px;} .education1Box ul li{text-align: center;width: 167px;/*float: left;*/;display: inline-block;} .education2{background: url(../images/icon-circle16.html) left center no-repeat;} .education2Box{width: 1200px;margin:0 auto;} .education1Box .p1 .slide11{color:#ff4800;font-size:34px;} .education .listNav .swiper-button-prev{left:10px;} .education .listNav .swiper-button-next{right:0px;} .education1Box .p1 .em11{display:inline-block;} .education2Box{width: 1200px;margin: 45px auto 0px;} .education2Box .tit{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 50px 0px 35px 0px;background: url(../images/icon-circle9.png) 330px 20px no-repeat;} .education2BoxL{width: 410px;float: left;position: relative;top: -25px;text-align: center;} .education2BoxR{width: 780px;float: right;margin: 30px 0px 50px 0px;} .education2BoxR ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; } .education2Box1_1{background: url(../images/icon-g2.html) center top no-repeat;margin: 40px 0px 0px 0px;height: auto;background-size: cover;} .education2BoxR li{font-size: 16px;color: #3d4b51;width: 367px;margin: 20px 6px 0px 0px;padding: 0px 0px 0px 20px;background: url(../images/icon-circle17.html) left 10px no-repeat;} .education2BoxR li:nth-child(2n){ margin-right: 0px; } .education2BoxR .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 35px;width: 190px;border-radius: 20px;margin: 35px 0px 0px 0px;border:1px solid #ff4800;} .education2BoxR .a2{width: 102px;height: 35px;border:1px solid #ff4800;line-height: 35px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .education2Box1 .g1{text-align: center;font-size: 14px;color:#3d4b51;margin: 0px auto 55px;} .education2BoxR .a1:hover{background:#ff4800;color:#fff;} .education2Box .tit4{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 50px 0px 16px 0px;background: url(../images/icon-circle11.html) 630px 12px no-repeat;margin: 30px 0px 0px 0px;} .education2Box .slide{width: 2px;height: 15px;background: #afb3b5;display: inline-block;margin: 0px 15px;position: relative;top: 3px;} .education2Box .list1{width: 1100px;} .education2Box .listNav{width: 1200px;} .edu1L{float: left;padding: 30px 65px;width: 650px;} .edu1L .e1{font-size: 20px;color: #3d4b51;margin: 0px 0px 20px 0px;} .edu1L .e2{font-size: 16px;color: #3d4b51;line-height: 30px;margin: 0px 0px 30px 0px;} .edu1L li{width: 125px;height: 120px;background: url(../images/icon-g6.html) center center no-repeat;float: left;} .edu1L li .Img{margin: 10px auto 0px;width: 56px;height: 50px;background: url(../images/icon-school.png) left top no-repeat;background-size: contain;position: relative;} .edu1L li .Img img{max-width: 37px;position: absolute;right: 0px;bottom: 0px;} .edu1L li .name{font-size: 12px;text-align:center;margin: 20px 0px 0px 0px;} .edu1L .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 33px;width: 160px;border-radius: 20px;margin: 35px 0px 0px 0px;border: 1px solid #ff4800;} .edu1L .a2{width: 102px;height: 33px;border:1px solid #ff4800;line-height: 33px;background: #fff;color: #ff4800;margin: 0px 0px 0px 6px;} .edu1R{width: 360px;height: 235px;float: right;margin:100px 60px 0px 0px;position: relative;} .edu1R img{width: 100%;height: 100%;} .edu1R .mask{position: absolute;bottom: 0px;background: url(../images/icon-mask3.html) center bottom no-repeat;color: #fff;font-size: 20px;width: 100%;text-align: center;padding: 25px 0px;} .edu1L .a1:hover{background:#ff4800;color:#fff;} .education2Box .tit5{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 50px 0px 16px 0px;background: url(../images/icon-circle16.html) 400px 0px no-repeat;margin: 30px 0px 0px 0px;} .quality {margin: 35px 0px 10px 0px;} .quality li{width: 270px;float: left;min-height: 150px;margin: 0px 0px 55px 30px;} .quality li .words{width: 185px;float: right;color: #3d4b51;margin: 0px 0px 0px 12px;} .quality li .Img{position: relative;float: left;width: 23px;height: 33px;background: url(../images/icon-school.png) left top no-repeat;padding: 30px 5px 0px 40px;text-align: right;} .quality li .Img img{position:absolute;right: 5px;bottom:0px;max-width:35px;} .quality li .words .h1{font-size: 17px;margin: 30px 0px 15px 0px;} .quality li .words .h2{font-size: 13px;line-height: 26px;} .quality li.last .more{color: #ff4800;font-size: 14px;width: 158px;height: 34px;display: inline-block;text-align: center;line-height: 34px;border:1px solid #ff4800;border-radius: 20px;margin: 50px 0px 0px 0px;position: relative;left: -35px;} .quality li.last .more:hover{background:#ff4800;color:#fff;} .education2{height: 500px;width: 100%;background: url(../images/icon-g1.html) center top repeat;background-size: cover;} .education2 .g3{font-size: 24px;color: #fff;text-align: center;padding:70px 0px 0px 0px;} .education2 .g3 em{font-size: 34px;} .education2 .g4{font-size:14px;color: #fff;text-align: center;padding:10px 0px 0px 0px;} .education2 .g4 .slide{width: 2px;height: 12px;background: #fff;display: inline-block;margin: 0px 15px;position: relative;top: 1px;opacity: 0.8;} .edulist1{width: 1050px;margin:0 auto;} .edulist1 li{width: 33.33%;float: left;text-align: center;} .edulist1 li .Img{margin:53px 0px 0px 0px;height: 50px;line-height: 50px;} .edulist1 li .Img img{max-height: 100%;vertical-align: middle;} .edulist1 li .g5{font-size: 20px;color: #fff;margin:15px 0px 0px 0px;} .edulist1 li .g6{font-size: 14px;color: #fff;margin: 10px auto 0px;line-height: 26px;width: 194px;} .education2 .more{color: #fff;font-size: 14px;width: 158px;height: 34px;display:block;text-align: center;line-height: 34px;border: 1px solid #fff;border-radius: 20px;margin: 35px auto 20px;} .education3{background: url(../images/icon-e12.html) center bottom no-repeat;background-size: cover;padding: 0px 0px 80px 0px;margin: 0px 0px 30px 0px;} .education3 .tit6{width:1200px;font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 50px 0px 30px 0px;background: url(../images/icon-circle16.html) 315px 12px no-repeat;margin: 30px auto 0px;} .edulist1 li:nth-child(2) .g6{width:150px;} .edulist1 li:nth-child(3) .g6{width:230px;} .education3 form{width: 380px;height: 38px;line-height: 38px;margin: 0 auto;position: relative;} .education3 form input[type='text']{width: 290px;height: 38px;line-height: 38px;text-indent: 1em;font-size: 14px;color: #3d4b51;background: url(../images/icon-input.html) center center no-repeat;} .education3 form input[type='text']::placeholder{color: #3d4b51;} .education3 form input[type='submit']{background: #ff4800;font-size: 14px;color: #fff;width: 93px;height: 38px;line-height: 38px;text-align: center;position: absolute;right: 0px;cursor: pointer;} .education4{width: 1200px;margin:0 auto;} .education4 .tit{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 50px 0px 45px 0px;background: url(../images/icon-circle11.html) 630px 12px no-repeat;margin: 30px 0px 0px 0px;} .education4 li .Img{width:130px;float: left;padding:0px 40px;height: 145px;background: url(../images/icon-circle20.html) center center no-repeat;text-align: center;line-height: 145px;} .education4 li .Img img{vertical-align:middle;max-height:100%;max-width: 90%;} .education4 li .Word{width:900px;float: left;color: #3d4b51;} .education4 li .Word .I1{line-height: 46px;margin-top: 14px;} .education4 li .Word .I1 img{width:45px;height:46px;border-radius:50%;} .education4 li .Word .name{font-size: 24px;padding:0px 10px 0px 10px;display: inline-block;} .education4 li .Word .name1{font-size:18px;overflow: hidden;height: 30px;width: 700px;display: inline-block;line-height: 30px;position: relative;top: 7px;} .education4 li .sum{color: #3d4b51;font-size: 16px;line-height: 30px;margin: 10px 0px 0px 0px;} .education4 li{margin: 0px 0px 45px 0px;} .education4 .more{color: #ff4800;font-size: 14px;width: 158px;height: 34px;display:block;text-align: center;line-height: 34px;border: 1px solid #ff4800;border-radius: 20px;margin: 0px auto 55px;} .education4 .more:hover{background:#ff4800;color:#fff;} .education5{background: url(../images/icon-circle30.html) center top no-repeat;background-size: cover;} .education5 .tit7{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 70px 0px 15px 0px;margin: 0px auto 0px;background: url(../images/icon-circle9.png) 270px 33px no-repeat;width:1200px;} .education5 .tit7 em{color:#ff4800;font-size:34px;} .education5 .g7{font-size:14px;color: #3d4b51;text-align: center;} .education5 .g7 .slide{width: 2px;height: 15px;background: #3d4b51;display: inline-block;margin: 0px 15px;position: relative;top: 2px;opacity: 0.5;} .education5 .edulist2{width: 1200px;margin: 60px auto 20px;} .education5 .edulist2 li{float:left;width: 240px;height: 115px;background: url(../images/icon-g11.html) center center no-repeat;line-height: 115px;text-align: center;margin: 0px 0px 10px 0px;} .education5 .edulist2 li img{vertical-align: middle;max-width:80%;max-height:60%;} .education6{background:url(../images/icon-footbg.html) left 60px no-repeat;padding: 0px 0px 25px 0px;margin: 20px 0px 0px 0px;display: none;} .education6 .tit7{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 40px 0px 15px 0px;margin: 0px auto 0px;background: url(../images/icon-circle11.html) 690px 18px no-repeat;} .education7{background: url(../images/icon-casebg.html) center top no-repeat;padding: 0px 0px 30px 0px;} .education7 .tit6{background:unset;padding: 40px 0px 30px 0px;margin: 0 auto;} /*Education INfo*/ .educationInfo1 .tit{padding: 70px 0px 16px 0px;background: url(../images/icon-circle9.png) 520px 23px no-repeat;} .eduIn1{padding:35px 0px 0px 0px;text-align: center;} .eduIn1 .a1{display: inline-block;color: #fff;font-size: 14px;text-align: center;line-height: 35px;width:104px;background: #ff4800;border-radius: 20px;margin: 35px 0px 0px 0px;} .eduIn1 .a2{width: 127px;height: 33px;border:1px solid #ff4800;line-height: 33px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .eduIn1 .a2:hover{background:#ff4800;color:#fff;} .educationInfo2{/* height: 620px; */background: url(../images/icon-circle32.html) center top no-repeat;margin: 60px 0px 0px 0px;background-size: cover;padding: 0px 0px 50px 0px;} .educationInfo2Box{width: 1200px;margin:0 auto;} .educationInfo2Box .tit{font-size: 24px;color: #3d4b51;text-align: center;padding: 105px 0px 20px 0px;background: url(../images/icon-circle31.html) 570px 65px no-repeat;} .educationInfo2Box ul{margin: 40px 0px 0px 0px;} .educationInfo2Box li{width: 532px;float: left;height: 105px;margin: 0px 0px 10px 0px;background: url(../images/icon-j2.html) center center no-repeat;padding: 20px 30px 10px 30px;} .educationInfo2Box li .words{width: 420px;float: right;color: #3d4b51;} .educationInfo2Box li .Img{float: left;width: 87px;height: 79px;background: url(../images/icon-school.png) left top no-repeat;position:relative;} .educationInfo2Box li .Img img{position: absolute;bottom:0px;right: 0px;max-width: 54px;} .educationInfo2Box li .Img .img2{display:none;} .educationInfo2Box li:hover .img2{display:block;} .educationInfo2Box li:hover .img1{display:none;} .educationInfo2Box li .words .h1{font-size: 17px;margin: 24px 0px 5px 0px;} .educationInfo2Box li .words .h2{font-size: 13px;line-height: 26px;} .educationInfo2Box li:nth-child(2n){float:right;} .educationInfo2Box li:hover{background:url(../images/icon-slide6.html) left center no-repeat;} .educationInfo2Box .a1{display: inline-block;color: #fff;font-size: 14px;text-align: center;line-height: 35px;width:185px;background: #ff4800;border-radius: 20px;margin: 30px 0px 0px 450px;} .educationInfo2Box .a2{width: 104px;height: 33px;border:1px solid #ff4800;line-height: 33px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .educationInfo2Box .a1:hover{color:#fff;background:#ff4800;} .educationInfo3 .tit{font-size: 24px;color: #3d4b51;text-align: center;padding: 85px 0px 70px 0px;background: url(../images/icon-circle22.html) 513px 55px no-repeat;width: 1200px;margin: 0 auto;} .educationInfo3 .lNav{border-bottom: 1px solid #dfe1e2;width: 1200px;margin: 0 auto;} .educationInfo3 .listNav{width: 620px;border-bottom: 0px solid #fff;} .educationInfo3 .list1{width: 510px;} .educationInfo3 .edu1{width: 1200px;margin:0 auto;} .educationInfo3 .edu1R{margin: 45px 40px 0px 0px;} .educationInfos{background: url(../images/icon-h3.html) center top no-repeat;height: 305px;background-size: cover;margin: 0px;} .educationInfos .tit6{background: unset;color: #fff;padding: 100px 0px 40px 0px;} .educationInfos form input[type='submit']{border:1px solid #fff;height:37px;line-height:37px;top:1px;font-size: 14px;} .educationInfo4{margin:-100px auto 0px;background: url(../images/icon-footbg3.html) left bottom no-repeat;} .educationInfo4 .tit{font-size: 24px;color: #3d4b51;text-align: center;padding: 105px 0px 60px 0px;background: url(../images/icon-circle11.html) 575px 78px no-repeat;width: 1200px;margin: 0 auto;} /*.edulist5 {width:1200px;margin:0 auto;} .edulist5 li{width: 20%;height: 103px;background: url(../images/icon-circle23.png) center center no-repeat;padding:32px 0px 0px 0px;float: left;} .edulist5 li .Img{width: 100%;height: 30px;margin: 0px auto 5px;width: 130px;} .edulist5 li a{display: block;width: 130px;margin:0 auto;height: 70px;} .edulist5 li.li1 .Img{background: url(../images/icon-h4.png) center center no-repeat;} .edulist5 li.li2 .Img{background: url(../images/icon-h5.png) center center no-repeat;} .edulist5 li.li3 .Img{background: url(../images/icon-h6.png) center center no-repeat;} .edulist5 li.li4 .Img{background: url(../images/icon-h7.png) center center no-repeat;} .edulist5 li.li5 .Img{background: url(../images/icon-h8.png) center center no-repeat;} .edulist5 li .n{font-size: 18px;color: #3d4b51;text-align: center;} .edulist5 li:hover{background: url(../images/icon-circle24.png) center center no-repeat;} .edulist5 li:hover .n{color: #fff;} .edulist5 li.active{background: url(../images/icon-circle24.png) center center no-repeat;} .edulist5 li.active .n{color: #fff;} .edulist5 li.li1:hover .Img{background: url(../images/icon-h4h.png) center center no-repeat;} .edulist5 li.li2:hover .Img{background: url(../images/icon-h5h.png) center center no-repeat;} .edulist5 li.li3:hover .Img{background: url(../images/icon-h6h.png) center center no-repeat;} .edulist5 li.li4:hover .Img{background: url(../images/icon-h7h.png) center center no-repeat;} .edulist5 li.li5:hover .Img{background: url(../images/icon-h8h.png) center center no-repeat;} .edulist5 li.li1.active .Img{background: url(../images/icon-h4h.png) center center no-repeat;} .edulist5 li.li2.active .Img{background: url(../images/icon-h5h.png) center center no-repeat;} .edulist5 li.li3.active .Img{background: url(../images/icon-h6h.png) center center no-repeat;} .edulist5 li.li4.active .Img{background: url(../images/icon-h7h.png) center center no-repeat;} .edulist5 li.li5.active .Img{background: url(../images/icon-h8h.png) center center no-repeat;}*/ .edulist5 {width:1200px;margin:0 auto;} .edulist5 li{width: 20%;/* height: 103px; */float: left;} .edulist5 li a{background: url(../images/icon-circle23.html) center center no-repeat;padding:32px 0px 0px 0px;} .edulist5 li .Img{width: 100%;height: 30px;margin: 0px auto 5px;width: 130px;} .edulist5 li a{display: block;width: 130px;margin:0 auto;height: 104px;} .edulist5 li.li1 .Img{background: url(../images/icon-h4.html) center center no-repeat;} .edulist5 li.li2 .Img{background: url(../images/icon-h5.html) center center no-repeat;} .edulist5 li.li3 .Img{background: url(../images/icon-h6.html) center center no-repeat;} .edulist5 li.li4 .Img{background: url(../images/icon-h7.html) center center no-repeat;} .edulist5 li.li5 .Img{background: url(../images/icon-h8.html) center center no-repeat;} .edulist5 li .n{font-size: 18px;color: #3d4b51;text-align: center;} .edulist5 li:hover a{background: url(../images/icon-circle24.html) center center no-repeat;} .edulist5 li:hover a .n{color: #fff;} .edulist5 li.active a{background: url(../images/icon-circle24.html) center center no-repeat;} .edulist5 li.active a .n{color: #fff;} .edulist5 li.li1:hover .Img{background: url(../images/icon-h4h.html) center center no-repeat;} .edulist5 li.li2:hover .Img{background: url(../images/icon-h5h.html) center center no-repeat;} .edulist5 li.li3:hover .Img{background: url(../images/icon-h6h.html) center center no-repeat;} .edulist5 li.li4:hover .Img{background: url(../images/icon-h7h.html) center center no-repeat;} .edulist5 li.li5:hover .Img{background: url(../images/icon-h8h.html) center center no-repeat;} .edulist5 li.li1.active .Img{background: url(../images/icon-h4h.html) center center no-repeat;} .edulist5 li.li2.active .Img{background: url(../images/icon-h5h.html) center center no-repeat;} .edulist5 li.li3.active .Img{background: url(../images/icon-h6h.html) center center no-repeat;} .edulist5 li.li4.active .Img{background: url(../images/icon-h7h.html) center center no-repeat;} .edulist5 li.li5.active .Img{background: url(../images/icon-h8h.html) center center no-repeat;} .edulist6 {margin: 8px auto 20px;width: 1200px;padding: 0px 0px 50px 0px;top:0px;display: block;} .edulist6 li{width: 235px;height: 172px;float: left;overflow: hidden;margin: 0px 6px 20px 0px;} .edulist6 li img{width: 100%;height: 100%;transition: 1s all ease;transform: scale(1.0);} .edulist6 li:hover img{transform: scale(1.2);} .edulist6 li:nth-child(5n){margin:0px 0px 20px 0px;} .educationInfo2_1{background:url(../images/icon-footbg3.html) right center no-repeat;} .edulist66{min-height:242px;position:relative;width: 1200px;margin: 0 auto;} .edulist6.active{display:block;} .edulist5 li .txt{display:none;} /*新闻动态*/ .News{width: 1200px;margin: 60px auto 0px;} .News li{width: 575px;height: 272px;border:1px solid #d2d2d2;padding: 42px 0px 0px 0px;float: left;margin: 0px 0px 45px 0px;} .News li a{display: block;margin:0 auto;width: 546px;} .News li a.a1{height: 170px;padding-bottom:40px;} .News li .Img{width: 165px;height: 165px;float: left;} .News li .Img img{width:100%;height:100%;} .News li .Words{float: right;width: 355px;} .News li .Words .title{height: 50px;line-height: 24px;font-size: 18px;} .News li .Words .sum{font-size: 14px;color: #3d4b51;line-height: 24px;margin: 25px 0px 0px 0px;height: 96px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .News li .time{height: 60px;line-height: 60px;border-top: 1px solid #d2d2d2;padding: 0px 13px;} .News li .time .time1{color: #ff4800;font-size: 36px;} .News li .time .time2{color: #ff4800;font-size: 24px;position: relative;top: -3px;} .News li .time .time3{font-size:18px;color: #ff4800;position: relative;top: -4px;} .News li .time4{background: url(../images/icon-time1.html) left center no-repeat;padding: 0px 0px 0px 23px;margin: 0px 0px 0px 30px;position: relative;top: -5px;} .News li .time5{background: url(../images/Fabulous.html) left center no-repeat;padding: 0px 0px 0px 25px;margin: 0px 0px 0px 20px;position: relative;top: -5px;} .News li .slide{background: #aca7a7;position: relative;top: -5px;display: inline-block;width: 1px;height: 10px;margin: 0px 0px 0px 20px;} .News li .more{font-size: 12px;color: #ff4800;float: right;letter-spacing: 1px;} .News li:nth-child(2n){float:right;} .NewsBox{background: url(../images/icon-footbg.html) left 900px no-repeat;} .News li:hover{box-shadow: 1px 1px 10px 3px #efefef;} /*新闻动态详情*/ .NewsInfo{width: 1200px;margin: 40px auto 0px;color: #3d4b51;} .NewsInfo .tit{text-align: center;line-height: 40px;font-size: 30px;font-weight: normal;margin-top: 40px;} .NewsInfo .time{text-align: center;line-height: 20px;color: #666666;margin: 20px 0px 0px 0px;padding: 0px 0px 35px 0px;border-bottom: 1px solid #eeeeee;} .NewsIn{font-size: 14px;color: #3d4b51;line-height: 26px;padding:50px 0px 0px 0px;word-break: normal;word-wrap: break-word;} .Fabulous{width: 150px;margin:40px auto 0px;font-size: 16px;color: #3d4b51;text-align: center;} .Fabulous a{width: 76px;height: 76px;background: url(../images/Fabulous1.html) center center no-repeat;display: block;margin: 0px auto 5px;} .Fabulous a.on{background: url(../images/Fabulous1_1.html) center center no-repeat;background-size: cover;} .NextTitle{text-align: center;width: 955px;margin: 0 auto 80px;} .NextTitle a{display: inline-block;width: 240px;height: 55px;background: url(../images/icon-box.html) center center no-repeat;font-size: 14px;color: #3d4b51;padding: 10px;position: relative;top: -15px;text-align:center;} .NextTitle .prevT .ti1{background: url(../images/icon-right3.html) 68px center no-repeat;padding: 0px 0px 0px 0px;text-align: center;} .NextTitle .nextT .ti1{background: url(../images/icon-left3.html) 68px center no-repeat;padding: 0px 0px 0px 0px;text-align: center;} .NextTitle .ti2{font-size: 12px;color: #3d4b51;margin: 7px 0px 0px 0px;height: 20px;overflow: hidden;} .NextTitle .nextT{float: left;} .NextTitle .prevT{float: right;} .NewsInfo img{max-width:100%;} .NewsInfo .return-list{ font-size: 14px; color: #3d4b51; display: block; } .NewsInfo .return-list i{ display: inline-block; width: 9px; height: 14px; background:url('../img/001.html') no-repeat; position: relative; top: 2px; margin-right: 10px; } /*品牌优势*/ .adlist{margin:40px 0px 0px 0px;} .adlist li{width: 330px;float: left;background: url(../images/icon-k3.html) center top no-repeat;padding:28px;margin:0px 20px 0px 0px;} .adlist li .Img{width: 330px;height: 208px;overflow: hidden;} .adlist li .Img img{transform: scale(1.0);transition: 1s all ease;} .adlist li:hover img{transform: scale(1.2);} .adlist li .ad1{padding: 0px 0px 0px 40px;background: url(../images/icon-icon01.html) left center no-repeat;font-size: 24px;color: #3d4b51;margin: 40px 0px 30px 0px;} .adlist li .ad2{background: url(../images/icon-circle12.html) left 10px no-repeat;padding:0px 0px 0px 20px;font-size:16px;color: #3d4b51;margin:0px 0px 25px 0px;line-height: 30px;} .adlist li .ad3{color: #9ba1a3;font-size: 14px;line-height: 24px;} .adlist li .add1{font-size: 14px;color: #ff4800;border:1px solid #ff4800;width: 175px;height: 34px;text-align: center;line-height: 34px;display: block;border-radius: 20px;margin: 35px auto 0px;transition:1s all ease;} .adlist li:nth-child(3n){margin:0px;} .adlist li .add1:hover{background:#ff4800;color:#fff;} .advantage .tit{background:url(../images/icon-circle25.html) 490px 16px no-repeat;} .advantage .educationInfo4 .tit{background: url(../images/icon-circle21.html) 575px 70px no-repeat;} .advantage1{margin: 80px 0px 0px 0px;padding: 0px 0px 90px 0px;position: relative;} .advantage .case1{background: url(../images/icon-k4.html) center top no-repeat} .advantage .case1 .g1{text-align: center;font-size: 14px;color:#3d4b51;margin: 0px auto 45px;} .advantage .slide{width: 2px;height: 15px;background: #afb3b5;display: inline-block;margin: 0px 5px;position: relative;top: 3px;} .advantage .case1 .g1 a{font-size: 14px;color: #3d4b51;padding:0px 10px;} .advantage .case1 .g1 a:hover{color:#e9422b;} .advantage .case1 .g1 a.active{color:#e9422b;} .advantage1L{width: 603px;float: left;margin: 60px 0px 0px 0px;position: absolute;left: 0px;display:none;} .advantage1L .z1{font-size: 28px;color: #3d4b51;padding: 0px 0px 0px 35px;background: url(../images/icon-icon01.html) left 10px no-repeat;line-height: 40px;} .advantage1L .z2{background: url(../images/icon-circle12.html) left center no-repeat;font-size: 24px;color: #3d4b51;padding: 0px 0px 0px 20px;margin: 55px 0px 0px 43px;} .advantage1L .z3{font-size: 14px;color: #3d4b51;margin: 7px 0px 85px 43px;} .advantage1L.on{display:block;} .advantage1L .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 33px;width:160px;background: #fff;border-radius: 20px;margin: 35px 0px 0px 47px;border:1px solid #ff4800;} .advantage1L .a2{width: 134px;height: 33px;border:1px solid #ff4800;line-height: 33px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .advantage1L .a1:hover{background:#ff4800;color:#fff;} .advantage1R{width: 520px;padding:25px;float: right;text-align: center;position: relative;} .advantage1R ul{position: absolute;top:0px;width: 100%;height: 100%;} .advantage1R li{width: 130px;height: 130px;background: url(../images/icon-k1.html) left center no-repeat;position: absolute;cursor: pointer;} .advantage1R li.li1{top: 293px;left: 15px;} .advantage1R li.li2{top: 100px;left: -12px;} .advantage1R li.li6{top: -25px;left: 195px;} .advantage1R li.li4{top: 100px;left: auto;right: 50px;} .advantage1R li.li5{top: auto;left: 205px;bottom: -25px;} .advantage1R li.li3{top: 280px;left: auto;right: 64px;} .advantage1R li .na{font-size: 18px;color: #3d4b51;margin: 2px 0px 0px 0px;} .advantage1R li .Img{height: 30px;margin: 28px auto 0px;} .advantage1R li.li1 .Img{background: url(../images/icon-k6.html) center center no-repeat;} .advantage1R li.li2 .Img{background: url(../images/icon-k7.html) center center no-repeat;} .advantage1R li.li3 .Img{background: url(../images/icon-k10.html) center center no-repeat;} .advantage1R li.li4 .Img{background: url(../images/icon-k9.html) center center no-repeat;} .advantage1R li.li5 .Img{background: url(../images/icon-k11.html) center center no-repeat;} .advantage1R li.li6 .Img{background: url(../images/icon-k8.html) center center no-repeat;} .advantage1R li:hover{background: url(../images/icon-k5.html) left center no-repeat;transition:1s all ease;transform:rotate(360deg);} .advantage1R li:hover .na{color: #fff;} .advantage1R li.li1:hover .Img{background: url(../images/icon-k6k.html) center center no-repeat;} .advantage1R li.li2:hover .Img{background: url(../images/icon-k7k.html) center center no-repeat;} .advantage1R li.li3:hover .Img{background: url(../images/icon-k10k.html) center center no-repeat;} .advantage1R li.li4:hover .Img{background: url(../images/icon-k9k.html) center center no-repeat;} .advantage1R li.li5:hover .Img{background: url(../images/icon-k11k.html) center center no-repeat;} .advantage1R li.li6:hover .Img{background: url(../images/icon-k8k.html) center center no-repeat;} .advantage1R li.active{background: url(../images/icon-k5.html) left center no-repeat;} .advantage1R li.active .na{color: #fff;} .advantage1R li.li1.active .Img{background: url(../images/icon-k6k.html) center center no-repeat;} .advantage1R li.li2.active .Img{background: url(../images/icon-k7k.html) center center no-repeat;} .advantage1R li.li3.active .Img{background: url(../images/icon-k10k.html) center center no-repeat;} .advantage1R li.li4.active .Img{background: url(../images/icon-k9k.html) center center no-repeat;} .advantage1R li.li5.active .Img{background: url(../images/icon-k11k.html) center center no-repeat;} .advantage1R li.li6.active .Img{background: url(../images/icon-k8k.html) center center no-repeat;} .advantage2 .CaseImg4 .swiper-button-prev{top: 250px;} .advantage2 .CaseImg4 .swiper-button-next{top: 250px;} .advantage2{background: url(../images/icon-k12.html) center top no-repeat;background-size: cover;padding: 50px 0px 0px 0px;} .advantage2 .CaseImg .tit{background: url(../images/icon-circle9.png) 490px 0px no-repeat;margin: 0px 0px 20px 0px;padding: 40px 0px 40px 0px;} .advantage .educationInfo4{background: unset;} .AddB1{background: url(../images/icon-footbg3.html) left 1600px no-repeat;} /*cloud*/ .Cloud{background: unset;overflow: hidden;} .Cloud .tit{background: url(../images/icon-circle11.html) 630px 10px no-repeat;} .Cloud .edu1L{padding: 30px 10px 0px 10px;} .list1_1 li{padding:0px 13px 13px 13px;margin:0px 23px;display: inline-block;float: none;} .list1_1{text-align: center;} .Cloud .edu1L .e2{margin: 0px 0px 10px 0px;} .Cloud .edu1L .a1{width: 105px;margin: 60px 0px 0px 0px;} .Cloud .edu1L .a2{width: 133px;margin: 60px 0px 0px 10px;} .Cloud .edu1L .a1:hover{background:#ff4800;color:#fff;} .Cloud .edu1R{margin: 55px 60px 0px 0px;} .Cloud .tit em{color: #ff4800;font-size: 34px;} .Cloud1{background: url(../images/icon-l1.html) center top no-repeat;margin: 35px auto 0px;} .Cloud1 .tit{margin:0 auto;width: 1200px;font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 110px 0px 35px 0px;background: unset;} .Cloud1 .education2Box1_1 {width:1200px;margin:0 auto;} .cloudlistL{width: 525px;float: left;text-align: center;} .cloudlistL img{max-width:100%;max-height:100%;} .cloudlist{width: 1200px;margin: 20px auto 0px;} .cloudlist li{margin:0px 0px 30px 0px;} .cloudlistR{padding: 20px 50px;float: right;width: 575px;background: url(../images/icon-icon01.html) left 50px no-repeat;} .cloudlistR .c1{font-size: 28px;color: #3d4b51;} .cloudlistR .c1 .num{font-size: 48px;color: #ff4800;padding: 0px 8px 0px 0px;position: relative;top: 5px;} .cloudlistR .c2{font-size: 18px;color: #3d4b51;background: url(../images/icon-circle17.html) left 11px no-repeat;padding: 0px 0px 0px 20px;margin: 20px 0px 0px 0px;} .cloudlist li.two .cloudlistL{float: right} .cloud1_1{width: 1200px;margin: 0 auto;text-align: center;} .Cloud1 .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 35px;width: 190px;border:1px solid #ff4800;border-radius: 20px;margin: 20px 0px 0px 0px;} .Cloud1 .a2{width: 102px;height: 35px;border:1px solid #ff4800;line-height: 35px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .Cloud1 .a1:hover{background:#ff4800;color:#fff;} .Cloud2{background: url(../images/icon-l5.html) center top no-repeat;background-size: cover;margin: 70px auto 0px;} .Cloud2 .quality{width: 1200px;margin:0 auto;} .Cloud2 .tit{width: 1200px;font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 100px 0px 60px 0px;background: url(../images/icon-circle21.html) 723px 68px no-repeat;margin: 30px auto 0px;} .Cloud2 .quality li{width:360px;margin: 0px 30px 50px 20px;min-height: 120px;} .Cloud2 .quality li .words{width: 270px;} .Cloud2 .quality li.three{margin:0px 0px 0px 20px;} .Cloud2 .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 35px;width: 162px;border-radius: 20px;margin: 20px 0px 0px 0px;border: 1px solid #ff4800;} .Cloud2 .a2{width: 173px;height: 35px;border:1px solid #ff4800;line-height: 35px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .Cloud2 .a1:hover{background:#ff4800;color:#fff;} .Cloud .education4{width: 100%;background: url(../images/icon-lbg.html) top center repeat-x;background-size: cover;padding: 0px 0px 60px 0px;margin: 40px auto 0px;} .Cloud .education4 .tit{width:1200px;margin: 0 auto;background: unset;color: #fff;padding: 90px 0px 30px 0px;} .Cloud .education4 ul{width:1200px;margin:0 auto;} .Cloud .education4 li .Word{color:#fff;} .Cloud .education4 li .sum{color:#fff;height: 60px;overflow: hidden;} .Cloud .education4 .a1{display: inline-block;color: #fff;font-size: 14px;text-align: center;line-height: 35px;width: 162px;border-radius: 30px;border: 1px solid #fff;} .Cloud .education4 .a2{width: 100px;height: 33px;line-height: 33px;margin: 0px 0px 0px 10px;} .Cloud .education5{background:unset;} .Cloud .education5 .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 33px;width: 155px;border-radius: 20px;margin: 25px 0px 65px 0px;border: 1px solid #ff4800;} .Cloud .education5 .a2{width: 102px;height: 33px;border:1px solid #ff4800;line-height: 33px;background: #fff;color: #ff4800;margin: 0px 0px 0px 10px;} .Cloud .education5 .tit7{background: url(../images/icon-circle21.html) 700px 50px no-repeat;} .Cloud .education5 .a1:hover{background:#ff4800;color:#fff;} .edu11 .edu1 {display:none;} .edu11 .edu1.active {display:block;} .education4Box1{display: none;} .education4Ul{display: block;} .advantage .case1 .g11{display: none;} .education2Box1 .Swipernav{display: none;} /*搜索*/ .Search li{height: 30px;line-height: 30px;border: 0px;border-bottom:1px solid #ccc;padding: 0px 0px 15px 0px;margin: 0px 0px 15px 0px;} .Search li a{display: block;width:100%;height:100%;overflow: hidden;} .Search li:hover{background: #fff;box-shadow: 0px 0px 0px 0px #fff;} .Search{margin:55px auto 0px} .Price{margin: 40px auto 0px;} /*网校系统*/ .bannerW .ffp1{text-align: center;font-size: 38px;color: #fff;padding: 0px 0px 15px 0px;background: url(../images/icon-slide.png) center bottom no-repeat;} .bannerW .ffp2{text-align: center;font-size: 16px;color: #fff;margin: 15px 0px 60px 0px;line-height: 28px;letter-spacing: 2px;} .bannerW .ffp1 em{color: #FF4800;font-size: 48px;} .online{background: url(../images/icon_x11.html) center top no-repeat; margin: 35px auto 0px;} .onlineR{padding: 20px 50px;float: right;width: 575px;background: url(../images/icon-icon01.html) left 33px no-repeat;} .education5 .edulist2 li:hover .onlineImg{border-bottom: 5px solid #e9422b;-webkit-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;} .education5 .onlinetit{color:#3d4b51;font-size: 14px;text-align: center;} .onlineImg{height: 115px;background: url(../images/icon-g11.html) center center no-repeat;line-height: 115px;} /*.customer{width:1600px;margin:0 auto;background:url(../images/customerbg.png) no-repeat 100% 0px;}*/ .customer{width:1200px;margin:0 auto;} .vediocon{width:1200px;margin:0 auto;padding: 5px 0 0px;} .vediocon h2{text-align:center;padding: 40px 0px 60px 0px;font-weight: normal;background: url(../images/icon-circle9.png) 440px 0px no-repeat;} .vediosub{width:380px;height:37px;margin:39px auto 73px;} .vediosub .txt{height:37px;background:url(../image/inputbj.html) no-repeat 0 0;width:280px;float:left;font-size:14px;padding-left: 8px;} .vediosub .btn{cursor:pointer;width:92px;height:37px;background:#ff4800;float:right;color:#ffffff;font-size:14px;} .vedswiper{/* height: 230px; */position:relative;width:1200px;margin:0 auto;} /*.vedswiper .vednext,.vedswiper .vedprev{width:44px;height:106px;box-shadow: 0 0 10px 2px #f3f3f3;border-radius:4px;background:#fff;opacity:1;margin-top:-53px;font-family:"宋体";text-align:center;line-height:106px;font-size:20px;}*/ .vedswiper .swiper-button-prev{background: url(../images/icon-left2.html) center center no-repeat;width: 60px;height: 120px;left: -34px;z-index: 9999;top: 70px;} .vedswiper .swiper-button-next{background: url(../images/icon-right1.html) center center no-repeat;width: 60px;height: 120px;right: -33px;z-index: 9999;top: 70px;} .vedswiper .swiper-button-prev:hover{background: url(../images/icon-hover3.html) center center no-repeat;} .vedswiper .swiper-button-next:hover{background: url(../images/icon-hover1.html) center center no-repeat;} .vedcontain{width:1040px;margin:0 auto;} .vedswiper .swiper-button-disabled{opacity:1!important;} .vedswiper .vednext{right:-20px;}.vedswiper .vedprev{left:-20px;} /*.vedswiper .vednext:hover,.vedswiper .vedprev:hover{background:#ff4800;color:#fff;}*/ .vedcontain .swiper-slide .img{width:325px;float: right;position: relative;border-radius: 50%;overflow: hidden;} .vedcontain .swiper-slide .img img{width:100%;} .vedcontain .swiper-slide .info{width:600px;float: left;padding: 20px 0 0;} .vedcontain .swiper-slide .info .tit{color:#3d4b51;line-height:46px;margin-bottom: 8px;} .vedcontain .swiper-slide .info .tit span{font-size:24px;padding-right:5px;} .vedcontain .swiper-slide .info .tit i{font-size:18px;} .vedcontain .swiper-slide .info .inf{width:100%;font-size:16px;color:#3d4b51;line-height:30px;} .pantitle i{font-size:24px;color:#3d4b51;line-height:1;padding: 0 12px;} .ffCase1{background: none;margin:30px auto 0px;} .ffCase1 .tit{background: url(../images/icon-circle9.png) 485px 15px no-repeat;margin:0px auto;padding:60px 0px 60px 0px} .advantage .g1,.videolearn .g1{text-align: center;font-size: 14px;color:#3d4b51;margin: 0px auto 45px;} .advantage .slide,.videolearn .slide{width: 2px;height: 15px;background: #afb3b5;display: inline-block;margin: 0px 5px;position: relative;top: 3px;} .advantage .g1 a{font-size: 14px;color: #3d4b51;padding:0px 10px;} .advantage .g1 a:hover{color:#e9422b;} .advantage .g1 a.active{color:#e9422b;} .caseadvantage2 .CaseImg4 .swiper-button-prev{top: 315px;} .caseadvantage2 .CaseImg4 .swiper-button-next{top: 315px;} .Cloud .School1 .tit7{background: url(../images/m-circle10.html) 375px 40px no-repeat;} .School .edu1L{width:690px;} .vedcontain .swiper-slide .info .tit img{margin:0px 10px 0px 0px;width:200px;} .vedcontain .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 33px;width: 130px;border-radius: 20px;margin: 35px 0px 65px 0px;border: 1px solid #ff4800;} .vedcontain .a1:hover{background: #e9422b;color: #fff;} .vedcontain .swiper-slide .img img.two{position: absolute;bottom: -25px;padding: 6px 15px;background: #fff;border-radius: 5px;box-shadow: 2px 6px 15px 4px #eee;left: 50%;margin-left: -68px;width:120px;} .caseadvantage2 .g11_1{display: none;} .School1{margin-top:-70px;} /*在线学习*/ .ffvediocon{padding: 33px 0px;} .education5 .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 33px;width: 155px;border-radius: 20px;margin: 35px 0px 65px 0px;border: 1px solid #ff4800;} .education5 .a1:hover{background:#ff4800;color:#fff;} .learneducation .tit7{background: url(../images/onlinelearnbg.html) 371px 80px no-repeat;} .videolearn{overflow: hidden;padding: 90px 0px;background: url(../images/learnbg1.html) 0px 0px no-repeat;} .videolearn .videoff{width: 1200px;margin: 0 auto;} .videolearn .learntit{font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;background: url(../image/funbj.html) no-repeat 346px 0;padding: 22px 0px 40px;} .videolearn .learntit em{font-size: 34px;color:#ff4800;} .videoff1{padding: 30px 0px 0px;} .videoff1 .videofL{float: left;width: 540px;padding: 0px 20px 0px 35px;color: #3d4b51;font-size: 16px;line-height: 26px;} .videoff1 .videofL .sums{text-align: justify;} .videoff1 .videofR{float: right;width: 492px;} .videoff1 .videofR img{width: 100%;height: 280px;} .videoff1 .videofL .a1{width: 105px;margin: 60px 0px 0px 0px;} .videoff1 .videofL .a2{width: 133px;margin: 60px 0px 0px 10px;} .videoff1 .a1{display: inline-block;color: #ff4800;font-size: 14px;text-align: center;line-height: 33px;width: 160px;border-radius: 20px;margin: 35px 0px 0px 0px;border: 1px solid #ff4800;} .videoff1 .a2{width: 102px;height: 33px;border:1px solid #ff4800;line-height: 33px;background: #fff;color: #ff4800;margin: 0px 0px 0px 6px;} .videoff1 .a1:hover{background:#ff4800;color:#fff;} .onlineR .c2{line-height: 40px;background: url(../images/icon-circle17.html) left 18px no-repeat;} .SchoolBox {margin:35px auto 70px;background: url(../images/icon-l1.html) center top no-repeat;} .SchoolBox .a1{margin:0px 0px 0px 10px;} .CaseProduct1{display: none;} .CaseProduct1.active{display: block;} .education .ffvediocon{padding:33px 0px 60px 0px;} /*发布会*/ .Relebanner{width: 1200px;position: relative;margin: 0 auto;} .Relebanner_left{width: 34%;float: left;padding: 227px 0px 200px 89px;} .Relvideo,.Rellight,.guest,.fonlines,.guereport,.fconference,.fscene{background: url(../image/funbj.html) no-repeat 467px 0;width: 1200px;margin: 65px auto 80px auto;} .Relvideo h2,.Rellight h2,.guest h2,.fonlines h2,.guereport h2,.fconference h2,.fscene h2{font-size: 24px;color: #3d4b51;text-align: center;font-weight: 400;padding: 30px 0px 60px;} .Relvideo .RelvideoL{float: left;width: 238px;padding-left: 75px;padding-top:44px;} .Relvideo .RelvideoR{float: right;width: 760px;padding: 0px 86px 0px 0px;} .Relvideo .RelvideoR .Relvideoinfo{font-size: 16px;color: #3d4b51;text-align: justify;position: relative;padding-left: 30px;} .Relvideo .RelvideoR .Relvideoinfo:before{position: absolute;content: "";background: url(../image/yin.html)center no-repeat;width: 20px;height: 18px;left: 0px;top: 0px;} .Rellight{background: url(../image/funbj.html) no-repeat 485px 0;} .Rellight_list{width: 100%;overflow: hidden;} .Rellight_list li{width: 20%;float: left;height: 163px;background: #FFFFFF;overflow: hidden;} .Rellight_list li img{width: 100%;height: 100%; transition: 1s all ease; transform: scale(1.0);} .Rellight_list li img:hover{transform: scale(1.1);} .Rellight_list li .Rellight_tit{font-size: 18px;color: #3d4b51;position: relative;padding: 4px 0px 0px 63px;} .Rellight_list li .Rellight_tit:before{position: absolute;content: "";width: 35px;height: 35px;left: 20px;top: 0px;} .Rellight_list li.fn1 .Rellight_tit:before{background:url(../image/lbg.html) center no-repeat;} .Rellight_list li.fn2 .Rellight_tit:before{background:url(../image/xiangji.html) center no-repeat;} .Rellight_list li.fn3 .Rellight_tit:before{background:url(../image/lbg1.html) center no-repeat;} .Rellight_list li.fn4 .Rellight_tit:before{background:url(../image/lbg2.html) center no-repeat;} .Rellight_list li.fn5 .Rellight_tit:before{background:url(../image/lbg3.html) center no-repeat;} .Rellight_list li .Rellight_info{font-size: 16px;color: #3d4b51;padding: 20px 0px 0px 28px;} .Rellight_list li.fn4 .Rellight_tit,.Rellight_list li.fn5 .Rellight_tit{padding-top: 30px;} .Rellight_list li.fn4 .Rellight_tit:before,.Rellight_list li.fn5 .Rellight_tit:before{top: 23px;} .guest{background: url(../image/funbj.html) no-repeat 508px 0;} .guest .guest_list{width: 100%;overflow: hidden;} .guest .guest_list li{width: 282px;float: left;position: relative;margin-right: 172px;} .guest .guest_list li .fenguest{height: 360px;} .guest .guest_list li .guestImg{text-align: center;position: relative;} .guest .guest_list li .guestImg img{} .guest .guest_list li .guestinfo{width: 279px;height: 216px;text-align: center;box-shadow: 1px 1px 10px 3px #efefef;background: #fff;margin: -70px 0px 0px 5px;} .guest .guest_list li .guestinfo .guestname{font-size: 24px;color: #3D4B51;padding: 103px 0px 0px 0px;} p.guestname {} .guest .guest_list li .guestinfo .guestcom,.guest .guest_list li .guestinfo .guestpos{font-size: 16px;color: #3D4B51;} .guest .guest_list li .guestinfo .guestcom{padding: 10px 0px;} .guest .guestNew{font-size: 18px;color: #3d4b51;position: relative;text-align: center;} .guest .guestNew:before{position: absolute;content: "";background: url(../image/yin.html)center no-repeat;width: 20px;height: 18px;left: 50%;top: 3px;margin-left: -112px;} .guestGet{width:100%;padding:64px 0 0px;background:url(../image/brabj.html) no-repeat center 0;background-size: contain;} .guestcenter{width: 1200px;margin: 0 auto;text-align: center;} .guestcenter h2{font-size: 34px;color: #FFFFFF;font-weight: 400;margin-bottom: 40px;} .guestcenter p{font-size: 16px;color: #FFFFFF;line-height: 30px;} .guestcenter img{width: 902px;height: 420px;margin-top: 45px;} .fonlines{background: url(../image/funbj.html) no-repeat 437px 0;} .fonlines .fonlinesa{width: 100%;overflow: hidden;} .fonlinesaL{float: left;width: 435px;position: relative;margin: 0px 47px;height: 443px;} .fonlinesaL .fonlinesaL_list{position: absolute;top:0px;width: 100%;height: 100%;} .fonlinesaL .fonlinesaL_list li{width: 130px;height: 130px;background: url(../image/ficon_bg2_1.html) left center no-repeat;position: absolute;cursor: pointer;} .fonlinesaL .fonlinesaL_list li.fgli1{top: 117px;left: -57px;} .fonlinesaL .fonlinesaL_list li.fgli2{right: 0px;top: 16px;} .fonlinesaL .fonlinesaL_list li.fgli3{left: 116px;top: 329px;} .fonlinesaL .fonlinesaL_list li p{font-size: 18px;color: #3d4b51;margin: 2px 0px 0px 33px;} .fonlinesaL .fonlinesaL_list li .fgueImg{height: 30px;margin: 28px auto 0px;} .fonlinesaL .fonlinesaL_list li.fgli1 .fgueImg{background: url(../image/fgueicon2.html) center center no-repeat;} .fonlinesaL .fonlinesaL_list li.fgli2 .fgueImg{background: url(../image/fgueicon1.html) center center no-repeat;} .fonlinesaL .fonlinesaL_list li.fgli3 .fgueImg{background: url(../image/fgueicon3.html) center center no-repeat;} .fonlinesaL .fonlinesaL_list li:hover{transition:1s all ease;transform:rotate(360deg);} .fonlinesaR{float: right;width: 560px;padding-right: 72px;} .fonlinesaR .fonp{font-size: 22px;color: #3d4b51;padding: 106px 0px 50px;line-height: 37px;} .fonlinesaR .fonlinesaR_list li{width: 80px;margin: 0px 25px 0px 0px;padding-left: 12px;float: left;min-height: 48px;position: relative;} .fonlinesaR .fonlinesaR_list li a{font-size: 16px;color: #3d4b51;} .fonlinesaR .fonlinesaR_list li:before{content: "";position: absolute;background: url(../image/dian.html) center no-repeat;left: 0px;top: 9px;width: 6px;height: 6px;} .fonlinesaR .fonlinesaR_list li:nth-child(5n){margin-right: 0px;} .guestpro a{display:inline-block;font-size:14px;color:#ff4800!important;height:34px;padding:0 22px;border:1px solid #ff4800;border-radius:17px;line-height:34px;margin: 19px 0px 0px;} .guestpro a:hover{color:#fff!important;background:#ff4800;} .guestour_pro{background: url(../images/icon-k12.html) center top no-repeat;background-size: cover;padding: 50px 0px 0px 0px;} .guereport .guereport_list li{width: 98%;box-shadow: 1px 1px 10px 3px #efefef;overflow: hidden;height: 188px;border-radius: 10px;margin: 20px auto 0px;} .guereport .guereport_list li .fguereport{padding: 20px 38px 0px 20px;} .guereport .guereport_list li .fguereport .guereportF{float: left;width: 210px;height: 147px;} .guereport .guereport_list li .fguereport .guereportF img{width: 100%;height: 100%;} .guereport .guereport_list li .fguereport .guereportR{float: right;width: 879px;} .guereport .guereport_list li .fguereport .guereportR h3{font-size: 18px;color: #3d4b51;font-weight: 400;} .guereport .guereport_list li .fguereport .guereportR .guereportinfo{font-size: 14px;color: #3d4b51;padding: 30px 0px 25px;} .guereport .guereport_list li .fguereport .guereportR .guereportem{font-size: 36px;color: #ff4800;} .guereport .guereport_list li .fguereport .guereportR .guereportema{color: #ff4800;font-size: 24px;position: relative;top: -3px;} .guereport .guereport_list li .fguereport .guereportR .guereportemb{font-size:18px;color: #ff4800;position: relative;top: -4px;} .guereport .guereport_list li .fguereport .guereportR .guereportemc{background: url(../images/icon-time1.html) left center no-repeat;padding: 0px 0px 0px 23px;margin: 15px 0px 0px 30px;float: right;font-size: 12px;color: #666666;} .guereport .guereport_list li .fguereport .guereportR .guereportemd{background: url(../images/Fabulous.html) left center no-repeat;padding: 0px 0px 0px 25px;margin: 15px 0px 0px 47px;float: right;font-size: 12px;color: #666666;} .fconference{background: url(../image/funbj.html) no-repeat 500px 0;} .fconferencebg{background: url(../image/condenbg.html) bottom no-repeat;background-size: contain;overflow: hidden;} .fconference_list{width: 977px;margin: 0 auto;} .fconference .fconferencetit{font-size: 36px;color: #3d4b51;text-align: center;width: 902px;padding-bottom: 40px;} .fconference .fconferencetit em{font-size: 24px;color: #3d4b51;} .fconference .fconference_list li{overflow: hidden;width: 977px;margin-top: 25px;} .fconference .fconference_list li .fconferenceF{float: left;background: url(../image/fconfer.html) left no-repeat;height: 74px;width: 89px;} .fconference .fconference_list li .fconferenceR{float: right;width: 750px;padding: 15px 37px;box-shadow: 1px 1px 10px 3px #efefef;border-radius: 33px;font-size: 18px;color: #3d4b51;margin: 5px 13px 5px 0px;background: #fff;} .fconference .fconference_list li .fconferenceR .fcontime:before{position: absolute;width: 31px;height: 31px;content: "";background: url(../image/shijian.html) center no-repeat;left: 0px;top: -3px;} .fconference .fconference_list li .fconferenceR .fconname{float: left;left: 50%;position: relative;margin-left: -162px;} .fconference .fconference_list li .fconferenceR .fcontime{font-size: 18px;color: #3d4b51;float: left;position: relative;padding-left: 50px;} .fconference .fconference_list li .fconferenceR .fcontight{text-align: right;} .fconference .fconference_list li .fconferenceF .fconferenceFnum{font-size: 18px;color: #fff;position: relative;top: 23px;left: 46px;} .fscene{background: url(../image/funbj.html) no-repeat 505px 0;text-align: center;width: 902px;margin: 0 auto;} .fscene .fscenetit{font-size: 14px;color: #3d4b51;position: relative;display: block;width: 285px;margin: 0 auto;} .fscene .fscenetit:before{position: absolute;width:1px;height:15px;content: "";background:#3d4b51;left: 0px;top: 3px;} .fscene .fscenetit:after{position: absolute;width:1px;height:15px;content: "";background:#3d4b51;right: 0px;top: 3px;} .fscene .fsceneImg{padding: 63px 0px 0px 0px;width: 900px!important;position: relative;height: 365px;} .guestproa{width: 140px;margin: 0 auto;position: relative;} .guestproa::after{content: "";background: url(../image/fficonss.html) left no-repeat;height:9px;width: 9px;position: absolute;left: 113px;top: 33px;} .guestproa a{display:inline-block;font-size:14px;color:#ff4800!important;height:34px;padding: 0 41px;border:1px solid #ff4800;border-radius:17px;line-height:34px;margin: 19px 0px 0px;} .guestproa a:hover{color:#fff!important;background:#ff4800;} .guereport_list{max-height: 637px;overflow: hidden;} .guereport_list.show{max-height: none;} .ffvideob p{width:100%!important;height:100%!important;} .ffvideoImg{width:555px;height: 300px;float: left;} .ffvideoImg img{width:100%;height: 100%;} .ffvideob{width:555px;height: 300px;position: absolute;right: 0px;top: 130px;} /*网校系统*/ .Cloud3_3{width:100%;height: 195px;background: url(../images/m-numbg.html) center center no-repeat;background-size: cover;margin: 65px auto 0px;padding:90px 0px 0px 0px;} .Cloud3_3 .numBox{width:1200px;margin:0 auto;color:#fff;font-size: 20px;} .Cloud3_3 .nums{font-size: 49px;margin: 0px 0px 10px 0px;} .Cloud3_3 .numBox li{float: left;width:25%;text-align: center;} .singleBox .Box404L{padding: 150px 50px 140px 90px;width: 470px;} .ContentSin{min-height:600px;} .edulist77 .edulist6{position: relative;display: block;padding: 0px 0px 20px 0px;} /*网站地图*/ .Map{width:1200px;margin:0 auto;} .sitemap{margin:0 auto;padding:18px 0 60px 0;} .sitemap h6{line-height:40px;font-weight: normal;border-bottom: 1px solid #f2f2f2;clear:both;margin:10px 0;} .sitemap h6 a{color: #ff4800;font-size: 16px;border-left: 4px solid #ff4800;padding-left: 11px;line-height: 18px;display: inline-block;} .sitemap ul{margin-top:20px;} .sitemap ul li{display: inline-block;line-height:30px;margin: 0 15px 0 0;} .sitemap ul li a{color:#666;} .sitemap h6.remove{display: none;} .sitemap ul li:hover a{background:#fff;color:#ff4800;} /*微校招*/ .Scholl1{margin:65px auto 0px;} .Scholl1 li{width:285px;float: left;margin-right: 20px;} .Scholl1 li .Img{background: url(../image/icon-zz.html) center center no-repeat;width: 160px;height: 160px;line-height: 155px;text-align: center;color: #3d4b51;font-size: 18px;text-indent:-3px;margin: 0 auto;} .Scholl1 li:hover .Img{background: url(../image/icon-zz1.html) center center no-repeat;color:#fff;} .Scholl1 li .Img1{height:210px;overflow:hidden;} .Scholl1 li .Img1 img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;} .Scholl1 li.li4{margin-right:0px;} .Scholl1 li:hover .Img1 img{transform:scale(1.3);} .Scholl1 li .Img1 .zys1{display:none;} .scholl2{padding: 120px 0px 0px 0px;} .scholl2Box{width: 590px;height: 630px;background: url(../image/icon-school.html) center center no-repeat;margin: 0 auto;position: relative;} .scholl2Box li{width:134px;height:127px;background: url(../image/icon-school1.html) center center no-repeat;color: #fff;font-size: 18px;text-align: center;line-height: 110px;text-indent:-10px;position:absolute;transform:rotate(0deg);transition:1s all ease;} .scholl2Box li a{color: #fff;} .scholl2Box li.li1{bottom: 270px;left: -90px;} .scholl2Box li.li2{bottom: 110px;left: -35px;} .scholl2Box li.li3{bottom: 430px;left: -35px;} .scholl2Box li.li4{bottom: 560px;left: 115px;} .scholl2Box li.li5{bottom: 270px;right: -90px;} .scholl2Box li.li6{bottom: 110px;right: -35px;} .scholl2Box li.li7{bottom: 430px;right: -35px;} .scholl2Box li.li8{bottom: 560px;right: 115px;} .scholl2Box li.li3{line-height:24px;} .scholl2Box li.li3 a{line-height:24px;position:relative;top:30px;left: -5px;} .scholl2Box li:hover{transform:rotate(360deg);} .scholl2Box .words{position:absolute;top:260px;width:290px;margin-left:-145px;left:50%;text-align:center;color:#3d4b51;} .scholl2Box .words .y2{font-size:28px;} .scholl2Box .words .y3{font-size:20px;margin: 18px 0px 0px 0px;line-height: 30px;} .scholl2 .quality{width: 1200px;margin:40px auto 0px;} .scholl2 .quality li{width: 320px;float: left;min-height: 100px;margin: 0px 100px 55px 0px;} .scholl2 .quality li .words{width: 240px;float: right;color: #3d4b51;margin: 0px 0px 0px 12px;} .scholl2 .quality li .Img{position: relative;float: left;width: 23px;height: 33px;background: url(../images/icon-school.png) left top no-repeat;padding: 30px 5px 0px 40px;text-align: right;} .scholl2 .quality li .Img img{position:absolute;right: 5px;bottom:0px;max-width:35px;} .scholl2 .quality li .words .h1{font-size: 19px;margin: 35px 0px 10px 0px;color: #3d4b51;} .scholl2 .quality li .words .h2{font-size: 14px;line-height: 26px;color: #3d4b51;} .scholl2 .quality li:nth-child(3n){margin-right:0px;} .education7S{background: #fff;} .ModelBox{width:100%;background: url(../images/icon-l5.html) center top no-repeat;background-size: cover;} .Model{width:1200px;margin:0 auto;} .ModelList{padding: 85px 0px 65px 0px;} .Model .p1{width:1200px;font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 110px 0px 30px 0px;background: url(../images/icon-circle21.html) 640px 75px no-repeat;margin: 30px auto 0px;} .Model1{width:260px;font-size: 0px;float: left;position: relative;top: 130px;} .Model1_1{width:130px;height:160px;background: #ff4800;border-radius: 10px;text-align:center;display: inline-block;} .Model1_1 img{max-width:100%;margin: 18px 0px 12px 0px;} .Model1_1 .y4{font-size: 20px;color: #fff;} .Model1_2{width:120px;display: inline-block;color:#ff4800;background:url(../image/icon-arrows.html) center center no-repeat;position: relative;top: -42px;left: 5px;text-align: center;margin-right: 10px;} .Model1_2 .y5{font-size:18px;line-height: 30px;position: relative;top: -20px;} .Model1_2 .y6{font-size:18px;position: relative;top: 15px;} .Model2{width:410px;height: 410px;background: url(../image/icon-schoolbg.html) center center no-repeat;position: relative;display: inline-block;float: left;} .Model2 .words{position:absolute;left:50%;top:50%;margin-left:-39px;color:#fff;font-size:26px;margin-top:-35px;} .Model2 li{width:130px;height:124px;background:url(../image/icon-school2.html) center center no-repeat;text-align:center;line-height:115px;font-size:16px;color:#3d4b51;text-indent:-8px;position:absolute;transform:rotate(0deg);transition:1s all ease;} .Model2 li.li1{top:30px;left: -40px;} .Model2 li.li2{top: -50px;left: 72px;} .Model2 li.li3{top: -60px;left:215px;} .Model2 li.li4{top: 20px;left: 328px;} .Model2 li.li5{bottom: 0px;left:325px;} .Model2 li.li6{bottom: -73px;left: 215px;} .Model2 li.li7{bottom: -73px;left: 80px;} .Model2 li.li8{bottom: 0px;left: -30px;} .ModelBox1{background: url(../image/icon-schoolbg1.html) right 100px no-repeat;} .Model2 li:hover{transform:rotate(360deg);} .School .Solution .p1{width:1200px;font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 170px 0px 30px 0px;background: url(../images/icon-circle21.html) 640px 135px no-repeat;margin: 30px auto 0px;} .School .Solution .p2{color:#3d4b51;font-size: 14px;width:1200px;text-align: center;margin:0px auto 0px;} .Solution{background: url(../image/icon-schoolbg2.html) left top no-repeat;margin: -60px 0px 0px 0px;} .SolutionList{width:1200px;margin: 80px auto 0px;position: relative;} .SolutionList li{width: 515px;float: left;min-height: 130px;margin: 0px 100px 50px 0px;} .SolutionList li .words{width: 430px;float: right;color: #3d4b51;margin: 0px;} .SolutionList li .Img{position: relative;float: left;width: 23px;height: 33px;background: url(../images/icon-school.png) left top no-repeat;padding: 30px 5px 0px 40px;text-align: right;} .SolutionList li .Img img{position:absolute;right: 5px;bottom:0px;max-width:30px;max-height: 35px;} .SolutionList li .words .h1{font-size: 20px;margin: 25px 0px 10px 0px;color: #3d4b51;line-height: 42px;cursor:pointer;border-bottom:1px solid #ff4800;} .SolutionList li .words .h2{font-size: 14px;line-height: 26px;color: #3d4b51;} .SolutionList li:nth-child(2n){margin-right:0px;} .SolutionList li:hover .h1{background:#ff4800;text-indent:1em;color:#fff;} .SolutionList li .Imgs{width:340px;height: 655px;position: absolute;left: 600px;display:none;z-index:999999;top:0px;border:1px solid #cccccc;overflow: hidden;text-align: center;background: #fff;} .SolutionList li.two .Imgs{right: 600px;left: auto;} .SolutionList li:hover .Imgs{display:block;} .SolutionList li .Imgs img{max-width:100%;height:100%;} .Value{width:100%;height: 345px;background: url(../images/m-numbg.html) center center no-repeat;background-size: cover;margin: 65px auto 0px;padding: 40px 0px 0px 0px;} .Value .p1{width:1200px;font-size: 24px;color: #fff;text-align: center;font-weight: normal;background: url(../image/icon-zz2.html) 440px 15px no-repeat;margin: 0px auto;height: 55px;padding: 40px 0px 0px 0px;} .Value li{width:240px;text-align: center;float: left;color:#fff;} .Value ul{width:1200px;margin: 38px auto 0px;} .Value li .Img img{max-width:44px;max-height:44px;} .Value li .tit{font-size:22px;margin: 28px 0px 13px 0px;} .Value li .sum{font-size:16px;} .School3{margin:0px 0px 50px 0px;} .School3 .p1{width:1200px;font-size: 24px;color: #3d4b51;text-align: center;font-weight: normal;padding: 110px 0px 30px 0px;background: url(../images/icon-circle21.html) 640px 75px no-repeat;margin: 30px auto 0px;} .School3 ul{width:950px;margin: 30px auto 0px;font-size:0px;} .School3 ul li{width:240px;height:280px;display:inline-block;font-size:18px;color:#3d4b51;text-align: center;box-shadow: 0px 0px 15px 5px #f6f6f6;margin: 0px 100px 0px 0px;} .School3 ul li .Img{height:180px;line-height:180px;margin: 16px 0px 30px 0px;} .School3 ul li .Img img{vertical-align:middle;} .School3 ul li.li3{margin-right:0px;position: relative;} .School3 ul li.li3 .Img{line-height:150px;} .School3 ul li.li3 span{position: absolute;bottom: 100px;display: block;height: 30px;line-height: 30px;width: 100%;left: 0px;color: #ff4800;font-size: 28px;font-family: '黑体';font-weight: bold;} .SolutionName {display: none;} .LuoDi .header{background: unset;border-bottom: 0;height: 80px;line-height: 80px;} .LuoDi .header.fixed{background:#252930;} .LuoDi .header h1{line-height:70px;} .LuoDi .header .nav li{padding: 0px 38px;height: 80px;line-height: 80px;} .LuoDi .header .nav li:hover{background: unset;} .LuoDi .header .nav li:hover a{font-weight: bold;} .LuoDi .header .nav{margin-right: 170px;} .LuoDi .header .topTel{right:0px;} .LuoDi .header .nav li a.lia{font-size: 16px;} .LuoDi .header .topTel i{background: url(../images/icon-dianhua.png) center left no-repeat;padding: 0px 0px 0px 35px;font-size: 16px;line-height: 80px;} .LuoDi .bannerWL{width:600px;float: left;text-align: left;color: #fff;font-size:16px;line-height:40px;} .LuoDi .bannerW img{width: auto;vertical-align:middle;max-width: 500px;} .LuoDi .bannerWL .w2{font-size:38px;letter-spacing:3px;margin: 0px 0px 2.4vw 0px;} .LuoDi .backBox{margin:4.4vw 0px 0px 0px;} .LuoDi .bannerW{/*top:10vw;*/top:50%;transform: translateY(-40%);} .LuoDi .bannerW a.back{height:44px;line-height:44px;border-radius:50px;width:130px;} .LuoDi .bannerW a.back1{width:155px;background: #ff4800;border-radius: 50px;height: 44px;line-height: 44px;margin: 0px 0px 0px 10px;} .LuoDi .bannerWR{float: right;width: 50%;position: absolute;right: 0px;bottom: -4vw;} .LuoDi .bannerWL img{margin:0px 0px 0px 25px;} .LuoDi .bannerWL img.img1{margin:0;} .LuoDi .banner{height: auto;} .LuoDi .header.fixed .free{background: #ff4800 url(../images/icon-btn.html) center center no-repeat;} .jiaoyu .backBox{margin: 45px auto 0px;width:1200px;text-align:center;} .jiaoyu .backBox a.back{width:120px;height:40px;border:1px solid #ff4800;background:#fff;display:inline-block;text-align:center;border-radius:5px;color:#ff4800;line-height:40px;margin:0px 3px;box-shadow:2px 2px 3px 1px #ffc3ac;transition: 1s all ease;} .jiaoyu .backBox a.back1{background:#ff4800;color:#fff;} .jiaoyu .backBox a.back:hover{background:#fbebeb;} .jiaoyu .backBox a.back1:hover{background:#ff4800;} .jiaoyu1{margin:-50px auto 0px;width:1200px;box-shadow:0px 10px 20px 5px #e0e0e0;} .jiaoyu1 li{width: 297.5px;float:left;background:#fff;height:100px;text-align: center;color: #333;position: relative;z-index: 9999999;line-height: 100px;border-radius:5px;margin: 0px 3px 0px 0px;} .jiaoyu1 li img{vertical-align:middle;margin:0px 20px 0px 0px;} .jiaoyu1 li:nth-child(4n){margin:0px;} .jiaoyu2{width:1200px;margin: 80px auto 55px;} .jiaoyu2 .p1{font-size:28px;text-align:center;color:#333;margin:0px 0px 45px 0px;} .jiaoyu2 li{float:left;width:25%;text-align:center;} .jiaoyu2 li .icon{width:68px;height:68px;display:block;margin:0 auto;background:url(../img_luodi/icon-luodi9.png) right top no-repeat;position:relative;} .jiaoyu2 li .icon img{position:absolute;bottom: -5px;left: -5px;} .jiaoyu2 li .p2{font-size:18px;color:#333333;margin:40px 0px 10px 0px;} .jiaoyu2 li .p3{font-size:12px;color:#808080} .jiaoyu2 li.li2 img{left:5px;bottom:2px;} .jiaoyu2 li.li3 img{left: 0px;bottom:2px;} .jiaoyu2 li.li4 img{left: -8px;bottom: 4px;} .jiaoyu3{background:url(../img_luodi/icon-luodi10.png) top center no-repeat;background-size:cover;padding:55px 0px 0px 0px;height:650px;} .jiaoyu3 .p1{font-size:28px;color:#333;text-align:center;margin:0px 0px 65px 0px;} .jiaoyu3 ul{width:1200px;margin:0 auto;position:relative;} .jiaoyu3 ul li{float:left;width: 255px;height: 85px;background: #fff;box-shadow: 0px 0px 10px 3px #eee;border-radius: 10px;padding: 20px 40px;position:absolute;border:1px solid transparent;cursor:pointer;transition: 1s all ease;} .jiaoyu3 li .p2{color:#ff4800;font-size:16px;font-weight:bold;margin: 0px 0px 23px 0px;} .jiaoyu3 li .p3{font-size:12px;color:#858585;line-height:20px;} .jiaoyu3 ul li.li1{left:30px;top:10px;} .jiaoyu3 ul li.li2{left:-20px;top:175px;} .jiaoyu3 ul li.li3{left:30px;top:340px;} .jiaoyu3 ul li.li4{right:30px;top:10px;} .jiaoyu3 ul li.li5{right:-20px;top:175px;} .jiaoyu3 ul li.li6{right:30px;top:340px;} .jiaoyu3 ul li:hover{border:1px solid #ff4800;} .jiaoyu3 dl{position: relative;width:375px;height:470px;left:50%;margin-left:-188px;} .jiaoyu3 dl:after{width:120px;height:120px;background:url(../img_luodi/icon-circle1.png) center center no-repeat;content:"";position:absolute;bottom:-25px;right:-25px;} .jiaoyu3 dl dd{width:100%;height:100%;z-index: -100;position:absolute;top:0px;opacity: 0;transition:1s all ease;} .jiaoyu3 dl dd img{width:100%;height:100%;} .jiaoyu3 dl dd.active{opacity: 1;z-index:9999;} .jiaoyu3 ul li:after{width:50px;height:30px;background:url(../img_luodi/icon-luodi11.png) center center no-repeat;content:"";display:block;position:absolute;right:-45px;top:50%;margin-top:-15px;display:none;} .jiaoyu3 ul li.active:after{display:block;} .jiaoyu3 ul li.li4:after{right:auto;left:-45px;transform:rotate(180deg);} .jiaoyu3 ul li.li5:after{right:auto;left:-45px;transform:rotate(180deg);} .jiaoyu3 ul li.li6:after{right:auto;left:-45px;transform:rotate(180deg);} .jiaoyu3 .backBox{margin: 15px auto 0px;position: relative;} .jiaoyu4{padding: 60px 0px;} .jiaoyu4 .p1{font-size:28px;color:#333;text-align:center;margin:0px 0px 15px 0px;} .jiaoyu4 .p2{font-size:16px;color:#858585;text-align:center;} .jiaoyu4 ul{width:1200px;margin: 85px auto 0px;} .jiaoyu4 ul li{float:left;width: 288px;height:360px;background:#fff;box-shadow:0px 0px 10px 3px #eeeeee;margin:0px 15px 0px 0px;text-align: center;cursor: pointer;transition: 1s all ease;} .jiaoyu4 ul li:nth-child(4n){margin:0px 0px 0px 0px;} .jiaoyu4 ul li .tit{font-size:18px;color:#333333;margin: 15px 0px 10px 0px;} .jiaoyu4 ul li .tit1{font-size:14px;color:#333333;margin: 0px 0px 30px 0px;} .jiaoyu4 ul li .sum{color:#858585;font-size:12px;line-height:20px;width:230px;margin:0 auto;min-height: 60px;} .jiaoyu4 ul li .a1{width:120px;height:40px;line-height:40px;text-align:center;display:block;color:#ff4800;background:#fff;box-shadow:2px 2px 10px 1px #eee;margin: 15px auto 0px;border-radius:5px;border:1px solid transparent;transition: 1s all ease;} .jiaoyu4 ul li.li1 img{margin: -75px 0px 28px 0px;} .jiaoyu4 ul li.li2 img{margin: -45px 0px 2px 0px;} .jiaoyu4 ul li.li3 img{margin-top:-45px;} .jiaoyu4 ul li.li4 img{margin: -45px 0px 22px 0px;} .jiaoyu4 ul li:hover{box-shadow: 15px 15px 20px 4px #eee;} .jiaoyu4 ul li:hover .a1{border:1px solid #ff4800;box-shadow:2px 2px 10px 1px #f1f1f1;} .jiaoyu5{padding: 30px 0px 45px 0px;background:#f7f7f7;} .jiaoyu5 .p1{font-size:28px;color:#333;text-align:center;margin:0px 0px 45px 0px;} .jiaoyu5Box{width:1200px;margin:0 auto;position: relative;} .jiaoyu5BoxL{width:545px;height:470px;position:relative;float:left;} .jiaoyu5BoxL:after{width: 480px;height:100%;position:absolute;left: -30px;top:25px;background:#ececec;content:"";z-index:0;border-radius: 20px;} .jiaoyu5BoxL ul{position:relative;z-index: 999;display: none;} .jiaoyu5BoxL ul li{position:absolute;top:0px;left:0px;opacity:0;z-index:-1;transition:1s all ease;} .jiaoyu5BoxL ul li img{width:100%;height:100%;border-radius:15px;transform:scale(0);transition:2s all ease;} .jiaoyu5BoxL:before{background:url(../img_luodi/icon-circle.png) center center no-repeat;width:125px;height: 125px;content:"";display:block;position: absolute;bottom: -25px;right: -20px;z-index: 0;} .jiaoyu5BoxL .icon{position:absolute;bottom: -44px;right: 110px;} .jiaoyu5BoxL .icon i{width:10px;height:10px;background:#fff;box-shadow:1px 1px 4px 2px #dddddd;display:inline-block;border-radius: 50%;margin:0px 4px;transition:1s all ease;} .jiaoyu5BoxL .icon i.active{background:#ff4800;} .jiaoyu5BoxL ul li.active{opacity:1;z-index:99999;} .jiaoyu5BoxL ul li.active img{transform:scale(1.0);} .jiaoyu5BoxR{width:600px;float:right;} .jiaoyu5BoxR dd{padding: 14px 70px;background:#fff;border-radius:10px;box-shadow:0px 0px 10px 2px #eee;margin: 0px 0px 20px 0px;border:1px solid transparent;cursor:pointer;transition: 1s all ease;} .jiaoyu5BoxR dd:hover{border:1px solid #ff4800;} .jiaoyu5BoxR dd .p2{font-size:16px;color:#333;font-weight:bold;line-height: 24px;} .jiaoyu5BoxR dd .sum{font-size:14px;color:#999999;margin: 10px 0px 0px 0px;line-height:20px;min-height: 40px;} .jiaoyu5BoxR dd:last-child{margin:0;} .jiaoyu5BoxR dd.active{border:1px solid #ff4800;} .jiaoyu5BoxR dd .Img{position:absolute;left: 0px;width: 545px;height: 470px;top: 0px;border-radius:30px;} .jiaoyu5BoxR dd .Img img{width:100%;height:100%;transform:scale(0);transition:2s all ease;border-radius:20px;} .jiaoyu5BoxR dd.active img{transform:scale(1.0);} .jiaoyu6{background:url(../img_luodi/icon-bg.png) center bottom no-repeat;} .jiaoyu6 .p1{font-size:28px;text-align:center;color:#333;margin:35px 0px 17px 0px;} .jiaoyu6 .p2{font-size:16px;color:#858585;text-align:center;} .jiaoyu6 ul{width:1200px;margin: 45px auto 0px;} .jiaoyu6 ul li{margin:0px 10px 10px 0px;width:390px;height:320px;float:left;background:#fff;box-shadow: 0px 0px 10px 2px #eee;transition: 1s all ease;} .jiaoyu6 ul li .Img{height:140px;overflow:hidden;} .jiaoyu6 ul li img{transform:scale(1.0);transition:1s all ease;} .jiaoyu6 ul li .tit{font-size:18px;color:#333333;text-align:center;margin:20px 0px 5px 0px;} .jiaoyu6 ul li .sum{font-size: 14px;color:#858585;text-align:center;width: 267px;margin:0 auto;line-height:24px;} .jiaoyu6 ul li a.a1{width:120px;height:40px;line-height:40px;text-align:center;font-size:12px;border:1px solid #ff4800;display:block;border-radius:5px;color:#ff4800;background:#fff;margin:22px auto 15px;transition: 1s all ease;box-shadow: 2px 2px 8px 1px #ddd;} .jiaoyu6 ul li:hover img{transform:scale(1.2);} .jiaoyu6 ul li:hover .tit{color:#ff4800;} .jiaoyu6 ul li:hover a.a1{background:#ff4800;color:#fff;} .jiaoyu6 ul li:hover{box-shadow:5px 5px 10px 4px #ddd;} .jiaoyu6 .p3{font-size:28px;text-align:center;color:#333;padding: 44px 0px 45px 0px;} .jiaoyu7{background:url(../img_luodi/icon-bg2.jpg) center center no-repeat;background-size:cover;} .jiaoyu7 ul{width:1200px;margin:0 auto;padding:80px 0px 90px 0px;;} .jiaoyu7 ul li{width:25%;text-align:center;float:left;} .jiaoyu7 ul li img{max-height:45px;max-width:100%;} .jiaoyu7 ul li .p1{color:#fff;font-size:18px;text-align:center;margin:15px 0px 15px 0px;} .jiaoyu7 ul li .p2{font-size:14px;color:#fff;line-height:22px;margin:0 auto;} .jiaoyu7 ul li.li2 .p2{width:180px;} .jiaoyu7 ul li.li3 .p2{width:185px;} .jiaoyu7 ul li.li4 .p2{width:200px;} .jiaoyu8 .p1{font-size:28px;text-align:center;color:#333;margin: 75px 0px 0px 0px;} .jiaoyu8 ul{width:1200px;margin:0 auto;} .jiaoyu8 ul li{width:220px;float:left;text-align:center;margin: 45px 106px 0px 0px;height: 220px;} .jiaoyu8 ul li .p2{color:#333333;font-size:18px;} .jiaoyu8 ul li .sum{font-size:12px;color:#666666;margin:10px 0px 0px 0px;line-height:20px;} .jiaoyu8 ul li span{width:115px;height:115px;display:block;background:#fff;box-shadow:0px 0px 10px 2px #eee;border-radius:50%;margin:0 auto 25px;text-align:center;transition:1s all ease;} .jiaoyu8 ul li span i{background:url(../img_luodi/icon-b1.png) center center no-repeat;width:50px;height:50px;display:block;margin:0 auto;position:relative;top:33px;transition:1 all ease;} .jiaoyu8 ul li:nth-child(4n){margin-right:0px;} .jiaoyu8 ul li.li1 .sum{width:190px;margin:10px auto;} .jiaoyu8 ul li.li2 span i{background:url(../img_luodi/icon-b2.png) center center no-repeat;} .jiaoyu8 ul li.li3 span i{background:url(../img_luodi/icon-b3.png) center center no-repeat;} .jiaoyu8 ul li.li4 span i{background:url(../img_luodi/icon-b4.png) center center no-repeat;} .jiaoyu8 ul li.li5 span i{background:url(../img_luodi/icon-b5.png) center center no-repeat;} .jiaoyu8 ul li.li6 span i{background:url(../img_luodi/icon-b6.png) center center no-repeat;} .jiaoyu8 ul li.li7 span i{background:url(../img_luodi/icon-b7.png) center center no-repeat;} .jiaoyu8 ul li.li8 span i{background:url(../img_luodi/icon-b8.png) center center no-repeat;} .jiaoyu8 .backBox{margin:30px auto 60px;} .jiaoyu8 ul li:hover span{background:#ff4800;} .jiaoyu8 ul li.li1:hover span i{background:url(../img_luodi/icon-b2h.png) center center no-repeat;} .jiaoyu8 ul li.li2:hover span i{background:url(../img_luodi/icon-b2h.png) center center no-repeat;} .jiaoyu8 ul li.li3:hover span i{background:url(../img_luodi/icon-b3h.png) center center no-repeat;} .jiaoyu8 ul li.li4:hover span i{background:url(../img_luodi/icon-b4h.png) center center no-repeat;} .jiaoyu8 ul li.li5:hover span i{background:url(../img_luodi/icon-b5h.png) center center no-repeat;} .jiaoyu8 ul li.li6:hover span i{background:url(../img_luodi/icon-b6h.png) center center no-repeat;} .jiaoyu8 ul li.li7:hover span i{background:url(../img_luodi/icon-b7h.png) center center no-repeat;} .jiaoyu8 ul li.li8:hover span i{background:url(../img_luodi/icon-b8h.png) center center no-repeat;} .jiaoyu9{width:1200px;margin: 0 auto 20px;} .jiaoyu9 .p1{font-size:28px;text-align:center;color:#333;margin: 60px 0px 40px 0px;} .jiaoyu9 li{width:230px;height:150px;float:left;background:#fff;box-shadow: 0px 0px 10px 2px #eee;margin: 0px 12px 12px 0px;text-align:center;line-height:150px;overflow:hidden;} .jiaoyu9 li:nth-child(5n){margin-right:0px;} .jiaoyu9 li img{vertical-align:middle;transform:scale(1.0);transition:1s all ease;} .jiaoyu9 li:hover img{transform:scale(1.3);} .jiaoyu9 .backBox{margin:15px auto 30px;} .jiaoyu10{background:#313131;padding:45px 0px 50px 0px;margin: 55px 0px 0px 0px;display: none;} .jiaoyu10 .p1{font-size:28px;text-align:center;color:#fff;} .jiaoyu10 form{width:1200px;margin: 50px auto 0px;font-size:0px;} .jiaoyu10 form input[type='text']{width:315px;height:52px;line-height:52px;background:#fff;border-radius:5px;text-indent:1em;font-size:14px;color:#666666;margin: 0px 16.5px 0px 0px;} .jiaoyu10 form input[type='text']::placeholder{color:#666;} .jiaoyu10 form input[type='button']{width:205px;background:#ff4800;color:#fff;font-size:14px;height:52px;line-height:52px;border-radius:5px;cursor:pointer;} .footer_luodi{background:url(../img_luodi/icon-footbg.jpg) center center no-repeat;background-size:cover;border: 0;} .footer_luodi .foot{padding:40px 0px 0px 0px;} .footer_luodi .foot1{border-bottom:1px solid #fff;padding: 0px 0px 25px 0px;} .footer_luodi .tel1{font-size:24px;color:#fff;} .footer_luodi .foot1TR{margin:0px 0px 0px 70px;} .footer_luodi .company{color:#fff;font-size:14px;line-height:24px;margin:20px 0px 0px 0px;} .footer_luodi .foot2 .copyright{float:none;font-size:14px;} .footer_luodi .foot2 span.s1{float:right;} .footer_luodi .foot2 span a{font-size:14px;color:#fff;} .footer_luodi .foot2{padding:15px 0px 50px 0px;} .TanCeng{width:525px;height: 370px;position: fixed;top:50%;margin-top:-185px;left: 50%;margin-left:-262px;background:#fff;border-radius: 10px;z-index: 99999999999999;overflow:hidden;display: none;} .TanCeng1{height:187px;background: url(../img_luodi/icon-bg1.jpg) #ff4800 center center no-repeat;padding:0px 25px;background-size: cover;} .TanCeng1 .close{width: 35px;height:50px;background:url(../img_luodi/icon-close.png) center center no-repeat;background-size:cover;display:block;float:right;position: relative;top: 7px;right: -8px;} .TanCeng1 h3{font-size:30px;color:#fff;font-weight:normal;padding:60px 0px 15px 0px;} .TanCeng1 h3 em{color:#fff600;} .TanCeng1 .p1{color:#fff;font-size:16px;font-weight:bold;} .TanCeng2{padding:0px 25px;} .TanCeng2L{width:300px;float:left;margin:30px 0px 0px 0px;} .TanCeng2 li{width:70px;float:left;background:url(../img_luodi/icon-arrow.png) left center no-repeat;padding:0px 0px 0px 18px;margin:0px 0px 7px 0px;} .TanCeng2 .a2{color:#ffffff;font-size:16px;background:#ff4800;width: 136px;height:45px;line-height:45px;display: inline-block;border-radius:50px;text-align:center;margin: 25px 14px 0px 0px;} .TanCeng2R{width:110px;float:right;margin:10px 0px 0px 0px;text-align:center;} .TanCeng2R img{width:100%;} .TanCeng2R p{color:#666666;font-size:14px;font-weight:bold;margin:15px 0px 0px 0px;} .LuoDi .fixedRight{display: none;} .LuoDi_Fixed{width:145px;box-shadow: 0px 0px 10px 3px #eee;position: fixed;right: 0px;top:50%;text-align: center;background:#fff;margin-top: -200px;z-index: 999999999;} .LuoDi_Fixed .img{margin: -55px 0px 25px 0px;} .LuoDi_Fixed .p1{color:#ff4800;font-size:24px;font-weight:bold;margin: 0px 0px 22px 0px;cursor: pointer;} .LuoDi_Fixed .a1{display:block;width:120px;height:36px;line-height:36px;margin:0px auto 10px;box-shadow:0px 0px 10px 2px #eee;border-radius:50px;background: #ff4800;color: #fff;} .LuoDi_Fixed .Code1{width:105px;margin: 20px auto 22px;} .LuoDi_Fixed .Code1 img{width:100%;} .LuoDi_Fixed .Code1 p{font-size:12px;color:#666666;margin:6px 0px 0px 0px;} /* .LuoDi_Fixed .a1:hover{color:#ff4800;} */ @media(max-width:1600px){ .LuoDi .backBox{margin:2vw auto 0px;} .jiaoyu3 .backBox{margin:15px auto 0px} .jiaoyu5 .backBox{margin:45px auto 0px;} }