/* CSS Document */
@charset "utf-8";
/* 清理浮动 */
.clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}

/* ::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    
} */
/*定义滚动条的轨道，内阴影及圆角*/
/* ::-webkit-scrollbar-track{
    background-color:rgba(0,0,0,.1);
} */
/*定义滑块，内阴影及圆角*/
/*::-webkit-scrollbar-thumb{
     height:5px;
    background-color:rgba(0,0,0,.5);
} */
*{ padding:0; margin:0; box-sizing:border-box;}
html,body{-webkit-overflow-scrolling:touch;}
/*警告 这里有*/
body{padding-top:.1px; overflow-x:hidden!important; font-family:Microsoft YaHei,SimHei;}
.the{transform-style:preserve-3d; perspective:1000px;}

/*ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉*/
a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none!important; outline:none;}

ul{list-style:none;}
img{border:none;display:block;}

/* 通用类 */
.addPR{ position: relative;}
.addPA{ position: absolute;}
.addPF{ position: fixed; left:0; top:0; }
.addTA{ text-align:center;}
.addMA{ margin-left:auto; margin-right:auto; }
.addTRansition{ transition:all 300ms; }
.addMarginTB{ padding-top:75px; padding-bottom:75px; }
.addMarginT{ padding-top:75px;}
.addMarginB{ padding-bottom:75px;}
.addMarginB2{ padding-bottom:25px;}
.through{ width:100%; }
.setIndex2{ z-index:1050; }
.hrcolor{ color:#1E9FFF; font-size:18px;}
.blockTitle{ color:#252525; font-size:27px; margin-top:85px; margin-bottom:80px; }
.ErBtn{ border-radius:100px; color:#fff!important; padding:8px 30px; font-size:12px; display:inline-block;}
.leofxLine{ display:block; height:4px; width:38px; background-color:currentColor;}
/* 安全区域 宽度是 1190 */
.leofx{ width:1190px; margin-left:auto; margin-right:auto;}
/* 测试类 */
.bc{ background-color:#000; padding-bottom:50px; z-index:2; }
/* 颜色类 */
.green { color:#76b746; }
.blue{ color:#2590c4; }
.white{ color:#fff!important;}
.yellow{color:#e4862a;}
.orangebg{ background-color:#f7892a; margin-top:70px;}
.blues{ color:#0e6699; }
.bluebg{ background-color:#52b8ff; }
.graybg{ background-color:#f4f4f4; }
.ErBtn.red{ background-color:#da4e35; }
.ErBtn.red:hover{ background-color:#bb422c; }
.ErBtn.yellow{color:#fff; background-color:#e4862a;}
.ErBtn.yellow:hover{color:#fff; background-color:#be6d20;}

/* 导航 */
.navigation{ font-size:17px; height:146px; transition:height 300ms}
.setMin .navigation{ height:126px; }
.navigation-top{ padding-top:12px; padding-bottom:12px; color:#fff; border-bottom:1px rgba(255,255,255,.3) solid; margin-bottom:20px; transition:margin 300ms;}
.navigation-top-content{ margin-left:8px; margin-right:30px; }
/* .navigation-logo{ width:200px; height:55px; display:inline-block; background-image:url(../images/logo/logo1.png);} */
.navigation-logo{ width:255px; height:70px; display:inline-block; background-image:url(../images/logo/logo22.png);}
.navigation-logo a{ display:block; height:100%; width:100%; }
.navigation-menu{ display:inline-block; /* height:55px; */ margin-bottom:0; vertical-align:top; /* padding-top:30px; */ margin-left:10px; transition:margin 300ms;}
.navigation-menu > li{ display:inline-block; position:relative; vertical-align:top;}
.navigation-menu > li.active a{ color:#f7892a; }
.navigation-menu > li > a{padding:26px 0; display:block; font-size:17px; color:#fff; padding-left:10px; padding-right:10px; transition: color 300ms,margin 300ms,font-size 300ms;}
.navigation-menu > li > a:hover{ color:#f7892a; }
.er-item{ /* position:absolute; left:50%; margin-left:-44px; */ margin-top:8px; display:none; background-color:rgba(255, 255, 255,0.9); box-shadow:0 9px 13px 0px rgba(0, 0, 0, 0.1);}
.navigation-menu > li:hover .er-item{ display:block; animation:er-item-show 400ms forwards;}
@keyframes er-item-show{
    0%{ opacity:0; transform:translateY(20px); }
  100%{ opacity:1; transform:translateY(0); }
 }
.navigation-menu > li > .er-item > a{ display:block; width:88px; text-align:center; padding:10px 0; color:#333; font-size:15px; }
.navigation-menu > li > .er-item > a:hover{ background-color:#d8d8d8; }

.trialBtn{ transition:all 300ms;  display:inline-block; font-size:16px; width:160px; height:40px; background-color:#f7892a; border-radius:40px; line-height:40px; box-shadow:1px 1px 7px #dd7522; color:#fff!important; margin-left:175px; vertical-align:top; margin-top:20px; }
.trialBtn:hover{ background-color:#dd7621; color:#fff;}
.trialBtn:focus{ outline:none; }
.y-form{ margin-top:50px; }

/* .setMin{ background-color:rgba(255, 255, 255,0.9); color:#333; box-shadow:0 0 11px 0px rgba(0, 0, 0, 0.19);}
.setMin .navigation-top{ margin-bottom:0; color:#333; border-bottom-color:#ececec;}
.setMin .navigation-logo{ background-image:url(../images/logo/logo.png); }
.setMin .navigation-menu > li > a{ font-size:14px; color:#333;}
.setMin .navigation-menu > li.active > a{ color:#f7892a; }
.setMin .navigation-menu > li > a:hover{ color:#f7892a; }
.setMin .navigation-menu{ margin-left:120px;}
.setMin  .trialBtn{ margin-left:242px; width:120px; line-height:30px;  margin-top:16px; height:30px; color:#fff;}
 */

.y-line{width:95px;}
.y-line2{width:165px;}
.y-line i,.y-line2 i{line-height:20px;}

.setMin{ background-color:rgba(255, 255, 255,1); color:#333; box-shadow:0 0 11px 0px rgba(0, 0, 0, 0.19);}
.setMin .navigation-top{ margin-bottom:0; color:#333; border-bottom-color:#ececec; color:#f7882a;}
.setMin .navigation-logo{ background-image:url(../images/logo/logo2.png); }
.setMin .navigation-menu > li > a{ color:#333;}
.setMin .navigation-menu > li.active > a{ color:#f7892a; }
.setMin .navigation-menu > li > a:hover{ color:#f7892a; }
.setMin  .trialBtn{  color:#fff;}


.index-banner{ width:100%; min-width:1190px;/* max-width:1920px; margin-left:auto; margin-right:auto; */}
.index-bannerk{  box-shadow:0 0 20px rgba(0,0,0,.5); position: relative; z-index:2; }
.index-banner-top .swiper-slide > a{ display:block; }
.index-banner-top .swiper-slide{ background-position:center center;}
.index-banner-top .swiper-slide img{ width:100%; }
.index-banner-top .toright{ position: absolute; right:-182px; top:0; height:100%; width:820px;}
.index-banner-top .ban1{ width:820px; height:820px;position: absolute; right:0; top:50%; margin-top:-410px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.index-banner-top .ban1.ban1-1{ transition:opacity 800ms,transform 800ms ; transform:scale(0); opacity:0; animation:banRotate 160s 1s linear infinite; background-image:url(../images/banner/ban1/p1.png) }
.index-banner-top .ban1.ban1-2{ transition:opacity 800ms,transform 800ms 150ms; transform:scale(0); opacity:0; animation:banRotate2 160s 1.2s linear infinite; background-image:url(../images/banner/ban1/p2.png) }
.index-banner-top .ban1.ban1-3{ transition:opacity 800ms,transform 800ms 250ms; transform:scale(0); opacity:0; animation:banRotate 160s 1.4s linear infinite; background-image:url(../images/banner/ban1/p3.png) }
.index-banner-top .swiper-slide-active .ban1.ban1-1{ transform:scale(1); opacity:1; }
.index-banner-top .swiper-slide-active .ban1.ban1-2{ transform:scale(1); opacity:1; }
.index-banner-top .swiper-slide-active .ban1.ban1-3{ transform:scale(1); opacity:1; }
.ban1-t1,.ban1-t2,.ban1-t3{opacity:0; transform:translateY(100px); position: absolute; z-index:2; left:0; top:0; }
.index-banner-top .leofx{ height:250px; position: absolute; top:50%; margin-top:-125px; left:50%; margin-left:-585px;}
.ban1-t1{ top:0px;  transition:transform 600ms 50ms,opacity 600ms 50ms;}
.ban1-t2{ top:80px; transition:transform 700ms 100ms,opacity 700ms 100ms;}
.ban1-t3{ top:190px;transition:transform 800ms 200ms,opacity 800ms 200ms; box-shadow:0 0 8px rgba(0, 0, 0, .2); background-color:#fff; color:#333; width:225px; border-radius:100px; font-size:16px; height:50px; text-align:center; line-height:50px; }
.ban1-t3:hover{ background-color:rgba(255, 255, 255, .6); }
.ban1-t3.noBnt{ background:none; box-shadow:none; }
.index-banner-top .swiper-slide img.banner-ren1{ position:absolute; right:0; bottom:0; width:810px; transform:translateX(150px); transition:opacity 6000ms, transform 20000ms linear; opacity:0;}
.index-banner-top .swiper-slide{ background-position:0 0; background-size:100%; height:820px;}
.index-banner-top .swiper-slide-active .ban1-t1{ transform:translateY(0); opacity:1;}
.index-banner-top .swiper-slide-active .ban1-t2{ transform:translateY(0); opacity:1;}
.index-banner-top .swiper-slide-active .ban1-t3{ transform:translateY(0); opacity:1;}
.index-banner-top .swiper-slide-active img.banner-ren1{ transform:translateX(0); opacity:1;}
@keyframes banRotate{
    0%{ transform:rotate(0); transform-origin:center center;}
  100%{ transform:rotate(365deg); transform-origin:center center;}
}
@keyframes banRotate2{
    0%{ transform:rotate(0); transform-origin:center center;}
  100%{ transform:rotate(-365deg); transform-origin:center center;}
}

.index-pagination{ font-size:0;}


/* new css */
.index-pagination span{ width:43px; height:5px; border-radius:0; background-color:#fff; opacity:.2;}
.index-pagination span.swiper-pagination-bullet-active{ opacity:1; }
.index-pagination.swiper-pagination-bullets{ bottom:30px; }
.Service-platform-title p{ font-size:18px; margin-top:10px; color:#252525;}
/* old css */
/* .index-pagination span{ background-position:center; background-repeat:no-repeat; width:235px; height:80px; margin:0!important; background-color:#f7892a; border-radius:0; vertical-align:top; font-size:15px; color:#fff; text-align:left; line-height:20px; opacity:.5; transition:opacity 300ms}
.index-pagination span.swiper-pagination-bullet-active{ opacity:.92; }
.index-pagination span:nth-child(1){ background-image:url(../images/banner/bannerFont6.png); }
.index-pagination span:nth-child(2){ background-image:url(../images/banner/bannerFont2.png); }
.index-pagination span:nth-child(3){ background-image:url(../images/banner/bannerFont3.png); }
.index-pagination span:nth-child(4){ background-image:url(../images/banner/bannerFont4.png); }
.index-pagination span:nth-child(5){ background-image:url(../images/banner/bannerFont5.png); } */

.Service-platform{ background-color:#fff; padding-top:.1px; text-align:center; padding-bottom:150px; font-size:0;}
/* .Service-platform-title{} */
/* old css */
/* .Service-platform-item{ display:inline-block; width:170px; padding-left:18px; padding-right:18px; vertical-align:top; cursor:pointer; transition:transform 300ms;}
.Service-platform-item + .Service-platform-item{ margin-left:30px; }
.Service-platform-item > span{ display:inline-block; width:90px;  height:90px;  background-image:url(../images/icon/icon.png); background-repeat:no-repeat; }
.Service-platform-item:hover > span{ animation:YaoHuang 300ms alternate;}
.Service-platform-item:nth-child(2) > span{ background-position:-10px -8px; }
.Service-platform-item:nth-child(3) > span{ background-position:-107px -8px; }
.Service-platform-item:nth-child(4) > span{ background-position:-305px -8px; }
.Service-platform-item:nth-child(5) > span{ background-position:-403px -8px; }
.Service-platform-item:nth-child(6) > span{ background-position:-205px -8px; }
.Service-platform-item > h4{ font-size:17px; color:#425367; margin-bottom:17px;}
.Service-platform-item > p{ text-align:left; font-size:15.56px; color:#888988; font-weight:100; padding-bottom:20px; min-height:105px;} */

/* new css */
.Service-platform-item{overflow: hidden; position:relative; display:inline-block; height:140px;  width:220px; padding-left:18px; border-radius:10px; padding-right:18px; vertical-align:top; cursor:pointer; transition:transform 300ms,border 300ms 150ms,box-shadow 300ms 150ms; padding-top:5px; border:1px #e2e2e2 solid;}
.Service-platform-item + .Service-platform-item{ margin-left:22px; }
.Service-platform-item > span{ display:inline-block; width:90px;  height:90px;  background-image:url(../images/icon/icon.png); background-repeat:no-repeat; }
.Service-platform-item:hover > span{ /* animation:YaoHuang 300ms alternate; */ }
.Service-platform-item:nth-child(2) > span{ background-position:-10px -8px; }
.Service-platform-item:nth-child(3) > span{ background-position:-107px -8px; }
.Service-platform-item:nth-child(4) > span{ background-position:-305px -8px; }
.Service-platform-item:nth-child(5) > span{ background-position:-205px -8px; }
.Service-platform-item:nth-child(6) > span{ background-position:-403px -8px; }
.Service-platform-item > h4{ font-size:17px; color:#425367; margin-bottom:17px; margin-top:5px;}
.Service-platform-item > p{ text-align:left; font-size:16px; color:#425367; font-weight:100; padding-bottom:20px; min-height:105px;}

.Service-platform-item-hidden{background:url(../images/picture/index-server-itembg.png) 100% 100% no-repeat; border-radius:10px; text-align:left; position:absolute; padding-top:27px; padding-right:60px; transition:opacity 300ms,transform 300ms; transform:scale(0); opacity:0; width:100%; height:100%; z-index:2; left:0; top:0; background-color:#f59c10; }
.Service-platform-item-hidden h4{ color:#fff; padding-left:25px; font-size:18px; margin-top:0; margin-bottom:10px;}
.Service-platform-item-hidden p{ font-size:12px; color:#fefffe; padding-left:25px;}
.Service-platform-item:hover{ border:0px transparent solid; box-shadow:2px 2px 11px rgba(0, 0, 0, .2);}
.Service-platform-item:hover .Service-platform-item-hidden{ opacity:1; transform:scale(1);}

.Methodology{padding-top:1px; padding:60px 0; background-color:#f5f5f6; }

@keyframes YaoHuang{
     0%{ transform:rotate(0); }
    20%{ transform:rotate(20deg); }
    40%{ transform:rotate(-8deg); }
    60%{ transform:rotate(4deg); }
    80%{ transform:rotate(-2); }
   100%{ transform:rotate(0); }
}

/* .Methodology{ } */
/* new css */
.Methodology-title{ font-size:27px;}

.Methodology-icon{ width:419px; height:419px; display:inline-block; position: relative;}
.Methodology-icon > img{ position: relative; z-index:2;}
.Methodology-icon > i{ position: absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/picture/a_bg.png); background-position:center center; background-repeat:no-repeat; animation:xuanzhuan 20000ms infinite linear;}
.Methodology-content{ display:inline-block; vertical-align:top; width:500px; text-align:left; margin-left:195px; margin-top:80px;}
.Methodology-content > h4{ font-size:18px; color:#252525; font-weight:bold;}
.Methodology-content > p{ color:#888988; font-size:14px; line-height:30px; margin-top:20px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; border-top:1px #888988 solid; border-bottom:1px #888988 solid; font-weight:100; text-indent:1em;}
.Methodology-content-btn{ border-radius:15px; width:200px; height:45px; font-size:14px; text-align:center; line-height:45px; background-color:#f7892a; color:#fff; display:inline-block;}
.Methodology-content-btn:hover{ background-color:#dd7621; color:#fff; outline:none;}
@keyframes xuanzhuan{
     0%{ transform:rotate(0deg); }
   100%{ transform:rotate(360deg); }
}

/* 业务聚焦 */
.business-focus{ background:url(../images/picture/caitiao.png) 0 bottom no-repeat; }
.business-focus-title{ font-size:27px;}
.y-pattern{padding-top:0; padding-bottom:110px;}
.y-pattern .y-pattern-title{color:#020d15;  text-align:center;}
.y-pattern .y-pattern-title img{margin:0 auto; width:100%; max-width:401px;}
.y-pattern .y-pattern-itemm{padding:0; transform-style:preserve-3d; perspective:2000px;}
.y-pattern .y-pattern-itemm li{width:380px; display:inline-block; vertical-align:top; margin-top:65px; transition:width .5s,transform .5s,opacity .6s; opacity:1;}
.y-pattern .y-pattern-itemm li + li{ margin-left:20px; }
.y-pattern .y-pattern-itemm li:hover img{animation:fadeinout 1s .5s linear infinite alternate;}
.y-pattern .y-pattern-itemm li:hover{transform:rotateY(180deg) translateY(-10px);}
.y-pattern .y-pattern-itemm li:hover .y-pattern-itemm-contnetm{transform:rotateY(180deg);}

.y-pattern .y-pattern-itemm li h3{text-align:center; margin:40px 0; font-size:24px; color:#0b0306;}
.y-pattern .y-pattern-itemm li .y-pattern-itemm-img{padding-top:0; padding-bottom:0; cursor:pointer; }
.y-pattern .y-pattern-itemm li .y-pattern-itemm-img img{ margin:0 auto; }
.y-pattern .y-pattern-itemm li .y-pattern-itemm-contnetm{background-color:#fff; transition:transform .5s; border-top:none; padding-top:1px; padding-bottom:30px; padding-left:30px; padding-right:30px; text-align:center; min-height:210px; cursor:pointer;}
.y-pattern .y-pattern-itemm li .y-pattern-itemm-contnetm p{color:#666; font-size:14px;}
.y-pattern .y-pattern-itemm li:nth-child(1) .y-pattern-itemm-img{background-color:#eb6758;}
.y-pattern .y-pattern-itemm li:nth-child(2) .y-pattern-itemm-img{background-color:#4dbed5;}
.y-pattern .y-pattern-itemm li:nth-child(3) .y-pattern-itemm-img{background-color:#f9af48;}


/* 云服务 */
.Cloud-services{ padding-bottom:140px; background-image:url(../images/picture/caitiao.png); background-repeat:no-repeat; background-position:left bottom; background-size:1920px auto; }
.Cloud-services-group{border:1px #dddddd solid; height:500px;overflow:hidden; position: relative; padding-top:60px;}
.Cloud-services-nav{ position: absolute; z-index:2; height:60px; width:100%; top:0; left:0; font-size:0;}
.Cloud-services-nav > a{height:100%; width:237.5px; display:inline-block; color:#333; font-size:14px; text-align:center; border-bottom:1px #ddd solid; position: relative; line-height:58px;}
.Cloud-services-nav > a > span{ font-weight:100; color:#999999;}
.Cloud-services-nav > a + a { border-left:1px #ddd solid; }
.Cloud-services-nav > a > i{ display:inline-block; width:25px; height:25px; vertical-align:-8px; margin-right:5px; background-repeat:no-repeat; background-image:url(../images/icon/icon.png); }
.Cloud-services-nav > a.active::after{ content:''; position: absolute; border:10px #e83136 solid; transform:rotate(45deg); border-top-color:transparent; border-left-color:transparent; left:50%; margin-left:-10px; bottom:-10px;}
.Cloud-services-nav > a.active{ color:#fff; }
.Cloud-services-nav > a.active > span{ color:#fff; opacity:.8; }
.Cloud-services-nav > a:nth-child(1) > i{ background-position:-10px -215px; }
.Cloud-services-nav > a:nth-child(1).active{ background-color:#72af47; }
.Cloud-services-nav > a:nth-child(1).active > i{ background-position:-36px -215px; }
.Cloud-services-nav > a:nth-child(1).active::after{  border:10px #72af47 solid; }
.Cloud-services-nav > a:nth-child(2)  > i{ background-position:-11px -243px; }
.Cloud-services-nav > a:nth-child(2).active{ background-color:#e4872a; }
.Cloud-services-nav > a:nth-child(2).active > i{ background-position:-36px -243px; }
.Cloud-services-nav > a:nth-child(2).active::after{  border:10px #e4872a solid; }
.Cloud-services-nav > a:nth-child(3)  > i{ background-position:-11px -273px; }
.Cloud-services-nav > a:nth-child(3).active{ background-color:#238fc4; }
.Cloud-services-nav > a:nth-child(3).active > i{ background-position:-36px -273px; }
.Cloud-services-nav > a:nth-child(3).active::after{  border:10px #238fc4 solid; }
.Cloud-services-nav > a:nth-child(4)  > i{ background-position:-10px -300px; }
.Cloud-services-nav > a:nth-child(4).active{ background-color:#0f679a; }
.Cloud-services-nav > a:nth-child(4).active > i{ background-position:-35px -300px; }
.Cloud-services-nav > a:nth-child(4).active::after{  border:10px #0f679a solid; }
.Cloud-services-nav > a:nth-child(5)  > i{ background-position:-11px -328px; }
.Cloud-services-nav > a:nth-child(5).active{ background-color:#eac42a; }
.Cloud-services-nav > a:nth-child(5).active > i{ background-position:-36px -328px; }
.Cloud-services-nav > a:nth-child(5).active::after{  border:10px #eac42a solid; }
.Cloud-services-banner{ height:100%; width:100%; }
.Cloud-services-banner .swiper-slide{ background-color:#f5f5f6; background-position:left 480px; background-repeat:no-repeat; transition:background-position 600ms 300ms; overflow:hidden;}
.Cloud-services-banner .swiper-slide.swiper-slide-active{ background-position:left 150px; }
.Cloud-services-banner .swiper-slide:nth-child(1){ background-image:url(../images/picture/ceping.png); }
.Cloud-services-banner .swiper-slide:nth-child(2){ background-image:url(../images/picture/jiaoyu.png); }
.Cloud-services-banner .swiper-slide:nth-child(3){ background-image:url(../images/picture/yanzheng.png); }
.Cloud-services-banner .swiper-slide:nth-child(4){ background-image:url(../images/picture/jineng.png); }
.Cloud-services-banner .swiper-slide:nth-child(5){ background-image:url(../images/picture/yunying.png); }
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content{ display:inline-block; vertical-align:top; width:585px;}
.Cloud-services-banner .swiper-slide .Cloud-services-banner-pic img{ display:none; opacity:0; }
.Cloud-services-banner .swiper-slide.swiper-slide-active .Cloud-services-banner-pic img{ animation:topToBottom 600ms 300ms forwards; display:block; }
.Cloud-services-banner .swiper-slide .Cloud-services-banner-pic{ display:inline-block; vertical-align:top; width:500px; padding-left:50px;}
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content{ padding:70px 0 0 70px; }
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content-btn{ display:block; width:150px; height:40px; border-radius:8px; font-size:14px; text-align:center; line-height:40px; background-color:#72af47; color:#fff; opacity:.9;}
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content-btn i{ vertical-align:-1px; font-size:20px; font-weight:100;}
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content-btn:hover{ opacity:1; }
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content > h4{ font-size:18px; color:#72af47; }
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content > p{ color:#323333; font-size:14px; line-height:28px; margin-bottom:45px;}
.Cloud-services-banner .swiper-slide .Cloud-services-banner-content > span{ color:#282c33; font-size:14px; font-weight:100; display:block; margin:10px 0 20px 0;}
.Cloud-services-banner .swiper-slide:nth-child(2) .Cloud-services-banner-content > h4{ color:#e4872a; }
.Cloud-services-banner .swiper-slide:nth-child(2) .Cloud-services-banner-content > a{ background-color:#e4872a; }
.Cloud-services-banner .swiper-slide:nth-child(3) .Cloud-services-banner-content > h4{ color:#238fc4; }
.Cloud-services-banner .swiper-slide:nth-child(3) .Cloud-services-banner-content > a{ background-color:#238fc4; }
.Cloud-services-banner .swiper-slide:nth-child(4) .Cloud-services-banner-content > h4{ color:#0f679a; }
.Cloud-services-banner .swiper-slide:nth-child(4) .Cloud-services-banner-content > a{ background-color:#0f679a; }
.Cloud-services-banner .swiper-slide:nth-child(5) .Cloud-services-banner-content > h4{ color:#eac42a; }
.Cloud-services-banner .swiper-slide:nth-child(5) .Cloud-services-banner-content > a{ background-color:#eac42a; }

@keyframes topToBottom{
      0%{ opacity:0; transform:translateY(-50px); }
    100%{ opacity:1; transform:translateY(0);}
}

/* 客户对象 */
.Customer{ background-color:#435468; padding-top:.1px; font-size:0; padding-bottom:120px;}
.Customer .Customer-title{ color:#fff;}
.Customer .Customer-item{ width:396px; height:306px; display:inline-block; font-size:14px; background-repeat:no-repeat; background-size:100% 100%; position:relative; vertical-align:top;}
.Customer .Customer-item:nth-child(2){ background-image:url(../images/picture/co1.png); }
.Customer .Customer-item:nth-child(2) .Customer-item-icon{ background-position:-10px -110px; }
.Customer .Customer-item:nth-child(3){ background-image:url(../images/picture/co2.png); }
.Customer .Customer-item:nth-child(3) .Customer-item-icon{ background-position:-106px -110px; }
.Customer .Customer-item:nth-child(4){ background-image:url(../images/picture/co3.png); }
.Customer .Customer-item:nth-child(4) .Customer-item-icon{ background-position:-205px -110px; }
.Customer .Customer-item .Customer-item-bg{ height:100%; width:100%; background-color:rgba(44, 145, 194, 0); transition:background 500ms, padding 500ms; background-color:transparent; padding-top:50px; overflow:hidden;}
.Customer .Customer-item:hover .Customer-item-bg{ background-color:rgba(44, 145, 194, .7); padding-top:45px; }
.Customer .Customer-item .Customer-item-icon{ width:95px; height:95px; margin-left:auto; margin-right:auto; transition:transform 500ms; background-image:url(../images/icon/icon.png); background-repeat:no-repeat;}
.Customer .Customer-item .Customer-item-bg > i{ width:50px; height:5px; background-color:#fff; display:block; margin-top:30px; margin-bottom:30px; transition:opacity 500ms,height 500ms,margin 500ms; }
.Customer .Customer-item .Customer-item-bg > p{ font-size:26px; color:#fff; font-weight:800; }
.Customer .Customer-item .Customer-item-bg > span{ display:block; opacity:0; font-size:13px; color:#fff; margin-top:10px; margin-bottom:10px; height:0; transition:opacity 500ms,height 500ms,margin 500ms; }
.Customer .Customer-item .Customer-item-bg > .Customer-item-btn{ width:120px; height:30px; line-height:28px; font-size:12px; display:block; border:1px #fff solid; border-radius:30px; text-align:center; color:#fff; font-weight:100; opacity:0; transform:translateY(20px); transition: transform 500ms,opacity 500ms;}
.Customer .Customer-item .Customer-item-bg:hover .Customer-item-icon{ transform:scale(.8); }
.Customer .Customer-item .Customer-item-bg:hover > .Customer-item-btn{ opacity:1; transform:translateY(0);}
.Customer .Customer-item .Customer-item-bg:hover > i{height:1px; background-color:transparent; margin-top:0; margin-bottom:0; opacity:0;}
.Customer .Customer-item .Customer-item-bg:hover > span{ overflow:hidden; opacity:1; font-size:13px; color:#fff; margin-top:10px; margin-bottom:10px; height:17px;}

/* 客户评价 */
.Evaluate{ background-color:#f2f2f2; padding-bottom:138px; padding-top:.1px;}
.Evaluate-title{/*  font-weight:bold; */ }
.Evaluate .Evaluate-banner{ width:1170px; height:287px; border-radius:60px; background-color:#fff; background-image:url(../images/icon/icon2.png); background-repeat:no-repeat; background-position:90% 90%;}
.Evaluate .Evaluate-banner .swiper-slide{ padding:80px 90px; }
.Evaluate .Evaluate-banner .PageBtn{ text-align:center; cursor: pointer; z-index:2; width:40px; height:40px; background-color:#ddd; top:50%; margin-top:-20px; transition:all .3s;}
.Evaluate .Evaluate-banner .PageBtn:hover{ background-color:#f7892a; }
.Evaluate .Evaluate-banner .PageBtn:active{ transform:scale(.9); cursor: pointer;}
.Evaluate .Evaluate-banner .PageBtn i{ font-size:30px; line-height:38px;}
.Evaluate .Evaluate-banner .PageBtn:hover i{ color:#fff; }
.Evaluate .Evaluate-banner .PageTop{left:0; }
.Evaluate .Evaluate-banner .PageBottom{ right:0; }
.Evaluate .Evaluate-banner .swiper-slide > img{ width:128px; height:128px; border-radius:50%; display:inline-block; }
.Evaluate .Evaluate-banner .Evaluate-banner-centent{ display:inline-block; vertical-align:top; width:850px; padding-left:50px; padding-top:20px;}
.Evaluate .Evaluate-banner .Evaluate-banner-centent h3{ color:#f7892a; font-size:16px; margin-bottom:15px; font-weight:500; }
.Evaluate .Evaluate-banner .Evaluate-banner-centent  p{ font-size:16px; color:#3c3950; line-height:30px; min-height:60px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.dynamic{ padding-bottom:90px; }
.dynamic-friendship-k{ text-align:center; padding:70px 0 20px;}
.dynamic-friendship{position:relative; text-align:center; color:#2c2c2c; font-size:14px; width:210px; height:120px; display:inline-block; }
.dynamic-friendship:after{ content:''; transition:width 300ms,left 300ms; width:0%; height:2px; background-color:#f7892a; position:absolute; left:50%; bottom:-3px; }
.dynamic-friendship:hover:after{ left:0; width:100%; }
.dynamic-friendship p{ margin-bottom:0; }
.dynamic-friendship img{ display:inline-block; }
/* .dynamic-banner{  } */
.dynamic-title{ /* font-weight:bold; */ }
.dynamic-banner .swiper-slide{ border: 1px #c3c3c3 solid; height:234px;}
.dynamic-banner .swiper-slide  img{ width:100%; height:174px; box-shadow:0 0 3px #333;}
.dynamic-banner .swiper-slide p{ font-size:14px; color:#333; line-height:48px; padding:0 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.mailbox{ padding:40px 0; background-color:#f7892a; font-size:16px; color:#fff;}
.mailbox .email{ margin-left:50px; margin-right:20px; width:360px; height:40px; border:1px #fff solid; padding-left:10px; border-radius:40px; background-color:#f7892a; color:#fff;}
.mailbox .submit{ width:140px; height:40px; text-align:center; font-size:14px; box-shadow:0 0 20px rgba(0,0,0,.1); border-radius:40px; border:none; color:#333; background-color:#fff; }
.mailbox .submit:hover{ background-color:#f1e5e5; }
.mailbox .submit:active{ background-color:#fff; }


/* 网页尾部 */
.y-footer{background-color:#212231; padding-top:112px; padding-bottom:0; position:relative;}
.y-footer .ercodeimg{position:absolute; z-index:2; width:190px; left:50%; top:50%; margin-top:-125px; margin-left:-95px; display:none; box-shadow:0 0 18px rgba(0, 0, 0, 0.5); animation:ercomic 1s;}
@keyframes ercomic {
    from { transform:translateX(-200px); opacity:0; }
    to { transform:translateX(0); opacity:1; }
}
.blurs{filter:blur(15px)!important;}
.y-footer .ercodeimg img{width:100%;}
.y-footer .leofx{ overflow:auto; margin:0 auto; padding-bottom:20px; padding-top:20px;}
.y-footer .y-blurs{ filter:blur(0px); transition:filter .5s;  padding-bottom:20px; width:245px;}
.y-footer .leofx h4{color:#fff; font-size:21.5px; margin-bottom:50px;}
/* .y-footer .leofx p{} */
.y-footer .leofx p>a{color:#c3c3c3; font-size:14px; text-decoration:none; font-weight:100;}
.y-footer .leofx p>a:hover{color:#fff; text-decoration:underline;}
.y-footer .leofx .y-footer-logo,.y-footer-ercode{padding-left:70px;}
.y-footer .leofx .y-footer-logo{padding-bottom:35px;}
/*按钮*/
.ontrial{position:fixed; right:30px; user-select:none; cursor:pointer; color:#fff; border-radius:5px; bottom:130px; padding:10px 20px; z-index:998; background-color:#4995de; box-shadow:0 0 16px rgba(117, 187, 255, 0.5); transform-origin:center center; transition:background .3s; opacity:0; animation:ontrial 1s forwards;}
.ontrial:hover{background-color:#1b75cc;}
@keyframes ontrial {
    from { transform:translateX(200px); opacity:0; }
    to {  transform:translateX(0); opacity:1; }
}
.updata-prompt{position:fixed; z-index:999; background-image:url(../images/picture/updatabg.png); font-weight:100; height:100%; width:100%; font-size:30px; color:#fff; left:0; top:0; text-align:center;user-select:none; background-color:rgba(0,0,0,.9);}
.updata-prompt p{position:absolute; width:100%; top:50%; margin-top:-30px; padding:0 50px;}
.backtop{position:fixed; color:rgba(228, 127, 19, 0.508); transition:transform 600ms,opacity 600ms; opacity:0; transform:translateX(100px); bottom:60px; right:30px; width:50px; height:50px; border-radius:50%; padding:0 0 0 8px; z-index:999; transform-origin:center center; cursor:pointer;}
.backtop.active{ opacity:1; transform:translateX(0px); }
.backtop.active:hover{ color:rgba(228, 127, 19, 1); }

/*云服务 */
.ErBanner{ background-position:center top; background-size:100% auto; width:100%; height:630px; background-attachment:fixed; background-repeat:no-repeat; padding-top:.1px; animation:scaleMin 2s;}
@media (max-width: 1920px){
    .ErBanner{ background-size:1920px auto; }
}

.ErBanner.a{ background-image:url(../images/banner/iserver1-1.png); }
.ErBanner .ErBanner-h{ margin-bottom:30px; color:#fff; margin-top:300px; font-size:40px; font-weight:800; user-select:none;}
.ErBanner .ErBanner-conter{ line-height:30px; color:#fff; display:inline-block; width:520px; font-size:12px; user-select:none;}
.leofx-h3{ color:#3a3a3a; font-size:32px;  background-repeat:no-repeat; background-position:center; margin-top:0; margin-bottom:0; padding-top:30px; padding-bottom:30px; }
.course .leofx-h3,.friendship .leofx-h3,.friendship .leofx-h3,.introduce .leofx-h3{ background-image:url(../images/picture/auto_title_bg.png); }
.leofx-someTitle{ display:block; line-height:30px; font-size:16px;}
.leofx-content{ color:#a4a4a4; font-size:14px; width:760px; display:inline-block; line-height:26px; margin-bottom:40px; }
.leofx-line{ width:56px; height:4px; display:block; background-color:currentColor; clear:both; margin:20px auto;}

.Knowledge-k{ padding-top:150px; padding-bottom:70px; background-image:url(../images/picture/a1.png); background-repeat:no-repeat; background-position:center bottom; }
.Knowledge-content{ overflow:hidden; }
.Knowledge-content > li{ min-height:100px; }
.Knowledge-content{ display:inline-block; vertical-align:top; }
.Knowledge-content.ul1{ margin-right:520px; }
.Knowledge-content.ul1 > li:nth-child(1){ text-align:right; margin-bottom:45px; }
.Knowledge-content.ul1 > li:nth-child(2){ text-align:right; }
.Knowledge-content.ul2 > li:nth-child(1){ text-align:left; margin-bottom:45px; }  
.Knowledge-content.ul2 > li:nth-child(2){ text-align:left; }
.Knowledge-content > li > img{ display:inline-block; vertical-align:top;}
.Knowledge-content > li > p{ width:230px; font-size:12px; color:#a4a4a4; line-height:20px; display:inline-block; vertical-align:top;}
.Knowledge-content > li > p >span{ display:block; font-size:14px; font-weight:bold; color:#333; margin-bottom:8px;}
.Knowledge .ErBtn{ margin-top:40px; }

/* 产品包 */
.Product{ background-color:#f8f8f8; }
.Product .Product-item:nth-child(2n+1){ margin-right:35px; }
.Product .Product-item{ display:inline-block; width:521px; height:121px; border-radius:10px; border:1px solid #e2e2e2; padding-top:25px; margin-top:25px; background-color:#fff;}
.Product .Product-item .Product-item-img{ display:inline-block; border-radius:50%; vertical-align:top; box-shadow:0 0 10px 0px rgba(181, 181, 181, 0.8);}
.Product .Product-item .Product-item-content{ vertical-align:top; display:inline-block; width:380px; text-align:left; padding-left:40px;}
.Product .Product-item .Product-item-content h3{ margin:0; margin-bottom:10px; font-size:16px; color:#181818; font-weight:bold; }
.Product .Product-item .Product-item-content p{ color:#333; font-size:13px; }
.Product .Product-item .Product-item-content a:hover{ color:#bb6a1e; }
.Product .ErBtn{ margin-top:50px; display:inline-block; }

/* 钓鱼wifi */
.GoFishing{ background-color:#ffffff; }
.graybg .GoFishing{ background-color:transparent; }
.GoFishing .GoFishing-k{ font-size:0; }
.GoFishing .GoFishing-item{ display:inline-block; background-position:left top; background-repeat:no-repeat; width:395px; height:395px;}
.GoFishing .GoFishing-item:nth-child(1){ background-image:url(../images/picture/c1_i1.png);}
.GoFishing .GoFishing-item:nth-child(2){ background-image:url(../images/picture/c1_i2.png);}
.GoFishing .GoFishing-item:nth-child(3){ background-image:url(../images/picture/c1_i3.png);}
.GoFishing .GoFishing-item .GoFishing-item-bg{ color:#fff; display:block; width:100%; height:100%; text-align:right; padding:40px; position: relative; transition:background 300ms;}
.GoFishing .GoFishing-item .GoFishing-item-bg > h3{ text-align:right; font-size:20px; font-weight:bold; margin-top:100px; margin-bottom:5px; transform:translateY(50px); opacity:0; transition:opacity 300ms,transform 300ms,margin 300ms;}
.GoFishing .GoFishing-item .GoFishing-item-bg > span{ text-align:right; font-size:14px; display:block; margin-bottom:20px; transform:translateY(40px); opacity:0; transition:opacity 300ms 100ms,transform 300ms 100ms;}
.GoFishing .GoFishing-item .GoFishing-item-bg > i{ font-size:42px; display:block; position:absolute; right:40px; bottom:40px; transform:translateY(30px); opacity:0; transition:opacity 300ms 200ms,transform 300ms 200ms;}
.GoFishing .GoFishing-item .GoFishing-item-bg > i:hover{ background-image:url(../images/picture/c1_ibtn_hover.png); }
.GoFishing .GoFishing-item .GoFishing-item-bg{ color:#fff; background-color:rgba(37, 146, 196, .6);}
/* .swiper-slide:nth-child(even) .GoFishing .GoFishing-item .GoFishing-item-bg{ background-color:#fff; } */
.case .swiper-slide:nth-child(even) .GoFishing-item .GoFishing-item-bg{ background-color:rgba(247, 138, 42, 0.65); }
.GoFishing .GoFishing-item .GoFishing-item-bg > h3{  transform:translateY(0px); opacity:1; }
.GoFishing .GoFishing-item .GoFishing-item-bg:hover > span{ padding-left:0; transform:translateY(0px); opacity:1; }
.GoFishing .GoFishing-item .GoFishing-item-bg > i{  transform:translateY(0px); opacity:1; width:45px; height:45px; background-image:url(../images/picture/c1_ibtn.png); background-position:center center;}
.GoFishing-k{ transform-style:preserve-3d; perspective:2000px }
.fish-1{ display:block; margin:0 auto; animation:fish-1 5300ms linear infinite alternate;} 
@keyframes fish-1{ 
      0%{transform:rotateY(-20deg); transform-origin:60% center;}
    100%{transform:rotateY(20deg); transform-origin:60% center;}
 }

#ProductPackage-k .m{ cursor: pointer; }
 
/* 训练营 */
.Training{ background-color:#f8f8f8; }
.Tra.GoFishing .GoFishing-item .GoFishing-item-bg:hover > h3ining .Training-k{ height:400px; width:100%; background-position:center center; background-repeat:no-repeat; background-image:url(../images/picture/d1_i1.png);}

/* 安全周 */
.safeWeek-k{ height:400px; width:100%; background-position:center center; background-repeat:no-repeat; background-image:url(../images/picture/e1_i1.png); }

/* 云构成 */
.ErBanner.b{ background-image:url(../images/banner/iserver1-2.png); }
.college-k{ padding-left:500px; text-align:left; padding-top:160px; padding-bottom:70px; background-image:url(../images/picture/f1_i1.png); background-position:100px 90px; background-repeat:no-repeat; }
.college-k > h3{ color:#11151d; font-size:24px; }
.college-k > p{ color:#a4a4a4; margin-top:45px; margin-bottom:160px; font-size:13px; line-height:25px;}

/* 竞赛平台 */
.platform{ background-color:#52b8ff; box-shadow:0px 5px 13px rgba(0,0,0,.2); position: relative; z-index:2; }
.platform-k{ position: relative; }
.platform .swiper-slide{ width:100%; height:450px; padding-top:110px; padding-left:90px; padding-right:90px;}
.platform .swiper-slide.swiper-slide-active > h3 {  transform:translateY(0px); opacity:1; }
.platform .swiper-slide.swiper-slide-active > p  {  transform:translateY(0px); opacity:1; }
.platform .swiper-slide.swiper-slide-active > img{  transform:translateY(0px); opacity:1; }
.platform .swiper-slide.swiper-slide-active > a  {  transform:translateY(0px); opacity:1; }
.platform .swiper-slide.swiper-slide-active > .leofxLine { transform:translateY(0px); opacity:1; }
.platform .swiper-slide > h3{ margin-bottom:15px; color:#fff; font-size:24px; transition:transform 800ms 800ms,opacity 800ms 800ms; opacity:0; transform:translateY(50px);}
.platform .swiper-slide > p{ width:600px; line-height:30px; color:#fff; font-size:13px; margin-top:15px; margin-bottom:30px;  transition:transform 800ms 900ms,opacity 800ms 900ms; opacity:0; transform:translateY(40px);}
.platform .swiper-slide > img{ position: absolute; right:70px; top:0; transition:transform 800ms 800ms,opacity 800ms 800ms; opacity:0; transform:translateX(100px);}
.platform .swiper-slide > .leofxLine{ transition:transform 800ms 800ms,opacity 800ms 800ms; transform:translateY(50px); opacity:0 ;}
.platform .swiper-slide > a{  transition:transform 800ms 1000ms,opacity 800ms 1000ms; opacity:0; transform:translateY(30px);}
.FXBtn{ width:44px; height:44px; border-radius:50%; position: absolute; top:50%; margin-top:-22px; border:1px #fff solid; color:#fff; line-height:42px; z-index:2; font-size:38px; cursor:pointer; transition: background-color 300ms,color 300ms; padding-left:12px; }
.FXBtn:hover{ background-color:#fff; color:#f7892a; }
.FXBtn.leftBtn{ left:0;}
.FXBtn.rightBtn{ right:0; padding-left:15px;}

/* 体验案例 */
.experience{ background-color:#f7f7f7; }
.experience .experience-k{ box-shadow:0 0 12px rgba(0, 0, 0, .2); height:780px; margin-top:60px; font-size:0;}
.experience .experience-item{ display:inline-block; vertical-align:top; font-size:12px; background-repeat:no-repeat; background-position:left top; }
.experience .experience-item .experience-item-bg{ width:100%; height:100%; background-color:transparent; overflow:hidden; transition:background 300ms,transform 300ms;  transform:scale(0); cursor:pointer; color:#fff; display:block;}
.experience .experience-item .experience-item-bg img{ display:inline-block; }
.experience .experience-item:hover .experience-item-bg{ background-color:rgba(247, 137, 42, 0.69); transform:scale(1);}
.experience .experience-item1{ width:780px; height:390px; background-image:url(../images/picture/h1_i1_2.png); text-align:right;}
.experience .experience-item1 .experience-item-bg{ padding-top:120px; padding-right:50px; }
.experience .experience-item2{ width:410px; height:780px; background-image:url(../images/picture/h1_i2_2.png);}
.experience .experience-item2 .experience-item-bg{ padding-top:300px; padding-right:40px; text-align:right; }
.experience .experience-item3{ width:390px; height:390px; margin-top:-390px; background-image:url(../images/picture/h1_i3_2.png);}
.experience .experience-item3 .experience-item-bg{ padding-top:130px; padding-right:40px; text-align:right; }
.experience .experience-item4{ width:390px; height:390px; margin-top:-390px; background-image:url(../images/picture/h1_i4_2.png);}
.experience .experience-item4 .experience-item-bg{ padding-top:130px; padding-right:40px; text-align:right; }
.colorWhite{ background-color:#fff; }
.wangxiao{ display:block; margin:0 auto; }
/* 课程体系 */
.Curriculum-k{ position: relative; height:570px; background-position:center center;  background-repeat:no-repeat; background-image:url(../images/picture/i1_i1.png); }
.Curriculum-k .Curriculum-item{ position: absolute; border: 3px  solid #fac82a; border-radius:3px; padding:20px 10px; font-size:14px; text-align:right;}
.Curriculum-k .Curriculum-item h3{ font-size:16px; float:right; color:#fff; background:url(../images/picture/i1_i1Title.png) 100% 100%; padding:6px 10px; margin-top:-36px; margin-bottom:0;}
.Curriculum-k .Curriculum-item p{ text-align:left; margin-bottom:0; color:#333;}
.Curriculum-k .Curriculum-item1{ top:90px; left:0; }
.Curriculum-k .Curriculum-item2{ top:240px; left:0; }
.Curriculum-k .Curriculum-item3{ top:390px; left:0; }
.Curriculum-k .Curriculum-item4{ right:0; top:140px; }
.Curriculum-k .Curriculum-item4 h3{ float: left; }
.Curriculum-k .Curriculum-item5{ right:0; top:350px; }
.Curriculum-k .Curriculum-item5 h3{ float: left; }

/* 内容题库 */
.topic{ background-color:#f7f7f7;}
.topic .topic-k{padding-bottom:140px; padding-top:130px; background:url(../images/picture/j1_i1.png) no-repeat right 50px;}
.topic .topic-k > h4{ line-height:28px; font-size:18px; color:#333; margin-bottom:30px;}
.topic .topic-k > p{ font-size:16px; color:#676767; }

.ErBanner.e{ background-image:url(../images/banner/iserver1-3.png) }

/* 产品包 */
.ProductPackage-ul{ background-color:#f1f1f1; text-align:center; font-size:0; margin-top:70px; border-radius:5px; margin-left:auto; margin-right:auto; width:1166px; margin-bottom:40px;}
.ProductPackage-ul li{ font-size:17px; user-select:none; display:inline-block; padding:18px 38px 18px; cursor:pointer; border-bottom:2px rgba(0, 0, 0, 0) solid; color:#969696; position: relative;}
.ProductPackage-ul li:after{ content:''; width:0%; height:4px; bottom:0; background-color:#ed8a35; left:50%; position: absolute; border-radius:5px; transition:width 300ms,left 300ms; }
.ProductPackage-ul li:hover:after{ width:100%; left:0%;}
.ProductPackage-ul li.active{ color:#ed8a35; }
.ProductPackage-ul li:hover{ color:#ed8a35; }
.ProductPackage-ul li.active:after{ width:100%; left:0%;}

/* 移动网校 */
.onlineSchool {  position: relative; z-index:2; box-shadow:0 2px 5px rgba(0, 0, 0, .3); }
.onlineSchool-top .swiper-slide{ padding-top:137px; padding-bottom:160px; opacity:.2; transition:opacity 300ms; padding-left:30px;}
.onlineSchool-top .swiper-slide.swiper-slide-prev{ opacity:.5; }
.onlineSchool-top .swiper-slide.swiper-slide-active{ opacity:1;}
.onlineSchool-top .swiper-slide.swiper-slide-next{ opacity:.5;}
.onlineSchool-top .swiper-slide img{ height:280px; }
.onlineSchool-top .swiper-pagination-bullet{ background-color:#fff; opacity:.4; transition:opacity 300ms;}
.onlineSchool-top .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; }
.onlineSchool-ph{ width:322px; height:570px; position:absolute;  left:0; top:0; z-index:2; left:50%; top:140px; margin-left:-161px;}
.onlineSchool-ph .rw{ position: absolute; background-color:rgba(255, 255, 255, 1); left:68px; top:115px; border-radius:3px; width:192px; height:332px; }
.onlineSchool-ph .rw img{ width:100%; height:100%; }
.onlineSchool-ph i{ position: absolute; z-index:3; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat; background-position:center center; background-image:url(../images/picture/phoneIcon.png);}
.onlineSchool-position{ position: absolute; width:45px; height:45px; top:50%; background-position:0 0; cursor:pointer; z-index:3; transition:transform 300ms;}
.onlineSchool-position:active{ transform:scale(.9); }
.onlineSchool-left{ background-image:url(../images/picture/c1_ibtn_l.png); left:413px; }
.onlineSchool-right{ background-image:url(../images/picture/c1_ibtn.png); right:411px;}

/* 竞赛平台 */
.competition-k{ height:530px; background-image:url(../images/picture/k1_i1.png); background-position:center center; background-repeat:no-repeat; }

.case .GoFishing-item{ width:100%; }
.case .onlineSchool-position{ width:40px; height:40px; border-radius:50%; color:#2590c4; font-size:30px; border:2px #2590c4 solid;text-align:left; padding-left:13px;}
.case .onlineSchool-position:hover{ background-color:#2590c4; color:#fff; }
 .case .onlineSchool-position > i{ vertical-align:3px; }
.case .case-left{ left:-62px; }
.case .case-right{ right:-62px; padding-left:13px;}
.case .swiper-slide .GoFishing-item .GoFishing-item-bg{ position: absolute; left:0; top:0; z-index:2; }
.case .swiper-slide-active .GoFishing-item .GoFishing-item-bg{transition-delay:200ms; color:#fff; background-color:rgba(37, 146, 196, .6);}
.case .swiper-slide-active .GoFishing-item .GoFishing-item-bg > h3{ padding-left:0; transition-delay:300ms; transform:translateY(-40px);opacity:1; text-align:left;}
.case .swiper-slide-active .GoFishing-item .GoFishing-item-bg > span{text-align:left; transition-delay:400ms;  transform:translateY(-40px); opacity:1; }
.case .swiper-slide-active .GoFishing-item .GoFishing-item-bg > i{ transition-delay:500ms; transform:translateY(0px); opacity:1; width:45px; height:45px; background-image:url(../images/picture/c1_ibtn.png); background-position:center center;}
.case .swiper-slide-active .GoFishing-item .GoFishing-item-bg > i:hover{ background-image:url(../images/picture/c1_ibtn_hover.png); }
.Derivative-nav{ width:40px; height:40px; border-radius:50%; top:50%; position: absolute; border:2px solid #2590c4; color:#2590c4; font-size:25px; padding-left:12px; cursor:pointer; transition:all 300ms;}
.Derivative-nav:hover{ background-color:#2590c4; color:#fff; }
.Derivative-left{ left:-64px; border-radius:50%;}
.Derivative-right{ right:-64px; border-radius:50%; padding-left:14px;}
.Derivative .swiper-wrapper{ padding:0 5px 5px 5px; }
.Derivative .swiper-slide{ width:270px; text-align:center; box-shadow:0 2px 3px rgba(0,0,0,.2); user-select:none; transition:background-color 300ms;}
.Derivative .swiper-slide:hover{ background-color:#2590c4; }
.Derivative .swiper-slide img{ width:100%; height:280px;}
.Derivative .swiper-slide p{ padding:20px; line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.Derivative .swiper-slide p > span{ color:#999; font-size:14px; display:block; font-weight:100;}
.Derivative .swiper-slide:hover p{ color:#fff; }
.Derivative .swiper-slide:hover p > span{ color:#fff; }

/* 关于我们 */
.ErBanner.c{ background-image:url(../images/banner/iserver3.png);}
.ErBanner.c p{ color:#fff; text-align:center; font-size:16px; font-weight:100; }
.introduce  h3{ margin-bottom:20px; }
.introduce  .introduce-content{ font-size:16px; color:#525252; text-indent:2em; line-height:30px; padding-left:120px; padding-right:120px; margin-bottom:0;}

.course ul{ text-align:center; width:100%;}
.course ul > li{ width:100%; position:relative; padding-top:30px; padding-bottom:30px; text-align:right; padding-left:130px; padding-right:130px;}
.course ul .course-title {  position:absolute; top:50%; left:50%; margin:-22px 0 0 -59.25px; padding:6px 35px; border:2px solid #1071c9; color:#1071c9; border-radius:100px; font-size:20px; background-color:#fff;}
.course ul .course-title::after{ position: absolute; width:200%; height:2px; background-color:#1071c9; left:100%; top:50%; margin-top:-1px; content:''; }
.course ul .course-title::before{ position: absolute; width:2px; height:250%; background-color:#1071c9; left:50%; top:100%; margin-left:-1px; content:''; }
.course ul .course-msg { position:relative; width:340px; height:80px; border:1px solid #dedede; color:#333; font-size:16px; text-align:left; padding:19px; display:inline-block; z-index:2; background-color:#fff;}
.course ul .course-msg::after{ content:''; height:18px; width:18px; border:2px solid #1071c9; box-shadow:0 0 0px 3px rgba(16, 112, 202, 0.28); position: absolute; border-radius:50%; left:-10px; top:50%; margin-top:-10px; background-color:#fff;}
.course ul > li:nth-child(even){ text-align:left; }
.course ul > li:nth-child(even) .course-title::after{ position: absolute; width:200%; height:2px; background-color:#1071c9; left:initial; left:none; right:100%; top:50%; margin-top:-1px; content:''; }
.course ul > li:nth-child(even) .course-msg::after{ left:initial; left:none; right:-10px; top:50%; margin-top:-10px; background-color:#fff;}

@font-face{
    font-family:DIN;
    src:url(../fonts/DIN.ttf);
}


.course-licheng{ margin-top:100px; padding-right:120px; padding-left:120px; background-image:url(../images/picture/auto_year_bg.png); background-repeat:no-repeat; background-position:center;}
.course-licheng-i{ position:relative; padding-left:155px; padding-top:32px; padding-bottom:35px; overflow:hidden;}
.course-licheng-i:nth-child(1)::before{ top:50%; }
.course-licheng-i:nth-last-child(1)::before{ top:-50%; }
.course-licheng-i::after{ left:100px; content:''; box-shadow:0 0 0px 3px rgba(247, 137, 42, 0.33); top:50%; width:7px; height:7px; margin-top:-4.5px; border-radius:50%; background-color:#f89c57; position:absolute; }
.course-licheng-i::before{ left:103px; content:'';top:0; width:2px; height:100%; background-color:#eaeaea; position:absolute; }
.course-licheng-i > span{ color:#f7892a; font-family:DIN; position: absolute; left:0; top:50%; margin-top:-13px; font-size:21px; font-weight:100;}
.course-licheng-i > p{ font-size:14px; margin-bottom:0;}

/* 友情链接 */
.friendship ul{ font-size:0; padding-left:100px; padding-right:100px;}
.friendship ul > li{ display:inline-block; filter:grayscale(1); transition:filter 300ms,opacity 300ms; opacity:.6;}
.friendship ul > li:hover{ filter:grayscale(0); opacity:1;}
.friendship ul > li a{ display:block; width:100%; height:100%;}

.friendship-ik{ padding-left:100px; position:relative; margin-bottom:37px; font-size:0;}
.friendship-ik .friendship-ik-title{ position: absolute; left:10px; top:20px; }
.friendship-ik-title{ font-size:20px; }
.friendship-ik .ik{ margin-left:18px; margin-bottom:18px; display:inline-block; line-height:70px; overflow:hidden; text-align:center; border-radius:10px; width:164px; height:70px; border:1px solid #e5e5e5; }
.friendship-ik .ik:hover{ border-color:transparent; border-bottom:1px solid #f7892a; box-shadow:0 0 20px 0px rgba(22, 74, 149, 0.19); }
.friendship-ik .ik:nth-child(6n + 1){ margin-left:0; }
.friendship-ik .ik img{ display:inline-block; }

.friendship .leofx-h3{ margin-bottom:100px; }

.ErBanner.d{ background-image:url(../images/banner/iserver4.png); }
.ErBanner .ErBannerlg{ font-size:70px; margin-top:300px; }


.y-contact-title{margin-top:50px; background-image:url(../images/picture/pic5.png); background-position:right top; background-size:1920px auto; height:400px; background-color:#f2f2f2; background-repeat:no-repeat;}
.y-contact-title{padding-top:50px;}
.y-contact-title ul{overflow:hidden; padding:0; position:relative;}
.y-contact-title ul li{padding:0;}
.y-contact-title ul li h4{font-size:18px; color:#222; margin-bottom:40px; text-align:left;}
.y-contact-title ul li.yw p{font-size:32px; color:#ff8500; font-weight:100; margin-bottom:0;}
.y-contact-title ul li.dz p{font-size:14px; color:#7e7e7e; font-weight:100;}
.y-contact-title h4{ text-align:center; font-size:32px; font-weight:400; margin-bottom:80px;}

.background .leofx .leofx{ color:#fff; border-radius:4px; box-shadow:0 0 10px rgba(0, 0, 0, .2); padding:35px; padding-left:358px; text-align:left;}
.background .leofx .leofx h4{ font-size:18px; }
.background .leofx .leofx h2{ font-size:30px; font-weight:bold; }
.background .leofx .leofx h2 span{ font-weight:100; }
.background .leofx .leofx p{ overflow:hidden; font-size:14px; color:rgba(255, 255, 255,.6); line-height:25px;}
.background .leofx .leofx .backgroundBtn{ opacity:0; border:1px #fff solid; font-size:14px; color:#fff; float:right; padding:8px 70px; border-radius:50px; margin-top:30px; transition:background 300ms;}
.background .leofx .leofx .backgroundBtn:hover{ background-color:#da7218; }
.background .backgroundImg{ width:300px; box-shadow:0 0 13px rgba(0, 0, 0, 0.54); height:300px; position: absolute; left:20px; bottom:30px; border-radius:4px;}

.introduce2{ background-image:url(../images/banner/iserver6.png); background-position:0 0;}
.introduce2 p{ font-size:14px; color:rgba(0,0,0, .5); padding-left:200px; padding-right:200px; text-align:left;}
.introduce2 .introduceBtn{ background-color:#f7892a; padding:14px 70px; font-size:12px; color:#fff; border-radius:50px; margin-top:20px; display:inline-block; box-shadow:0 0 10px rgba(0, 0, 0, .2); transition:background 300ms}
.introduce2 .introduceBtn:hover{ background-color:#cd6f1e; }

.expertBnt{ display:inline-block; color:#fff; background-color:#f7892a; padding:12px 50px; }
.expertBnt:hover{ color:#fff; background-color:#cd6f1e;}

/* .expert{ } */
.expert h3{ margin-top:0; font-size:24px;}
.expert ul{ font-size:0; }
.expert ul > li{ display:inline-block; font-size:14px; width:382px; border:1px #c3c3c3 solid; }
.expert ul > li p{ margin:15px 0 15px 0; padding-left:5px; color:#333;}
.expert ul > li img{ width:100%; }
.expert ul > li + li{ margin-left:22px; }

.expert .leofx .leofx{ text-align:center; position: relative; overflow:hidden;}
.expert .leofx .leofx::after{ content:'-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------'; position: absolute; left:0; bottom:50px; width:100%; color:#b3b1b1; }
.expert .expert-item{ display:inline-block; width:200px; text-align:center; position: relative; z-index:3;}
.expert .expert-item:after{ position: absolute; width:10px; height:10px; border-radius:50%; background-color:#fff; box-shadow:0 0 0px 3px #999; content:''; bottom:54px; left:50%; margin-left:-5px;}
.expert .expert-item .expert-item-ra{ background-repeat:no-repeat; background-position:center center; width:70px; height:70px; background-color:#eeeff1; border-radius:50%; display:inline-block; clear:both;}
.expert .expert-item p{ margin-top:60px; }
.expert .expert-item:nth-child(1) .expert-item-ra{ background-image:url(../images/picture/m1.png); }
.expert .expert-item:nth-child(2) .expert-item-ra{ background-image:url(../images/picture/m2.png); }
.expert .expert-item:nth-child(3) .expert-item-ra{ background-image:url(../images/picture/m3.png); }
.expert .expert-item:nth-child(4) .expert-item-ra{ background-image:url(../images/picture/m4.png); }
.expert .expert-item.active .expert-item-ra{ background-color:#e48629; }
.expert .expert-item.active::after{ box-shadow:0 0 0px 3px #fbc9a2; }
.expert .expert-item:nth-child(1).active .expert-item-ra{ background-image:url(../images/picture/m11.png); }
.expert .expert-item:nth-child(2).active .expert-item-ra{ background-image:url(../images/picture/m22.png); }
.expert .expert-item:nth-child(3).active .expert-item-ra{ background-image:url(../images/picture/m33.png); }
.expert .expert-item:nth-child(4).active .expert-item-ra{ background-image:url(../images/picture/m44.png); }
where{ display:none; }
.indexset1200{ width:1200px; position:relative; height:100%; margin:0 auto; }

.leofxGtForm .y-form .modal-content{ border-radius:0;}
.leofxGtForm .form-control{ border-radius:0; }
.leofxGtForm .modal-content{ border:none; }
.leofxGtForm  button[type='submit']{ width:100%; padding-top:9px; padding-bottom:9px; border-radius:0;}
.leofxGtForm .modal-header{ border-top:2px solid #5cb85c; }
.leofxGtForm .form-control{ border-left:2px #66afe9 solid;}
.leofxGtForm .has-success .form-control{ border-left:2px #3c763d solid;}
.leofxGtForm .has-error .form-control{ border-left:2px #a94442 solid;}

/* 云服务 */

/* cloud-icon */
.cloudModule.orange{ background-color:#fbfbfb; }
.cloudModule.orange .cloudModule-font-title{ color:#e4872a; }
.cloudModule.orange .cloudModule-btn{ background-color:#e4872a; }
.cloudModule.orange .cloudModule-pic{ background-image:url(../images/picture/jiaoyuPic.png); background-position:0 center;}

.cloudModule.blue .cloudModule-font-title{ color:#238fc4; }
.cloudModule.blue .cloudModule-btn{ background-color:#238fc4; }
.cloudModule.blue .cloudModule-pic{ background-image:url(../images/picture/yanzhengPic.png); background-position:0 center;}

.cloudModule.yellow{ background-color:#fbfbfb; }
.cloudModule.yellow .cloudModule-font-title{ color:#eac42a; }
.cloudModule.yellow .cloudModule-btn{ background-color:#eac42a; }
.cloudModule.yellow .cloudModule-pic{ background-image:url(../images/picture/yunyingPic.png); background-position:0 center;}


.cloud-i{ width:40px; height:40px; display:inline-block; vertical-align:bottom; background:url(../images/icon/icon.png) no-repeat;}
.cloud-i.cloud-icon1{ background-position:-88px -205px; }
.cloud-i.cloud-icon2{ background-position:-84px -262px; }
.cloud-i.cloud-icon3{ background-position:-84px -316px; }
.cloud-i.cloud-icon4{ background-position:-84px -370px; }

.cloudModule-pic{ width:600px; height:570px; display:inline-block;  vertical-align:middle; background:url(../images/picture/cepingPic.png) center no-repeat;}

.ErBanner .ErBanner-h{ font-weight:400; }


.ErBanner.f{ background-image:url(../images/banner/iserver1-4.png); }
.cloudModule-font{ width:500px; display:inline-block; text-align:left; vertical-align:middle;}
.cloudModule-font-title{ font-size:24px; color:#72af47; }
.cloudModule-font p{ font-size:14px; color:#323333; line-height:24px;}
.cloudModule-btn{ background-color:#72af47; border-radius:10px; text-align:center; color:#fff; display:inline-block; width:150px; height:40px; line-height:40px; margin-top:40px;}
.cloudModule-btn:hover{ color:#fff; opacity:.8;}
.cloudModule-btn:focus{ color:#fff; }
.expertApplyBtn{ background-color:#f7892a; width:100px; height:33px; line-height:33px; text-align:center; text-decoration:none; display:block; margin:0 auto 50px; color:#fff;}
.expertApplyBtn:hover{ background-color:#be671b; color:#fff;}
.expertApplyBtn:focus{ color:#fff; }
.expertApplyBtn:active{ background-color:#f7892a; }

.recruit-bg p{ width:760px; margin:0 auto; font-size:14px; color:#010003;}
.recruit-join-parent{ text-align:center; }
.recruit-item{ display:inline-block; padding:25px; position:relative; cursor:pointer;}
.recruit-item::after{ content:''; opacity:0; position:absolute; border:10px transparent solid; border-right-width:15px; border-right-color:#f5f5f5; transform:rotate(90deg); left:50%; margin-left:-15px; bottom:0;}
.recruit-item + .recruit-item{ margin-left:90px; }
.recruit-item:hover{ background-color:#fff; }
.recruit-item:hover::after{ opacity:1; }
.recruit-item img{ margin-bottom:15px; width:60px; }
.recruit-item.reshow::after{ opacity:1; }
.recruit-join-content{ display:none; text-align:left; width:1190px; height:206px; background-color:#f5f5f5; border-radius:15px; padding-top:30px; padding-right:70px; padding-left:70px;}
.recruit-join-content.reshow{ display:block; }
.recruit-join-content h4{ font-size:15px; color:#202020; }
.recruit-join-content p{ font-size:14px; color:#666666; }

.recruit-rights{ text-align:center; }
.recruit-rights .recruit-rig{position:relative; text-align:left; padding-left:200px; width:826px; display:inline-block; }
.recruit-rights .recruit-rig h4{ margin-top:5px; color:#484747; font-weight:800; font-size:16px; position:absolute; left:0; top:0; }
.recruit-rights .recruit-rig ul{ list-style:disc; color:#FF9800; line-height:25px;}
.recruit-rights .recruit-rig ul li span{ color:#212121; font-size:14px;}
.recruit-rig + .recruit-rig { position:relative; margin-top:60px;}
.recruit-rig + .recruit-rig::after{ height:2px; content:''; width:640px; position:absolute; background-color:#d6d7d2; right:0; top:-30px;}
.recruit-league-content{ width:1024px; height:221px; border-radius:15px; margin:120px auto; border:1px #b2b2b2 dashed; position:relative;}
.recruit-league-content li{ display:inline-block; text-align:center; vertical-align:top; position:relative;}
.recruit-league-content li > div{ width:70px; height:70px; border-radius:50%; background-color:#eeeff1; background-position:center; background-repeat:no-repeat; margin:0 auto;}
.recruit-league-content li > i{ width:13px; background-color:#fff; height:13px;display:inline-block; border-radius:50%; border:2px solid #bdbdbd; margin:18px 0 12px;}
.recruit-league-content li > p{ margin-bottom:0; color:#666;}
.recruit-league-content li.active i{ border-color:#f7c18c; }
.recruit-league-content li.active > div{ background-color:#f7892a;}
.recruit-league-content li:nth-child(1),.recruit-league-content li:nth-child(2),.recruit-league-content li:nth-child(3),.recruit-league-content li:nth-child(4){ margin:-95px 83px 0;}
.recruit-league-content li:nth-child(1) > div,.recruit-league-content li:nth-child(5) > div{ background-image:url(../images/picture/m1.png); }
.recruit-league-content li:nth-child(2) > div,.recruit-league-content li:nth-child(6) > div{ background-image:url(../images/picture/m2.png); }
.recruit-league-content li:nth-child(3) > div,.recruit-league-content li:nth-child(7) > div{ background-image:url(../images/picture/m3.png); }

.recruit-league-content li:nth-child(1).active > div{ background-image:url(../images/picture/m11.png); }
.recruit-league-content li:nth-child(2).active > div,.recruit-league-content li:nth-child(6).active > div{ background-image:url(../images/picture/m22.png); }
.recruit-league-content li:nth-child(3).active > div,.recruit-league-content li:nth-child(7).active > div{ background-image:url(../images/picture/m33.png); }

.recruit-league-content li:nth-child(5) > div{ background-image:url(../images/picture/m5.png); }
.recruit-league-content li:nth-child(5).active > div{ background-image:url(../images/picture/m55.png); }
.recruit-league-content li:nth-child(4) > div,.recruit-league-content li:nth-child(8) > div{ background-image:url(../images/picture/m4.png); }
.recruit-league-content li:nth-child(4).active > div,.recruit-league-content li:nth-child(8).active > div{ background-image:url(../images/picture/m44.png); }
.recruit-league-content li:nth-child(5),.recruit-league-content li:nth-child(6),.recruit-league-content li:nth-child(7),.recruit-league-content li:nth-child(8){ margin:82px 81px 0;}

.recruit-league-content li:nth-child(2)::after{ position:absolute; content:'>'; font-family:'宋体'; font-size:20px; top:20px; right:-90px; color:#666; }
.recruit-league-content li:nth-child(6)::after{ position:absolute; content:'<'; font-family:'宋体'; font-size:20px; top:20px; right:-80px; color:#666; }
.recruit-league-content li:nth-child(4)::after{ position:absolute; content:'<'; font-family:'宋体'; font-size:20px; bottom:-55px; left:50%; margin-left:-4px; color:#666; transform:rotate(-90deg)}

.recruit-contact{  text-align:center; }
.recruit-contact p{ display:inline-block; margin-right:100px;  font-size:18px; margin-bottom:0;}
.recruit-contact p:nth-child(1){ font-weight:800; }
.recruit-contact p > i{ margin-right:5px; font-size:20px; color:#f7892a; vertical-align:0;}

.talents-join{ text-align:right; }
.talents-join .leofx{ position:relative; overflow:hidden; padding-right:80px}
.talents-join-nav{ position:relative; float: left; text-align:left; width:140px; left:0; top:0;}
.talents-join-nav > a{position:relative; z-index:2; display:block; height:37px; padding-left:20px; line-height:37px; width:140px; color:#4d4d4d; position:relative; transition:border 300ms,color 300ms,width 300ms 100ms;}
.talents-join-nav > a:hover{ /* border:1px solid #bababa; */ color:#f7892a; width:140px;}
.talents-join-nav k{ width:140px; transition:top 300ms; top:0; left:0; height:37px; border:1px solid #bababa; position:absolute; }
.talents-join-nav k::after{ position:absolute; content:'>'; font-family:'宋体'; color:#999; top:50%; right:25px; margin-top:-10px; transition:right 100ms; }
.talents-join-nav > a.active{ color:#f7892a; }
.talents-join-nav > a:active ~ k::after{ right:30px; }

.talents-join-nav > a:nth-child(1):hover ~ k{ top:0!important; }
.talents-join-nav > a:nth-child(2):hover ~ k{ top:37px!important; }
.talents-join-nav > a:nth-child(3):hover ~ k{ top:74px!important; }
.talents-join-nav > a:nth-child(4):hover ~ k{ top:111px!important; }
.talents-join-nav > a:nth-child(5):hover ~ k{ top:148px!important; }
.talents-join-nav > a:nth-child(6):hover ~ k{ top:185px!important; }
.talents-join-nav > a:nth-child(7):hover ~ k{ top:222px!important; }

.talents-join-nav > a:nth-child(1).active ~ k { top:0; }
.talents-join-nav > a:nth-child(2).active ~ k { top:37px; }
.talents-join-nav > a:nth-child(3).active ~ k { top:74px; }
.talents-join-nav > a:nth-child(4).active ~ k { top:111px; }
.talents-join-nav > a:nth-child(5).active ~ k { top:148px; }
.talents-join-nav > a:nth-child(6).active ~ k { top:185px; }
.talents-join-nav > a:nth-child(7).active ~ k { top:222px; }

.talents-join-content{ width:730px; display:inline-block; text-align:left; min-height:660px;}
.talents-join-content .talents-join-content-item{ border:1px #d6d7d2 solid; width:100%; min-height:192px; padding:25px 30px 40px; transition:box-shadow 300ms,border 300ms; position:relative;}
.talents-join-content .talents-join-content-item:hover{ border:1px #fff solid; box-shadow:-2px 2px 20px 0px rgba(0, 0, 0, 0.14); }

.talents-join-content .talents-join-content-item h4{ color:#0e0c24; font-size:16px; }
.talents-join-content a.shen{ color:#f7892a; position:absolute; right:30px; bottom:20px;}
.talents-join-content a.shen:hover{ text-decoration:underline!important; }
.talents-join-content .talents-join-content-item p{ font-size:12px; color:#929292; margin-bottom:5px;}
.talents-join-content-item + .talents-join-content-item{ margin-top:25px; }

#footerBS{ text-align:center; color:#aeafb0; background-color:#1d1f2d; font-size:15px; padding:20px 0; margin-bottom:0;}
#positiontop{ display:block; width:0; margin:0 auto; }
.ErBanner.g{ background-image:url(../images/banner/iserver1-5.png); background-attachment:scroll;}
.ErBanner.g p{ color:#fff; font-size:14px; width:570px; display:inline-block;}
.resources .leofx{ padding-right:0; }
.resources-w{ width:920px; }
.resources-item{ min-height:235px; width:100%; position:relative; padding-left:150px; padding-bottom:50px;}
.resources-item > h2{ color:#f7892a; font-size:24px;}
.resources-item > h5{ color:#7f7f7f; border-bottom:1px solid #d6d7d2; padding-bottom:10px;}
.resources-item > p{ color:#a9a9a9; font-size:14px; }
.resources-item-img{ cursor: pointer; position:absolute; left:0; top:0; width:129px; height:178px; }
.resources-item + .resources-item{ margin-top:40px; }
.resources .re-pagination{ text-align:right; }
.resources .re-pagination li{ margin-left:20px; display:inline-block;}
.resources .re-pagination li a{ border-radius:6px; padding:8px 14px; color:#333;}
.resources .re-pagination li a:hover{ background-color:#ed8a35; color:#fff; }
.resources .re-pagination li.active a{border-color:#ed8a35; background-color:#ed8a35; color:#fff; }

.bottomTrial{ text-align:center; background-color:#f8f8f8; font-size:22px; font-weight:100;}
.bottomTrial .ErBtn{ margin:20px auto; }

.date-video-item{ width:910px; height:512px; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.15); }
.date-video-w{ width:910px; }
.date-video-item video{ height:100%; width:100%; }

.date-download .date-download-w{ width:870px; }
.date-download-item{ width:263px; border:1px solid #d6d7d2; display:inline-block; margin-left:35px; margin-bottom:50px;}
.date-download-item:nth-child(3n + 1){ margin-left:0; }
.date-download-item > img{ width:100%; }
.date-download-item .date-title{ position:absolute; bottom:0; left:0; width:100%; display:block; margin-bottom:0; padding:12px 13px; background-color:rgba(0,0,0,.3); color:#fff; font-size:16px; text-align:right; height:46px;}
.date-download-item .date-title:hover{ text-decoration:underline!important; }
.date-download-item .date-font{ padding:15px; margin-bottom:0; color:#252638; font-size:16px;}
.date-download-img{ width:100%; overflow:hidden; position:relative; padding-bottom:46px;}
.date-download-img.a{ background-color:#f4ca1e; }
.date-download-img.b{ background-color:#72af47; }
.date-download-img.c{ background-color:#f88e1e; }
.date-download-img.d{ background-color:#1f99d3; }
.date-download-img.e{ background-color:#0072ae; }
.downnum{ display:none; }

#validateRemind{ animation:valid 300ms forwards; box-shadow:0px 0px 9px 0px rgba(67, 128, 187, 0.4);}
@keyframes valid {
    0%{ opacity:0; transform:translateY(10px); }
    100%{ opacity:1; transform:translateY(0); }
}

/* 开始响应式 */

@media (max-width: 768px) {
    .setIndex2{ transition:height 300ms; height:110px; }
    .setIndex2 .navigation{ height:110px;}
    .setIndex2{ background-color:rgba(255, 255, 255,0.96); color:#333; box-shadow:0 0 11px 0px rgba(0, 0, 0, 0.19);}
    .setIndex2 .navigation-top{ margin-bottom:0; color:#333; border-bottom-color:#ececec; color:#f7882a; font-size:14px;}
    .setIndex2 .navigation-logo{ width:150px; height:55px; background-image:url(../images/logo/phone-logo2.png); background-repeat:no-repeat; }
    .setIndex2 .navigation-menu{ margin-left:0; display:block; border-top:1px solid transparent;}
    .setIndex2 .navigation-menu > li{ display:block; }
    .setIndex2 .navigation-menu > li > a{ color:#333; padding:10px;}
    .navigation-menu > li > .er-item > a{ width:100%; text-align:left; padding-left:15px; }
    .setIndex2 .navigation-menu > li.active > a{ color:#f7892a; }
    .setIndex2 .navigation-menu > li > a:hover{ color:#f7892a; }
    .setIndex2 .navigation-menu > li:hover .er-item{ display:none; }
    .setIndex2 .navigation-menu > li.open .er-item{ display:block; }
    .setIndex2 .trialBtn{  color:#fff;}
    .setIndex2 .leofx{ padding:0 15px; width:100%; overflow:hidden;}
    .navigation-top-content{ margin-right:6.25vmin; }
    /* .navigation-menu{ display:none; } */
    .trialBtn{ margin-left:auto; width:150px; margin-top:10px; box-shadow:none; display:block; margin-right:auto; }
    .downnum{ display:block; transition:background 300ms,color 300ms; position:absolute; color:#999; width:40px; height:40px; border-radius:3px; text-align:center; line-height:40px; border:1px #c1c1c1 solid; right:15px; top:56px; font-size:25px;}
    .downnum:active{ background-color:#c1c1c1; color:#fff;}
    .downnum.active{ background-color:#c1c1c1; color:#fff; animation:YaoHuang 300ms alternate;}
    .setIndex2.open{ height:100%; }
    .setIndex2.open .navigation-menu{ border-top:1px solid #ececec }
    .setIndex2.open .navigation{ height:100%; }
    .ErBanner{ padding-left:15px; padding-right:15px; background-position:-1160px center; height:400px; }
    .ErBanner .leofx{ width:100%; }
    .ErBanner .ErBanner-conter{ width:100%; }
    .ErBanner .ErBanner-h{ margin-top:150px; }
    .ErBanner.g p{ width:100%; }
    .y-footer{ padding-top:15px; }
    .mailbox .leofx{ width:100%; }
    .mailbox .email{ width:80%; margin:10px auto; }
    .y-footer .leofx h4{ margin-bottom:20px; }
    .y-footer .leofx{ width:100%; text-align:center;}
    .y-footer .y-blurs{ width:100%; }
    .y-footer .leofx .y-footer-logo, .y-footer-ercode{ padding-left:0; }
    .y-footer .leofx .y-footer-logo img, .y-footer-ercode img{ display:inline-block; }
}