body {
   font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;
   line-height:28px;
}

ul {
   list-style: none;
}

a{
   color:#111;
   text-decoration: none;
}

a:hover, a:link, a:visited, a:active{
   color:#111;
   text-decoration: none;
}

.page{
   width: 795px;
   float: left;
}
.page li{
   float:left;
}
.page a,.page span.current{
   height: 32px;
   float:left;
   padding:0 9px 0 9px;
   font-size: 14px;
   margin-right: 10px;
   text-align: center;
   margin-top: 20px;
   color: #737373;
}
.page span.current{
   height: 32px;
   float: left;
   font-size: 14px;
   margin-right: 10px;
   text-align: center;
   line-height: 35px;
   background:#227ee0;
   color:#FFF;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   margin-top: 20px;
}

.navbar-fixed-top:hover{
    /*background:#1F1F1F;*/
    background-image: url(../images/top_nav.png);
    animation:ttt 3s 1 forwards;
}

.flip {
   position: relative;
   width: 250px;
   height: 250px;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
}
.flip > img {
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   box-shadow: rgba(0, 0, 0, 0.1) 6px 6px 9px 0px;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

.nav-bg{
    background-image: url(../images/top_nav.png);
}

.line-text {
    font-weight: 400;
    font-size: 16px;
    width: 550px;
    margin: 20px auto 1rem auto;
    text-align: center;
    position: relative;
}
.line-text > span {
    display: inline-block;
    font-size:22px;
    font-weight:bold;
    position: relative;
    z-index: 2;
    padding: 0 3rem;
    color: #000;
    background-color: #FFF;
}
.line-text:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #999;
    top: 50%;
    left: 0;
}

