/* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ /* 导航 */ .header{position: fixed;top: 0;left: 0;right: 0;height:80px;z-index: 999;} .navbar-btn{display: none;} .header .logo{padding: 15px 0;} .header .logo a{display: block;height: 50px;width: 129px;background: url(../images/logo.png) left center no-repeat;background-size:contain;} .navbar-nav >li{float: left;position: relative;} .navbar-nav >li ul{display: none;position:absolute;top:80px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .navbar-nav >li:hover ul{display: block;} .navbar-nav >li>a{color: #FFFFFF;font-size:18px;height: 80px;font-family: SH-Regular;padding: 0 15px;} .navbar-nav >li:last-child>a{background:#00A2EC;} .navbar-nav >li ul{background-color: #FFFFFF;width: 187px;} .navbar-nav >li ul li img{display: block;width: 100%} .navbar-nav >li ul li a{font-size: 15px;color:rgba(0,0,0,0.7);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 187px;height: 45px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left:36px;} .navbar-nav >li ul li a:hover{background-color: rgba(188, 188, 188, 0.3);} .language{height: 80px;margin-left:27px;} .language a{display: block;width: 34px;height: 34px;background:url(../images/language-en.png) center center no-repeat;background-size: 100% 100%;} /* 侧边栏 联系我们 */ .aside{position: fixed;right: 0;bottom: 148px;z-index: 20;} .aside .asidetap{width: 64px;height:210px ;padding:20px 16px 0 14px;background-color: #1A2450;color: #00B3EC;font-size: 20px;position: absolute;bottom: 0;right: 0;} .aside .asidetap span{display: block;width: 30px;height: 30px;background: url(../images/customer.png) center center no-repeat;background-size: 100% 100%;margin-bottom: 13px;} .customerform{position: absolute;bottom: 0;right:-307px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .customertxt{text-align: center;padding-top:16px;line-height: 28px;border-top: 1px solid #0D6C9E;display: block;width: 5px;margin-left: -10px;} .customerform .formbg{width:307px;height: 480px;background: #01B4ED;padding: 32px 0 0 25px;} .customerform .formtitle{font-size: 14px;color: #192350;line-height: 21px;} .customerform .formtel{font-size:18px;color: #FFFFFF;line-height: 26px;margin-bottom: 16px;} .customerform .formdes{font-size: 10px;line-height: 15px;color: #FFFFFF;margin-bottom: 24px;font-family: SH-Light;} .formbox{width: 265px;} .formbox .inputB{margin-bottom:15px;width:265px;position: relative;} .formbox .inputB input{display: block;-webkit-box-sizing: border-box;box-sizing: border-box;width:100%;background: #FFFFFF;height: 34px;padding-left:20px;font-size: 12px;} .formbox .double{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .formbox .double>.inputB{width:126px;} .formbox .inputB.line::after{position: absolute;left:14px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);height:12px;width: 1px;background: #979797;display: block;content: "";} .formbox .inputB select{display: block;width: 100%;border: none;height: 34px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 16px;font-size: 12px;line-height: 34px;background: #FFFFFF;} .formbox .submit{width:177px;height: 41px;font-size: 16px;color: #FFFFFF;background: #343434;} /* 首页轮播 */ .swiperBox{position: relative;} .swiperBox .windowWH{min-height: 500px;} .bg-c-c{background-repeat: no-repeat;background-position: center center;background-size:cover;} .transfBox{height: 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #FFFFFF;} .transfBox>div{padding-top: 50px;} .transf{font-size: 84px;line-height: 84px;margin-bottom: 27px;font-family: SH-Bold;} .transf2{font-size: 85px;line-height: 85px;font-weight: 100;margin-bottom: 48px;font-family: SH-Extra;} .transfdes{font-size: 26px;width:;line-height: 37px;font-weight: 100;font-family: SH-Light;} .banner .swiper-button-next,.banner .swiper-button-prev,.howswiper .swiper-button-next,.howswiper .swiper-button-prev{left: 50%;right: auto;width: 48px;height: 48px;-webkit-transform: translateX(575px);-ms-transform: translateX(575px);transform: translateX(575px);} .banner .swiper-button-next,.howswiper .swiper-button-next{background-image: url(../images/arrow-next.png);top:50%;-webkit-transform: translate(575px,-40px);-ms-transform: translate(575px,-40px);transform: translate(575px,-40px);background-repeat: no-repeat; background-position: center;} .banner .swiper-button-prev,.howswiper .swiper-button-prev{background-image: url(../images/arrow-prev.png);top:50%;-webkit-transform: translate(575px,24px);-ms-transform: translate(575px,24px);transform: translate(575px,24px);background-repeat: no-repeat; background-position: center;} .banner .swiper-button-prev::after,.howswiper .swiper-button-prev::after {display: none;} .swiper-button-prev::after, .swiper-button-next::after {display: none;} .transfBg{background-image: url(../images/bannerp.png);background-position: right bottom;background-size: auto 651px;background-repeat: no-repeat;} .scrollTap{position: absolute;left: 50%;bottom:40px;margin-left: -43px;z-index: 10;cursor: pointer;} .scrollTap .logotap{width:85px;height: 85px;border: 1px solid #FFFFFF;border-radius: 50%;background:url(../images/logo2.png) center center no-repeat;background-size:57px 57px;margin-bottom: 4px;} .txtcenter{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .txtcenter .transf{font-size: 120px;line-height: 120px;text-align: center;letter-spacing:24px ;margin-bottom:45px ;} .txtcenter .transf2{font-size: 56px;letter-spacing: 44px;line-height: 56px;margin-bottom: 58px;} .txtcenter .transfdes{font-size:24px ;line-height: 43px;text-align: center;} @-webkit-keyframes logobtn { 0% {width: 57px;height: 57px;opacity: 0.6;} 100% {width: 90px;height: 90px;opacity: 0;} } @keyframes logobtn { 0% {width: 57px;height: 57px;opacity: 0.6;} 100% {width: 90px;height: 90px;opacity: 0;} } @-webkit-keyframes arrow { 0% {-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;} 100% {-webkit-transform:translateY(16px);transform:translateY(16px);opacity: 0;} } @keyframes arrow { 0% {-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;} 100% {-webkit-transform:translateY(16px);transform:translateY(16px);opacity: 0;} } .scrollTap .logoanim{width:77px;height:77px;background: url(../images/logo2.png) center center no-repeat;background-size: 100% 100%;-webkit-animation:logobtn 2s infinite;animation:logobtn 2s infinite;} .scrollTap .arrowDown{display: block;width:26px;height: 26px;background: url(../images/arrow-down.png) center center no-repeat;background-size: 100% 100%;} .scrollTap .arrowDown span{-webkit-animation:arrow 1.5s infinite;animation:arrow 1.5s infinite;} /* 精益数字化 */ .digiti.windowWH {min-height: 740px;} .digiti-title{font-family: SH-Bold;font-size:60px;line-height: 84px;text-align: center;color: #4c4c4c;} .digiti-title2{font-family: SH-Light;font-size:40px;line-height: 56px;margin-bottom: 28px;text-align: center;color: #4c4c4c;} .digiti-title3{width: 1130px;font-size: 18px;line-height: 28px;text-align: center;margin: 0 auto;} .round{display: block;margin: 0 auto;padding-top: 148px;} .round-cover {display: block; margin: 0 auto;} .round>div{width: 404px;height: 342px;position: relative;margin: 0 auto;} .round>div>.ditiSame{position: absolute;width: 154px;height: 154px;} .round>div>.ditiSame .pic{width: 154px;height: 154px;border-radius: 50%;background:#EFEFEF;} .round>div>.ditiSame .pic img{width:100%;height: 100%;} .round>div>.ditiSame:first-child{top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .round>div>.ditiSame:nth-child(2){bottom: 0;left:0;} .round>div>.ditiSame:nth-child(3){bottom: 0;right:0;} .arrow{position: absolute;width: 42px;height: 42px;background: url(../images/arrow.png) center center no-repeat;background-size: 100% 100%;} .round>div>.ditiSame:first-child .arrow{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);left:-45px;bottom: -25px;} .round>div>.ditiSame:nth-child(2) .arrow{left:185px;bottom: 15px;} .round>div>.ditiSame:nth-child(3) .arrow{-webkit-transform: rotate(-130deg);-ms-transform: rotate(-130deg);transform: rotate(-130deg);left:22px;top: -54px;} .round>div>.ditiSame .ditiTxt{padding:12px 19px 20px;border:1px solid #00B3EC;position: absolute;color: #00B3EC;text-align: center;} .round>div>.ditiSame .ditiTxt>div:first-child{font-size: 20px;font-family: SH-Bold;line-height: 28px;margin-bottom:8px;} .round>div>.ditiSame .ditiTxt>div:nth-child(2){font-size: 16px;line-height: 21px;} .round>div>.ditiSame:first-child .ditiTxt{width: 334px;top:-104px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .round>div>.ditiSame:nth-child(2) .ditiTxt{width: 269px;top:31px;left:-281px ;} .round>div>.ditiSame:nth-child(3) .ditiTxt{width: 270px;left: 171px;top: 31px;} .round>div>.ditiSame .ditiTxt .icon{position: absolute;width:15px;height: 15px;background: url(../images/arrow-bg.png) center center no-repeat;background-size: 100% 100%;} .round>div>.ditiSame:first-child .icon{bottom:-11px;left: 50%;-webkit-transform: translateX(-50%) rotate(90deg);-ms-transform: translateX(-50%) rotate(90deg);transform: translateX(-50%) rotate(90deg);} .round>div>.ditiSame:nth-child(2) .icon{top: 50%;right: -11px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .round>div>.ditiSame:nth-child(3) .icon{top: 50%;left: -11px;-webkit-transform: translateY(-50%) rotate(-180deg);-ms-transform: translateY(-50%) rotate(-180deg);transform: translateY(-50%) rotate(-180deg);} /* 客户 */ .customer.windowWH {min-height: 680px;} .customerTit{font-size: 50px;line-height: 70px;text-align: center;font-family: SH-Bold;color: #4c4c4c;margin-bottom: 30px;} .customerTit span{font-family: SH-Light;} .customerTit i{display: block;width:17px ;height: 31px;background: url(../images/dh.png) center center no-repeat;background-size: 100% 100%;margin: 20px 30px 0 26px;} .custBox .custTab,.joinjob .custTab{width:1174px;margin:40px auto 53px;} .custBox .custTab ul,.joinjob .custTab ul{margin: 0 auto;} .custBox .custTab li a,.joinjob .custTab li a{width: 214px;height: 62px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 20px;border: 1px solid #DDDDDD;color: #54555A;font-family:SH-Bold;font-size: 22px;} .custBox .custTab li.active a,.custBox .custTab li:hover a,.joinjob .custTab li.active a,.joinjob .custTab li:hover a {border-color:#00B3EC;background: #00B3EC;color: #FFFFFF;} .customFL{width: 1174px;margin: 0 auto;position: relative;display: block;} .customFL .swiper-slide{width:277px;height: 150px;overflow: hidden;position: relative;} .customFL .swiper-slide a,.customFL .swiper-slide .custlogo{display: block;height: 100% ;width: 100%;} .customFL .swiper-slide .custlogo{background-size:contain;background-position: center center; background-repeat: no-repeat;background-color: #FFFFFF;} .customFL .smallsw{display: none;} .custtxt{background-size: cover;background-position: center center;height: 100%;width: 100%;position: absolute;top: 0;left: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .custtxt .bgcolor{height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);padding-top:34px;} .custtxt .bgcolor div{font-size: 18px;color: #FFFFFF;font-family: SH-Bold;padding: 0 12px;line-height: 26px;} .linkicon{width:51px;height: 51px;background: url(../images/link.png) center center no-repeat;background-size: 100% 100%;margin-bottom: 12px;} .customFL .swiper-slide:hover .custtxt{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .customFL .swiper-pagination{position: absolute;left: auto;right:-30px ;top: 0;height: 100%;width: 13px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; display: none;} .customFL .swiper-pagination span{margin:6px 0 ;-webkit-box-sizing: border-box;box-sizing: border-box;width: 12px;height: 12px;border: 2px solid #00B3EC;border-radius: 50%;opacity: 1;background: transparent;} .customFL .swiper-pagination span.swiper-pagination-bullet-active{background: #00B3EC;} .animatepart{min-height:580px ;} .animatepart,.part6,.course{ background: #00A2EC; background: -o-linear-gradient(top, #00B3EC 0%,#0096EC 100%); background: -webkit-gradient(linear, left top, left bottom, from(#00B3EC),to(#0096EC)); background: linear-gradient(to bottom, #00B3EC 0%,#0096EC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B3EC', endColorstr='#0096EC',GradientType=0 ); } /* 合作伙伴招募中 */ .recruit{min-height: 650px;} .recruitTxt{color: #FFFFFF;} .recruitTxt>div{background-color: rgba(0,0,0,0.7);} .recruitTxt1{font-size: 36px;line-height:118px;font-family: SH-Bold;padding-top: 52px;} .recruitTxt1 span{font-family: SH-Light;} .recruitTxt2{font-size: 80px;font-family: SH-Bold;line-height: 96px;} .recruitTxt2 i{color: #00B3EC;} .recruitTxt3{font-size: 50px;line-height:98px;font-family: SH-Light;} .logotit{font-size: 46px;font-family: SH-Light;text-align: center;line-height: 64px;margin-bottom: 42px;padding-top: 22px;} .logolist ul li{width: 180px;height: 120px;margin: 0 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .logolist ul li img{width: 100%;} /* 首页表单 */ .contactform{min-height: 550px;} .contactform >div>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;} .formTxt{padding: 70px 16px 20px;width: 432px;} .formTxt .title{font-size: 50px;line-height: 68px;color:#4c4c4c;font-family: SH-Bold;} .formTxt .des{font-size:40px;line-height: 58px ;font-family: SH-Light;margin-bottom: 28px;} .formTxt .descript{font-size: 18px;} .formbox.indexform{width: 650px;margin-right:47px ;} .formbox.indexform .inputB{width: 100%;margin-bottom: 25px;} .formbox.indexform .double .inputB{width:313px;} .formbox.indexform .inputB input,.formbox.indexform .inputB select{height: 60px;border: solid 1px #d8d8d8;font-size: 18px;padding-left: 36px;} .formbox.indexform .inputB input:focus{border-color:#01B4ED ;} .formbox.indexform .submit{width:313px;height: 41px;font-size: 22px;background: #01B4ED;height: 65px;margin-top: 18px;} .formbox.indexform .inputB.line::after{left:16px;height:18px} /* 底部 */ .footer{background: #222;padding: 82px 0 70px;} .footer .containerBox{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .footerlogo{padding-left: 15px;margin-bottom: 40px;} .footerlogo img{display:block;width:120px;height: 48px;} .map{padding-left:28px ;position: relative;} .map .mappic{display: block;width: 414px;height: 337px;} .map>i.icon{position: absolute;top:195px ;right: 50px;width: 16px;height: 20px;background: url(../images/address.png) center center no-repeat;background-size: 100% 100%;cursor: pointer;} .map .tag{position:absolute;top:218px;left:264px;width:274px;height: 120px;border-radius:5px;background: #01B4ED;font-size:12px;color: #FFFFFF;padding:16px 20px ;line-height: 17px;z-index: 10;display: none;} .map .tag >div{display: -webkit-box;display: -ms-flexbox;display: flex;} .map .tag >div i{width:17px;height: 17px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-right:8px ;} .map .tag >div:first-child{margin-bottom: 12px;} .map .tag >div:first-child i{margin-top: 3px;} .map .tag >div .contactAddr{margin-bottom: 4px;} .map .tag a{color: #FFFFFF;} .map .tag .sj{position: absolute;top:-8px;left:98px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #01B4ED; } /* .map>i.icon:hover +.tag{display: block;top: 208px;opacity: 1;} */ .links{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;color: #999999;padding-bottom: 16px;} .links li a{line-height: 38px;color: #999;} .links ul li:first-child{font-size: 18px;line-height: 25px;font-family: SH-Bold;margin-bottom: 17px;} .footer .containerBox>div:nth-of-type(2){width: 600px;} .contactInfor{display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 48px;} .contactInfor >div{width:58px;height: 58px;border-radius: 50%;position: relative;margin-right:115px ;} .contactInfor .ewm img{position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);top: -131px;width:121px;height: 121px;display: none;} /* .contactInfor .ewm:hover img{display: block;} */ .contactInfor div a{position:absolute;color: #4C4C4C;white-space: nowrap;top:-40px;left: 50%;background: #fff;line-height: 2;font-size: 16px;padding:0 10px;border-radius: 5px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display: none;} .fright{margin-top:40px;font-size:16px;line-height: 30px;color: #999999;font-family: SH-Light;text-align: center;} /* 新闻中心 */ .seat{height: 80px;} .bluelogo{background:rgba(255,255,255,0.96);-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);} .bluelogo .navbar-nav >li>a{color: #4c4c4c;} .bluelogo .navbar-nav >li:last-child>a{color: #ffffff;} .bluelogo .language a{background-image: url(../images/language-en2.png);} .bluelogo.header .logo a{background-image:url(../images/logo1.png) ;} .newspage{padding: 92px 0 66px;} .newspage .containerBox{display: -webkit-box;display: -ms-flexbox;display: flex;} .newstabbar{border-right: 1px solid #E7E7E7;width: 246px;padding-left: 12px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-right: 48px;} .tabbart{padding-left: 48px;line-height: 30px;font-size:22px ;color: #4C4C4C;font-family: SH-Medium;position: relative;margin-bottom:30px;} .tabbart i{position: absolute;top: 0;left: 0;width: 30px;height: 30px;background: url(../images/articleicon.png) center center no-repeat;background-size: 100% 100%;} .newstabbar ul{padding-left: 48px;} .newstabbar li{height: 68px;line-height: 28px;width: 149px;border-bottom: 1px dashed #999999;} .newstabbar li a{font-size: 20px;color: #4c4c4c;font-family: SH-Regular;} .newstabbar li.active a,.newstabbar li:hover a{color:#00b3ec;} .newsItem{width:882px;padding: 37px 26px 42px 34px;margin-bottom:10px;-webkit-box-sizing: border-box;box-sizing: border-box;} .newsItem a{display: -webkit-box;display: -ms-flexbox;display: flex;} .newsPic{width: 265px;height: 172px;margin-right:28px ;margin-top:5px ;-webkit-box-flex: 0;-ms-flex: none;flex: none;border: 1px solid #ECECEC;} .newsPic img{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 100%;} .newsTxt{-webkit-box-flex: 1;-ms-flex: auto;flex: auto;} .newsName{font-size: 28px;line-height: 40px;font-family: SH-Medium;margin-bottom: 15px;} .sortDate{font-size:16px ;font-family: SH-Light;line-height: 22px;margin-bottom: 10px;} .sortDate div{height:28px;line-height: 28px;padding: 0 9px;margin-right: 15px;background: #00B3EC;color: #FFFFFF;border-radius: 4px;font-size: 14px;} .newsIntro{font-size:16px;line-height: 22px;color: #4C4C4C;margin-bottom: 16px;font-family: SH-Light;} .newsAll{font-size:18px ;line-height: 25px;color: #4C4C4C;font-family: SH-Medium;} .newsAll i{width: 0;height: 0;border-style: solid;border-color:transparent transparent transparent #4C4C4C;border-width:7px 0 7px 11px;margin-left: 12px; } .newsItem:hover{background-color: #FFFFFF;-webkit-box-shadow: 2px 2px 13px 4px rgba(0,0,0,0.12);box-shadow: 2px 2px 13px 4px rgba(0,0,0,0.12);} /* 新闻中心 */ .newsDetailPage{padding: 0 0 85px;} .newsBanner{height:524px;} .newsDetailsBox{margin-top: -364px;} .newsDetailsBox .loaction{font-size: 16px;color: #FFFFFF;line-height: 22px;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 22px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;} .newsDetailsBox .loaction a{color: #FFFFFF;} .newsDetailsBox .loaction i{width: 14px;height:14px;background: url(../images/arrowLeft2.png) center center no-repeat;background-size: 100% 100%;margin: 0 14px;} .newsDetailsBox .whitebg{border-radius: 8px;-webkit-box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.03);box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.03);} .newsDetailsBox .detailtop{padding: 58px 74px 41px 82px;border-bottom: 1px solid #D6D6D6;} .newsDetailsBox .detailtop .newsTitle{font-size: 50px;line-height: 70px;font-family: SH-Medium;margin-bottom: 48px;} .newsDetailsBox .detailtop .date{font-size: 16px;line-height: 28px;color: #999999;} .newsDetailsBox .detailtop .date span{padding: 0 10px;height: 28px;border-radius:4px;background: #00B3EC;color: #FFFFFF;font-size: 14px;margin-right:15px ;} .detailsMain{padding: 50px 120px 80px 74px;font-size: 18px;color: #4C4C4C;} .detailsMain img{max-width: 100%} /* 精益云 */ .jyytit{font-size:84px;line-height: 84px;font-family:SH-Bold ;margin-bottom: 28px;} .jyytit2{font-size:84px;line-height: 84px;font-family:SH-Extra ;margin-bottom: 49px;} .jyytit3{font-size: 26px;height: 37px;margin-bottom: 47px;font-family: SH-Light;} .bannerLink{display: -webkit-box;display: -ms-flexbox;display: flex;} .bannerLink a{width: 260px;height: 65px;border: solid 1px #ffffff;color: #FFFFFF;font-size: 22px;margin-right: 30px;} .bannerLink a:hover{border-color: #01B4ED;background: #01B4ED;} .sameTit{padding: 134px 0 76px;} .jyyTitle{font-size: 50px;font-family: SH-Bold;text-align: center;margin-bottom: 20px;} .jyyTitleLitt{line-height:25px;font-size: 18px;font-family:SH-Light ;text-align: center;} .part1{position: relative;overflow: hidden;} .part1 .equiptPic{padding: 0 0 83px;position: relative;} .equiptPic .tapbar div{cursor: pointer;} .equiptPic .three{width:980px;margin: 0 auto;position: relative;} .equiptPic .three img{display: block;width: 100%;} .equiptPic .three .computer{position: absolute;top: 0;left:0;width: 635px;height: 368px;} .equiptPic .three .tel{position:absolute;top:330px;left:428px;width:85px;height: 171px;} .equiptPic .three .notebook{position:absolute;top:213px;left:560px;width:378px;height: 254px;} .bigPic,.bigPic div{position: absolute;top: 0;height: 100%;width: 100%;display: none;} .bigPic img{position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .bigPic .bigpic1 img{width: 72.2%;} .bigPic .bigpic2 img{width:464px;} .bigPic .bigpic3 img{width:1186px;} .advCont>div{display: -webkit-box;display: -ms-flexbox;display: flex;} .advCont>div>div{width: 20%;padding: 118px 0 90px;background-color:rgba(255,255,255,0.95);color: #4C4C4C;} .part2.advCont>div>div{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} .advCont .advIcon{width: 77px;height: 77px;background: url(../images/advant1.png) center center no-repeat;background-size: 100% 100%;background-repeat: no-repeat;margin-bottom: 8px;display: block;margin: 0 auto;} .advCont .advTit{height:71px;font-size: 24px;line-height: 71px;font-family: SH-Medium;text-align: center;} .advCont .adcIntro{padding:0 25%;font-size: 17px;line-height: 24px;} .advCont>div>div:nth-child(2) .advIcon{background-image: url(../images/advant2.png);} .advCont>div>div:nth-child(3) .advIcon{background-image: url(../images/advant3.png);} .advCont>div>div:nth-child(4) .advIcon{background-image: url(../images/advant4.png);} .advCont>div>div:nth-child(5) .advIcon{background-image: url(../images/advant5.png);} .advCont>div>div:hover{background-color:rgba(0,179,236,0.95);color: #FFFFFF;} .advCont>div>div:nth-child(1):hover .advIcon{background-image: url(../images/advant11.png);} .advCont>div>div:nth-child(2):hover .advIcon{background-image: url(../images/advant22.png);} .advCont>div>div:nth-child(3):hover .advIcon{background-image: url(../images/advant33.png);} .advCont>div>div:nth-child(4):hover .advIcon{background-image: url(../images/advant44.png);} .advCont>div>div:nth-child(5):hover .advIcon{background-image: url(../images/advant55.png);} .realExamp{width: 954px;margin: 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack: distribute;justify-content: space-around;-ms-flex-wrap: wrap;flex-wrap: wrap;} .realExamp li{width: 294px;height:198px ;margin-bottom: 24px;background-size: contain;} .realExamp li>div{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);color: #FFFFFF;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;opacity: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .realExamp .indusAdd{line-height: 17px;font-size: 12px;padding: 0 15px;margin-bottom: 10px;font-family: SH-Light;} .realExamp .indusAdd i{height:8px;width: 1px;background: #FFFFFF;margin: 0 11px;} .realExamp .compName{padding: 0 15px;font-size: 16px;line-height: 22px;font-family: SH-Medium;margin-bottom: 10px;} .realExamp .intro{padding: 0 15px 30px;font-size: 12px;line-height: 17px;font-family: SH-Light;} .realExamp li:hover>div{opacity: 1;} .morexp{width: 182px;height: 46px;font-size: 17px;color: #FFFFFF;background: #00B3EC;border-radius: 23px;margin:31px auto 0;} .morexp i.arrowLeft{width:15px ;height: 15px;background: url(../images/arrowLeft.png) center center no-repeat;background-size: 100% 100%;margin-left: 11px;} .realiz {padding-bottom: 72px;} .realiz .sameTit{padding-bottom: 57px;} .part4Img .picbox{display: block;width: 464px;height: 464px;margin: 0 auto;position: relative;border-radius: 50%;overflow: hidden;background: #F8F8F8;} .picbox .fundiv img{position: absolute;z-index: 2;display:none;} .picbox .fundiv .funimg1{top: 0 ;left: 231px;width:202px;height: 200px;} .picbox .fundiv .funimg2{top:114px;left: 283px;width:181px;height: 234px;} .picbox .fundiv .funimg3{top:260px;left: 115px;width:319px;height: 204px;} .picbox .fundiv .funimg4{top: 0px;left: 0px;width:233px;height: 433px;} .picbox .fundiv >div{position: absolute;width:0;height: 0;width: 400px;height: 400px;z-index: 3;} .picbox2 .fundiv >div{background: #F8F8F8;} .picbox2 .fundiv >div:hover{background: #CDF3FF;} .picbox .fundiv .fun1{-webkit-transform:skew(0,-30deg) ;-ms-transform:skew(0,-30deg) ;transform:skew(0,-30deg) ;width: 230px;height: 230px;left: 231px;top: -64px;} .picbox .fundiv .fun2{-webkit-transform:skew(56deg) rotate(73deg);-ms-transform:skew(56deg) rotate(73deg);transform:skew(56deg) rotate(73deg);width: 200px;height: 400px;left: 404px;top:68px;} .picbox .fundiv .fun3{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);width: 300px;height: 300px;left: 135px;top:286px;} .picbox .fundiv .fun4{-webkit-transform:skew(0,-60deg) rotate(180deg);-ms-transform:skew(0,-60deg) rotate(180deg);transform:skew(0,-60deg) rotate(180deg);width: 300px;height: 500px;left: -68px;top:-12px;} .picbox .logo{width:121px ;height: 121px;border-radius: 50%;z-index: 4;position: absolute;top:171px ;left: 171px;z-index:20;background: url(../images/funicon.png) center center no-repeat;background-size: 100% 100%;} .funitem{cursor: pointer;} .picbox2 .fundiv .bg.blue{background: #CDF3FF;} .picbox2 .fundiv ul li{position: absolute;top:37px;left:232px;width:100px;text-align: center;z-index: 17;} .picbox2 .fundiv li .fn-icon{display:block;width:27px;height:27px;margin:0 auto;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;} .picbox2 .fundiv ul li .funitem span{font-size:12px ;color: #999999;line-height: 24px;display:block;font-family: SH-Medium;} .picbox2 .fundiv ul.list1 li:nth-of-type(1){} .picbox2 .fundiv ul.list1 li:nth-of-type(2){top: 80px;left:313px;} .picbox2 .fundiv ul.list2 li:nth-of-type(1){top: 164px;left:366px;} .picbox2 .fundiv ul.list2 li:nth-of-type(2){top: 256px;left:366px;} .picbox2 .fundiv ul.list3 li:nth-of-type(1){top: 337px;left:313px;} .picbox2 .fundiv ul.list3 li:nth-of-type(2){top: 386px;left:232px;} .picbox2 .fundiv ul.list3 li:nth-of-type(3){top: 386px;left:133px;} .picbox2 .fundiv ul.list4 li:nth-of-type(1){top: 337px;left: 55px;} .picbox2 .fundiv ul.list4 li:nth-of-type(2){top: 256px;left: 10px;} .picbox2 .fundiv ul.list4 li:nth-of-type(3){top: 164px;left: 10px;} .picbox2 .fundiv ul.list4 li:nth-of-type(4){top: 80px;left: 55px;} .picbox2 .fundiv ul.list4 li:nth-of-type(5){top: 37px;left:133px;} .list1 li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon111.png) ;} .list1 li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon22.png);} .list2 li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon33.png);} .list2 li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon44.png);} .list3 li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon55.png);} .list3 li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon66.png);} .list3 li:nth-of-type(3) .fn-icon{background-image:url(../images/fnicon77.png);} .list4 li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon88.png);} .list4 li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon99.png);} .list4 li:nth-of-type(3) .fn-icon{background-image:url(../images/fnicon1010.png);} .list4 li:nth-of-type(4) .fn-icon{background-image:url(../images/fnicon1111.png);} .list4 li:nth-of-type(5) .fn-icon{background-image:url(../images/fnicon1212.png);} .list1.hover li:nth-of-type(1).hover .fn-icon{background-image:url(../images/fnicon1.png);} .list1.hover li:nth-of-type(2).hover .fn-icon{background-image:url(../images/fnicon2.png);} .list2.hover li:nth-of-type(1).hover .fn-icon{background-image:url(../images/fnicon3.png);} .list2.hover li:nth-of-type(2).hover .fn-icon{background-image:url(../images/fnicon4.png);} .list3.hover li:nth-of-type(1).hover .fn-icon{background-image:url(../images/fnicon5.png);} .list3.hover li:nth-of-type(2).hover .fn-icon{background-image:url(../images/fnicon6.png);} .list3.hover li:nth-of-type(3).hover .fn-icon{background-image:url(../images/fnicon7.png);} .list4.hover li:nth-of-type(1).hover .fn-icon{background-image:url(../images/fnicon8.png);} .list4.hover li:nth-of-type(2).hover .fn-icon{background-image:url(../images/fnicon9.png);} .list4.hover li:nth-of-type(3).hover .fn-icon{background-image:url(../images/fnicon10.png);} .list4.hover li:nth-of-type(4).hover .fn-icon{background-image:url(../images/fnicon11.png);} .list4.hover li:nth-of-type(5).hover .fn-icon{background-image:url(../images/fnicon12.png);} .list1.hover li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon1-b.png);} .list1.hover li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon2-b.png);} .list2.hover li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon3-b.png);} .list2.hover li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon4-b.png);} .list3.hover li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon5-b.png);} .list3.hover li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon6-b.png);} .list3.hover li:nth-of-type(3) .fn-icon{background-image:url(../images/fnicon7-b.png);} .list4.hover li:nth-of-type(1) .fn-icon{background-image:url(../images/fnicon8-b.png);} .list4.hover li:nth-of-type(2) .fn-icon{background-image:url(../images/fnicon9-b.png);} .list4.hover li:nth-of-type(3) .fn-icon{background-image:url(../images/fnicon10-b.png);} .list4.hover li:nth-of-type(4) .fn-icon{background-image:url(../images/fnicon11-b.png);} .list4.hover li:nth-of-type(5) .fn-icon{background-image:url(../images/fnicon12-b.png);} .picbox2 .fundiv ul.hover li .funitem span{color: #00B3EC;} .picbox2 .fundiv ul.hover li.hover .funitem span{color: #FFFFFF;} .middcirc{position: absolute;left:112px;top: 114px;width:235px;height: 235px;background: #40D0FF;border-radius: 50%;overflow: hidden;z-index: 18;} .middcirc .midc div.f-c-c{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #FFFFFF;font-size: 18px;} .middcirc .midc i{width: 23px;height: 23px;background-image:url(../images/fnicon4.png);background-position:center center;background-repeat:no-repeat;margin-right: 3px;background-size: 100% 100%;} .middcirc .midc div.f-c-c{width:60px ;height: 26px;position: absolute;} .middcirc .midc:nth-of-type(1) div.f-c-c{left: 118px;top: 28px;} .middcirc .midc:nth-of-type(2) div.f-c-c{left: 178px;top: 104px;} .middcirc .midc:nth-of-type(3) div.f-c-c{left: 105px;top:193px;} .middcirc .midc:nth-of-type(4) div.f-c-c{left: 0px;top: 104px;} .middcirc .midc.blue{} .picbox .middcirc .midc .fun1{-webkit-transform:skew(0,-30deg) ;-ms-transform:skew(0,-30deg) ;transform:skew(0,-30deg) ;width: 230px;height: 230px;left: 118px;top:-180px;margin: 0;position: absolute;} .picbox .middcirc .midc .fun2{-webkit-transform:skew(56deg) rotate(73deg);-ms-transform:skew(56deg) rotate(73deg);transform:skew(56deg) rotate(73deg);width:200px;height: 400px;left:289px;top:-45px;position: absolute;} .picbox .middcirc .midc .fun3{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);width: 300px;height: 300px;left: 23px;top:172px;position: absolute;} .picbox .middcirc .midc .fun4{-webkit-transform:skew(0,-60deg) rotate(180deg);-ms-transform:skew(0,-60deg) rotate(180deg);transform:skew(0,-60deg) rotate(180deg);width:300px;height: 500px;left: -182px;top:-123px;position: absolute;} .middcirc .midc.blue .bg{background: #00B3EC;} .target{width: 464px;height: 464px;position: absolute;top: 0;left: 0;border-radius: 50%;overflow: hidden;} .target div{width:232px;height:232px;position: absolute;top:0px;left: 230px;-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;z-index: 15;cursor: pointer;} .target div:nth-child(1){-webkit-transform:skewY(-60deg);-ms-transform:skewY(-60deg);transform:skewY(-60deg);} .target div:nth-child(2){-webkit-transform:rotate(30deg) skewY(-60deg) ;-ms-transform:rotate(30deg) skewY(-60deg) ;transform:rotate(30deg) skewY(-60deg) ;} .target div:nth-child(3){-webkit-transform:rotate(60deg) skewY(-60deg) ;-ms-transform:rotate(60deg) skewY(-60deg) ;transform:rotate(60deg) skewY(-60deg) ;} .target div:nth-child(4){-webkit-transform:rotate(90deg) skewY(-60deg);-ms-transform:rotate(90deg) skewY(-60deg);transform:rotate(90deg) skewY(-60deg);} .target div:nth-child(5){-webkit-transform:rotate(120deg) skewY(-60deg) ;-ms-transform:rotate(120deg) skewY(-60deg) ;transform:rotate(120deg) skewY(-60deg) ;} .target div:nth-child(6){-webkit-transform:rotate(150deg) skewY(-60deg) ;-ms-transform:rotate(150deg) skewY(-60deg) ;transform:rotate(150deg) skewY(-60deg) ;} .target div:nth-child(7){-webkit-transform:rotate(180deg) skewY(-60deg) ;-ms-transform:rotate(180deg) skewY(-60deg) ;transform:rotate(180deg) skewY(-60deg) ;} .target div:nth-child(8){-webkit-transform:rotate(210deg) skewY(-60deg) ;-ms-transform:rotate(210deg) skewY(-60deg) ;transform:rotate(210deg) skewY(-60deg) ;} .target div:nth-child(9){-webkit-transform:rotate(240deg) skewY(-60deg) ;-ms-transform:rotate(240deg) skewY(-60deg) ;transform:rotate(240deg) skewY(-60deg) ;} .target div:nth-child(10){-webkit-transform:rotate(270deg) skewY(-60deg) ;-ms-transform:rotate(270deg) skewY(-60deg) ;transform:rotate(270deg) skewY(-60deg) ;} .target div:nth-child(11){-webkit-transform:rotate(300deg) skewY(-60deg) ;-ms-transform:rotate(300deg) skewY(-60deg) ;transform:rotate(300deg) skewY(-60deg) ;} .target div:nth-child(12){-webkit-transform:rotate(330deg) skewY(-60deg);-ms-transform:rotate(330deg) skewY(-60deg);transform:rotate(330deg) skewY(-60deg);} .target div.hover{background-color:#34C2F0;} .part4Img .morexp{width: 263px;height: 50px;border-radius: 25px;margin:50px auto 30px;} .part4 .sameTit{padding: 81px 0 70px;} .part4{padding-bottom: 50px;} .part5 .sameTit{padding: 112px 0 61px; background-color: rgba(0,0,0,0.6);} .part5 .sameTit .jyyTitle{margin: 0;color: #FFFFFF;} .part5 .sameTit.active{color: #4C4C4C;background: #F8F8F8;} .part5 .sameTit.active .jyyTitle{color: #4C4C4C;} .productAdv>div{background-color: rgba(0,0,0,0.6);} .advList{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;} .advList .advItem{width: 20%;color: #FFFFFF;text-align: center;height: 667px;} .advItem .firstLett{font-size:91px;font-family: Avenir-Heavy;text-transform: uppercase;line-height: 91px;} .advItem .english{font-size:29px;font-family: SH-Extra;text-transform: lowercase;text-transform: capitalize;line-height: 42px;} .advItem .cn{font-size:36px;line-height: 51px;font-family:SH-Bold ;margin-top: 33px;} .advItem ul{font-size: 20px;line-height: 29px;font-family: SH-Light;margin-top: 25px;} .advList .advItem:hover{background: #F8F8F8;color: #4C4C4C;} .part6{padding: 146px 0 89px;} .part6 .customerTit{color: #FFFFFF;} .part6 .customerTit i{background-image: url(../images/dh2.png);} .parttags{height: 510px;margin-top: 65px;position: relative;} .parttags>div{position: absolute;top: 0;left: 0;width: 1200px;height: 100%;} .parttags img{position: absolute;bottom: 0;right: 0;z-index: 5;} .parttags img:nth-of-type(1){left:93px ;top:169px;width:124px ;height:124px;} .parttags img:nth-of-type(2){left:773px ;top:40px;width:133px ;height:133px;} .parttags img:nth-of-type(3){left:-19px ;top:191px;width:90px ;height:90px;} .parttags img:nth-of-type(4){left:204px ;top:111px;width:134px ;height:134px;} .parttags img:nth-of-type(5){left:83px ;top:68px;width:95px ;height:95px;} .parttags img:nth-of-type(6){left:277px ;top:20px;width:83px ;height:83px;} .parttags img:nth-of-type(7){left:93px ;top:311px;width:128px ;height:128px;} .parttags img:nth-of-type(8){left:346px ;top:136px;width:99px ;height:99px;} .parttags img:nth-of-type(9){left:241px ;top:230px;width:126px ;height:126px;} .parttags img:nth-of-type(10){left:835px ;top:245px;width:144px ;height:144px;} .parttags img:nth-of-type(11){left:678px ;top:286px;width:158px ;height:158px;} .parttags img:nth-of-type(12){left:382px ;top:275px;width:95px ;height:95px;} .parttags img:nth-of-type(13){left:648px ;top:152px;width:151px ;height:151px;} .parttags img:nth-of-type(14){left:1045px ;top:351px;width:105px ;height:105px;} .parttags img:nth-of-type(15){left:548px ;top:0px;width:100px ;height:100px;} .parttags img:nth-of-type(16){left:631px ;top:405px;width:105px ;height:105px;} .parttags img:nth-of-type(17){left:983px ;top:182px;width:148px ;height:148px;} .parttags img:nth-of-type(18){left:1113px ;top:132px;width:108px ;height:108px;} .parttags img:nth-of-type(19){left:803px ;top:151px;width:116px ;height:116px;} .parttags img:nth-of-type(20){left:978px ;top:44px;width:120px ;height:120px;} .parttags img:nth-of-type(21){left:932px ;top:361px;width:64px ;height:64px;} .parttags img:nth-of-type(22){left:334px ;top:351px;width:144px ;height:144px;} .parttags img:nth-of-type(23){left:373px ;top:14px;width:113px ;height:113px;} .parttags img:nth-of-type(24){left:448px ;top:143px;width:170px ;height:170px;} .parttags img:nth-of-type(25){left:677px ;top:78px;width:91px ;height:91px;} .parttags img:nth-of-type(26){left:1133px ;top:273px;width:81px ;height:81px;} .parttags img:nth-of-type(27){left:470px ;top:94px;width:64px ;height:64px;} .parttags img:nth-of-type(28){left:511px ;top:282px;width:148px ;height:148px;} .parttags .circleop div{position: absolute;border-radius: 50%;background: #FFFFFF;z-index: 3;} .parttags .circleop div:nth-of-type(1){width: 46px;height: 46px;opacity:0.2 ;left:73px ;top:284px ;} .parttags .circleop div:nth-of-type(2){width:59px;height: 59px;opacity:0.15 ;left: 254px ;top:344px ;} .parttags .circleop div:nth-of-type(3){width:91px;height: 91px;opacity:0.08 ;left: 218px ;top:379px ;} .parttags .circleop div:nth-of-type(4){width:82px;height: 82px;opacity:0.06 ;left: 604px ;top:75px ;} .parttags .circleop div:nth-of-type(5){width:60px;height: 60px;opacity:0.06 ;left: 600px ;top:173px ;} .parttags .circleop div:nth-of-type(6){width:64px;height: 64px;opacity:0.18 ;left: 651px ;top:270px ;} .parttags .circleop div:nth-of-type(7){width:82px;height: 82px;opacity:0.1 ;left: 807px ;top:379px ;} .parttags .circleop div:nth-of-type(8){width:58px;height: 58px;opacity:0.1 ;left: 869px ;top:24px ;} .parttags .circleop div:nth-of-type(9){width:76px;height: 76px;opacity:0.05 ;left: 927px ;top:146px ;} .part7{background: #333;padding-bottom: 103px;} .part7 .sameTit{padding: 134px 0 73px;color: #FFFFFF;} .part7 .sameTit .jyyTitleLitt{line-height: 37px;font-size: 26px;} .start{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;} .start li{ background: #23B0DB; background: -o-linear-gradient(top, #26A6DD 0%,#4ABED3 100%); background: -webkit-gradient(linear, left top, left bottom, from(#26A6DD),to(#4ABED3)); background: linear-gradient(to bottom, #26A6DD 0%,#4ABED3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26A6DD', endColorstr='#4ABED3',GradientType=0 ); width: 368px;height: 473px;color: #FFFFFF;border-radius: 8px;text-align: center;padding-top: 135px;-webkit-box-sizing: border-box;box-sizing: border-box; } .start li .user{font-size:22px;line-height: 30px;font-family: SH-Medium;margin-bottom: 21px;} .start li .longtime{font-size:48px;line-height:67px;font-family: SH-Light;margin-bottom: 22px;} .start li .free{font-size:20px;line-height:28px;font-family: SH-Light;height: 84px;width: 230px;margin: 0 auto 10px;} .start li a{width:247px;height: 68px;border-radius: 8px;color: #00b3ec;font-size: 22px;line-height: 30px;background: #FFFFFF;margin: 0 auto;} .downewm{position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding-top: 60px;background: rgba(0,0,0,0.6);z-index:1000;display: none;} .downewm>div{position: relative;width: 300px;padding:30px;background: #fff;border-radius: 16px;} .downewm>div img{display: block;width: 100%} .downewm>div a{position: absolute;top: -32px;right:-32px;width: 32px;height: 32px;background-color:rgba(0,0,0,0.5);border-radius: 50%;background-size: 80%;} /* MES页面 */ .mesprocespart{padding:134px 0 77px;} .mesproces>div{margin: 76px auto 0 ;} .mesproces img{display: block;width: 1129px; margin: 0 auto;} /* 圆百分比 */ .circular{background:#00B3EC;padding: 56px 0;} .circular ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;width: 834px;margin: 0 auto;} .circular ul li{width: 20%;text-align: center;color: #FFFFFF;font-size: 18px;padding-top: 2px;position: relative;} .circular li .circ{width: 96px;height: 96px;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px dashed #FFFFFF;position: relative;padding: 2px;margin: 0 auto 11px;z-index: 5;} .circular li .circ >span.dot{position: absolute;top:-2px;left:46px;width: 4px;height: 4px;background: #FFFFFF;border-radius: 50%;} .circular li .circ >span.dot2{-webkit-transform-origin: 1px 49px;-ms-transform-origin: 1px 49px;transform-origin: 1px 49px;-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;} .circular li .circ>div.num{width: 100%;height: 100%;background:rgba(255,255,255,0.94);border-radius: 100%;color: #00B3EC;line-height: 90px;font-size: 34px;} .circular li .circ>div span{font-size: 14px;} .circular li .circName{font-size:18px;line-height:26px;} .circular li::after{position:absolute;top:48px ;left:138px;display: block;content:"";width:57px;height:0;border-bottom: 1px dashed #FFFFFF;} .circular li:last-child::after{width: 0;} .circ{margin: 50px auto; position: relative;border:1px solid #ddd;} .wrapper{ width:48px; height: 96px;position: absolute; top:-1px; overflow: hidden;} .right{ right:-1px;} .left{ left:-1px;} .circleProgress{width:96px; height: 100%; border-radius: 50%; position: absolute;top:0;border: 1px solid #FFFFFF;} .rightcircle{border-left: 1px solid transparent;border-bottom: 1px solid transparent;right:0px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .leftcircle{ border-right:1px solid transparent;border-top:1px solid transparent; left:0px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .questTab{padding: 110px 0 89px;width: 1046px;margin: 0 auto;} .questTop{padding: 55px 0 25px;background: url(../images/sjbg.png) center center no-repeat;background-size: 100% 100%;} .questtit{font-size: 45px;line-height: 63px;text-align: center;font-family: SH-Bold;color: #00b3ec;margin-bottom: 8px;} .questtag{font-size: 27px;line-height: 26px;text-align: center;color: #00b3ec;} .questbg1{background: #A3E6FF;border: 1px solid #74DDFF;height: 19px;} .questTabbar li{margin: 0 8px;width: 173px;height: 73px;background: #FFFFFF;border:1px solid #B0ECFF;font-size: 16px;line-height: 23px;color: #00b3ec;cursor: pointer;-webkit-box-sizing: border-box;box-sizing: border-box;} .questTabbar li.active{color: #fff;background: #00B3EC;} .qusseat li{width:148px ;height: 30px;background: #E3F8FF;border-left: 1px solid #74DDFF;border-right: 1px solid #74DDFF;margin: 0 21px;} .qusseat2 li{height: 36px;} .qusAnsw{width:933px;height: 270px;padding: 5px;background: #00B3EC;color: #FFFFFF;margin: 0 auto;} .tabitem{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: none;} .tabitem .itemtxt{padding-left:106px ;} .itemtxt .itemname{font-size: 26px;line-height: 37px;font-family: SH-Light;margin-bottom: 15px;} .itemtxt ul{font-size:18px;line-height: 25px;width: 350px;} .itemtxt ul>li{margin-bottom: 8px;position: relative;} .itemtxt ul li::before{position:absolute;top:11px;left:-13px;display:block;content:"";width: 4px;height:4px;border-radius:50%;background: #C3EDFA;} .graphiTit{height: 106px;background: #C3EFFF;border: 1px solid #74ddff;color: #00b3ec;font-family:SH-Bold;font-size: 29px;line-height: 41px;} .itemimg img{width:438px ;height: 260px;} .tabitem:first-child{display: -webkit-box;display: -ms-flexbox;display: flex;} /* 行业解决方案 */ .solutBanner{height:650px;text-align: center;color: #FFFFFF;} .solutBanner .pagename{font-size:84px;line-height: 118px;margin-bottom: 20px;font-family: SH-Bold;} .solutBanner .paget{font-size:26px ;line-height: 37px;font-family: SH-Light;} .sollistbox{border-top: 1px solid #F8F8F8;padding-bottom:185px;} .solfilter{width: 1370px;height: 199px;padding: 70px 102px 63px;-webkit-box-shadow: 0px 1px 11px 10px rgba(0, 0, 0, 0.08);box-shadow: 0px 1px 11px 10px rgba(0, 0, 0, 0.08);background: #FFFFFF;margin: -95px auto 0;display: -webkit-box;display: -ms-flexbox;display: flex;} .solfilter .filterItem{width:260px;height:66px;border: 1px solid #cfcfcf;position: relative;} .solfilter .filterItem ul{position: absolute;top: 84px;left: 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 260px;border:1px solid #C8C8C8;border-bottom: none;background: #FFFFFF;display: none;z-index: 10;} .solfilter .filterItem ul li{height: 60px;line-height: 60px;padding-left:58px;font-size: 22px;border-bottom: 1px solid #C8C8C8;color: #8d8d8d;cursor: pointer;} .solfilter .filterItem ul li:hover{background: #EAEAEA;} .solfilter .filterItem .curfiltname{line-height: 64px;padding-left: 55px;font-size: 22px;color: #8d8d8d;position: relative;cursor: pointer;} .solfilter .filterItem .curfiltname i{position: absolute;top: 25px;right: 24px;background: url(../images/solu-arrow.png) center center no-repeat;background-size: 100% 100%;width: 16px;height: 16px;} .solTit{font-size: 34px;line-height: 48px;padding: 78px 0 61px;text-align: center;} .solList .customFL{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: auto;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .solList .customFL .swiper-slide{margin-bottom: 24px;} /* 加入我们 */ .joinBanner{position: relative;} .joinBannerTxt {height: 910px;background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,179,236,0.8)),to(rgba(0,179,236,0)));background-image: -o-linear-gradient(rgba(0,179,236,0.8),rgba(0,179,236,0));background-image: linear-gradient(rgba(0,179,236,0.8),rgba(0,179,236,0));} .joinBannerTxt .bannerTit{font-size:80px;color: #FFFFFF;line-height: 112px;margin-bottom:30px ;} .joinBannerTxt img{height: 80px;} .joincircle {padding-bottom: 102px;} .joincircle .customerTit{padding: 132px 0 71px;} .circleBox{position: relative;height: 503px;} .circleBox>div{position:absolute;top: 0;left: 0;width:1200px;height:504px;} .circleBox .pic img{position: absolute;border-radius: 50%;z-index: 2;} .circleBox .pic img:nth-of-type(1){left:-20px;top:259px ;width:197px ;} .circleBox .pic img:nth-of-type(2){left:244px;top:155px ;width:181px ;} .circleBox .pic img:nth-of-type(3){left:431px;top:254px ;width:243px ;} .circleBox .pic img:nth-of-type(4){left:654px;top: 90px ;width:218px ;} .circleBox .pic img:nth-of-type(5){left:982px;top: 28px ;width:184px ;} .circleBox .pic img:nth-of-type(6){left:858px;top:267px ;width:236px ;} .circleBox .txt div{font-size: 38px;line-height: 54px;color: #FFFFFF;z-index: 3;position: absolute;border-radius: 50%;font-family: SH-Medium;letter-spacing: 3px;} .circleBox .txt div:nth-of-type(1){width:160px ;height:160px ;left: 55px;top:65px;background:rgba(0,179,236,0.58);} .circleBox .txt div:nth-of-type(2){width:158px ;height:158px ;left:334px;top: 0;background:rgba(0,179,236,0.75);} .circleBox .txt div:nth-of-type(3){width:180px ;height:180px ;left:463px;top:91px;background:rgba(0,179,236,0.84);} .circleBox .txt div:nth-of-type(4){width:160px ;height:160px ;left:843px;top: 7px;background:rgba(0,179,236,0.68);} .circleBox .txt div:nth-of-type(5){width:175px ;height:175px ;left:195px;top:310px;background:rgba(0,179,236,0.71);} .circleBox .txt div:nth-of-type(6){width:191px ;height:191px ;left:690px;top:278px;background:rgba(0,179,236,0.84);} .circleBox .txt div:nth-of-type(7){width:186px ;height:186px ;left:978px;top:222px;background:rgba(0,179,236,0.54);} .circleBox .txt div:nth-of-type(8){width:134px ;height:134px ;left:1163px;top:179px;background:rgba(0,179,236,0.52);} .circleBox .cc div{background: #00b3ec;border-radius: 50%;position: absolute;z-index: 4;} .circleBox .cc div:nth-of-type(1){left:-96px ;top:208px ;width:99px ;height:99px ;opacity: 0.2;} .circleBox .cc div:nth-of-type(2){left:65px ;top:26px ;width:121px ;height:121px ;opacity: 0.07;} .circleBox .cc div:nth-of-type(3){left: 34px ;top:179px ;width:70px ;height:70px ;opacity: 0.12;} .circleBox .cc div:nth-of-type(4){left:199px ;top:128px ;width:80px ;height:80px ;opacity: 0.24;} .circleBox .cc div:nth-of-type(5){left:423px ;top:191px ;width:54px ;height:54px ;opacity: 0.16;} .circleBox .cc div:nth-of-type(6){left:326px ;top:416px ;width:87px ;height:87px ;opacity: 0.14;} .circleBox .cc div:nth-of-type(7){left:568px ;top:69px ;width:134px ;height:134px ;opacity: 0.12;} .circleBox .cc div:nth-of-type(8){left:669px ;top:28px ;width:48px ;height:48px ;opacity: 0.11;} .circleBox .cc div:nth-of-type(9){left:892px ;top:158px ;width:78px ;height:78px ;opacity: 0.15;} .circleBox .cc div:nth-of-type(10){left:950px ;top:158px ;width:115px ;height:115px ;opacity: 0.23;} .circleBox .cc div:nth-of-type(11){left:1183px ;top:89px ;width:62px ;height:62px ;opacity: 0.14;} .circleBox .cc div:nth-of-type(12){left:1187px ;top:317px ;width:54px ;height:54px ;opacity: 0.1;} .circleBox .cc div:nth-of-type(13){left:1123px ;top:375px ;width:70px ;height:70px ;opacity: 0.1;} .howpart{display: -webkit-box;display: -ms-flexbox;display: flex;} .howswiper{width: 50%;height:584px ;} .howswiper .swiper-container,.howswiper .swiper-slide{height: 100%;} .howswiper .swiper-button-next,.howswiper .swiper-button-prev{left: auto;right:87px ;} .howswiper .swiper-button-next{-webkit-transform: translate(0,-40px);-ms-transform: translate(0,-40px);transform: translate(0,-40px);} .howswiper .swiper-button-prev{-webkit-transform: translate(0,24px);-ms-transform: translate(0,24px);transform: translate(0,24px);} .addrEmai{width:50%;background: #222222;height:584px;color: #FFFFFF;} .addrEmai{padding:58px 0 0 86px;} .howjoin{font-size: 50px;line-height: 70px;font-family: SH-Bold;margin-bottom: 74px;} .addrEmai .tag>div{display: -webkit-box;display: -ms-flexbox;display: flex;} .addrEmai .tag>div i{width:40px ;height:40px;margin-right: 20px;} .addrEmai .tag>div> .right img{width: 140px;height: 140px;} .addrEmai .contactComp{font-size: 28px;line-height: 40px;margin-bottom: 24px;} .addrEmai .tag>div:first-child{margin-bottom: 50px;} .addrEmai .tag .contactAddrInf,.addrEmai .contactTel{font-size:16px ;line-height: 22px;} .addrEmai .contactTel{margin-bottom: 35px;padding-top: 8px;} .addrEmai .contactTel a{color: #FFFFFF;} .joinjob{padding: 50px 0 48px;} .joinjob .custTab{margin-bottom: 69px;} .joinjob .custTab li{margin: 0 13px;} .joinjob .custTab li a{width:234px;} .jobitem .jobname{height: 120px;border:1px solid #dddddd;padding-left: 53px;font-size:28px;line-height: 48px;color: #4C4C4C;font-family: SH-Medium;position: relative;} .jobitem .joddetail{position: relative;border: 1px solid #DDDDDD;padding: 32px 54px ;font-size: 18px;line-height: 27px;color: #4c4c4c;font-family: SH-Light;display: none;} .jobitem .joddetail .joddetailT{font-size: 26px;font-family:SH-Medium;line-height: 37px;margin-bottom: 13px;} .jobitem .joddetail .joddetailC{font-family: SH-Medium;} .jobitem .joddetail .plece{margin-bottom: 27px;} .jobitem .showHide{position: absolute;bottom:18px;right: 56px;font-size: 18px;line-height: 25px;color: #4C4C4C;cursor: pointer;font-family: SH-Medium;} .jobitem .showHide i{width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 12px;border-color:transparent transparent transparent #00B3EC;margin-left:11px ;} .jobitem .joddetail .showHide i{border-width:12px 8px 0;border-color:#00B3EC transparent transparent ;} .email{font-size: 22px;line-height: 30px;width:425px;height: 62px;background: #00B3EC;color: #FFFFFF;margin: 45px auto 0;} /* 合作伙伴 申请加入*/ .recruitMain{min-height: 680px;} .recruitMain .containerBox{padding-top: 110px;} .recruitTit{font-size: 60px;line-height: 84px;color: #FFFFFF;font-family: SH-Bold;margin-bottom: 20px;text-align: center;} .recruitIntro{padding: 0 16px;line-height: 37px;font-size: 26px;color: #FFFFFF;margin-bottom: 58px;font-family: SH-Light;} .partlist ul li{width: 186px;height: 126px;} .joinbtn{display: block;width: 260px;height: 65px;font-size: 22px;line-height: 30px;color: #FFFFFF;background: #01B4ED;border:none;margin: 77px auto 0;} .joinpop{position: fixed;top:0;left: 0;right: 0;bottom: 0;background: rgba(100,100,100,0.94);z-index: 1000;display: none;} .joinform{width: 645px;background: #FFFFFF;padding:51px 61px 50px;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .joinform .jointit{font-size: 28px;line-height: 41px;font-family: SH-Medium;margin-bottom: 38px;text-align: center;} .formbox.joinform .double>.inputB {width:251px ;margin-bottom: 20px;} .formbox.joinform .double>.inputB input,.formbox.joinform .double>.inputB select,.formbox.joinform .inputB.fullinput input{height: 49px;padding-left:30px;font-size: 14px;border: 1px solid #D8D8D8;} .formbox.joinform .textB{width: 523px;height: 145px;margin-bottom: 34px;} .formbox.joinform .textB textarea{display:block;min-height: 143px;max-height: 143px;min-width: 521px;max-width: 521px;font-size: 14px;line-height:21px;padding: 14px 30px;border: solid 1px #d8d8d8;-webkit-box-sizing: border-box;box-sizing: border-box;} .formbox.joinform .textB textarea:focus,.formbox.joinform .inputB input:focus{border-color: #34C3F1;} .formbox.joinform .submit{width: 251px;height: 53px;font-size: 18px;background: #01B4ED;} .formbox.joinform .inputB.line::after{left:20px;height:15px} .formbox.joinform .inputB.fullinput{width: 100%;} .joinform .closeForm{position:absolute;top:-40px;right:-40px ;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #FFFFFF;background:#AFAFAF url(../images/close.png) center center no-repeat;background-size:16px 16px ;} /* 案例详情 */ .caseBanner>div{background-position: bottom center;background-size:100% 23px ;background-repeat:no-repeat;} .caseBanner>div>div{height: 465px;width: 1070px;color: #FFFFFF;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 24px;line-height: 33px;font-family: SH-Light;} .caseBanner>div>div .author{margin-top: 40px;font-size: 18px;line-height: 25px;text-align: right;} .casedetails>div>div{margin-bottom: 100px;} .casedpic1{width:337px;margin-right: 25px;-webkit-box-flex: 0;-ms-flex: none;flex: none;} .caseTit{font-size:50px ;line-height: 70px;font-family:SH-Medium ;margin-bottom: 40px;} .caseTit i.icon{width: 37px;height: 37px;background:url(../images/arrow-db.png) center center no-repeat;background-size: 100% 100%;} .caseTit i.icon2{background-image: url(../images/arrow-down2.png);margin-left: 16px;} .caseTit i.icon1{margin: 5px 0 0 ;} .caseD{font-size: 18px;line-height: 25px;font-family: SH-Light;} .casedpic2{width:540px;-webkit-box-flex: 0;-ms-flex: none;flex: none;} .casedpic3{width:388px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-right:50px ;} .caseTit span{font-family: SH-Light;margin-left: 10px;} .caseSha{padding: 51px 56px 29px;-webkit-box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.09);box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.09);position: relative;} .caseSha1{width: 762px;} .caseSha::before{position: absolute;top:-17px;left:-18px;display: block;content: "";width: 36px;height: 36px;background: rgba(0,179,236,0.57);} .caseSha div.icon{width:44px;height:44px;margin-right: 25px;-webkit-box-flex: 0;-ms-flex: none;flex: none;} .caseSha dl dt{font-size:18px;line-height: 28px;margin-bottom: 12px;font-family: SH-Regular;} .caseSha dl dd{line-height:31px;} .caseD >div.f{margin-bottom: 32px;} .caseSha2{width:1193px;margin-left: 13px;padding: 51px 78px 60px;} .caseSha2 >div{width: 366px;} .caseSha2 .littit{font-size:32px ;line-height: 45px;margin-bottom: 33px;} .caseSha2 dl dt{display: none;} .caseSha2 dl dd{line-height: 31px;font-size: 18px;font-family: SH-Light;} .caseSha2 .bluearrow{width: 54px;height:46px ;background: url(../images/arrow-blue.png) center center no-repeat;background-size: 100% 100%;margin:66px 0 0 -54px;} .caseTit3{font-size: 40px;line-height: 56px;font-family: SH-Medium;margin-bottom: 4px;} .caseTit4{font-size: 32px;line-height: 45px;margin-bottom: 36px;} .caseSha2>div{width: auto;} .caseSha2 .caseD3 {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .caseSha2 .caseD3 >div:nth-child(2n+1){width:566px ;} .caseSha2 .caseD3 >div:nth-child(2n){width:426px ;} .clientinf{margin-right: 76px;} .client{padding: 43px 88px;margin-bottom: 52px;display: -webkit-box;display: -ms-flexbox;display: flex;} .clientpic{width:170px;height: 170px;border: 1px solid #E2E2E2;overflow: hidden;border-radius: 50%;margin-bottom: 12px;} .clientpic img{display: block;width: 100%;} .clientname{font-size: 26px;line-height: 37px;text-align: center;margin-bottom: 7px;font-family: SH-Medium;} .clientpos{font-size: 16px;line-height: 22px;font-family: SH-Light;text-align: center;} .clientdes{font-size: 16px;line-height: 23px;padding:30px 0 0;} /* 关于 */ .aboutbanner{padding-top: 94px;height: 620px;font-size:84px;line-height: 84px;color: #FFFFFF;font-family: SH-Bold;letter-spacing: 16px;} .aboutbanner span{letter-spacing: 14px;font-family: SH-Light;} .event{background: #00B3EC;padding: 134px 0 102px;color: #FFFFFF;} .eventtit{font-size: 50px;line-height: 70px;text-align: center;font-family: SH-Bold;margin-bottom: 26px;} .eventdes{font-size: 20px;line-height:32px;margin-bottom: 134px;} .yeartabbar{margin-bottom: 80px;} .yeartabbar ul li{width:198px;line-height: 57px;background: #54CBF2;font-size: 28px;cursor: pointer;margin: 0 1px;} .yeartabbar ul li.active{background: #FFFFFF;color: #00b3ec;} .tablist .eventitem{padding: 15px 0 102px;} .tablist>li{display: none;} .tablist>li:first-child{display: block;} .yearlist{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .yearlist::-webkit-scrollbar{display: none;} .yearlist li{border-top: solid 2px #ffffff;padding: 0 40px;} .yearlist .dot{border: 1px solid #FFFFFF;padding:5px;width:30px ;height: 30px;border-radius: 50%;margin: -15px 0 18px;background: #00B3EC;} .yearlist .dot span{display: block;width:100%;height: 100%;border-radius: 50%;background: #FFFFFF;} .yearlist .year{font-size: 26px;line-height: 37px;margin-bottom: 11px;} .yearlist .events{font-size: 22px;line-height: 33px;font-family: SH-Light;} .addrEmai .tag>div{margin-bottom: 20px;} #myMap{width: 100%;height: 584px;} /* 精益教练学院 */ .schoolbanner{height: 800px;} .schoolbanner .containerBox{padding-top:285px;text-align: center;color: #FFFFFF;} .schoolbanner .schooltxt{font-family: SH-Bold;font-size: 72px;line-height:98px ;} .schoolbanner .schooltxt2{font-family: SH-Extra;font-size: 60px;line-height:85px ;margin-bottom: 64px;} .bannerlist li{width: 120px;} .bannerlist li i.icon{width: 52px;height: 50px;background-image: url(../images/schoolicon1.png);} .bannerlist li:nth-of-type(2) i.icon{background-image: url(../images/schoolicon2.png);} .bannerlist li:nth-of-type(3) i.icon{background-image: url(../images/schoolicon3.png);} .bannerlist li:nth-of-type(4) i.icon{background-image: url(../images/schoolicon4.png);} .bannerlist li:nth-of-type(5) i.icon{background-image: url(../images/schoolicon5.png);} .bannerlist li div{font-size: 18px;line-height: 24px;margin-top:24px ;} .schoolist{ background: #00A2EC; background: -o-linear-gradient(top, #55C2F0 0%,#1595D4 100%); background: -webkit-gradient(linear, left top, left bottom, from(#55C2F0),to(#1595D4)); background: linear-gradient(to bottom, #55C2F0 0%,#1595D4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55C2F0 ', endColorstr='#1595D4',GradientType=0 ); padding:132px 0 123px ; } .schoolist{position: relative;} .schoolist .line{width: 100%;height: 3px;position: absolute;top: 228px;background: #FFFFFF;background: -o-radial-gradient( #ffffff,#49B4E5);background: radial-gradient( #ffffff,#49B4E5);z-index: 1;} .schoolist .list{width: 1360px;margin: 0 auto;position: relative;z-index: 2;} .schoolist .list .swiper-container{white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;} .schoolist .list .swiper-slide{width: 191px;margin-right: 42px;-webkit-box-flex:0;-ms-flex:none;flex:none;color: #FFFFFF;} .schoolist .list .syear{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;height:52px;font-size: 30px;line-height: 39px;font-family: SH-Bold;} .schoolist .list .sdot{width:30px;height:30px;border-radius:50%;border: 1px solid transparent;padding: 4px;margin: 31px 0 23px;} .schoolist .list .sdot span{display: block;width: 20px;height: 20px;border-radius: 50%;background: #FFFFFF;} .schoolist .list .stxt{width:192px;height:109px;line-height:36px;font-size:24px;padding-top: 8px;font-family: SH-Medium;} .schoolist .list .stxt div{width:110px;white-space:normal;text-align: center;} .schoolist .list .active .syear,.schoolist .list .swiper-slide:hover .syear{font-size:48px;line-height: 52px;} .schoolist .list .active .sdot,.schoolist .list .swiper-slide:hover .sdot{border-color: #FFFFFF;} .schoolist .list .active .stxt,.schoolist .list .swiper-slide:hover .stxt {font-size:30px;background:url(../images/bg-border.png) center center no-repeat;background-size:100% 100%;} .schoolist .list .swiper-slide.active .stxt div,.schoolist .list .swiper-slide:hover .stxt div{width: 130px;} .school-retail{padding: 118px 0 112px;} .school-retail .swiper-slide {text-align: center;padding: 20px 4.6vw ;width: 72vw;} .school-retail .inner{background: #fff;-webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);} .school-retail .newspic{width:100%;height: 340px;margin: 0 auto;} .school-retail .newstxt{display: -webkit-box;display: -ms-flexbox;display: flex;padding:52px 80px 54px 130px;} .school-retail .newstxt .logo{width: 154px;height: 154px;border-radius: 50%;background: #FFFFFF;-webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-right: 100px;} .school-retail .txtright{text-align: left;} .school-retail .txtright .newsTit{padding-top: 14px;font-size: 30px;line-height: 38px;font-family:"SH-Bold";margin-bottom: 21px;} .school-retail .txtright .newsdes{font-size: 18px;line-height: 24px;color: #6e6e6e;} .school-retail .swiper-button-next,.school-retail .swiper-button-prev{left: auto;width: 48px;height: 48px;z-index: 10;right: 13.5vw;opacity: 1;background-color: transparent;background-size: 100% 100%;} .school-retail .swiper-button-next{background-image: url(../images/meet-next.png);top:448px ;background-repeat: no-repeat; background-position: center;} .school-retail .swiper-button-prev{background-image: url(../images/meet-prev.png);top: 385px;background-repeat: no-repeat; background-position: center;} /* 训练营 */ .course{height: 736px;padding-top:90px;} .coursetit{font-size:50px;font-family:"SH-Bold";color: #FFFFFF;text-align: center;line-height: 1.5;margin-bottom: 14px;} .course .containerBox{position: relative;height:468px;} .course .group div{position: absolute;color: #FFFFFF;line-height: 1.4;color: #FFFFFF;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;} .course .group1 div{font-size:30px;color: #00B3EC;background: rgba(255,255,255,0.86);width: 145px;height: 145px;} .course .group1 div:nth-of-type(1){left:7.83%;top: 101px;width: 155px;height: 155px;} .course .group1 div:nth-of-type(2){left:28.91%;top: 161px;width: 147px;height: 147px;} .course .group1 div:nth-of-type(3){left:49.416%;top:260px;} .course .group1 div:nth-of-type(4){left:61.416%;top:66px;} .course .group1 div:nth-of-type(5){left:78.25%;top:168px;} .course .group2 div{font-size:20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 115px;height: 115px;} .course .group2 div:nth-of-type(1){left: 16.083%;top: 25px;background: rgba(255,255,255,0.4);padding: 0 16px;} .course .group2 div:nth-of-type(2){left: 23.583%;top: 93px;background: rgba(255,255,255,0.2); width:101px;height: 101px;padding: 0 20px;} .course .group2 div:nth-of-type(3){left: 32.667%;top: 56px;background: rgba(255,255,255,0.3);} .course .group2 div:nth-of-type(4){left: 42%;top:110px;background: rgba(255,255,255,0.25);width: 82px;height: 82px;} .course .group2 div:nth-of-type(5){left: 53%;top: 46px;background: rgba(255,255,255,0.3);} .course .group2 div:nth-of-type(6){left: 69.833%;top: 0px;background: rgba(255,255,255,0.15);} .course .group2 div:nth-of-type(7){left:83.916%;top: 71px;background: rgba(255,255,255,0.4);} .course .group2 div:nth-of-type(8){left: 40.083%;top:177px;background: rgba(255,255,255,0.3) ;width:109px;height:109px;} .course .group2 div:nth-of-type(9){left: 54.25%;top:169px;background: rgba(255,255,255,0.4);} .course .group2 div:nth-of-type(10){left:69.833%;top:189px;background: rgba(255,255,255,0.25) ;width:101px;height:101px;} .course .group2 div:nth-of-type(11){left: 4.1666%;top:254px;background: rgba(255,255,255,0.15) ;} .course .group2 div:nth-of-type(12){left:13.667%;top:231px;background: rgba(255,255,255,0.2) ;width: 97px;height:97px;} .course .group2 div:nth-of-type(13){left:22.333%;top:251px;background: rgba(255,255,255,0.25) ;width: 101px;height:101px;} .course .group2 div:nth-of-type(14){left:30.75%;top:322px;background: rgba(255,255,255,0.2) ;width: 81px;height:81px;} .course .group2 div:nth-of-type(15){left:40.4167%;top:262px;background: rgba(255,255,255,0.3) ;width:101px;height:101px;} .course .group2 div:nth-of-type(16){left:58.83%;top:343px;background: rgba(255,255,255,0.15) ;width:113px;height:113px;} .course .group2 div:nth-of-type(17){left:87.667%;top:251px;background: rgba(255,255,255,0.15) ;width:113px;height:113px;} .course .group3 div{background: #FFFFFF;} .course .group3 div:nth-of-type(1){left: 0.583%;top: 93px;width: 85px;height: 85px;opacity: 0.1;} .course .group3 div:nth-of-type(2){left:16.083%;top:203px;width: 85px;height: 85px;opacity: 0.1;} .course .group3 div:nth-of-type(3){left:51.167%;top:143px;width:79px;height: 79px;opacity: 0.15;} .course .group3 div:nth-of-type(4){left:44.667%;top:372px;width:96px;height: 96px;opacity: 0.12;} .course .group3 div:nth-of-type(5){left:61.666%;top:236px;width:81px;height: 81px;opacity: 0.15;} .course .group3 div:nth-of-type(6){left:75.33%;top:134px;width:68px;height: 68px;opacity: 0.1;} .course .group3 div:nth-of-type(7){left:73.5%;top:280px;width:96px;height: 96px;opacity: 0.2;} .profit{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;height: 738px;position: relative;background:#000000;} .profit .mount{position: absolute;bottom: 0;right: 0;width: 1235px;height: 641px;} .profit .mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);} .profit .txtinfor{width: 1420px;position: relative;z-index: 5;color: #FFFFFF;} .profit .profittit{padding-top:110px;font-size: 50px;line-height: 1.4;color: #FFFFFF;} .profit .profittit span{color: #00B3EC;font-family:"SH-Bold";font-size: 54px;} .profit .trophy{margin:40px 0 0 29px;} .yearcomp{width: 1420px;} .yearcomp li{position: absolute;} .yearcomp .start{right:1260px ;bottom: 20px;font-size: 20px;width: 50px;} .yearcomp .start div{line-height:20px;} .yearcomp .dot{width:32px;height:32px;border:1px solid #FFFFFF;border-radius:50%;padding: 5px;position: absolute;} .yearcomp .dot span{display: block;width:20px;height: 20px;background: #FFFFFF;border-radius: 50%;} .yearcomp .line{height: 1px;width:200px;background-color: #FFFFFF;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;position: absolute;top: 16px;left:16px;} .yearcomp .start .dot{width: 16px;height: 16px;position: absolute;left: 60px;bottom: 2px;padding: 3px;} .yearcomp .start .dot span{width:8px;height:8px;} .yearcomp .start .line{-webkit-transform: rotate(-25deg);-ms-transform: rotate(-25deg);transform: rotate(-25deg);width: 130px;left:8px;top:8px;} .yearcomp li.common{width: 275px;text-align: right;font-family:"SH-Light";} .yearcomp .year{font-size: 30px;line-height: 1;margin-bottom: 14px;} .yearcomp .complete{font-size: 20px;line-height:1.2;} .yearcomp .complete span{color: #00B3EC;font-size: 24px;line-height: 24px;font-family:"SH-Medium";} .yearcomp li:nth-of-type(2){bottom:67px;right:1174px;} .yearcomp li:nth-of-type(2) .dot{right: -57px;bottom: -6px;} .yearcomp li:nth-of-type(2) .line{-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);width:190px;} .yearcomp li:nth-of-type(3){bottom:164px;right:972px;} .yearcomp li:nth-of-type(3) .dot{right: -33px;bottom: -40px;} .yearcomp li:nth-of-type(3) .line{-webkit-transform: rotate(-34deg);-ms-transform: rotate(-34deg);transform: rotate(-34deg);width:200px;} .yearcomp li:nth-of-type(4){bottom:260px;right:815px;} .yearcomp li:nth-of-type(4) .dot{right: -47px;bottom: -23px;} .yearcomp li:nth-of-type(4) .line{-webkit-transform: rotate(-64deg);-ms-transform: rotate(-64deg);transform: rotate(-64deg);width:170px;} .yearcomp li:nth-of-type(5){bottom:386px;right:749px;} .yearcomp li:nth-of-type(5) .dot{right: -57px;bottom: 0px;} .yearcomp li:nth-of-type(5) .line{-webkit-transform: rotate(-33deg);-ms-transform: rotate(-33deg);transform: rotate(-33deg);width:210px;} .yearcomp li:nth-of-type(6){bottom: 509px;right:561px;} .yearcomp li:nth-of-type(6) .dot{right: -41px;bottom: -13px;} .yearcomp li:nth-of-type(6) .line{-webkit-transform: rotate(-27deg);-ms-transform: rotate(-27deg);transform: rotate(-27deg);width:230px;} .yearcomp li:nth-of-type(7){bottom: 610px;right:373px;} .yearcomp li:nth-of-type(7) .dot{right: -62px;bottom: -8px;} .yearcomp li:nth-of-type(7) .line{-webkit-transform: rotate(-11deg);-ms-transform: rotate(-11deg);transform: rotate(-11deg);width:232px;} .yearcomp li.end{width: 0;height:0;border-style: solid;border-width:6px 0 6px 10px;border-color: transparent transparent transparent #979797;right:90px;bottom: 656px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform: rotate(-11deg);-ms-transform: rotate(-11deg);transform: rotate(-11deg);} .student{padding:134px 0 141px;} .studenttit{font-size: 50px;text-align: center;line-height: 1.4;font-family:"SH-Bold";margin-bottom: 22px;} .studenttit2{height: 58px;display: block;margin: 0 auto 67px;} .stdlist li{float: left;width: 218px;height:218px;margin: 0 11px 25px ;position: relative;} .stdlist li.add{background-color: #FFFFFF ;background-repeat: no-repeat;background-position: center center;background-size:62px;} .stdlist .mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;} .stdlist .mask div{width:70px;height: 70px;background: rgba(200,200,200,0.85);border-radius: 50%;cursor: pointer;} .stdlist .mask div i{width: 0;height: 0;border-style: solid;border-width:15px 0 15px 26px;border-color: transparent transparent transparent #FFFFFF;margin-left: 8px;} .stdlist .inor{position: absolute;bottom: 0;left:0;right: 0;height:62px;background: rgba(0,0,0,0.78);z-index: 4;} .stdlist .inor .name{font-size: 14px;line-height: 18px;color:#FFFFFF;font-family: SH-Medium;margin-bottom: 6px;} .stdlist .inor .name span{font-family: SH-Extra;} .stdlist .inor .grade{padding:0 7px;height: 18px;line-height: 16px;font-size: 10px;color: #04ABDF;border: 1px solid #04ABDF;border-radius: 9px;} .fullvideo{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);z-index: 2000;width: 100%;height: 100%;} .fullvideo .inner{width: 100%;height: 100%;position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .fullvideo #video{display: block;width: 100%;-o-object-fit: cover;object-fit: cover;} /*.fullvideo #video{display: block;width: 100%;height: 100%;object-fit: cover;}*/ .fullvideo .inner a.closevideo{position: absolute;top:10px;right:10px;width: 32px;height: 32px;border-radius:50%;background-color: rgba(0,0,0,0.4);background-size: 50%;z-index: 100;} .pagenavg{margin-top: 60px;height: 25px;font-family:"SH-Bold";} .pagenavg li{margin: 0 7px;} .pagenavg li a{display: block;padding:0 12px;height: 25px;line-height: 25px;font-size: 16px;border-radius: 11px;} .pagenavg li.active a{color: #FFFFFF;background: #00B3EC;} .pagenavg li:hover a{background: #C6EAF5;} .pagenavg li.prev a,.pagenavg li.next a{font-size: 18px;} .pagenavg .total{margin-left: 28px;} /*分页*/ .page{text-align: center;display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .page .pagination{display: inline-block;width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;margin: 0 auto;} .page .pagination li{display: inline;margin: 0 7px;} .page .pagination li a{padding:0 12px;height: 25px;line-height: 25px;font-size: 16px;border-radius: 11px;} .page .pagination li span{padding:0 12px;height: 25px;line-height: 25px;font-size: 16px;border-radius: 11px;} .pagination li.active span{color: #FFFFFF;background: #00B3EC;} .pagination li:hover a{background: #C6EAF5;} .pagination .total{margin-left: 28px;} /* 精益教练学院 二级页面 */ .sbanner{text-align: center;color: #FFFFFF;} .sbanner .containerBox{padding-top: 23vh;} .sbanner .windowWH{min-height: 808px;} .sbanner .stit{font-size: 84px;line-height: 118px;letter-spacing: 1px;font-family:"SH-Bold";} .sbanner .stit2{font-size: 68px;line-height: 95px;font-family:"SH-Extra";margin-bottom: 116px;} .sbanner .slist{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 100%;} .sbanner .slist li{width:230px;font-family: SH-Light;} .sbanner .slist li img{width: 78px;height: 64px;margin-bottom:32px;} .sbanner .banntit{font-size: 30px;line-height: 1.4;margin-bottom: 21px;} .sbanner .banndes{font-size:18px;line-height: 25px;text-align: start;} .sservice{padding-bottom: 108px;} .sservice .sameTit{padding-bottom: 40px;} .schservice{width:1264px;margin: 0 auto;} .schservice li{width: 235px;} .schservice li>div{height: 356px;background:#F7F7F7;padding:72px 26px 0;} .schservice i.icon{display: block;width: 99px;height: 104px;margin: 0 auto;background-repeat:no-repeat ;background-position: center center;background-size: 100% 100%;} .schservice i.icon1{background-image: url(../images/school/sicong1.png);} .schservice i.icon2{background-image: url(../images/school/sicong2.png);} .schservice i.icon3{background-image: url(../images/school/sicong3.png);} .schservice i.icon4{background-image: url(../images/school/sicong4.png);} .schservice i.icon5{background-image: url(../images/school/sicong5.png);} .schservice .servt{font-size:24px;line-height: 33px;text-align: center;font-family:"SH-Medium";margin: 30px 0 20px;} .schservice .servd{font-size:18px;line-height: 25px;} .schservice .servd.center{width:154px;margin: 0 auto;text-align: center;} .sservice .schservice li:hover >div{background:#00B3EC;} .sservice .schservice li:hover .servt,.sservice .schservice li:hover .servd{color:#FFFFFF;} .stdpromote{padding-bottom: 86px;} .stdpromote .sameTit{padding-bottom: 43px;} .stdpromote .morexp{margin: 0 auto;} .promtStdList{padding-bottom: 50px;} .promtStdList,.coursswiper{position: relative;} .promtStdList .swiper-container,.stdwordBox{width:935px;} .promtStdList .swiper-slide,.promtStdList .swiper-slide>div{width:217px;height: 300px;position: relative;} .promtStdList .swiper-slide .mask{position:absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.5);color: #FFFFFF;padding: 0 0 24px;display: none;} .promtStdList .swiper-slide .mask>div.f-c-column{height: 100%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .promtStdList .swiper-slide .name{font-size:20px;line-height: 29px;font-family:"SH-Bold";} .promtStdList .swiper-slide .comp{font-size:14px;line-height: 21px;font-family:"SH-Light";margin-bottom: 6px;} .promtStdList .swiper-slide .clas{height: 18px;font-size:10px;line-height: 16px;padding: 0 12px;border: 1px solid #00B3EC;color: #00B3EC;border-radius: 9px;} .promtStdList .swiper-slide .stdword{display: none;} .promtStdList .swiper-pagination,.coursswiper .swiper-pagination{position: absolute;right: 0;top: 0;height: 100%;width: 30px;} .promtStdList .swiper-pagination .swiper-pagination-bullet, .coursswiper .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #00B3EC;background:transparent;opacity: 1;outline: none;margin: 5px 0;} .promtStdList .swiper-pagination .swiper-pagination-bullet-active, .coursswiper .swiper-pagination .swiper-pagination-bullet-active{background: #00B3EC;} .stdwordBox{height:99px;background: url(../images/school/wordbg.png) center center no-repeat;background-size:100% 100%;margin:43px auto 0;font-size: 30px;line-height: 1.2;font-family:"SH-Light";} .coursList{padding-bottom: 113px;} .coursList .sameTit{padding-bottom: 61px;color: #FFFFFF;} .coursList .morexp{margin: 0 auto 83px;background: transparent;border:1px solid #00B3EC;color: #00B3EC;} .coursList .morexp i.arrowLeft{background-image: url(../images/arrowLeft3.png);} .coursswiper .swiper-container{width:1080px;margin: 0 auto;} .courseitem .sinner a{display: block;width: 100%;height: 100%;} .courseitem,.courseitem .sinner,.courseitem .sinner a>div{width: 260px;height: 125px;} .courseitem{overflow: hidden;border-radius:4px;position: relative;} .courseitem .sinner a>div{position: absolute;top:0;left: 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;cursor: pointer;} .courseitem .sinner .bluebg{color: #FFFFFF;line-height: 30px;font-size: 22px;font-family:"SH-Medium";padding-bottom: 2px;top:-125px;} .courseitem .sinner .bluebg i{width:42px;height:42px;background: url(../images/download-arrow.png) center center no-repeat;background-size: 100% 100%;margin-bottom: 11px;} .courseitem .sinner .bluebg div{cursor: pointer;} .courseitem .sinner .graybg{color: #333333;padding-top: 9px;} .courseitem .sinner .graybg .name{font-size:24px;line-height: 34px;font-family:"SH-Medium";margin-bottom: 7px;} .courseitem .sinner .graybg .fn{font-size:20px;line-height: 29px;font-family:"SH-Extra";} .courseitem:hover .bluebg{top: 0;} .courseitem:hover .graybg{top: 125px;} .courseitem .sinner a>i.icon{position: absolute;top: 0;left: 0;width: 34px;height: 34px;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;} .courseitem .sinner a>i.star{background-image: url(../images/tagicon-star.png);} .courseitem .sinner a>i.hot{background-image: url(../images/tagicon-hot.png);} .courseitem .sinner a>i.new{background-image: url(../images/tagicon-new.png);} /* 标杆游学 */ .studyban{height:910px;} .studyban .transf2{font-size: 62px;line-height: 87px;} .studypage{padding: 105px 0 81px;} .studypage .schservice{width:1240px;} .studypage .service li{width: 300px;height:380px;} .studypage .schservice li>div{padding-top: 92px;height: 380px;} .studypage .schservice i.icon{width: 85px;height: 93px;} .studypage .schservice i.icon1{background-image: url(../images/school/studyicon1.png);} .studypage .schservice i.icon2{background-image: url(../images/school/studyicon2.png);} .studypage .schservice i.icon3{background-image: url(../images/school/studyicon3.png);} .studypage .schservice i.icon4{background-image: url(../images/school/studyicon4.png);} .studypage .schservice .servt{margin: 39px 0 16px;} .studypage .schservice .servd{text-align: center;} .studyques{width:1308px;margin:48px auto 0;} .studyques li{margin-bottom:16px;} .studyques .qinner{display: -webkit-box;display: -ms-flexbox;display: flex;padding:42px 34px;} .studyques .qinner .qpic{width: 304px;height: 208px;margin-right:28px ;-webkit-box-flex: 0;-ms-flex: none;flex: none;} .studyques .qinner .qinfor{width: calc(100% - 332px);} .studyques .qinner .qname{font-size: 32px;line-height: 45px;font-family:"SH-Medium";margin-bottom: 12px;} .studyques .qinner .qcomp{font-size: 16px;line-height: 22px;font-family:"SH-Light";margin-bottom:14px;color: #999999;} .studyques .qinner .qdesc{font-size: 16px;line-height: 22px;margin-bottom:9px;} .studyques .qinner .goto{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .studyques .qinner .goto a{font-size: 16px;line-height: 25px;font-family:"SH-Medium";} .studyques .qinner .goto a span{display: block;width: 0;height:0;border-style: solid;border-width: 7px 0 7px 11px;border-color: transparent transparent transparent #4C4C4C;margin-left: 11px;} .studyques .qinner .goto button{width:136px;height: 40px;border: 1px solid #979797;background: transparent;border-radius:4px;font-size:18px;cursor:pointer;outline:none;} .studyques li:hover>div{-webkit-box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.12);box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.12);} .studyques li:hover .goto button{border-color: #00B3EC;background: #00B3EC;color: #FFFFFF;} /* 标杆游学案例详情 */ .casedetails{padding-top:98px;} .choosers>div{width:272px;height: 272px;border-radius: 50%;background: rgba(207,243,255,.14);position: relative;padding-right: 23px;} .choosers>div>img{width: 164px;height: 150px;margin:0 0 21px 0;} .choosers .rst{font-size: 26px;line-height: 37px;font-family:"SH-Medium";} .choosers .casedot1{position: absolute;top: 136px;right: 61px;width: 10px;height: 10px;border-radius: 50%;background: #D1D1D1;} .choosers .casedot2{position: absolute;top: 163px;right: 36px;width: 48px;height: 48px;border-radius: 50%;background:rgba(207,243,255,.38);} .studycasedt .casedpic2{width:360px;} .studycasedt .casedpic2 img{width: 271px;} .studycasedt .casedpic1{width:622px;margin-right: 68px;} .studycasedt .littetit{font-size: 20px;line-height:28px;margin-bottom: 12px;} .studycasedt .operate{-ms-flex-wrap: wrap;flex-wrap: wrap;} .studycasedt .operate div{width: 290px;line-height: 28px;} .studycasedt .operate div span{color: #00B3EC;} .studycb li{width:284px;height:360px;} .notice .studyct{font-size:40px;line-height: 56px;margin-bottom: 71px;font-family:"SH-Medium";} .notice li>div{padding-top:28px;height: 100%;color: #FFFFFF;} .notice li>div>div:first-child{font-size:32px;line-height: 45px;width:176px;font-family:"SH-Medium";background-color: #00b3ec;margin-bottom:9px;height: 56px;} .notice li>div>div:last-child{font-size:24px;line-height:36px;width:176px;font-family:"SH-Light";background-color: #00b3ec;padding: 12px 30px;} .charact .studyct{font-size:50px;line-height: 70px;font-family:"SH-Medium";margin-bottom: 83px;} .charact li{background: #f7f7f7;padding-top: 36px;} .charact li i.icon{width: 97px;height: 96px;margin-bottom: 26px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;} .charact li i.icon1{background-image: url(../images/school/charact1.png);} .charact li i.icon2{background-image: url(../images/school/charact2.png);} .charact li i.icon3{background-image: url(../images/school/charact3.png);} .charact li i.icon4{background-image: url(../images/school/charact4.png);} .charact li .servt{font-size:24px;margin-bottom:12px;font-family:"SH-Medium";} .charact li .servd{font-size:18px;font-family:"SH-Light";padding: 0 30px;text-align: center;} /* 精益云学堂 */ .schoolroomp{padding-top: 1px;} .shrmcontan{width: 1300px;margin: 0 auto;position: relative;} .srtop{-webkit-box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.12);box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.12);margin-top:-137px;background: #FFFFFF;position: relative;z-index: 2;} .srtop li>div{padding: 62px 0;} .srtop li i.icon{width: 67px;height: 67px;background-position: center center ;background-repeat: no-repeat;background-size: 100% 100%;margin-bottom: 15px;} .srtop li i.cricon1{background-image: url(../images/cricon1.png);} .srtop li i.cricon2{background-image: url(../images/cricon2.png);} .srtop li i.cricon3{background-image: url(../images/cricon3.png);} .srtop li i.cricon4{background-image: url(../images/cricon4.png);} .srtop .rtxt{position: relative;z-index: 4} .srtop .rtxt>span{font-size:24px;line-height: 1;height: 51px;font-family:"SH-Bold";position: relative;z-index: 4;} .srtop .rtxt .srlc{position: absolute;top:50%;left: 100%;width:198px;height: 101px;background:#ffffff url(../images/borderbg.png) center center no-repeat;background-size: 100% 100%;padding:15px 8px 0 24px;font-size:16px;line-height: 24px;color: #00B3ED;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: none;border-radius: 5px;z-index: 5;} .srtop li:hover .rtxt>span{color: #00B3ED;} .srtop li:hover .srlc{display: block;} .themetit{font-size: 26px;line-height:36px;color: #aeadad;margin: 60px 0 24px;} .themetit i{width:15px;height: 15px;background: url(../images/themeicon.png) center center no-repeat;background-size: 100% 100%;margin-left: 18px;} .theme .custBox .custTab{width: auto;margin: 24px 0 90px;} .theme .custBox .custTab ul{display: -webkit-box;display: -ms-flexbox;display: flex;} .theme .custBox .custTab li{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom: 6px;} .theme .custBox .custTab li a{width: auto;white-space: nowrap;padding: 0 20px;margin-right:26px;} .theme .custBox .custTab li:last-child a{margin-right: 0;} .eachtit{font-size:26px;line-height: 36px;color: #8b8b8b;margin-bottom: 26px;} .eachtit div{font-family:"SH-Medium";color: #aeadad;} .eachtit span{font-family:"SH-Light";} .innerthemest{width: 270px; height: 224px; background-image: url(../images/themebg.png); border-radius: 12px; padding-top: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding-left: 20px; padding-right: 50px; display: block; text-align: center; padding-top: 70px;} .innerthemest .tit1{font-size:57px;line-height: 1;margin-bottom:10px;font-family:"SH-Bold";color: #dcdddd;} .innerthemest .tit2{font-size:18px;line-height: 23px;margin-bottom:10px;font-family:"SH-Bold";color: #6d6b68;} .innerthemest .tit3{font-size:15px;line-height: 22px;margin-bottom:24px;font-family:"SH-Light";color: #6d6b68;} .innerthemest .icon{width: 15px;height: 15px;background-image: url(../images/arrow-down2.png);display: inline-block;} .themeswp{width:1090px;margin-left: -28px;height: 190px;position: relative;} .themeswp .swiper-container{height: 190px;} .schoolroomp{padding-bottom: 128px;} .shrmcontan .themeseries{margin-bottom: 83px;} .shrmcontan .themeseries:last-child{margin-bottom:47px;} .themeseries .swiper-slide{height: 100%;position: relative;} .themeseries .swiper-slide>a{display: block;width: 100%;height: 100%;} .themeseries .swiper-slide .txt{position:absolute;bottom:0;left:0;right:0;color:#FFFFFF;height:50px;padding: 0 10px;background: rgba(0,0,0,.35);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .themeseries .swiper-slide .txt .name{font-size: 14px;line-height: 19px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .themeseries .swiper-slide .txt .teach{font-size: 9px;line-height: 13px;font-family:"SH-Light";} .themeseries .swiper-slide .txt .scan{font-size:10px;line-height: 1;font-family:"SH-Medium";} .themeseries .swiper-slide .txt .scan i{width: 11px;height: 11px;margin-right:6px;} .themeseries .swiper-slide .videobtn{position:absolute;top:50%;left:50%;margin:-28px 0 0 -17px;width:35px;height:35px;background-image:url(../images/play.png);cursor: pointer;} .themeswp .swiper-wrapper{width:1058px;} .themeswp .swiper-button-next,.themeswp .swiper-button-prev{left: auto;right: -35px;width: 32px;height:32px;background-size: 14px 14px;background-color: #EFEDEC;outline: none;border-radius: 50%;} .themeswp .swiper-button-next{background-image: url(../images/arrowLeft2.png);top:115px ;background-repeat: no-repeat; background-position: center;} .themeswp .swiper-button-prev{background-image: url(../images/arrowright.png);top:74px ;background-repeat: no-repeat; background-position: center;} .themeseries:hover .innerthemest{background-image: url(../images/themebg2.png);} .themeseries:hover .swiper-button-next,.themeseries:hover .swiper-button-prev{background-color: #1EB6E7;} .themeseries:hover .innerthemest .tit1{color: #8FDBF3;} .themeseries:hover .innerthemest .tit2,.themeseries:hover .innerthemest .tit3{color: #FFFFFF;} .loadbtn button{display: block;width: 100%;height:57px;background: #FFFFFF;margin-bottom: 18px;border: 1px solid #ECECEC;border-radius: 0;font-size: 14px;cursor: pointer;} .mobileswip,.promtStdList .swiper-container2,.promtStdList .swiper-pagination2,.coursswiper2{display: none;} .sbanner{position: relative;} .sbanner .containerBox{position: absolute;top: 0;left:50%;z-index: 10;margin-left: -600px;} .yearcomp li{display: none;} .mesproces>div{position: relative;} .mesproces>div i.icon{position: absolute;width:28px;height: 45px;background: url(../images/transp.png) center center no-repeat ;background-size: 100% 100%;} .mesproces>div i.arrowup1{top:0.7%;left:28.34%;-webkit-animation: arrowup1 infinite 1.5s;animation: arrowup1 infinite 1.5s;} .mesproces>div i.arrowup2{top:8%;left:60.4%;-webkit-animation: arrowup2 infinite 1.5s;animation: arrowup2 infinite 1.5s;} .mesproces>div i.arrowup3{top:31.28%;left:81.2%;-webkit-animation: arrowup3 infinite 1s;animation: arrowup3 infinite 1s;} .mesproces>div i.arrowup4{top:55.15%;left:25%;-webkit-animation: arrowup4 infinite 2s;animation: arrowup4 infinite 2s;} .mesproces>div i.arrowup5{top:55.51%;left:51.46%;-webkit-animation: arrowup5 infinite 1.5s;animation: arrowup5 infinite 1.5s;} /*.studyban {height:800px;}*/ .schoolist .list .swiper-container.mobileswiper{display: none;} @-webkit-keyframes arrowup1{ from{top:2%;} to{top:0%;} } @keyframes arrowup1{ from{top:2%;} to{top:0%;} } @-webkit-keyframes arrowup2{ from{top:9%;} to{top:7%;} } @keyframes arrowup2{ from{top:9%;} to{top:7%;} } @-webkit-keyframes arrowup3{ from{top:31.28%;} to{top:29%;} } @keyframes arrowup3{ from{top:31.28%;} to{top:29%;} } @-webkit-keyframes arrowup4{ from{top:55.15%;} to{top:53.15%;} } @keyframes arrowup4{ from{top:55.15%;} to{top:53.15%;} } @-webkit-keyframes arrowup5{ from{top:55.51%;} to{top:53.51%;} } @keyframes arrowup5{ from{top:55.51%;} to{top:53.51%;} } /* 视频详情 */ .containerBox2{width: 1230px;margin:0 auto;} .videobox{padding:0 0; position: relative; padding-right: 360px;} .videobox video {max-width: 100%} /*#video{width: 870px;height:564px;display:block;}*/ /*#video{width: 870px;display:block;}*/ .videodes{background:#25A5D2;width: 360px;height:564px;padding:0 40px;font-size:17px;color:#ffffff;line-height:28px;text-indent:34px; position: absolute; right: 0; top: 0;} .videoname{font-size:30px;padding-top: 2px;height:80px;color: #bdb6b6;font-family:"SH-Medium";} .videoname span{color: #FFFFFF;} .videodt{padding: 55px 0 16px;} .videotit{font-size: 29px;height: 40px;font-family: SH-Bold;margin-bottom: 30px;} .videotit .icon{width: 35px;height: 26px;margin-right: 12px;} .vdswip{margin-bottom:54px;} .videop{width: 291px;height: 217px;background-repeat:no-repeat;position: relative;} .videop .videobtn{width: 44px;height: 44px;background-image:url(../images/play.png) ;} .videotatol .swiper-slide .name{font-size:18px;padding-top: 8px;line-height: 24px;color: #868686;} .vdetails .caseTit{font-size: 36px;line-height: 42px;} .vdetails .caseTit i.icon1{width:45px;height: 45px;margin-top: 22px;} .vdescript {border-radius: 15px;margin-bottom: 50px;color: #FFFFFF;padding:76px 62px 88px;font-family:"SH-Medium";} .vdescript .vdesc{font-size:32px;line-height:42px;} .vdescript span.line{display: block;width:31px;height: 3px;background-color: #FFFFFF;border-radius: 2px;margin-top: 12px;} .vdescript .vdesc2{margin-top: 17px;font-size: 24px;line-height: 36px;} .vdetails .vcaseSha{padding: 40px;margin-bottom: 64px;} .vdetails .vcaseSha >div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .vdetails .vcaseSha >div img{width: 410px;height: 230px;} .vdetails .vcaseSha >div div{width:702px;font-size: 24px;line-height:1.5;font-family:"SH-Medium";} .vdetails .vcaseSha >div:last-child{padding-top: 64px;margin-top: 64px;border-top: 1px solid #ECECEC;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} .vdetails .outline{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .vdetails .outline>div{width:560px;margin-bottom: 70px;position: relative;z-index:8;padding:26px 34px 20px 20px;} .vdetails .caseSha::before{display: none;} .vdetails .outlinetit{font-size: 24px;line-height: 28px;padding-bottom:18px;border-bottom: 1px solid #ECECEC;margin-bottom: 17px;} .vdetails .outlinetit .icon-book{width:25px;height:20px;background-image: url(../images/book.png);margin-right:20px;} .vdetails .outline .caseSha>div:nth-of-type(2){font-size: 14px;line-height: 2;padding-left: 32px;} .vdetails .caseSha span.rect{width:34px;height: 34px;position: absolute;left:-14px;top: -16px;background:#6DD1F1;z-index: 6;} /* 功能详情 */ .fnBanner>div{height: 628px;position: relative;} .fnBanner>div>div{width: 1200px;} .funct1{font-size:48px;font-family:"SH-Bold";line-height: 1;} .funct2{font-size: 24px;line-height: 1.5;margin-top: 35px;width: 1050px;} .dtcr{width: 220px;height: 220px;border-radius: 50%;background: #00B3ED;font-size:30px;line-height: 1;color: #FFFFFF;font-family:"SH-Bold";position: absolute;z-index: 10;} .dtcr .icon{width:67px;height: 62px;margin-bottom: 20px;} .dtcr1 .icon{background-image: url(../images/fndticon1.png);} .dtcr2 .icon{background-image: url(../images/fndticon2.png);} .dtcr3 .icon{background-image: url(../images/fndticon3.png);} .crbox .dot{width: 30px;height: 30px;border-radius: 50%;padding: 4px;border: 1px solid #09ACF7;position: absolute;z-index: 6;} .crbox .dot span{width: 20px;height: 20px;background-color: #09ACF7;border-radius: 50%;} .crbox .smtit{font-size: 24px;line-height: 1;font-family:"SH-Bold";} .crbox .smtit1{margin-bottom:16px;} .crbox .smtit2{margin-bottom:84px;padding-left:0;text-align: right;} .crbox .smtit3{margin-bottom:84px;padding-left:75px;} .crbox .text{position: absolute;z-index: 8;} .crbox1 .text{left:653px;top: 80px;} .crbox2 .text{left: 0;top:204px; width: 330px;} .crbox3 .text{left:800px;top:204px;} .smdesc{font-size: 18px;color: #6e6e6e;line-height: 24px; text-align: right;} .smdesc span{display: block;} .fndtpart1{position: relative;height:768px;position: 1;} .crline{width: 220px;height: 220px;border-radius: 50%;border: 2px solid #0aacf7;position: absolute;z-index:5;} .crline div{width: 300px;height: 300px;background: #FFFFFF;z-index:6;position: absolute;} .fndtpart1 .dtcr1{top:221px;left:490px;} .fndtpart1 .dtcr2{top:428px;left:365px;} .fndtpart1 .dtcr3{top:428px;left:615px;} .crbox1 .crline{top:171px;left:490px;} .crbox2 .crline{top:221px;left:240px;} .crbox3 .crline{top:221px;left:739px;} .crbox1 .crline div{top:36px;left: -2px;} .crbox2 .crline div{top:-2px;left: -2px;width:155px;height:184px;} .crbox3 .crline div{top:-2px;right: -2px;width:155px;height:184px;} .crbox1 .dot{top:101px;left:585px;} .crbox2 .dot1{top:203px;left:353px;} .crbox2 .dot2{top:368px;left:235px;} .crbox3 .dot1{top:203px;right:353px;} .crbox3 .dot2{top:368px;right:235px;} .sttit{font-size: 36px;line-height:122px;text-align: center;color: #FFFFFF;font-family: SH-Bold;margin-bottom: 46px;} .shortpart.circular{padding-bottom: 100px;} .shortpart.circular li{width: 250px;} .shortpart.circular li .circ{width: 150px;height: 150px;padding: 7px;margin: 0 auto 33px;} .shortpart.circular li .wrapper{width: 75px;height: 150px;} .shortpart.circular li .circleProgress{width: 150px;} .shortpart.circular li .circ >span.dot{left: 71px;} .shortpart.circular li .circ >span.dot2{-webkit-transform-origin: 1px 79px;-ms-transform-origin: 1px 79px;transform-origin: 1px 79px;} .shortpart.circular ul{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 1200px;} .shortpart.circular li .circ>div.num{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .shortpart.circular li .circ>div.num img{width:61px;} .shortpart.circular li::after{left:221px;top: 72px;width: 286px;} .shortpart.circular li:last-child::after{display: none;} .shortpart.circular li .stName{font-size:24px;line-height: 34px;font-family: SH-Bold;margin-bottom: 14px;} .shortpart.circular li .stdesc{font-size:18px;line-height: 24px;font-family: SH-Medium;text-align:left;} .fntitbox{padding:98px 0 60px;text-align: center;} .fntitbox .fbtit{font-size: 48px;line-height: 1;font-family: SH-Bold;} .fntitbox .fbtit2{font-size:30px;line-height: 1;font-family: SH-Medium;margin-top:36px;} .innMain{margin-top: 25px;position: relative;} .innMain .linegroup{position: absolute;top: 0;left: 50%;margin-left: -30px;} .linegroup{position: relative;width:60px;margin: 0 auto;} .linegroup .line{width:0;height:34px;border-left: 1px dashed #979797;margin: 0 auto;position: relative;} .linegroup .dot{display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #979797;margin: 0 auto;position: absolute;left: -5px;} .linegroup .bluedot{width:60px;height: 60px;border-radius: 50%;background: #00A3D8;margin: 25px auto 28px;} .linegroup .line1 .dot{bottom: -14px;} .linegroup .line2 {height: 550px;} .linegroup .line2 .dot{top:-16px ;} .linegroup .line3,.linegroup .line4{height:100px;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;position: absolute;top:228px;left: 29px;} .linegroup .line3{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .linegroup .line4{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .linegroup .line3 .dot,.linegroup .line4 .dot{bottom:-13px;} .linegroup .line5{height:175px;} .linegroup .line5 .dot{bottom: -25px;} .linegroup .line6,.linegroup .line7,.linegroup .line8,.linegroup .line9{position: absolute;left: 29px;top: 698px;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .linegroup .line6,.linegroup .line7{height: 471px;} .linegroup .line6 .dot,.linegroup .line7 .dot{bottom: -16px;} .linegroup .line6{-webkit-transform: rotate(66deg);-ms-transform: rotate(66deg);transform: rotate(66deg);} .linegroup .line7{-webkit-transform: rotate(-66deg);-ms-transform: rotate(-66deg);transform: rotate(-66deg);} .linegroup .line8,.linegroup .line9{height: 254px;} .linegroup .line8 .dot,.linegroup .line9 .dot{bottom: -19px;} .linegroup .line8{-webkit-transform: rotate(43deg);-ms-transform: rotate(43deg);transform: rotate(43deg);} .linegroup .line9{-webkit-transform: rotate(-43deg);-ms-transform: rotate(-43deg);transform: rotate(-43deg);} .innovinfor .fndtpic{border: 1px solid #979797;} .innovinfor .fndtpic img{display: block;width: 100%;} .fndttxt{width: 330px;} .fndttxt .txt1{font-size:24px;line-height: 32px;font-family: SH-Bold;} .fndttxt .txt2{font-size:20px;line-height: 28px;font-family: SH-Bold;margin-top: 22px;} .fndttxt .txt3{font-size:18px;line-height: 30px;font-family: SH-Medium;margin-top:8px;} .innovinfortxt1{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 100px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .innovinfortxt1 .fndtpic{width: 380px;margin: 3px 143px 0 132px;} .innovinfortxt1 .fndttxt{margin-top:44px ;} .inngroup{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;} .inngroup>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;} .innovinfortxt2 .fndttxt{text-align: right;margin-bottom: 34px;} .innovinfortxt3 .fndttxt{margin-bottom: 34px;} .inngroup{padding: 0 30px;} .inngroup2{margin-top:241px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .inngroup2>div{width:232px;background: #F8F8F8;} .inngroup2>div img{display: block;width: 100%;} .inngroup2>div div{font-size: 20px;line-height: 26px;padding: 20px 32px 14px;font-family: SH-Bold;} .innobtm{font-size:24px;font-family: SH-Bold;line-height: 32px;padding:45px 0 96px;-ms-flex-wrap: wrap;flex-wrap: wrap;} .innobtm span{margin:0 9px;} .mobilemeet{padding-bottom:41px;} .mobilemeet>img{width:505px;height:814px;margin-left: -44px;} .mmdesc{padding-top: 28px;margin-left: -12px;} .mmdesc .linedot{width:288px;height: 71px;margin-right:15px ;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;} .mmdesc .linedot span{display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #979797;margin-right:18px;-webkit-box-flex:0;-ms-flex:none;flex:none;position: absolute;left:0;} .mmdesc .linedot div{width:290px;border-top: 1px dashed #979797;position: absolute;left: 28px;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;} .mmdesc .fnname{width:319px;height: 71px;padding:0 15px ;font-size:24px;height:1.2;font-family:SH-Medium;background-image:url(../images/borderbg3.png);color:#00a3d8;} .mmdesc>div{margin-bottom:20px;} .mmdesc>div:nth-of-type(1) .linedot span{top:73px;} .mmdesc>div:nth-of-type(1) .linedot div{top: 78px;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);width:262px;} .mmdesc>div:nth-of-type(2) .linedot span{top:30px;} .mmdesc>div:nth-of-type(2) .linedot div{top:34px;width:260px;} .mmdesc>div:nth-of-type(3) .linedot span{top:-5px;} .mmdesc>div:nth-of-type(3) .linedot div{top:0px;-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg);width:262px;} .mmdesc>div:nth-of-type(4) .linedot span{top:-10px;} .mmdesc>div:nth-of-type(4) .linedot div{top:-5px;-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg);width:262px;} .mmdesc>div:nth-of-type(5) .linedot span{top:33px;} .mmdesc>div:nth-of-type(5) .linedot div{top:38px;width:260px;} .mmdesc>div:nth-of-type(6) .linedot span{top:15px;} .mmdesc>div:nth-of-type(6) .linedot div{top:20px;-webkit-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);width:261px;} .mmdesc>div:nth-of-type(7) .linedot span{top:-25px;} .mmdesc>div:nth-of-type(7) .linedot div{top:-20px;-webkit-transform: rotate(12deg);-ms-transform: rotate(12deg);transform: rotate(12deg);width:264px;} .mmdesc>div:nth-of-type(8) .linedot span{top:-68px;} .mmdesc>div:nth-of-type(8) .linedot div{top:-63px;-webkit-transform: rotate(21deg);-ms-transform: rotate(21deg);transform: rotate(21deg);width:278px;} .customintr{-webkit-box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.14);} .customintr .custpic{height:240px;} .custpictxt{padding: 52px 30px 44px;} .custpictxt .leftlogo{width:155px;height: 155px;-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.14);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.14);border-radius: 550%;margin: 0 102px;-webkit-box-flex: 0;-ms-flex: none;flex: none;} .custpictxt .name{font-size:30px;line-height: 36px;font-family: SH-Bold;margin-bottom: 9px;} .custpictxt .khsy{font-size:24px;line-height:2;font-family: SH-Bold;color: #6e6e6e;} .custpictxt .infor{font-size: 18px;line-height: 24px;font-family: SH-Medium;color: #6e6e6e;} .voice{padding-bottom: 50px;} .voice .caseSha{padding: 41px;width:1232px;margin-left:-16px;background: #FFFFFF;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom:50px;} .voice .caseSha>img{display: block;width: 410px;} .voice .caseSha>div{width: 702px;} .voice .caseSha>div .words{font-size:24px;line-height: 36px;padding-top: 9px;margin-bottom: 58px;} .voice .caseSha>div .custname{line-height: 40px;font-size:32px;font-family:SH-Bold;text-align: right;} .voice .caseSha:nth-of-type(2n){-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} /* 年造会 详情 */ .meetdtswp.school-retail{padding:68px 0 80px;} .meetdtswp .newspic{height: 450px;} .meetdtswp .meettxt{padding:42px 50px 64px;text-align:left;} .meetdtswp .meettxt1{font-size:36px;line-height: 48px;font-family:SH-Medium ;} .meetdtswp .meettxt2{font-size:30px;line-height: 46px;font-family:SH-Bold ;margin-bottom: 26px;} .meetdtswp .meettxt3{font-size:18px;line-height: 24px;font-family:SH-Medium;} .leaders{padding: 80px 0 30px;} .boxcommon{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 130px;} .boxcommon .txtcommon{width: 508px;} .txtcommon .caseTit{font-size:48px;line-height: 64px;font-family:SH-Bold;margin-bottom:25px;} .txtcommon .caseTit>div{margin: 0 auto;} .txtcommon .caseTit i.icon{width: 45px;height: 45px;margin-top: 16px;} .txtcommon .desc{font-size:18px;line-height:24px;color: #6e6e6e;} .piccommon{width:620px;height: 320px;} .schoolname{font-size:24px;font-family:SH-Bold;margin-bottom: 20px;line-height: 32px;} .txtright{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;} .boxcommon.txtright .caseTit{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;display: block;} .boxcommon.txtright .schoolname{text-align: right;} /* .boxcommon:nth-of-type(2) .txtcommon{width: 346px;} */ .leadersmd{border-radius: 14px;padding:30px 75px ;height:310px;margin-bottom:120px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;color: #FFFFFF;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .leadersmd>div{width: 508px;} .leadersmd .name{font-size:24px;line-height:34px;padding-top: 20px;margin-bottom: 22px;} .leadersmd .desc{font-size: 18px;line-height: 24px;} /*.boxcommon.fullcont .txtcommon{width: 810px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 auto 56px;}*/ .boxcommon.fullcont .txtcommon {width: 810px; margin: 0 auto 56px; text-align: center; }} .graduimg{-ms-flex-pack: distribute;justify-content: space-around;} .graduimg li{background-color: #FFFFFF;-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.14);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.14);width:386px;padding-bottom: 30px;margin-right: 10px;} .graduimg li img{display: block;width: 100%;margin-bottom: 22px;} .graduimg li div{padding:0 18px;font-size:18px;line-height: 24px;color: #6e6e6e;font-family:SH-Medium;} .caseTit i.dh{width: 13px;height: 24px;background: url(../images/dh.png) center center no-repeat;background-size: 100% 100%;margin:25px 12px 0;} .voice .mttit1{font-size: 24px;line-height: 36px;margin-bottom: 8px;padding-top: 40px;font-family:SH-Medium;} .voice .mttit2{font-size: 24px;line-height: 36px;margin-bottom: 28px;font-family:SH-Bold;} .voice .mttit3{font-size: 18px;line-height: 24px;color: #6e6e6e;} .stpro.voice .caseSha:nth-of-type(2n){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;} .bigpic{display: block;width: 100%;} #goToTop{position: fixed;bottom: 80px;right: 0;width: 64px;height: 64px;z-index: 20;display: none;} #goToTop a{display: block;width: 100%;height: 100%;background-image: url(../images/top.png);background-size:70%;background-color:#1A2450;}