@charset "utf-8";
html{
  font-family: 'PingFangSC',
  'helvetica neue',
  'hiragino sans gb',
  'arial',
  'microsoft yahei ui',
  'microsoft yahei',
  'simsun',
overflow-x:hidden,
  'sans-serif' !important;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
*,:after,:before{
    box-sizing:inherit;
    -moz-box-sizing:inherit; /* Firefox */
}
body {
    font-family: -apple-system,
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    "PingFang SC",
    "Hiragino Sans GB",
    "STHeiti",
    "Microsoft YaHei",
    "Microsoft JhengHei",
    SimSun,
    sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #6F7479;
    background-color: #fff;
    margin: 0;
    padding: 0;
}
ul,
li,
dd,
dl {
    list-style: none;
}

a {
    text-decoration: none;
}
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
a {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
    line-height: 0;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.hide{
    display: none;
}
.visible{
    visibility: hidden;
}
* {
    margin: 0;
    padding: 0;
}
i,em {
    font-style: normal;
}
.form-control{
  border-radius: 0!important;
}
/*public styles-- end */
.headBox{
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
  .headerTop,.headerLogo{
    height: 60px;
    line-height:60px;
  }
  .headerTop i{
    padding: 0 10px;
    color: #ccc;
  }
  .serverContent{
      padding: 13px 0;
  }
    .serverContent input{
      outline: none;
    }
  .serverContent i{
      color: #0168bf;
      cursor: pointer;
  }
@media screen and (max-width: 992px){
  .headerTop,.serverContent{
    display: none;
  }
  .headBox{
    border-bottom: 1px solid #ddd;
    padding:2px 0;
}
}
#header {
    position: relative;
    z-index: 1000;

}
.c-nav {
    position: absolute;
    z-index: 1000; 
    width: 100%;
    min-width: 1000px;
    top: 0;
}
@media screen and (max-width: 768px){
   .c-nav {
      position: relative;
      min-width: 320px;
    } 
}
@media screen and (max-width: 1000px){
    .c-nav {
        min-width: 1000px;
    }
}

@media screen and (max-width: 1190px){
   .c-nav{
         min-width: 320px;
    } 
}
.header-top {
    position: relative;
    z-index: 2;
    height: 68px;
    font-size: 14px;
    color: white;
    transition: top .3s ease-out;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .08);
} 
#header .header-main {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 10%;
}
#header .header-main:before,
#header .header-main:after {
    content: " ";
    display: table;
}
.header-main:after {
    clear: both;
}
.header-menu {
    float: left;
    width: 60px;
    height: 60px;
    line-height:60px;
    text-align: center;
    cursor: pointer;
    transition: transform .3s;
    color: #fff;
    z-index: 999;
}
.header-menu span{
    color: #292929;
    line-height: 60px;
    font-size: 14px;
    text-align: center;
    width:40px;
    display: inline-block;
}
@media (max-width: 767px) {
.header-logo{
    margin-left:5px;
}
  .header-menu {
    display: none;
  }
  .header-menu span{
    display: none;
  }
}
.header-icon-menu {
    -webkit-transition: .3s .1s;
    transition: .3s .1s;
}
.header-icon-menu {
    background-position: -24px -22px;
    width: 18px;
    height: 18px;
}
.header-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/header-sprite.png?t201806141751);
    background-size: 104px auto;
}
/* logo */
.header-logo {
    float: left;
    width: 200px;
    height: 100%;
    background: url(../images/gopointLogo.jpg) no-repeat center;
    background-size: 100% auto;
}
/*后接文字*/
/*.logo-cloud-server,.logo-cloud-cat{
    float: left;
    display: block;
    color: #f00;
    line-height: 68px;
    height:68px;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .logo-cloud-area{
    float: left;
    display: block;
    color: #f00;
    line-height: 68px;
    height:68px;
    font-weight: 400;
    font-size: 22px;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .logo-cloud-server:before,.logo-cloud-cat:before,.logo-cloud-area:before{
      content: '|';
      color: #0168bf;
      width: 10px;
      font-size:24px;
      height: 68px;
      margin: 0 5px;
      line-height: 68px;
  }
*/
.c-section-server{
    text-align: center;
    text-align: center;
    font-size: 28px;
    color: #0168bf;
    font-weight: bold;
    padding-bottom: 30px;
    line-height: 1.5;  
}
 @media screen and (max-width: 768px){
  .logo-cloud-server{
    float: left;
    display: block;
    color: #0168BF;
    line-height: 68px;
    height:68px;
    font-size: 16px;
    opacity: 0.8;
    filter: alpha(opacity=80);

  }
  .logo-cloud-server:before{
      content: '|';
      margin: 0 2px;
      color: #333;
      font-size: 16px;
      height: 68px;
      line-height: 68px;
  }
  .logo-cloud-cat{
      content: '|';
      color: #000;
      width: 10px;
      font-size:24px;
      height: 68px;
      margin: 0 5px;
      line-height: 68px;
      display: none;
  }
 }