.round {
    flex: 1;
    width: 240px;
    height: 240px;
    font-weight: 400;
    border-radius: 50%;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.round>span{
    font-weight:bold;
}

.float-l {
    float:left;
}

.font-42{
    font-size:42px;
}
.font-34{
    font-size:34px;
}
.font-26 {
    font-size:26px;
}
.font-24 {
    font-size:24px;
}
.font-22 {
    font-size:22px;
}

.font-20 {
    font-size:20px;
}

.font-18 {
    font-size:18px;
}

.font-16 {
    font-size:16px;
}
.font-b {
    font-weight:bold;
}

.btn-orange{
    background-color:#EB6100;
    border:2px solid #EB6200;
    border-radius:18px;
    padding:11px 34px;
    color:#FFF !important;
}

.btn-orange:hover,.btn-white:hover{
   color:#FFF;
}

.btn-white {
    border:2px solid #FFF;
    border-radius:18px;
    padding:11px 34px;
    color:#FFF !important;
}
.t-center {
    text-align:center;
}
.center-vertical { 
    position:relative; 
    top:50%; 
    transform:translateY(-50%); 
}

.footer{
   width:100%;
   height:500px;
   background:#1A1A1A;
   color:#EEE;
   padding-top:150px;
}

.footer h4{
   font-weight:bold;
}

.footer a {
    color:#EEE;
    cursor:pointer;
    /* font-size:16px; */
    line-height:34px;
}

.footer a:hover {
   text-decoration:underline;
}

.footer-button {
    width:200px;
    border-radius:5px;
    background:#000;
    padding:10px 20px;
    font-size:22px;
    cursor:pointer;
    color:#FFF;
}

.footer-button:hover, .footer-button:link, .footer-button:visited, .footer-button:active {
    color:#FFF;
    text-decoration:none;
}

.nav-title {
    display: flex;
    margin-top:28px;
    margin-right:40px;
    font-size:16px;
    font-weight: bold;
}

.nav-title > li {
    margin:0 5px;
    list-style: none;
}

.index-banner h3{
   margin-top:10px;
   margin-bottom:0px;
}

.index-banner{
   width:100%;
   max-width:1920px;
   height:940px;
   padding-top:100px;
   background:url('../images/index/banner-8.png') no-repeat center top;
}

.index-banner > div:first-child{
   height:560px;
}
.index-banner > div:first-child > div:first-child{
   color:#FFF;padding-top:120px;padding-left:170px;
}

.index-banner > div:first-child > div:first-child img{
   margin-bottom:8px;
   width:200px;
}

.index-banner > div:first-child a{
   margin-top:30px;
   margin-right:30px;
}

.index-banner .banner-cude{
   float:right;
   padding-top:80px;
   padding-right:120px;
}

.downback{
   height:900px;
}

@media (max-width: 1370px) {
   .index-banner{
      width:100%;
      max-width:1920px;
      height:610px;
      padding-top:100px;
      background-position-x:-160px;
      background-position-y:-280px;
   }
   .index-banner > div:first-child{
      height:300px;
   }
   .index-banner > div:first-child > div:first-child{
      color:#FFF;
      padding-top:30px;
      padding-left:140px;
   }
   .index-banner > div:first-child > div:first-child img{
      margin-bottom:8px;
      width:150px;
   }
   .index-banner .font-34{
      font-size:25.5px;
   }
   .index-banner .font-22{
      font-size:16.5px;
   }
   .index-banner > div:first-child a{
      margin-top:15px;
      margin-right:30px;
      padding: 10px 30px;
      font-size:16px;
   }
   .index-banner .banner-cude{
      float:right;
      padding-top:0px;
      padding-right:40px;
      width:60%;
   }
   .index-banner .w-160{
      width:140px;
   }
   .downback{
      height:700px;
   }
}

@media screen and (min-width:1371px) and (max-width: 1604px) {
   .index-banner{
      width:100%;
      max-width:1920px;
      height:670px;
      padding-top:100px;
      background-position-x:-70px;
      background-position-y:-180px;
   }
   .index-banner > div:first-child{
      height:400px;
   }
   .index-banner > div:first-child > div:first-child{
      color:#FFF;
      padding-top:80px;
      padding-left:140px;
   }
   .index-banner > div:first-child > div:first-child img{
      margin-bottom:8px;
      width:150px;
   }
   .index-banner > div:first-child a{
      margin-top:15px;
      margin-right:30px;
      /* padding: 10px 30px; */
      /* font-size:16px; */
   }
   .index-banner .banner-cude{
      float:right;
      padding-top:0px;
      padding-right:40px;
      width:60%;
   }
   .index-banner .w-160{
      width:140px;
   }
   .downback{
      height:800px;
   }
}

.nav-title > .search_box {
  margin:0;
}

.nav-title > li > a {
    padding: 20px 12.5px;
    cursor:pointer;
    text-decoration: none;
    color:#FFF;
}

.max-w-1920{
   max-width:1920px;
}

.max-w-1800 {
    max-width:1800px;
    width:100%;
    align-items:center;
}

.max-w-1200 {
    max-width:1200px;
    width:100%;
    align-items:center;
}


.max-w-400{
    max-width:400px;
}

.max-w-320{
    max-width:320px;
}

.min-w-320{
    min-width:320px;
}

.min-w-1200{
    min-width:1200px;
}

.w-20{
    width:20px;
}
.w-60{
    width:60px;
}
.w-80{
    width:80px;
}
.w-120 {
    width:120px;
}

.w-135{
   width:135px;
}

.w-160{
    width:160px;
}

.w-200{
    width:200px;
}

.w-220{
    width:220px;
}

.w-240 {
    width:240px;
}

.w-260 {
    width:260px;
}

.w-320 {
    width:320px;
}

.w-360{
    width:360px;
}

.w-400{
    width:400px;
}

.w-600{
    width:600px;
}

.w-1100{
   width:1100px;
}

.w-1200{
    width:1200px;
}

.h-15{
   height:15px;
}

.h-120 {
   height:120px;
}

.h-160 {
    height:160px;
}

.h-180 {
    height:180px;
}

.h-200 {
    height:200px;
}

.h-650{
   height:650px;
}

.m-t-20{
    margin-top:20px;
}

.mar-t-30{
    margin-top:30px;
}

.m-t-15{
   margin-top:15px;
}

.m-t-16{
   margin-top:16px;
}

.m-t-30{
   margin-top:30px;
}

.m-t-50{
   margin-top:50px;
}

.m-r-20{
   margin-right:20px;
}

.m-b-25{
   margin-bottom:25px;
}

.m-b-60{
   margin-bottom:60px;
}

.p-h-50{
   padding-left:50px;
   padding-right:50px;
}

.p-h-55{
   padding-left:55px;
   padding-right:55px;
}

.p-h-65{
   padding-left:65px;
   padding-right:65px;
}

.p-h-70{
   padding-left:70px;
   padding-right:70px;
}

.p-b-60{
   padding-bottom:60px;
}

.p-b-140{
   padding-bottom:140px;
}

.p-r-150{
   padding-right:150px;
}

.p-t-140{
   padding-top:140px;
}

.under-line{
   margin-top:30px;
   width:100%;
   border-bottom:1px solid #BBB;
}

.blog-block{
    width:300px;
    height:200px;
    border:1px solid #EEE;
    background-size: 100% 100%;
    background-image: url(../images/community/blog_block.png);
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 3px 0px;
}

.salon-block{
    width:300px;
    height:400px;
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 3px 0px;
}

.video-block{
    width:300px;
    height:165px;
    box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 3px 0px;
}

.solution-block{
    width:280px;
    height:220px;
    background:#FFF;
    border:1px solid #EEE;
    box-shadow: #B5CFED 0px 0px 12px 3px;
    text-align:center;
    cursor:pointer;
}

.solution-block > img {
    margin-top:15px;
    margin-bottom:5px;
    width:120px;
}

.solution-block > div {
   width:240px;
   padding-top:16px;
   font-size:16px;
}

.solution-block p {
   font-size:12px;
}

.solution-block span{
   float:left;
}

.solution-block span img{
   width:13px;
   margin-top:6px;
}

.contrast-block{
   margin:0 10px;
   height:280px;
   background:#FFF;
   border:1px solid #EEE;
   box-shadow: #B5CFED 0px 0px 12px 3px;
   text-align:center;
   cursor:pointer;
}

.contrast-block > img {
   margin-top:15px;
   width:130px;
}

.contrast-block > div {
   border-top:2px solid #EEE;
   margin:20px;
   padding:40px 30px;
   font-size:16px;
   font-weight:bold;
}


.partnerBackground{
   /* display:flex; */
   /* justify-content:space-between; */
   width:1200px;
}

.partnerBackground > div{
   width:234px;
   float:left;
   border:1px solid #EEE;
   border-left:none;
   border-bottom:none;
   display:flex;
   align-items:center;
   justify-content:center;
   position:relative;
   height:110px;
}

.partnerBackground > div:hover{
   box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.partnerBackground > div:nth-child(-n+5){
   border-top:none;
}

.partnerBackground > div:nth-child(5n){
   border-right:none;
}

.partnerBackground > div > img{
   width:180px;
}

.navigation > ul{
   font-size: 16px;
   height: 42px;
   /* line-height: 42px; */
   padding-left: 0px;
   margin-bottom: 0px;
   border-top: 1px solid #EEE;
   border-bottom: 1px solid #EEE;
}

.navigation > ul > li{
   float: left;
   height: 40px;
   line-height: 40px;
   padding: 0 10px;
}

.navigation > ul > .active{
   border-top: 2px solid #EB6100;
   line-height: 36px;
}

.navigation > ul > .active > a{
   color: #EB6100;
}

.locaizationBack{
   margin:40px 0px;
   width:1200px;
}

.locaizationBack > div{
   width:200px;
   height:170px;
   float:left;
   border:1px solid #EEE;
   border-left:none;
   border-bottom:none;
   display:flex;
   align-items:center;
   justify-content:center;
   position:relative;
}

.locaizationBack > div:hover{
   box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.locaizationBack > div:nth-child(-n+6){
   border-top:none;
}

.locaizationBack > div:nth-child(6n){
   border-right:none;
}

.locaizationBack > div > img{
   width:200px;
}

.locaizationBack > a{
   width:290px;
   height:170px;
   float:left;
   border:1px solid #EEE;
   border-left:none;
   border-bottom:none;
   display:flex;
   align-items:center;
   justify-content:center;
   position:relative;
}

.locaizationBack > a:hover{
   box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.locaizationBack > a:nth-child(-n+4){
   border-top:none;
}

.locaizationBack > a:nth-child(4n){
   border-right:none;
}

.locaizationBack > a > img{
   width:200px;
}

.locaizaLogo{
   margin-left:50px;
   width:1120px;
}

.locaizaLogo > div{
   width:210px;
   float:left;
   border:1px solid #EEE;
   border-left:none;
   border-bottom:none;
   display:flex;
   align-items:center;
   justify-content:center;
   position:relative;
   height:110px;
}

.locaizaLogo > div:hover{
   box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.locaizaLogo > div:nth-child(-n+5){
   border-top:none;
}

.locaizaLogo > div:nth-child(5n){
   border-right:none;
}

.locaizaLogo > div > img{
   width:180px;
}

.case-block{
   width:300px;
   height:200px;
   background:#FFF;
   border:1px solid #EEE;
   box-shadow: rgba(0, 0, 0, 0.3) 6px 6px 3px 0px;
   text-align:center;
   cursor:pointer;
   font-size:14px;
}

.case-block > div {
   width:240px;
   padding-top:16px;
   font-size:14px;
}

.case-block p {
   word-break: break-all;
   padding-left:10px;
   text-align:left;
}

.university-banner{
   width:100%;
   height:420px;
   padding-top:100px;
}

.product-banner, .community-banner, .solution-banner {
    width:100%;
    height:500px;
    padding-top:100px;
}

.product-banner > div, .community-banner > div, .solution-banner > div, .university-banner > div {
    width:1000px;
    text-align:center;
    color:#FFF;
    top:30%;
}

.product-banner > div > h3, .community-banner > div > h3, .solution-banner > div > h3, .university-banner > div > h3{
    font-size:42px;
    font-weight: bold;
    padding-left:7px;
}

.product-grid {
    /*margin-bottom:40px;*/
    height:100px;
    text-align:center;
    font-weight:bold;
}

.product-grid>div{
    position:relative; 
    top:50%; 
    transform:translateY(-50%); 
    
}

.product-grid img {
    width:24px;
}

@media (max-width: 1370px) {
   .product-banner, .community-banner, .solution-banner {
       width:100%;
       height:280px;
       padding-top:100px;
   }

   .product-banner > div, .community-banner > div, .solution-banner > div {
       width:1000px;
       text-align:center;
       color:#FFF;
       top:15%;
   }

   .product-banner > div > h3, .community-banner > div > h3, .solution-banner > div > h3{
       font-size:30px;
       font-weight: bold;
   }
}

@media (max-width: 1604px) {
   .product-banner, .community-banner, .solution-banner, .university-banner {
       width:100%;
       height:400px;
       padding-top:100px;
   }

   .product-banner > div, .community-banner > div, .solution-banner > div, .university-banner > div {
       width:1000px;
       text-align:center;
       color:#FFF;
       top:28%;
   }

   .product-banner > div > h3, .community-banner > div > h3, .solution-banner > div > h3, .university-banner > div > h3 {
       font-size:36px;
       font-weight: bold;
   }
}

.t-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 3px 9px 0 rgba(0,0,0,0.15);
}


.head_img {
   width:140px;
   height:140px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 7px 1px;
}

.dropDownCur{
   background-color: rgba(31, 46, 65, 0.9);
   font-size: 16px;
   text-align: center;
   min-width: 130px;
   left:-35px;
   top:86%;
}

.dropDownCur li{
   height:38px;
   /* margin-left:15px; */
   /* margin-right:15px; */
}

.dropDownCur>li>a{
   font-weight: bold;
   line-height: 32px;
   padding:3px 10px;
   margin:3px 10px;
   color:#FFF;
}

.dropDownCur>li>a:hover{
   background: none;
   border-bottom: 1px solid #EB6100;
}

.dropDownCur>li>a:hover,.dropDownCur>li>a:focus{
   background: none;
   color:#FFF;
}


.down-tab{
   position:relative;
   width:1200px;
   height:150px;
   background:#FFF;
   box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 0px;
}

.down-tab span{
   font-size:24px;
   position: relative;
   transform: translateY(-50%);
   top:42%;
   padding-left:10px;
   padding-right:10px;
}

.down-tab .active span{
   border-bottom: 5px solid #EC6300;
   padding-bottom: 55px;
}

.down-tab > a{
   text-decoration:none;
   color:#000;
   height:150px;
   text-align:center;
   cursor:pointer;
}

.down-table{
   text-align:center;
   border-top:1px solid #E4E4E4;
}

.down-table img{
   width:20px;
}

.down-table>div {
   height: 80px;
}

.down-table>div:nth-child(even) {
   background-color:#F7F7F7;
}

.user-input{
   height:50px;
   border-radius:0px;
   background-color:#F2F2F2;
   border:1px solid #F2F2F2;
}

.Validform_checktip{
   line-height:26px;
   height:20px;
   overflow:hidden;
   color:#999;
   font-size:12px;
}

.Validform_right{
   color:#71b83d;
   padding-left:20px;
}

.Validform_wrong{
   color:red;
   white-space:nowrap;
}

.form_icon{
   visibility: hidden;
   position: relative;
   float: right;
   top: 35px;
   right: 12px;
   width:16px;
}

.btn-user{
   padding: 10px 20px;
   font-weight:bold;
   font-size: 16px;
   width:200px;
   border-radius:0px;
}

.regi-form{
   border:1px solid #aaa;
   margin-top:180px;
   margin-bottom:100px;
   width:700px;
   height:700px;
   padding:0 80px;
}

.user-mune{
   width:200px;
   height:800px;
   float:left;
   border-right:1px solid #F1F1F1;
   height:800px;
   padding-top:30px;
   padding-left:20px;
}

.user-mune>h2{
   margin-bottom: 60px;
}

.user-mune>a{
   height:50px;
   font-size:16px;
   padding-top:14px;
   line-height:26px;
   margin-top:30px;
   display:block;
   color:#000;
}

.user-mune>a:hover{
   text-decoration:none;
}

.user-mune>a>img{
   height:26px;
   margin-right:25px;
   vertical-align:middle;
}

.user-mune>.active{
   border-right:3px solid #020276;
}

.user-block{
   margin-bottom:30px;
   box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 0px;
   height:280px;
   width: 100%;
   padding:20px 40px;
   line-height:40px;
   font-size:16px;
}

.video-list > div{
   height:280px;
}

.video-list > div > div{
   width:240px;
   height:160px;
}

.video-list img{
   width:240px;
   height:160px;
}

.video-tab{
   width:70%;
   border-right:1px solid #ccc;
}

.video-tab > div{
   padding-top:5px;
   padding-bottom:5px;
}

.video-tab > .active{
   border-right:3px solid #1678e0;
}

.video-tab > div > a {
   font-size:16px;
}

.video-tab > .active > a > h4, .video-tab > .active a,.video-tab > div:hover a,.video-tab > div:hover h4{
   color:#1678e0;
}


.vm-tab{
   width:73%;
   border-right:1px solid #ccc;
   padding-top:30px;
   padding-bottom:30px;
}

.vm-tab > a{
   display:block;
   padding-top:5px;
   padding-bottom:5px;
   width:200px;
   border:1px solid #DDD;
   border-radius:10px;
   background:#FFF;
   text-align:center;
   margin-bottom:30px;
   box-shadow: #B5CFED 1px 1px 3px 0px;
}

.vm-tab > .active, .vm-tab > a:hover{
   box-shadow: #B5CFED 2px 2px 12px 2px;
}

.vm-tab > div > a {
   padding-right:10px;
   font-size:16px;
}

.vm-tab > .active > a, .video-tab > .active a,.video-tab > div:hover a,.video-tab > div:hover {
   color:#1678e0;
}

.vm-content{
   width:800px;
   font-size:16px;
}

.vm-content p{
   margin:10px 0;
}
.vm-content img{
   max-width:800px !important;
}

.label-blog{
   display: inline-block;
   background: #F2F2F2;
   color: #000; 
   padding: 10px 15px;
   border-radius: 0px;
   margin-bottom: 8px;
}

.label-blog.active, .label-blog:hover{
   background: #0F3862;
   color: #FFF; 
}

/*community*/
.community-tab
{
   width:600px;
   justify-content:space-around;
   display:flex;
}

.community-tab > a
{
   padding:20px;
   cursor:pointer;
}

.community-tab > a:hover, .community-tab > .active
{
   background:#F2F2F2;
   color:#000;
}

.salon-tit{
   height:80px;
   width:100%;
   background:#172242;
}

.salon-tit>div{
   font-size:20px;
   font-weight:bold;
   color:#FFF;
   padding:27px 0 0 50px;
}

.salon-cont{
   display:inline-block;
   width:100%;
   background:#F2F2F2;
   padding:20px 50px;
}

.search_btn{
   cursor: pointer;
}

.search_box > form > input{
   width: 0px;
   display: inline;
   border-width: 0px 0px 1px;
   border-bottom-color: #FFF;
   outline: 0px;
   font-size: 16px;
   margin: 0px;
   padding: 2px 0px;
   background-color: transparent;
   color: #fff;
   font-weight: normal;
   letter-spacing: 1px;
   -webkit-appearance:none;
}

.search-block{
   border-bottom: 1px solid #CCC;
   padding: 30px 0 10px 5px;
}

.search-block a{
   color:#000;
}

.search-block p{
   padding-bottom:15px;
   word-break:break-all;
}

.search-block h4{
   color:#003686;
   font-weight:bold;
}

.search-block u{
   font-size:16px;
   color:#949596;
}

.search-block:hover{
   background-color: #F2F2F2;
}

.search-none{
   margin:60px 0;
   font-weight:bold;
   font-size:18px;
}

.table-noborder > thead > tr > th,
.table-noborder > tr > th,
.table-noborder > tbody > tr > td,
.table-noborder > tr > td {
   border:0;
}

.detail-content a{
   font-size: 1.2em;
}
.detail-content a:link {
   color: #1492FA;
}
.detail-content a:visited {
   color: #1492FA;
}
.detail-content a:hover {
   color: #1492FA;
}
.detail-content a:active {
   color: #1492FA;
}
.detail-content hr{
   display: block;
   -webkit-margin-before: 0.5em;
   -webkit-margin-after: 0.5em;
   -webkit-margin-start: auto;
   -webkit-margin-end: auto;
   border-style: inset;
   border-width: 1px;
}
.detail-content table{
   width:100%;
   border-collapse:collapse;
   border:#ddd solid 1px;
   font-size: 1.063em;
}
.detail-content table th {
   word-wrap:break-word;
   padding:5px;
   border:1px solid #ddd;
   white-space: nowrap;
   font-size: 1.063em;
}
.detail-content table td {
   word-wrap:break-word;
   padding:5px;
   border:1px solid #ddd;
   font-size: 1.063em;
}
.detail-content img{
   max-width:860px !important;
}

.detail-content{
   font-size:15px;
}

.solution-content{
   min-height:300px;
}
.solution-content > div{
   margin-left:20px;
   margin-top:20px;
   padding-top:10px;
}
.solution-content > div > div{
   margin-top:5px;
   font-size:14px;
}

.round_img {
   width:160px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border:1px solid #eee;
}

.uni-change > .hover > div > h4{
   color:#0199FF !important; 
}

.uni-change > .hover > div > hr{
   border-top:3px solid #0199FF !important;
}

.classList .hover{

   box-shadow: #B5CFED 0px 0px 12px 3px !important;
   border-radius:5px;
}
.classList1.hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    border-radius:5px;
    /*padding-bottom: 10px;*/
}

.scdpList{
   cursor:pointer;
   align-items:center;
   flex:0 1 47%;
   display:flex;
   margin:0 0 60px;
   background:#FFF;
   border-radius:4px;
   box-shadow:rgba(0, 0, 0, 0.1) 4px 4px 3px 0px;
}

.scdpList.hover{
   box-shadow: #B5CFED 0px 0px 12px 3px !important;
   border-radius:5px;
}

.classList .hover a {
   background-image: linear-gradient(50deg,#3AADF0,#1E67F5);
   transition: box-shadow 100ms ease-out;
   color:#FFF;
}

.uniImgA:hover{
   box-shadow: #B5CFED 0px 0px 12px 2px;
}

/* 五等分布局 */
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5{
   position:relative;
   min-height:1px;
}
.col-xs-1-5{
   width:20%;
   float:left;
}
@media (min-width:768px){
   .col-sm-1-5{
      width:20%;
      float:left;
   }
}
@media (min-width:992px){
   .col-md-1-5{
      width:20%;
      float:left;
   }
}
@media (min-width:1200px){
   .col-lg-1-5{
      width:20%;
      float:left;
   }
}

/* ================ end ================ */

.syntaxhighlighter td.code .container:before, .syntaxhighlighter td.code .container:after{
   display:block !important;
}

.syntaxhighlighter td.code .container{
   width:800px !important;
   overflow-x:auto !important;
   white-space:nowrap;
}

/* 底部浮动学院样式 */
.floatLogo{
   z-index:100000;
   cursor:pointer;
   width:50px;
   height:310px;
   background:#314153;
   position:fixed;
   top:1000px;
   right:0;
   display:block;
}

.floatLogo img{
   width:30px;
   margin-left:8px;
}

.floatLogo > div{
   float:left;
   text-align:center;
   padding-top:15px;
}

.floatLogo.floatHide{
   display:none;
}

.floatBanner{
   z-index:100000;
   cursor:pointer;
   width:100%;
   height:100px;
   background:#314153;
   position:fixed;
   display:none;
   border-top-right-radius:50px;
   border-bottom-right-radius:50px;
}
.floatBanner.floatShow
{
   display:block;
   border-top-right-radius:0px;
   border-bottom-right-radius:0px;
}


.floatBlinking {
    -webkit-animation:blinking 2s cubic-bezier(.5,0,1,1) infinite;
    animation: blinking 2s cubic-bezier(.5,0,1,1) infinite;
}

@-webkit-keyframes blinking {
   100% {
      color: #E56000
   }

   50% {
      color: #fff
   }

   0% {
      color: #FF6A00
   }
}

@keyframes blinking {
   100% {
      color: #E56000
   }

   50% {
      color: #fff
   }

   0% {
      color: #FF6A00
   }
}

#sylIframe{
  width:100%;
  max-width:1920px;
  height:650px;
  margin-top:70px;
  border:none !important;
}
@media (max-width:1370px){
  #sylIframe{
    height:500px;
  }
}
@media (min-width:1600px){
  #sylIframe{
    height:850px;
  }
}

.scdd-class-l{
   width:1100px;
   height:320px;
   cursor:pointer;
   padding:55px 140px 0 230px;
}

.scdd-class-r{
   width:1100px;
   height:320px;
   cursor:pointer;
   padding:55px 230px 0 140px;
}

.scdd-class-l > div:first-child, .scdd-class-r > div:first-child{
   display:flex;
   justify-content:space-between;
   font-size:18px;
}

.scdd-class-l > div span, .scdd-class-r > div span{
   color:#34ABFF;
}

.scdd-class-l.nopass >div span,.scdd-class-l.nopass >div p,.scdd-class-r.nopass >div span,.scdd-class-r.nopass >div p{
   color:#aaa !important;
}

.search-tab{
   margin-top:35px;
   font-size:16px;
   font-weight:bold;
}

.search-tab > a{
   padding:15px;
}

.search-tab > a:hover, .search-tab > .current{
   color:#3B3BBF;
   border-bottom:2px solid #444;
}

.university-svp-banner > div {
    width:1000px;
    text-align:center;
    color:#FFF;
    top:30%;
}

.university-svp-banner{
    width:100%;
    height:420px;
    padding-top:100px;
}

.university-svp-banner > div > h3{
    font-size:42px;
    font-weight: bold;
    padding-left:7px;
}

.label-join{
   cursor: pointer;
   display: inline-block;
   margin-right:20px;
   background: #E4E4E4;
   color: #333; 
   padding: 8px 25px;
   border-radius: 25px;
   margin-bottom: 15px;
}

.label-join.active, .label-join:hover{
   background: #000066;
   color: #FFF; 
}

/*新增样式--市场*/

.card-container1 {
    width: 401px;
    height: 268px;
    display: flex;
    justify-content: center;
    -webkit-perspective: 1000px;
}

.card-container2 {
    width: 401px;
    height: 268px;
    display: flex;
    justify-content: center;
    -webkit-perspective: 1000px;
}

.cover,
.back {
    width: 401px;
    height: 268px;
    position: absolute;
    backface-visibility: hidden;
    transition: transform 0.5s ease-in-out;
   /* border: 2px solid #F4F3F5;*/
    box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 3px 0px;

    border-radius: 0.8rem;
    color: black;
   /* box-shadow: 10px 10px 0 #888888;*/
    /*text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.2);*/

}

.cover {

    background: #fff;
    transform: rotatey(0deg);
}

.back {
    background: #fff;
    transform: rotatey(-180deg);
}

.card-container1:hover .cover {
    transform: rotatey(180deg);
}

.card-container1:hover .back {
    transform: rotatey(0deg);
}

.card-container2:hover .cover {
    transform: rotatey(180deg);
}

.card-container2:hover .back {
    transform: rotatey(0deg);
}

.r_a1:hover{
    transform: translateY(-9px);
}
.r_a2{
    text-decoration: none;
}
.r_a2:hover{
    text-decoration: underline;
}
.f1{
    font-size: 18px;
    color: #FFF;

}
.fk_p{
    width: 400px;
    height: 192px;
    margin-left: -25px;
}
.jiagou{
    /*padding-left: 80px;*/
    margin: 35px 0px;

    margin-left: 27px;

}
.pic_1{
    width: 60px;
    position: absolute;
    top: 35px;
    left: 68px;
}