@charset "utf-8";
/*phone端*/
html{font-size: 62.5%;}
body,p,h2,h3,h5,ul,button,input,textarea,select {margin: 0; padding:0; font-family: "Microsoft YaHei", Arial ,"PingFang SC","San Francisco",  "Noto Sans CJK SC", Roboto, sans-serif;
}
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.clearfix:after{display: block; clear: both; visibility: hidden; height: 0; content: ".";}
.bodyfix {overflow: hidden;height:100%;}
/*首页*/
.index-container{ position: relative; }
.home-page1,.home-page2,.home-page3{position: relative;   margin: 0 auto;  }
.home-page1{ background: url(../images/sunshine.jpg) no-repeat #0b0916; background-position: 33% 0; }
.home-page2{ background: #337eb2;}
.home-page3{ background: #404649;}
.earth{ position: absolute; left: 0; top: 10%; width: 100%; height: 80%;
 background: url(../images/earth.png) no-repeat; -webkit-background-size: auto 100%;
 background-size: auto 100%; background-position: 50% 50%; z-index: 2;}
.line{ max-width: 600px; height: 39px; margin: 0 auto; background: url(../images/line.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size: 100%;}
.entrance{margin-top:30px;}
.enter-l,.enter-c{ float:left; width:50%;}
.enter-lms,.enter-crm{display:block; position:relative; width:calc(100% - 50px); height:36px; line-height:36px; border:none; border-radius:20px; text-align:center; color:#fff; font-size:14px;  background-color: rgba(41,171,226,.5); outline:none;
                      -webkit-animation: index-up 0.4s ease-in 2.4s backwards;
                        -moz-animation: index-up 0.4s ease-in 2.4s backwards;
                        -o-animation: index-up 0.4s ease-in 2.4s backwards;
                            animation: index-up 0.4s ease-in 2.4s backwards;
}
.enter-lms{ margin-left:40px; margin-right:10px;  }
.enter-crm{ margin-left:10px; margin-right:40px;}
.home-page1 .icon{
    -webkit-animation: showup 0.6s ease-in 0.6s backwards;
    -moz-animation: showup 0.6s ease-in 0.6s backwards;
    -o-animation: showup 0.6s ease-in 0.6s backwards;
    animation: showup 0.6s ease-in 0.6s backwards;
}
.home-page1 .probation h5
{
    margin: 20px 0 5px;
    font-size: 1.8rem;
    position: relative;
    -webkit-animation: index-up 0.6s ease-in 1.2s backwards;
    -moz-animation: index-up 0.6s ease-in 1.2s backwards;
    -o-animation: index-up 0.6s ease-in 1.2s backwards;
    animation: index-up 0.6s ease-in 1.2s backwards;
}
.line
{
    -webkit-animation: wider 0.6s linear 1.8s both;
    -moz-animation: wider 0.6s linear 1.8s both;
    -o-animation: wider 0.6s linear 1.8s both;
    animation: wider 0.6s linear 1.8s both;
}

@-webkit-keyframes fade-index{ from{ visibility: hidden;opacity: .2; } to { visibility:visible;opacity: .9;} }
@-moz-keyframes fade-index{ from{ visibility: hidden;opacity: .2; } to { visibility:visible;opacity: .9;} }
@-o-keyframes fade-index{ from{ visibility: hidden;opacity: .2; } to { visibility:visible;opacity: .9;} }
@keyframes fade-index{ from{ visibility: hidden;opacity: .2; } to { visibility:visible;opacity: .9;} }
@-webkit-keyframes wider{ from{ width: 0; } to { width: 100%; } }
@-moz-keyframes wider{ from{ width: 0; } to { width: 100%; } }
@-o-keyframes wider{ from{ width: 0; } to { width: 100%; } }
@keyframes wider{ from{ width: 0; } to { width: 100%; } }
@-webkit-keyframes index-up{ from{ bottom: -70px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@-moz-keyframes index-up{ from{ bottom: -70px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@-o-keyframes index-up{ from{ bottom: -70px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@keyframes index-up{ from{ bottom: -70px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
.navbar{ position: absolute; left: 40px; top: 0px; 
    width: calc(100% - 40px); }
.navbar ul li{ line-height: 32px;  list-style-type: none; }
.navbar ul li a{font-size: 1.6rem; color: rgba(255,255,255,.7); text-decoration: none;}
.navbar ul li a:hover{ color: rgba(255,255,255,1); cursor: pointer;}
.bg-mask{ height:0; position: fixed; left: 0; right: 0; top: 52px;/* bottom: 0;*/ z-index: 25; 
    background: rgba(0,0,0,.8); overflow: hidden;
    }
.more-down{
    -webkit-animation: h-change-down 0.6s ease forwards;
       -moz-animation: h-change-down 0.6s ease forwards;
         -o-animation: h-change-down 0.6s ease forwards;
            animation: h-change-down 0.6s ease forwards; 
}
.more-up{
    -webkit-animation: h-change-up 0.6s ease forwards;
       -moz-animation: h-change-up 0.6s ease forwards;
         -o-animation: h-change-up 0.6s ease forwards;
            animation: h-change-up 0.6s ease forwards;
}
@-webkit-keyframes h-change-down { from{ height: 0; } to { height: 100%; } }
   @-moz-keyframes h-change-down { from{ height: 0; } to { height: 100%; } }
     @-o-keyframes h-change-down { from{ height: 0; } to { height: 100%; } }
        @keyframes h-change-down { from{ height: 0; } to { height: 100%; } }
@-webkit-keyframes h-change-up { from{ height: 100%; } to { height: 0; } }
   @-moz-keyframes h-change-up { from{ height: 100%; } to { height: 0; } }
     @-o-keyframes h-change-up { from{ height: 100%; } to { height: 0; } }
        @keyframes h-change-up { from{ height: 100%; } to { height: 0; } }
.navbar ul li.kind{ line-height: 48px; font-size: 2rem; color: rgba(255,255,255,1); }
.qrcode{ display: none; }

.slimfont{ display: none;  }
.partnergroup{ position: relative; background-color: #f5f5f5; margin: 0 auto;}
.partner-mid{ position: relative; margin: 0 auto; }
.partnerbox{overflow: hidden;}
.partner{ position: relative; overflow: hidden; }
.avator{ height: 50%; }
.avator img{width: 100%; height: auto;}
.job{ position: absolute; top: 50%; width: 100%; height: 50%; font-size: 0; background-color: #1f1f1f; }

.brand-icon,.job-detail{float: left;}
.brand-icon{ width: 65px; height: 56px; margin: 10px 10px 10px 20px; }
.job-detail{ padding: 15px 0 0 5px; }
.job-detail p{ line-height: 25px; font-size: 1.8rem; color: #fff; text-align: left; }
.speech{ line-height: calc( 19px + ( 100vw - 320px) * 3 / 22);  padding: 0 20px; text-align: justify; color: #fff; 
    font-size: calc( 1.4rem + (100vw - 320px) / 55 ); background-color: #1f1f1f;  }

.prev,.next{ display: none; position: absolute; top: 50%;  width: 36px; height: 80px; margin-top: -40px;
    border-radius: 5px; background-color: rgba(0,0,0,.1);  }


.rotator{position: relative;}
.home-slide {position: relative;width: 99999px; overflow: hidden;}/*kqq*/
.downfordetail{ position: absolute; left: 50%; bottom: 75px; width: 32px; height: 32px; margin-left: -16px;
    background: url(../images/sss.png) no-repeat; z-index:5; }
.circle{ position: absolute; left: 50%; bottom: 90px; margin-left: -38px; font-size: 0;z-index: 10; }
.circle li{ display: inline-block; margin-left: 10px; width: 12px; height: 12px; border-radius: 50%; background-color: #4e5153; list-style-type: none;  }
.circle li.selected{ background-color: #005e9f; }
.foot-index{position: fixed; bottom: 0; left: 0; right: 0; line-height: 40px; text-align: center; color: #f0f0f0; font-size: 1.2rem; background-color: rgba(51,51,51,.1); }
.foot-pc{display: none;}  

/*首页结束*/
/*LMS&CRM*/
.lms-contain-top{background:  #337eb2;}
.crm-contain-top{background:  #484c4e;}
/*动画*/
.lms-mask,.crm-mask{position:absolute; top: 0;  left: 0; right: 0; bottom: 0; z-index: 3;  }
.lms-mask{
    background: url(../images/lms.jpg) no-repeat center center ;-webkit-background-size: auto 100%;
    background-size: 100% auto;
    -webkit-animation: showup 0.3s linear 0.2s both;
    -moz-animation: showup 0.3s linear 0.2s both;
    -o-animation: showup 0.3s linear 0.2s both;
    animation: showup 0.3s linear 0.2s both;
}
.crm-mask{
    background: url(../images/crm.jpg) no-repeat center center ;-webkit-background-size: auto 100%;
    background-size: 100% auto;
    -webkit-animation: showup 0.3s linear 0.2s both;
       -moz-animation: showup 0.3s linear 0.2s both;
         -o-animation: showup 0.3s linear 0.2s both;
            animation: showup 0.3s linear 0.2s both;
}
.lms-contain-top .probation .icon,.crm-contain-top .probation .icon,.home-page2 .probation .icon,.home-page3 .probation .icon{
    -webkit-animation: down 0.6s ease-in 0.6s backwards;
    -moz-animation: down 0.6s ease-in 0.6s backwards;
    -o-animation: down 0.6s ease-in 0.6s backwards;
    animation: down 0.6s ease-in 0.6s backwards;
}
.lms-contain-top .probation p,.crm-contain-top .probation p,.home-page2 .probation p,.home-page3 .probation p{
    -webkit-animation: showup 0.6s ease-in 0.6s backwards;
    -moz-animation: showup 0.6s ease-in 0.6s backwards;
    -o-animation: showup 0.6s ease-in 0.6s backwards;
    animation: showup 0.6s ease-in 0.6s backwards;
}
.lms-contain-top .probation h5,.crm-contain-top .probation h5,.home-page2 .probation h5,.home-page3 .probation h5{
    position: relative;
    -webkit-animation: up 0.6s ease-in 0.6s backwards;
    -moz-animation: up 0.6s ease-in 0.6s backwards;
    -o-animation: up 0.6s ease-in 0.6s backwards;
    animation: up 0.6s ease-in 0.6s backwards;
}
.lms-contain-top .probation .apply-for,.crm-contain-top .probation .apply-for,.home-page2 .probation .apply-for,.home-page3 .probation .apply-for{
    -webkit-animation: showup 0.6s ease-in 1.2s backwards;
    -moz-animation: showup 0.6s ease-in 1.2s backwards;
    -o-animation: showup 0.6s ease-in 1.2s backwards;
    animation: showup 0.6s ease-in 1.2s backwards;
}
.down{
    -webkit-animation: down 0.6s ease-in 0.6s backwards;
    -moz-animation: down 0.6s ease-in 0.6s backwards;
    -o-animation: down 0.6s ease-in 0.6s backwards;
    animation: down 0.6s ease-in 0.6s backwards;
}
.p-show{
    -webkit-animation: showup 0.6s ease-in 0.6s backwards;
    -moz-animation: showup 0.6s ease-in 0.6s backwards;
    -o-animation: showup 0.6s ease-in 0.6s backwards;
    animation: showup 0.6s ease-in 0.6s backwards;
}
.h5-up{
    position: relative;
    -webkit-animation: up 0.6s ease-in 0.6s backwards;
    -moz-animation: up 0.6s ease-in 0.6s backwards;
    -o-animation: up 0.6s ease-in 0.6s backwards;
    animation: up 0.6s ease-in 0.6s backwards;
}

@-webkit-keyframes down{ from{ margin-top: -80px; visibility: hidden; opacity: 0;} to {margin-top: 0;visibility: visible; opacity: 1;} }
@-moz-keyframes down{ from{ margin-top: -80px; visibility: hidden; opacity: 0;} to {margin-top: 0;visibility: visible; opacity: 1;} }
@-o-keyframes down{ from{ margin-top: -80px; visibility: hidden; opacity: 0;} to {margin-top: 0;visibility: visible; opacity: 1;} }
@keyframes down{ from{ margin-top: -80px; visibility: hidden; opacity: 0;} to {margin-top: 0;visibility: visible; opacity: 1;} }
@-webkit-keyframes up{ from{ bottom: -150px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@-moz-keyframes up{ from{ bottom: -150px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@-o-keyframes up{ from{ bottom: -150px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@keyframes up{ from{ bottom: -150px; visibility: hidden; opacity: 0; } to {bottom: 0;visibility: visible; opacity: 1;} }
@-webkit-keyframes showup{ from{ visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } }
@-moz-keyframes showup{ from{ visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } }
@-o-keyframes showup{ from{ visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } }
@keyframes showup{ from{ visibility: hidden; opacity: 0; } to { visibility: visible; opacity: 1; } }
/*动画结束*/

/*顶部导航栏*/

.lms-topbar-bg{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 52px;background-color: rgba(0,94,159,.8); box-shadow: 0 0 4px rgba(0,0,0,.3);}
.crm-topbar-bg{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 52px;background-color: rgba(48,122,109,.8); box-shadow: 0 0 4px rgba(0,0,0,.3);}
.topbar{position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 52px; line-height: 52px;
    font-family: "Helvetica"; z-index: 25; }
.topbar a.indexlogo{ float: left; width: auto; height: 25px; margin: 12px 0 0 20px; background-color: transparent; }
.topbar a.indexlogo:hover{ cursor: pointer; background-color: transparent; }
.topbar a.indexlogo img{ height: 100%; }

.more-icon{ display:inline-block; width:26px; height:19px; vertical-align: middle; margin-bottom: 2px; margin-right: 8px;
    background: url(../images/more.png) no-repeat;}
.topbar a{font-size: 0;}
.topbar a.eng{ float: right; box-sizing: border-box; width: 46px; padding-left: 10px; font-family: 'Microsoft YaHei' }
.topbar a.eng:active{ background-color: rgba(0,0,0,.1); }
.topbar a.eng:active i{ background: url(../images/more-1.png) no-repeat;  }
/*顶部导航栏结束*/
/*申请试用*/
.index-first,.index-second{ position: absolute; }
.probation{ height: auto; padding-top: 232px; color: #fff; }
.icon{width: 295px; margin: 0 auto;}
.icon img{width: 100%;}
.probation p,.probation h5{text-align: center;}
.probation p{margin:10px 0; font-size: 1.6rem;}
.probation h5{margin:20px 0; font-size:3rem; font-weight: 300;}
.apply-for{display:block;width: 120px; height: 30px; margin: 0 auto; border: 1px solid #fff;
    border-radius: 3px;  font-size: 1.4rem; color: #fff; 
  background-color: transparent; cursor: pointer; outline: none;}
/*申请试用结束*/
/*4块内容*/
.lms-contain-mid{  background-color: #fff; overflow: hidden; }
.crm-contain-mid{  background-color: #fff; overflow: hidden;}
.page-contain-mid-phone{position: absolute; top: 0; left:0; display: none;transform: perspective(500px) rotateX(-15deg);}
.item1,.item2,.item3,.item4{ box-sizing: border-box; padding: 0 30px 30px; }
.gray-bg{ background-color: #f5f5f5; }/*CRM产品页第二行第四行灰色背景*/

.lms-item1-describe h3,.lms-item2-describe h3,.lms-item3-describe h3,.lms-item4-describe h3{  margin-top:5px; margin-bottom:8px;
    font-size:2.6rem; color:#0e8ed1; font-weight: normal;}
.lms-item1-describe p,.lms-item2-describe p,.lms-item3-describe p,.lms-item4-describe p{ line-height: 32px; font-size: 1.6rem; color: #666;  }
.crm-item1-describe h3,.crm-item2-describe h3,.crm-item3-describe h3,.crm-item4-describe h3{  margin-top:5px; margin-bottom:8px;
    font-size:2.6rem; color:#417d63; font-weight: normal;}
.crm-item1-describe p,.crm-item2-describe p,.crm-item3-describe p,.crm-item4-describe p{ line-height: 32px; font-size: 1.6rem; color: #666;  }
.bg-box{width: 60%; margin: 0 auto;}
.bg-box img{width: 100%; height: auto; margin-top: 60px; margin-bottom: 25px;}
.lms-item1-describe,.lms-item2-describe,.lms-item3-describe,.lms-item4-describe{ text-align: center; }
.crm-item1-describe,.crm-item2-describe,.crm-item3-describe,.crm-item4-describe{ text-align: center; }
/*4块内容结束*/
/*页底*/
.contain-bottom{background-color: #eee;}
.foot{line-height:40px; font-size: 1.4rem; text-align: center; color: #808d98;}
/*页底结束*/
/*LMS&CRM结束*/


/*联系我们页面*/
.contact-contain-top{ background: url(../images/contactus.jpg) no-repeat  #0c5f9d; background-position: 50% 50%;  }
.contactus{ height: 400px; line-height: 400px; text-align: center; color: #fff; font-size: 3rem; }
.contact-content-mid{ padding: 40px 30px; }
.contact-content-mid p,.contact-content-mid h2{ text-align: center; }
.contact-content-mid h2{ font-size: 1.8rem; color: #333; font-weight: normal;}
.contact-content-mid p{line-height:30px; font-size: 1.6rem; color: #0e8ed1;}
.contact-content-mid p.grayfont{ margin-top: 30px; color: #666;}
.contact-contain-bottom{ background-color: #f5f5f5; }
.contact-content-bottom{ margin: 0 auto;  padding: 40px 30px 20px; max-width: 1000px;  }
.contact-content-bottom input,.contact-content-bottom select,.contact-content-bottom textarea,.contact-content-bottom button{
    box-sizing: border-box; width: 100%; height: 50px; margin-bottom: 20px; padding-left: 15px;
    border: 1px solid #ccc; border-radius: 3px; color: #6a6d6f; font-size: 1.6rem; 
 }
.contact-content-bottom button{padding-left: 6px;}
.contact-content-bottom input,.contact-content-bottom textarea,.contact-content-bottom button{-webkit-appearance: none; }
.contact-content-bottom textarea{ padding-top: 15px; }
.contact-content-bottom .choose{ color: #6a6d6f;}
.contact-content-bottom .authcode{float: left; width: 50%;  }
.contact-content-bottom .code{ float:right; width: 40%; padding-left: 0; color: #6a6d6f; text-align: center; background-color: #f2f2f2;}
.contact-content-bottom .detail{ height: 260px; resize: none; }
.contact-content-bottom .sub-btn{ color: #fff; font-size: 2rem; background-color: #4f4f4f; cursor: pointer; outline: none;}
.contact-content-bottom .sub-ing{ color: #666; background-color: #cfcfcf;}
.contact-content-bottom .sub-success{  background-color: #24af2b;}
.contact-content-bottom .sub-fail{ background-color: #fa6e6e;}
.contact-content-bottom .error{ border: 1px solid #fa6e6e; }
.errmsg{display:none;}
/*联系我们页面结束*/
/*公司简介*/
.aboutus-contain-top,.cases-contain-top{ background: url(../images/company.jpg) no-repeat #005e9f;
    background-position: 40% 50%; }
.empower{ height: 400px; }
.empower p{  text-align: center; color: #fff; font-size: 1.8rem; }
.empower p.tech{padding-top:160px; font-size: 3rem;  font-weight: normal; }
.aboutus-content-mid{ margin: 0 auto; padding: 60px 25px; }
.aboutus-content-mid h3{ margin-bottom: 15px;  font-size: 2.4rem; color: #333;}
.aboutus-content-mid p{ line-height: 30px; font-size:1.4rem; color: #666; }
/*公司简介页面结束*/
/*合作案例页面*/

.content-top{ position: relative; z-index: 10; }
.cases-content-mid{ padding: 0 ; }
.using{ line-height: 60px; color: #333; font-size: 1.8rem; font-weight: 600; text-align: center; }
.brand{ width: 300px; margin: 0 auto; font-size: 0; overflow: hidden; }
.brand li{ display: inline-block; width: 298px; height: 98px; margin-bottom: 20px;
    border: 1px solid #e6e6e6; border-radius: 3px; list-style-type: none; box-shadow: 0 0 3px #e6e6e6;
    background-size: 300px 100px; background-position: 50% 50%;  }
.load{ display: block; width: 300px; height: 40px; line-height: 40px;  margin: 0 auto 40px; color: #666; font-size: 1.6rem;
    text-align: center; background-color: #eee; border:none; border-radius: 5px; outline: none; cursor: pointer; }
/*合作案例页面结束*/

/*新增样式2017-01-18*/
.small-header{ position: absolute;width:0;height:0; z-index: -1;}

/*新增样式*/
.footText{display:block; margin-top:-16px;}
@media screen and (max-width: 414px){
 .navbar{ width: calc(100% - 80px); }
 .navbar ul{display: inline-block; vertical-align: top; margin-bottom: 20px;}
 .navbar ul:nth-child(1),.navbar ul:nth-child(3){width:180px;}
    .navbar ul li{ line-height: 32px;}
    .navbar ul li.kind{ line-height: 36px; font-size: 1.6rem;}
}

@media screen and (min-width: 415px){
    /*pad端*/

    /*首页*/
    .lms-mask{ background: url(../images/banner-lms1.jpg) no-repeat 25% 0 ;-webkit-background-size: auto 100%;
        background-size: auto 100%; }
    .crm-mask{ background: url(../images/banner-crm1.jpg) no-repeat 25% 0 ;-webkit-background-size: auto 100%;
        background-size: auto 100%; }
    /* .navbar{ left: 80px; top: 92px; width: calc(100% - 80px); } */
    /* .navbar ul li{ line-height: 36px;} */
    .navbar ul li.kind{ line-height: 54px; font-size: 2rem;}
    .home-page { position: relative; margin : 0 auto;  float: left;}/*kqq*/
    .home-page1 .probation h5{ font-size: calc( (100vw - 400px) * 0.03 + 1.8rem ) }
    .home-page2{ background-position: 25% 0; }
    .home-page3{ background-position: 25% 0; }
    .home-page1 .icon{ width: calc( ( 100vw - 400px ) * 19 / 40 + 290px  ) }

    .downfordetail,.entrance{display: none;}
    
    .circle{bottom: 20px;}
    .slimfont{ display: block;line-height: 80px; font-size: 2rem; color: #666; background-color: #f1f1f1;
        text-align: center; }
    .partnergroup{ padding: 0 18px 14px; background-color: #f1f1f1; }
    .partnerbox{ height: calc( (100vw - 76px) / 3 * 4 + 40px); }
    .partner{ float: left; height: calc( (100vw - 76px) / 3 * 2); width: calc( (100vw - 76px) / 2 );
        margin: 0 10px 20px; border-bottom: 1px solid #cfcfcf;}
    .job-arise{ 
    -webkit-animation: arise 0.5s linear forwards;
       -moz-animation: arise 0.5s linear forwards;
         -o-animation: arise 0.5s linear forwards;
            animation: arise 0.5s linear forwards;
     }     /*首页人物处的动画*/
.job-drop{ 
    -webkit-animation: drop 0.3s linear forwards;
       -moz-animation: drop 0.3s linear forwards;
         -o-animation: drop 0.3s linear forwards;
            animation: drop 0.3s linear forwards;
 }     /*首页人物处的动画*/
    @-webkit-keyframes arise { from{ top: calc( (100vw - 76px) / 3 * 2 - 68px); } to {top: 0;} }
   @-moz-keyframes arise { from{ top: calc( (100vw - 76px) / 3 * 2 - 68px); } to {top: 0;} }
     @-o-keyframes arise { from{ top: calc( (100vw - 76px) / 3 * 2 - 68px); } to {top: 0;} }
        @keyframes arise { from{ top: calc( (100vw - 76px) / 3 * 2 - 68px); } to {top: 0;} }
@-webkit-keyframes drop { from{ top: 0; } to {top: calc( (100vw - 76px) / 3 * 2 - 68px)} }
   @-moz-keyframes drop { from{ top: 0; } to {top: calc( (100vw - 76px) / 3 * 2 - 68px)} }
     @-o-keyframes drop { from{ top: 0; } to {top: calc( (100vw - 76px) / 3 * 2 - 68px)} }
        @keyframes drop { from{ top: 0; } to {top: calc( (100vw - 76px) / 3 * 2 - 68px)} }
    .avator{ height: calc( (100vw - 76px) / 3 * 2); }
    .avator img{ margin-top: 0; width:auto; height:100%; }
    .job{top:calc( (100vw - 76px) / 3 * 2 - 68px); height: calc( (100vw - 76px) / 3 * 2); background-color: transparent;}
    .brand-icon{ width: 56px; height: 48px; margin: 10px; }
    .brand-job{ background-color: #fff; }
    .job-detail p{ line-height: 20px; font-size: calc( 1.2rem + (100vw - 490px) / 40); color: #333; }
    .speech{ height:calc( (100vw - 76px) / 3 * 2 - 88px); line-height: 150%; 
        padding: 10px ; font-size: calc( 1.2rem + (100vw - 400px) * 4 / 250); background-color: rgba(65,65,65,.9);  }
    .foot-index{ position: static; font-size:1.4rem; background-color: rgba(51,51,51,.9); }
    .prev{display: block; left: 0; background: url(../images/prev.png) center center rgba(0,0,0,.1) no-repeat; }
    .next{display: block; right: 0; background: url(../images/next.png) center center rgba(0,0,0,.1) no-repeat;}
    .prev:hover,.next:hover{ background-color: rgba(0,0,0,.3); cursor: pointer; }
    /*首页结束*/
    /*LMS&CRM*/
    /*顶部导航栏*/
    .lms-contain-top{background-position: 25% 0;  }
    .crm-contain-top{background-position: 25% 0; }
    /*顶部导航栏结束*/
    /*申请试用*/

    .probation{height: auto; padding-top: 452px;}
    .icon{width: 272px;}
    .probation p{margin: 15px 0; font-size: 2.2rem;}
    .probation h5{margin: 30px 0; font-size: 4rem;}
    .apply-for{ width: 160px; height: 36px; font-size: 1.8rem; }
    /*申请试用结束*/
    /*4块内容*/
    .item1,.item2,.item3,.item4{ padding: 0 60px ; }
    .bg-box{width: 50%;height: auto;}

    .lms-item1-describe,.lms-item2-describe,.lms-item3-describe,.lms-item4-describe{padding-bottom: 60px;}
    .lms-item1-describe h3,.lms-item2-describe h3,.lms-item3-describe h3,.lms-item4-describe h3{ margin-bottom: 10px; font-size: 3.6rem; }
    .lms-item1-describe p,.lms-item2-describe p,.lms-item3-describe p,.lms-item4-describe p{
        line-height: 44px; font-size: calc(1.6rem + (100vw - 400px) / 500); }
    .crm-item1-describe,.crm-item2-describe,.crm-item3-describe,.crm-item4-describe{padding-bottom: 60px;}
    .crm-item1-describe h3,.crm-item2-describe h3,.crm-item3-describe h3,.crm-item4-describe h3{ margin-bottom: 10px; font-size: 3.6rem; }
    .crm-item1-describe p,.crm-item2-describe p,.crm-item3-describe p,.crm-item4-describe p{
        line-height: 44px; font-size: calc(1.6rem + (100vw - 400px) / 500); }

    /*4块内容结束*/
    /*LMS&CRM结束*/

    /*联系我们页面*/
    
    .contactus{font-size: 4rem; }
    .contact-content-mid{ padding: 60px 0; }
    .contact-content-mid h2{font-size: 2.6rem;}
    .contact-content-mid p{font-size: 2rem; }
    .contact-content-mid p.grayfont{ margin-top: 40px;}
    .contact-content-bottom{  padding: 60px 50px 40px; }
    .message-left{float: left; width: calc((100vw - 120px) / 2);}
    .contact-content-bottom .detail{ float: right; width: calc((100vw - 120px) / 2);}
    .verify{display: none;}
    .contact-content-bottom .sub-btn{width: calc((100vw - 120px) / 3);}
    .errmsg{display: none; font-size: 1.4rem; color:#fa6e6e; padding-left:10px;}
    /*联系我们页面结束*/
    /*公司简介*/
    
    .empower p{ font-size: 3rem;}
    .empower p.tech{ font-size: 4rem; }
    .aboutus-content-mid{ padding: 55px 58px 85px; }
    .aboutus-content-mid h3{  font-size: 2.8rem;}
    .aboutus-content-mid p{ line-height: 40px; font-size:1.8rem; }
    /*公司简介页面结束*/
    /*合作案例页面*/
    .cases-content-mid{ /*padding: 0 25px;*/ }

    /*合作案例页面结束*/
    .footText{padding-left:60px; display:inline; margin-top:0;}
}
@media screen and (min-width: 650px){
    .avator{ height: calc( (100vw - 96px) / 9 * 4 );}
    .job{ top: calc( (100vw - 96px) / 9 * 4 - 68px ); }
    .partnerbox{ height: calc( (100vw - 96px) / 9 * 8 + 40px); }
    .partner{  width: calc( (100vw - 96px) / 3 ); height: calc( (100vw - 96px) / 9 * 4 ); }
    .job-detail p{ font-size: 1.3rem; }
    .speech{ padding: 5px 15px 0; line-height: 150%;  font-size: calc( 1.2rem + (100vw - 650px) / 50) ; }
    @-webkit-keyframes arise { from{ top: calc( (100vw - 96px) / 9 * 4 - 68px ); } to {top: 0;} }
   @-moz-keyframes arise { from{ top: calc( (100vw - 96px) / 9 * 4 - 68px ); } to {top: 0;} }
     @-o-keyframes arise { from{ top: calc( (100vw - 96px) / 9 * 4 - 68px ); } to {top: 0;} }
        @keyframes arise { from{ top: calc( (100vw - 96px) / 9 * 4 - 68px ); } to {top: 0;} }
@-webkit-keyframes drop { from{ top: 0; } to {top: calc( (100vw - 96px) / 9 * 4 - 68px ); } }
   @-moz-keyframes drop { from{ top: 0; } to {top: calc( (100vw - 96px) / 9 * 4 - 68px ); } }
     @-o-keyframes drop { from{ top: 0; } to {top: calc( (100vw - 96px) / 9 * 4 - 68px ); } }
        @keyframes drop { from{ top: 0; } to {top: calc( (100vw - 96px) / 9 * 4 - 68px ); } }
}
@media screen and (min-width: 700px){
    .brand{width:700px;}
    .brand li{ margin: 0 25px 20px; }
    .load{ margin: 0 auto 50px; }
    .navbar ul{float: left; margin-right: 50px;}
}
@media screen and (min-width: 800px){
    /*pc端*/
    /*首页*/
    .lms-mask,.crm-mask,.home-page1-mask{height: 700px;-webkit-background-size: auto auto;
background-size: auto auto;}
    .home-page1,.home-page2,.home-page3{height: 700px;}
    .home-page2,.home-page3{cursor:pointer; }
    .home-page1{ -webkit-background-size: auto auto;
        background-size: auto auto; }
    .earth{  top: 0; width: 100%; height: 700px; -webkit-background-size: auto 115%;
        background-size: auto 115%;}
    .home-page1 .probation h5{ font-size: calc( (100vw - 800px) / 37.5 + 3rem) }
    .slimfont{ line-height: 120px; font-size: 2.8rem;  }
    .foot-index{ height: 60px; line-height: 60px; }
    .bg-mask{ top: 100px; }
    .fixed .bg-mask{ top: 52px; }
    .navbar{  left:0; width: 100%; }
    .navbar ul{float: left; margin-left: 50px;}
    .navbar ul li{ line-height: 44px;  }
    .navbar ul li a{font-size: 2.4rem; }
    .navbar ul li.kind{ line-height: 116px; font-size: 3.6rem;  }
    .qrcode{ display: block; position: absolute; right: 50px; top: 42px; width: 150px; height: 209px; background: url(../images/wechat.png) no-repeat; }
    .partner-mid{ width: 765px;  }
    .partnerbox{ height: 668px; }
    .partner{ width: 235px; height: 314px; }
    .job{ top: 246px; height: 314px; }
    .avator{ width: 235px; height: 314px;}

    .avator img{width: auto; height: 314px;  margin-top: 0; margin-left: -8px;}
    .prev{ left: calc( (100vw - 800px) / -2) }
    .next{ right: calc( (100vw - 800px) / -2) }
    .job-detail p{ font-size: 1.5rem; }
    .speech{ height: 236px; padding-top: 10px; line-height: 25px; font-size: 1.4rem; }
    @-webkit-keyframes arise { from{ top: 246px; } to {top: 0;} }
   @-moz-keyframes arise { from{ top: 246px; } to {top: 0;} }
     @-o-keyframes arise { from{ top: 246px; } to {top: 0;} }
        @keyframes arise { from{ top: 246px; } to {top: 0;} }
    @-webkit-keyframes drop { from{ top: 0; } to {top: 246px; } }
     @-moz-keyframes drop { from{ top: 0; } to {top: 246px; } }
        @-o-keyframes drop { from{ top: 0; } to {top: 246px; } }
        @keyframes drop { from{ top: 0; } to {top: 246px; } }
    /*首页结束*/
    /*LMS&CRM*/
    .lms-contain-top{ background-position: center center; }
    .crm-contain-top{ background-position: center center; }
    .content-top,.content-mid,.content-bottom{max-width: 1100px; margin: 0 auto;}
    /*顶部导航栏*/

    .lms-topbar-bg,.crm-topbar-bg,.index-topbar-bg,.change-topbar-bg-small{
        -webkit-animation: thinner 0.6s linear both;
        -moz-animation: thinner 0.6s linear both;
        -o-animation: thinner 0.6s linear both;
        animation: thinner 0.6s linear both;
    }
    .lms-topbar-bg-up{ background-color: transparent; box-shadow: none; }
    .lms-topbar-bg-up,.change-topbar-bg-large{
        -webkit-animation: thicker 0.6s linear both;
        -moz-animation: thicker 0.6s linear both;
        -o-animation: thicker 0.6s linear both;
        animation: thicker 0.6s linear both;
    }

    .topbar a.indexlogo{ height: 50px; margin-top: 16px; }
    .topbar a.logochange-small{ width: 131px; margin-left: 20px;
        -webkit-animation: mini 0.6s linear both;
        -moz-animation: mini 0.6s linear both;
        -o-animation: mini 0.6s linear both;
        animation: mini 0.6s linear both;
    }
    .topbar a.logochange-large{
        -webkit-animation: bigger 0.6s linear both;
        -moz-animation: bigger 0.6s linear both;
        -o-animation: bigger 0.6s linear both;
        animation: bigger 0.6s linear both;
    }
    @-webkit-keyframes thinner { from {  height: 100px; line-height: 100px;  } to { height: 52px; line-height: 52px; } }
    @-moz-keyframes thinner { from {  height: 100px; line-height: 100px;  } to { height: 52px; line-height: 52px; } }
    @-o-keyframes thinner { from {  height: 100px; line-height: 100px;  } to { height: 52px; line-height: 52px; } }
    @keyframes thinner { from {  height: 100px; line-height: 100px;  } to { height: 52px; line-height: 52px; } }

    @-webkit-keyframes thicker { from { height: 52px; line-height: 52px; } to { height: 100px; line-height: 100px; } }
    @-moz-keyframes thicker { from { height: 52px; line-height: 52px; } to { height: 100px; line-height: 100px; } }
    @-o-keyframes thicker { from { height: 52px; line-height: 52px; } to { height: 100px; line-height: 100px; } }
    @keyframes thicker { from { height: 52px; line-height: 52px; } to { height: 100px; line-height: 100px; } }

    @-webkit-keyframes mini { from { height: 50px; margin-top: 16px; } to { height: 25px; margin-top: 5px;	} }
    @-moz-keyframes mini { from { height: 50px; margin-top: 16px; } to { height: 25px; margin-top: 5px;	} }
    @-o-keyframes mini { from { height: 50px; margin-top: 16px; } to { height: 25px; margin-top: 5px;	} }
    @keyframes mini { from { height: 50px; margin-top: 16px; } to { height: 25px; margin-top: 5px;	} }

    @-webkit-keyframes bigger { from { height: 25px;margin-top: 5px; } to { height: 50px; margin-top: 16px;} }
    @-moz-keyframes bigger { from { height: 25px;margin-top: 5px; } to { height: 50px; margin-top: 16px;} }
    @-o-keyframes bigger { from { height: 25px;margin-top: 5px; } to { height: 50px; margin-top: 16px;} }
    @keyframes bigger { from { height: 25px;margin-top: 5px; } to { height: 50px; margin-top: 16px;} }
    .topbar a.logochange img{ width: auto; height: 100%; }


    .topbar{height: 100px; line-height: 100px;}
    .topbar a{display:block; float:right; width:180px; font-size: 1.8rem; color: rgba(255,255,255,.7); text-align: center; text-decoration: none;}
    .topbar a:hover{ color: rgba(255,255,255,1); background-color: rgba(0,0,0,.1); }


    .topbar a.eng{ box-sizing: border-box; width: 150px;  }
    .topbar a.eng:hover{ background-color: rgba(0,0,0,.1); }
    .topbar a.eng:hover i{ background: url(../images/more-1.png) no-repeat;  }
    .crm-contain-top .topbar a:hover{ color: rgba(255,255,255,1); background-color: rgba(0,0,0,.1); }
    .crm-contain-top .topbar a.indexlogo:hover{ background-color: transparent; }
    /*顶部导航栏结束*/
    /*申请试用*/

    .probation{ box-sizing: border-box; height: 700px; padding-top:180px;}
    .home-page1 .probation{ padding-top: 250px; }
    .icon{width: 372px;}
    .probation p{margin:20px 0;font-size: 3rem;}
    .probation h5{margin:40px 0; font-size: 6rem;}
    .apply-for{ width: 180px; height: 40px; font-size: 2rem; }
    /*申请试用结束*/
    /*4块内容*/
    .item1,.item2,.item3,.item4{ padding:0; height: 600px;}
    .lms-item1-bg,.lms-item2-bg,.lms-item3-bg,.lms-item4-bg{float:left; width: 50%;visibility: hidden;}
    .crm-item1-bg,.crm-item2-bg,.crm-item3-bg,.crm-item4-bg{float:left; width: 50%;visibility: hidden;}
    .lms-item1-describe,.lms-item2-describe,.lms-item3-describe,.lms-item4-describe{box-sizing: border-box; padding-top: 21%; padding-left: 2%; width: 50%;text-align: left;visibility: hidden;}
    .crm-item1-describe,.crm-item2-describe,.crm-item3-describe,.crm-item4-describe{box-sizing: border-box;  padding-left: 2%; width: 50%;text-align: left;visibility: hidden;}
    .crm-item1-describe{ padding-top: 175px; }
    .crm-item2-describe{ padding-top: 190px; }
    .crm-item3-describe{padding-top: 215px;}
    .crm-item4-describe{padding-top: 225px;}

    .lms-item1-bg,.lms-item3-bg,.lms-item2-describe,.lms-item4-describe{float: left;}
    .lms-item2-bg,.lms-item4-bg,.lms-item1-describe,.lms-item3-describe{float: right;}
    .crm-item1-bg,.crm-item3-bg,.crm-item2-describe,.crm-item4-describe{float: right;}
    .crm-item2-bg,.crm-item4-bg,.crm-item1-describe,.crm-item3-describe{float: left;}
    .lms-item1-describe h3,.lms-item2-describe h3,.lms-item3-describe h3,.lms-item4-describe h3{
        margin-bottom: 25px; font-size: calc(4rem + (100vw - 800px) / 375); }
    .lms-item1-describe p,.lms-item2-describe p,.lms-item3-describe p,.lms-item4-describe p{font-size: 2.4rem;}
    .crm-item1-describe h3,.crm-item2-describe h3,.crm-item3-describe h3,.crm-item4-describe h3{
        margin-bottom: 25px; font-size: calc(4rem + (100vw - 800px) / 375); }
    .crm-item1-describe p,.crm-item2-describe p,.crm-item3-describe p,.crm-item4-describe p{font-size: 2.4rem;}
    .bg-box{ width: 98%; margin-left: 2%;}
    .lms-item1-bg .bg-box img{  margin-top: 80px;}
    .lms-item2-bg .bg-box img{  margin-top: 100px;}
    .lms-item3-bg .bg-box img{  margin-top: 150px;}
    .lms-item4-bg .bg-box img{  margin-top: 130px;}
    .crm-item1-bg .bg-box img{  margin-top: 160px;}
    .crm-item2-bg .bg-box img{  margin-top: 130px;}
    .crm-item3-bg .bg-box img{  margin-top: 70px;}
    .crm-item4-bg .bg-box img{  margin-top: 140px;}
    /*动画效果*/
    .lms-item1-bg-ani{
    -webkit-animation: moveinleft 0.6s linear backwards;
       -moz-animation: moveinleft 0.6s linear backwards;
         -o-animation: moveinleft 0.6s linear backwards;
            animation: moveinleft 0.6s linear backwards; visibility: visible;
}
.lms-item1-describe-ani{
    -webkit-animation: moveinright 0.6s linear 0.3s backwards;
       -moz-animation: moveinright 0.6s linear 0.3s backwards;
         -o-animation: moveinright 0.6s linear 0.3s backwards;
            animation: moveinright 0.6s linear 0.3s backwards; visibility: visible;
}
.lms-item2-bg-ani{
    -webkit-animation: moveinright 0.6s linear backwards;
       -moz-animation: moveinright 0.6s linear backwards;
         -o-animation: moveinright 0.6s linear backwards;
            animation: moveinright 0.6s linear backwards; visibility: visible;
}
.lms-item2-describe-ani{
    -webkit-animation: moveinleft 0.6s linear 0.3s backwards;
       -moz-animation: moveinleft 0.6s linear 0.3s backwards;
         -o-animation: moveinleft 0.6s linear 0.3s backwards;
            animation: moveinleft 0.6s linear 0.3s backwards; visibility: visible;
}
    @-webkit-keyframes moveinleft{ from{ margin-left:-200px; visibility: hidden; } to { margin-left: 0; visibility: visible;} }
    @-moz-keyframes moveinleft{ from{ margin-left:-200px; visibility: hidden;} to { margin-left: 0; visibility: visible;} }
    @-o-keyframes moveinleft{ from{ margin-left:-200px; visibility: hidden;} to { margin-left: 0; visibility: visible;} }
    @keyframes moveinleft{ from{ margin-left:-200px; visibility: hidden;} to { margin-left: 0; visibility: visible;} }
    @-webkit-keyframes moveinright{ from{ margin-right:-200px; visibility: hidden;} to { margin-right: 0; visibility: visible;} }
    @-moz-keyframes moveinright{ from{ margin-right:-200px; visibility: hidden;} to { margin-right: 0; visibility: visible;} }
    @-o-keyframes moveinright{ from{ margin-right:-200px; visibility: hidden;} to { margin-right: 0; visibility: visible;} }
    @keyframes moveinright{ from{ margin-right:-200px; visibility: hidden;} to { margin-right: 0; visibility: visible;} }
    /*动画效果结束*/

    /*4块内容结束*/
    /*LMS&CRM结束*/

    /*联系我们页面*/
    .contactus{font-size: 6rem;}
    .contact-content-mid h2{font-size: 3rem;}
    .contact-content-mid p{ line-height: 40px; font-size: 2.4rem; }
    .message-left{float: left; width: calc((100vw - 120px) * 0.5);}
    .contact-content-bottom .detail{ float: left; margin-left: 20px;  width: calc((100vw - 120px) * 0.5);}
    .foot{ line-height: 60px; }
    .contact-content-bottom .sub-btn{max-width: 210px;}
    .errmsg{display: none; font-size: 1.4rem; color:#fa6e6e; padding-left:10px;}
    /*联系我们页面结束*/
    /*公司简介*/
    .empower p{font-size: 4rem;}
    .empower p.tech{ font-size: 5.6rem; }
    .aboutus-content-mid{ max-width: 1000px; }
    .aboutus-content-mid h3{  font-size: 3rem;}
    .aboutus-content-mid p{ line-height: 50px; font-size:2rem; }
    /*公司简介页面结束*/
    /*合作案例页面*/
    .using{ line-height: 85px;  font-size: 2rem;  }
    .btn-more{ display: block; width: 150px; height: 30px; line-height: 30px; margin: 0 auto;
        text-align: center; color: #666; font-size: 1.4rem; border: none; border-radius: 5px; background-color: #eee; }
    /*合作案例页面结束*/
}
@media screen and (min-width: 872px){
    .prev{ left: -36px; }
    .next{ right: -36px; }
}
@media screen and (min-width: 940px){

    .message-left{ width: 400px;  }
}
@media screen and (min-width: 1000px){
    .bg-box img{ width: auto; }
}
@media screen and (min-width:1100px){
    /*首页*/
    .home-page1 .icon{ width: 600px; }
    .home-page1 .probation h5{ font-size: 3.8rem; }
    .navbar{ left:calc((100vw - 1100px) / 2); width: 1100px; margin: 0 auto;}
    .navbar ul{float: left; margin-right: 120px;}
    .partner-mid{ width: calc( 1020px + (100vw - 1100px) * 0.7);  }
    .partnerbox{ height: calc( 668px + (100vw - 1100px) * 7 / 20); }
    .partner{ width: calc( 235px + (100vw - 1100px) * 0.175 ); height: calc( 314px + (100vw - 1100px) * 7 / 40); }
    .avator{ width: calc( 235px + (100vw - 1100px) * 0.175 ); height: calc( 314px + (100vw - 1100px) * 7 / 40);  }
    .avator img{width: auto; height: 100%;}
    .job{ top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); height: calc( 314px + (100vw - 1100px) * 7 / 40); }
    .job-detail p{ font-size: calc( 1.5rem + (100vw - 1100px) / 70); }
    .speech{ height: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); line-height: 150%;  font-size: calc( (100vw - 1100px) * 0.01 + 1.4rem );  }
    @-webkit-keyframes arise { from{ top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } to {top: 0;} }
   @-moz-keyframes arise { from{ top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } to {top: 0;} }
     @-o-keyframes arise { from{ top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } to {top: 0;} }
        @keyframes arise { from{ top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } to {top: 0;} }
@-webkit-keyframes drop { from{ top: 0; } to {top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } }
   @-moz-keyframes drop { from{ top: 0; } to {top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } }
     @-o-keyframes drop { from{ top: 0; } to {top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } }
        @keyframes drop { from{ top: 0; } to {top: calc( 314px + (100vw - 1100px) * 7 / 40 - 68px); } }
    /*首页结束*/
    /*特定属性的最大值设定*/
    .topbar{left: calc((100vw - 1100px) / 2); width: 1100px;}
    .lms-item1-describe,.lms-item2-describe,.lms-item3-describe,.lms-item4-describe{ padding-top: 255px;  }
    .lms-item1-describe h3,.lms-item2-describe h3,.lms-item3-describe h3,.lms-item4-describe h3{ font-size: 4.8rem; }
    .crm-item1-describe,.crm-item2-describe,.crm-item3-describe,.crm-item4-describe{ padding-top: 200px;  }
    .crm-item1-describe h3,.crm-item2-describe h3,.crm-item3-describe h3,.crm-item4-describe h3{ font-size: 4.8rem; }
    .contact-content-bottom .detail{width: 560px; margin-left: 40px;}
    .brand{width:1050px;}
    /*合作案例*/
    .using{ line-height: 125px;  font-size: 2.4rem;  }
    /*合作案例介绍*/
    /* pc页脚增加公安备案信息样式 */
    .foot-index{height: auto; line-height:normal;}
    .foot-mobile,.foot{display: none;}
    .foot-pc{display: block; padding: 20px 0 15px;}
    .foot-pc .foot-record{display: inline-block; height: 20px; line-height: 20px; background: url("../images/icon_record.png") no-repeat; padding-left: 25px; text-decoration: none;}
    .foot-pc .foot-record:hover{text-decoration: underline;}
    .foot-index .foot-record{ color:#fff;}
    .content-bottom .foot-pc{text-align: center;}
    .content-bottom .foot-record{ color:#333;}
    .foot-pc .foot-text{color:#fff;text-decoration: none;}
    .foot-pc .foot-text:hover{text-decoration: underline;}
    .foot-pc .padS1{padding: 0 15px;}
    .foot-pc .copyR{padding-top: 15px;}
}
@media screen and (min-width: 1300px){
    .partner-mid{width: 1160px;}
    .partnerbox{ height: 760px; }
    .partner{ width: 270px; height: 360px; }
    .avator{ width: 270px; height: 360px; }
    .job{ top: 292px; height: 360px; }
    .job-detail p{ font-size: 1.8rem; }
    .speech{ height: 298px; line-height: 30px; font-size: 1.6rem; }
    @-webkit-keyframes arise { from{ top: 292px; } to {top: 0;} }
       @-moz-keyframes arise { from{ top: 292px; } to {top: 0;} }
         @-o-keyframes arise { from{ top: 292px; } to {top: 0;} }
            @keyframes arise { from{ top: 292px; } to {top: 0;} }
    @-webkit-keyframes drop { from{ top: 0; } to {top: 292px; } }
       @-moz-keyframes drop { from{ top: 0; } to {top: 292px; } }
         @-o-keyframes drop { from{ top: 0; } to {top: 292px; } }
            @keyframes drop { from{ top: 0; } to {top: 292px; } }
}
@media screen and (width:384px) and (-webkit-min-device-pixel-ratio: 3){
    .speech{ line-height: 25px; font-size: 1.3rem;  }
}