.header-nav {
    position: relative;
    float: left;
    margin-left: 10px;
/*    width: calc(100% - 610px);*/
    height: 100%;
    overflow: hidden;
}
.header-nav-hover-line {
    position: absolute;
    z-index: 0;
    height: 3px;
    width: 0;
    padding: 0;
    background-color: #e41f2b;
    bottom: 0;
    -webkit-transition: .3s cubic-bezier(.4,0,.2,1);
    transition: .3s cubic-bezier(.4,0,.2,1);
}
.header-nav-list {
    position: relative;
    z-index: 1;
    color: #000;
}
.header-nav-list:before,
.header-nav-list:after {
    content: " ";
    display: table;
}
.header-nav-list:after {
    clear: both;
}
.header-nav-list>li {
    float: left;
    padding: 0 10px;
}
.header-nav-list>li.header-nav-hot a {
    position: relative;
}
.header-nav-list>li>a {
    display: block;
    padding: 15px;
    font-size: 16px;
    line-height: 38px;
    -webkit-transition: .3s;
    transition: .3s;
}
.header-nav-list>li>a:hover{
    color: #00a4ff;
    text-decoration: none;
}
.header-nav-list>li.header-nav-hot a:after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #E41F2B;
}

@media (max-width: 767px) {
  .header-nav {
    display: none;
  }
}
/* 右侧导航 */
.header-tools {
    float: right;
    height: 100%;
}
.header-tools-list {
    height: 100%;
}
.header-tools-list:before,
.header-tools-list:after {
    content: "";
    display: table;
}
.header-tools-list:after {
    clear: both;
}
/* serarch */
.header-tools-list>li {
    float: left;
    height: 100%;
    padding: 0 7px;
    font-size: 0;
    line-height: 68px;
    cursor: pointer;
    color: #000;
}
.header-icon-search {
    background-position: -36px -46px;
    width: 16px;
    height: 16px;
}

.header-tools-list>li>a {
    display: block;
    padding: 0 5px;
    margin: 0 -10px;
    font-size: 14px;
    line-height: 60px;
}

.header-tools-list>li.header-register>a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #FF0000;
}
.header-tools-list>li.header-register {
    padding: 0 20px;
}
.header-tools-list>li.header-register>a {
    margin: 12px -10px;
    line-height: 44px;
    background-color: #dd3730;
    color: #fff;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    min-width: 68px;
    font-size: 14px;
    border-radius: 6px;
}
/*个人中心*/
.header-icon-user {
    background-position: 0px -22px;
    width: 22px;
    height: 22px;
}
.header-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/header-sprite.png?t201807161751);
    background-size: 104px auto;
}
.header-login-mobile {
    display: none;
}
.header-menu{
    visibility: hidden;
    float: left;
    width:25px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    transition: transform .3s;
    color: #fff;
    z-index: 999;
}
 .header-menu-mb{
        display: none;
        float: right;
        width:40px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        transition: transform .3s;
        color: #fff;
        z-index: 999;
      }
@media (max-width: 767px) {
  .header-menu-mb {
    display: block;
    color: #fff;
  }
}
/*登陆注册*/
 .head-login{
    float: left;
    height: 60px;
}
.head-login ul li{
   float: left;
   padding: 0 5px;
}
.head-login ul li a{
    display: block;
    padding: 15px 0;
    font-size: 14px;
    line-height: 34px;
    -webkit-transition: .3s;
    transition: .3s;
    color:#6F7479;
}
.header-login-mobile{
    float: left;
    display: none;
    padding: 15px 0;
    font-size: 16px;
    line-height: 38px;
}
.login-res-box{
    float: right;
}
@media screen and (max-width: 768px){
  .head-login{
    float: left;
  }
  .head-login ul li{
    display: none;
  }
 .header-login-mobile{
    float: left;
    font-size: 16px;
    display: block;
    padding: 12px 0;
    font-size: 16px;
    line-height: 38px;
  }
}
/*登陆注册及用户信息展示*/
 /*.header-menu-mb{
        display: none;
        float: left;
        width:40px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        transition: transform .3s;
        color: #fff;
        z-index: 999;
      }*/
     /* #header-out a{
          color: #000;
          background: #ccc;
          margin:10px 0;
          line-height: 40px;
          border-radius: 6px;
      }*/
  @media screen and (max-width:767px){
       #p_login{
          display: none;
       }
       .header-register{
          display: none;
       }
       .header-login-mobile{
          display:block; 
       }
  }
/* 下拉菜单导航*/
/*.header-dropdown {
    position: absolute;
    top: 68px;
    right: 0;
    bottom: 0;
    left: 0;
}*/
/* region 导航滚动条样式 */
.header-allnav *::-webkit-scrollbar,
.header-allnav *::-webkit-scrollbar-track,
.header-dropdown *::-webkit-scrollbar,
.header-dropdown *::-webkit-scrollbar-track {
    width: 4px;
    background-color: rgba(0,0,0,0);
}
.header-allnav *::-webkit-scrollbar-thumb,
.header-dropdown *::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #666;
}
/* endregion 导航滚动条样式结束 */
.c-double{
    box-sizing: border-box;
    padding-left: 0px;  
}
.header-dropdown-list{
    position: relative;
     max-height: 100%; 
   /* overflow: hidden;*/
    will-change: height;
    transition: height .35s ease;
}
.header-dropdown-list > li {
    display: none;
    background: #2A303C;;
     font-size: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
   border-top: 1px solid #444;
    border-radius: 2px;
}
.header-dropdown-list > li.show {
  display: block;
}
@media (max-width: 767px) {
  .header-dropdown {
    display: none;
  }
}
/*确定下拉框大小*/
.dropdown-common-wrapper {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}
.dropdown-common-wrapper > ul {
    overflow: hidden;
}
.dropdown-common-container {
     max-height: calc(100vh - 120px - 25px); /*动态计算高度,calc支持ie9+*/
    overflow: auto;
}
.dropdown-common-wrapper > ul > li {
    float: left;
    width: 15%;
    padding: 0 20px;
}
.dropdown-common-wrapper > ul:before,
.dropdown-common-wrapper > ul:after{
   content: " ";
    display: table; 
}
.dropdown-common-wrapper > ul:after{
    clear: both;
}
.dropdown-common-dl {
    box-sizing: border-box;
    padding: 20px 0px;
    white-space: normal;
    text-align: left;
}
.dropdown-common-dl + .dropdown-common-dl .line {
  margin-top: -20px;
  margin-bottom: 20px;
  border-top: solid 1px rgba(102,102,102,.6);
  width: 40%;
}
.header-dropdown-list [data-index] {
    transform: translateY(-10px); 
     /*opacity: 0; */
    transition: all .2s cubic-bezier(0,0,.2,1); 
}
.dropdown-common-dl dt {
  margin-bottom: 10px;
}

.dropdown-common-dl dt,
.dropdown-common-dl dt a {
    display: block;
    height:20px;
    line-height: 20px;
    padding-left: 0;
    transition: all .4s;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #fff;
}
.dropdown-common-dl dt a:hover{
    text-decoration: none;

}
.dropdown-common-dl dd a {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding: 3px 0;
 color: #c3c5c6;
  -webkit-transition: .2s;
  transition: .2s;
}
.dropdown-common-dl dt a span {
  font-size: 14px;
}
.dropdown-common-dl dt:hover a[href],
.dropdown-common-dl dd:hover a[href] {
  color: #e41f2b;
}
@media (max-width: 1279px) {
  .dropdown-common-wrapper {
    padding-left: 51px;
    padding-right: 51px;
  }
  .dropdown-common-wrapper > ul > li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*移动端导航下拉菜单*/
.header-icon-arrow-down:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    margin-top: -3px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-mbnav {
     display: none;
}
@media (max-width: 767px) {
  .header-mbnav.showmenu{
    display: block;
    background: rgba(34,34,34,.99);
  }
  .header-mbnav {
  /*  height: calc(100vh - 60px);*/
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

  }
  .header-mbnav::-webkit-scrollbar {
    display: none;
  }
  /* 导航折叠组件基本样式 */
   .header-collapse-head a {
    cursor: pointer;
  }

  .header-collapse-body {
    height: 0;
    overflow: hidden;
    transition: .35s;
  }

  .header-collapse.open > .header-collapse-body {
    height: auto;
  }

  .header-collapse.close > .header-collapse-content {
    display: none;
  }
  /* endregion 折叠组件基本样式 */

  .header-collapse-level1 {
    border-bottom: solid 1px #333;
  }

  .header-collapse-level2 {
    border-top: solid 1px #474747;
  }

  .header-collapse-level2 > .header-collapse-head {
    /*border-bottom: solid 1px #474747;*/
  }

  .header-collapse-level1 > .header-collapse-head a,
  .header-collapse-level2 > .header-collapse-head a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 20px;
  }

  .header-collapse-level1 > .header-collapse-head a,
  .header-collapse-level2 > .header-collapse-head a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 20px;
  }

  .header-collapse-level1 > .header-collapse-head h2,
  .header-collapse-level2 > .header-collapse-head h2 {
    display: inline-block;
  }

  .header-collapse-level1 > .header-collapse-head a {
    color: #fff;
  }

  .header-collapse-level2 > .header-collapse-head a {
    padding-left: 30px;
    padding-right: 30px;
    background-color: rgb(47, 47, 47);
    color: #ccc;
  }

  .header-collapse-level1 > .header-collapse-head .header-icon-arrow-down,
  .header-collapse-level2 > .header-collapse-head .header-icon-arrow-down {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    transition: .35s;
  }

  .header-collapse-level1.open > .header-collapse-head .header-icon-arrow-down,
  .header-collapse-level2.open > .header-collapse-head .header-icon-arrow-down {
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  .header-collapse-level1 > .header-collapse-body,
  .header-collapse-level2 > .header-collapse-body {
    background-color: rgb(47, 47, 47);
  }

  .header-collapse-level2 > .header-collapse-body .header-collapse-content {
    border-top: solid 1px #474747;
  }

  .header-mbnav-common-list a {
    display: block;
    padding: 9px 50px;
    font-size: 14px;
    line-height: 22px;
    color: #c3c5c6;
  }

}
/*footer-comon*/
#footer{
    background-color: #2E3033;
    padding: 40px 0 25px;
}
.footer-box{
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #45484C;
}
#footer .footer-box ul li{
    line-height:30px;
    text-align: center;
}
.footer-box ul li a{
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.footer-box ul li.info-phone{
    background: #00A4FF;
    font-size: 14px;
    color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    cursor: pointer;
}
.footer-box ul li.info-phone:hover{
    color: #000;
}
.copyright{
    padding-top: 30px;
    color: #f5f5f5;
    font-size: 14px;
}
/*首页更多*/
.product_more{
  background: url(../images/linn.png);
  color: #3C7EC8;
  font-size: 16px;
  padding-bottom: 5px;
}
.product_more i{
  color: #e4393c;
  font-size: 18px;
  display: inline-block;
  float: left;
  padding: 2px 5px;

}
.product_more span{
  float: right;
}
.product_more strong{
  display: inline-block;
  font-weight: 500;
}

/*法律法规*/
.lawList{
  background: #fff;
}
.law_address span{
  color: #666;
  font-size: 16px;
  display: block;
  padding: 10px 0;
}
.law_title h3{
    font-size: 16px;
    color: #0168bf;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
h2{
  font-size: 14px;
  padding: 15px 0;
}
h3{
  color: #000;
  font-size: 16px;
  padding: 10px 0;
}
h4{
    font-size: 14px;
    color: #333;
    padding: 10px 0;
}
h5{
  font-size: 14px;
  color: #666;
  padding: 10px 0;
}
.footer-box p{
  color: #fff;
  text-align: center;
}
.footer-box li{
    color: #fff;
}
.law_content h5{
  color: #333;
  font-size: 12px;
  padding: 5px 0;
}
/*公共跳转页面样式*/
.aboutCloudsoftware{
  border: 1px solid #f8f8f8;
  padding: 40px 0;
}
.aboutCloudsoftware h3{
  font-size: 22px;
}
.aboutCloudsoftware p{
  font-size: 14px;
  padding-top: 20px;
}
.software-title {
  padding: 30px;
}
.bggray{
  background: #F8F8F8;
}
.software-title .software-list{

}
.software-title h4{
  font-size: 22px;
  padding: 20px;
}
.software-title .line{
  padding: 10px;
}
.software-title .caption{
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #eee;
  background: #fff;
  padding:8px;
}
.software-title .caption:hover{
  box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1)
}

.software-title .caption a{
  color: #333;
}
.software-title .caption h2{
  margin: 3px 0;
  font-size: 18px;
}
.software-title .caption a:hover{
  color: #e4393c;
  text-decoration: none;
}
.software-title .caption p{
  color: #666;
  font-size: 14px;
  text-indent: 20px;
  line-height: 25px;
}
/*悬浮客服样式*/

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:707px;right:0}
.side_content{width:25px; height:auto; overflow:hidden; float:left; display: none;}
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:25px; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_title span{
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 0;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
/*.close_btn span { display:none;}*/
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.other .qqChat{
  border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
}
.msgserver { text-align:center; margin-bottom:5px;margin-top: 7px;}
/*.msgserver a { background:url(./images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}*/

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}
@media screen and (max-width: 768px){
  #scrollsidebarya{
    display: none;
  }
}