/*头尾及右边悬浮层*/
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.tc{
  text-align: center;
}
.index-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 57px;
  padding: 17px 0;
  width: 100%;
  z-index: 999;
}
.index-header .ih-logo {
  width: 203px;
  height: 57px;
  background: url(/images/logo.png) no-repeat center center;
  display: inline-block;
  float: left;
  animation:namate4 1s ease-out;
  -webkit-animation:namate4 1s ease-out;
}
@keyframes namate4
{
  0%{opacity: 0;}
  20%{opacity: 0;}
  100%{opacity: 1;}
}

.index-header .ih-nav {
  float: right;
}
.index-header .ih-nav li {
  float: left;
  margin-left: 40px;
  font-size: 14px;
  line-height: 57px;
}
.index-header .ih-nav li a {
  display: block;
  color: #FFFFFF;
  padding: 0px 5px;
}
.index-header .ih-nav li.active a,
.index-header .ih-nav li:hover a {
  color: #ffffff;
  border-bottom: 3px solid #fff;
}
.index-header .ih-nav .login_btn a{
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  background: #00a7df;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  margin-top: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.index-header .ih-nav .registered_btn{
  margin-left: 10px;
}
.index-header .ih-nav .registered_btn a{
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #00a7df;
  color: #00a7df;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  margin-top: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.index-header .ih-nav .login_btn.active a,
.index-header .ih-nav .login_btn:hover a{
  color: #fff;
  border-bottom: 0px;
}
.index-header .ih-nav .registered_btn.active a,
.index-header .ih-nav .registered_btn:hover a{
  color: #00a7df;
  border-bottom: 1px solid #00a7df;
}

.index-header .ih-login {
  float: right;
}
.index-header .ih-login a {
  height: 30px;
  display: inline-block;
  margin-top: 6px;
  width: 98px;
  border: 1px solid #00b6dd;
  line-height: 30px;
  text-align: center;
  color: #00b6dd;
  font-size: 16px;
  border-radius: 5px;
  margin-left: 15px;
}
.index-header .ih-login a.current {
  background: #00b6dd;
  color: #fff;
}
.index-header.skin-black {
  background: #1f1f29;
  color: #666;
}
.index-header.skin-white .ih-logo {
  background: url(/public/img/logo.png) no-repeat center center;
}
.index-header.skin-white .ih-nav {
  float: right;
}
.index-header.skin-white .ih-nav li a {
  color: rgba(0, 0, 0, 0.6);
}
.index-header.skin-white .ih-nav li.active a,
.index-header.skin-white .ih-nav li:hover a {
  color: #000000;
  border-bottom: 1px solid #666;
}

.index-footer {
  background: #1f1f29;
  padding: 60px 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
    display: none;
}
.index-footer .if-left{
  width: 400px;
  background: url("/images/footer-bg.png") no-repeat top center;
  height: 140px;
  padding: 15px;
  text-align: left;
  float: left;
}
.index-footer .if-left div{
  display: inline-block;
  text-align: left;
  line-height: 1;
  padding-left: 25px;
  border-left: 2px solid #00d2ff;
  color:rgba(255,255,255,0.5);
}
.index-footer .if-left p{
  margin-bottom: 12px;
}
.it-bd{
  color:#00a7df;
  font-size: 16px;
  line-height: 30px;
}

.index-footer .if-right{
  padding: 10px;
  display: inline-block;
  float: right;
  width: 730px;
}
.index-footer .if-right ul li{
  width: 25%;
  text-align: left;
  float: left;
  box-sizing: border-box;
}
.index-footer .if-right ul li h3{
  font-size: 18px;
  line-height: 40px;
  font-weight: normal;
  margin-bottom: 10px;
}
.index-footer .if-right ul li p{
  line-height: 20px;
  margin:10px 0;
  font-size: 14px;
  line-height: 20px;
}

.index-footer .if-right ul li p a {
  color: #fff;
}
.index-footer .if-right ul li p a:hover{
  text-decoration: underline;
}
.index-footer p span {
  margin: 0 10px 0 5px;
}
.index-footer .if-icon-right {
  position: absolute;
  right: 5px;
  top: 15px;
  height: 38px;
}
.index-footer .if-icon-right a {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: inline-block;
  margin-left: 15px;
  padding: 0;
}

.index-footer .if-icon-ewm {
  border:1px solid #eee;
  position: relative;
  padding: 23px;
  text-align: center;
  display: inline-block;
}
.index-footer .if-right ul li .if-icon-ewm p{
  margin: 12px 0 4px;
}
.index-footer .if-icon-img{
  position: absolute;
  background: #000;
  padding: 0 8px;
  bottom: -14px;
  left:35px;
}
.index-footer .if-icon-img a{
  display: inline-block;
  border:1px solid #f0f0f0;
  width: 26px;
  height: 26px;
  float: left;
  border-radius: 50%;
}
.index-footer .if-icon-img a+a{
  margin-left: 8px;
}
.index-footer .if-icon-img a em{
  width: 15px;
  height: 15px;
  margin-top: 5px;
}
.index-footer .if-icon-img a:hover,.index-footer .if-icon-img a.active{
  background: #00d2ff;
  border:1px solid #00d2ff;
}
.index-footer .if-icon-img a:hover .icon9,.index-footer .if-icon-img a.active .icon9{
  background-position: -67px -56px;
}
.index-footer .if-icon-img a:hover .icon10,.index-footer .if-icon-img a.active .icon10{
  background-position: -103px -56px;
}
.index-footer .if-icon-img a:hover .icon11,.index-footer .if-icon-img a.active .icon11{
  background-position: -136px -56px;
}

.suspension_btn_box{
  width: 60px;
  position: fixed;
  bottom: 80px;
  right: 20px;
  overflow: hidden;
  z-index: 99999;
}
.r-nav{
  overflow: visible;
}
.suspension_btn{
  width: 100%;
  height: 70px;
}
.suspension_btn a{
  display: inline-block;
  width: 50px;
  height: 70px;
  background: #00a7df;
  padding: 0px 5px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.suspension_btn a em{
  display: block;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
}
.suspension_btn a img{
  display: inline-block;
  width: 20px;
  margin-top: 12px;
  margin-bottom: 8px;
}
.suspension_btn .jsPhone img{
  width: 16px;
}
.suspension_btn_box .downloadApp{
  /*background: #666666;*/
  width: 120px;
  height: 120px;
  padding: 10px;
  position: absolute;
  top: 190px;
  right: 40px;
}
.suspension_btn_box .downloadApp img{
  width: 100px;
  height: 100px;
}

.icon{
  display: inline-block;
  background: url("/images/icons.png") no-repeat;
}
.icon.icon1{
  background-position: -90px -1px;
}
.icon.icon2{
  background-position: -110px -1px;
}
.icon.icon3{
  background-position: -130px -1px;
}
.icon.icon4{
  background-position: -153px -1px;
}
.icon.icon5{
  background-position: -54px -1px;
}
.icon.icon6{
  background-position: -72px -1px;
}
.icon.icon7{
  background-position: 0px -33px;
}
.icon.icon8{
  background-position: -14px -33px;
}
.icon.icon9{
  background-position: -67px -36px;
}
.icon.icon10{
  background-position: -103px -36px;
}
.icon.icon11{
  background-position: -136px -36px;
}
.icon12{
  background-position: -3px -53px;
}
/*分页*/
.case-page{
  text-align: center;
  margin:15px auto 30px;
  display: inline-block;
}
.case-page .page-btn{
  width: 40px;
  height: 40px;
  border:1px solid #d4d4d4;
  transition: background 0.3s;
  color:#666;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  margin: 3px;
  font-size: 14px;
  float: left;
}
.case-page a.page-btn{
  line-height: 40px;
}
.case-page .page-btn .icon{
  display: inline-block;
  width: 14px;
  height: 17px;
}
.case-page .page-btn:hover .icon7{
  background-position: -30px -33px;
}
.case-page .page-btn:hover .icon8{
  background-position: -44px -33px;
}

.case-page .page-btn.current,.case-page .page-btn:hover{
  background: #1877bf;
  color: #fff;
  border:1px solid #1877bf;
}

.case-page .page-btn:disabled{
  background: #999;
  color: #fff;
  border:1px solid #999;
  cursor: inherit;
}
.case-page .page-btn:disabled .icon7{
  background-position: -30px -33px;
}
.case-page .page-btn:disabled .icon8{
  background-position: -44px -33px;
}
/*按钮*/
.il-btn{
  position: absolute;
  top:50%;
  display: inline-block;
  width: 52px;
  height: 52px;
  border:1px solid #ddd;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 90px;
  outline: none;
}
.il-btn:hover{
  background: rgba(0,0,0,0.1);
}
.il-btn .icon{
  display: inline-block;
  width: 16px;
  height: 26px;
  margin-top: 3px;
}
.il-btn.il-left{
  left:-50px;
}
.il-btn.il-right{
  right:-50px;
}
/*小三角*/
.index-header .ih-nav li{
  position: relative;
}
.index-header .ih-nav li.tab_riangle::after{
  content: "";
  display: block;
  z-index: 999;
  position: absolute;
  top: 55px;
  left: 30px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent; /*这行去掉也行*/
  border-bottom: 10px solid #FFFFFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

/*产品与服务*/
.pro-server{
  background: #FFFFFF;
  position: fixed;
  top:90px;
  display: none;
  z-index: 9999;
  font-size: 14px;
  border: 1px solid #E2E2E2;
  border-top: none;
  color: #666666;
  min-width: 560px;
}
.pro-server .leftBox{
  float: left;
  width: 160px;
}
.pro-server .leftBox ul li{
  border-top: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  text-align: center;
  background: #F8F8F8;
  font-size: 0;
}
.pro-server .leftBox ul li a{
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
}
.pro-server ul li a{
  font-size: 14px;
  color: #666666;
}
.pro-server ul li a:hover{
  color: #00b6dd;
  font-weight: bold;
}

.pro-server .leftBox ul li:first-child{
  border-top: none;
}
.pro-server .leftBox ul li.active{
  border-right: none;
  background: #FFFFFF;
}

.pro-server .rightBox{
  float: left;
}
.pro-server .box1{
  width: 400px;
}

.pro-server .box2,
.pro-server .box3{
  width: 200px;
}
/*.pro-server .box2{*/
/*  width: 200px;*/
/*}*/
.pro-server .box4{
  width: 500px;
}
.pro-server .box2,
.pro-server .box3,
.pro-server .box4{
  display: none;
}
.pro-server .rightBox ul{
  padding: 40px 0 20px;
}
.pro-server .box1 ul li,
.pro-server .box4 ul li {
  float: left;
  width: 25%;
  font-size: 0;
  text-align: center;
}
.pro-server .box2 ul li,
.pro-server .box3 ul li{
  text-align: center;
}

.pro-server .rightBox li a{
  display: inline-block;
}
.pro-server .rightBox li .imageBox{
  margin: 0 auto;
  width: 50px;
  height: 50px;
 }
.pro-server .rightBox li .imageBox img{
  width: 45px;
  height: 45px;
}
/*.pro-server .rightBox li .hwyImg img{*/
/*  width: 38px;*/
/*  height: 38px;*/
/*}*/
/*.pro-server .rightBox li .asmsImg img,*/
/*.pro-server .rightBox li .sjhgImg img{*/
/*  width: 33px;*/
/*  height: 33px;*/
/*}*/
.pro-server .rightBox li .title{
  height: 40px;
  width: 90px;
  padding: 10px 5px 0;
}



/* 关于我们 */
/*帮助与支持*/
.help-second,
.about-content-box{
  position: fixed;
  top:90px;
  display: none;
  z-index: 9999;
  border: 1px solid #E2E2E2;
  border-top: none;
  background: #FFFFFF;
}
.about-content-menu ul{
  padding: 0 15px;
}
.about-content-menu ul li{
  text-align: center;
  width: 120px;
  box-sizing: border-box;
}
.about-content-menu ul li a{
  display: inline-block;
  font-size: 14px;
  padding: 10px 0;
  color: #666666;
  width: 100%;
  height: 100%;
}
.about-content-menu ul li:hover a{
  color: #00b6dd;
  font-weight: bold;
}
.about-content-menu ul li{
  border-bottom: 1px solid #eeeeee;
}


/*.help-second{*/
/*  width: 100%;*/
/*  height: 55px;*/
/*  background: #e2e2e2;*/
/*  position: fixed;*/
/*  left:0;*/
/*  top:90px;*/
/*  z-index: 9999;*/
/*  display: none;*/
/*}*/
/*.help-second .second-nav{*/
/*  width: 1200px;*/
/*  margin:0 auto;*/
/*  line-height: 55px;*/
/*  text-align: right;*/
/*}*/
/*.help-second .second-nav span,.help-second .second-nav a{*/
/*  cursor: pointer;*/
/*    color: #67676C;*/
/*    font-size: 14px;*/

/*}*/
/*.help-second .second-nav span:hover,.help-second .second-nav a:hover,.about-content-menu>div>span>a:hover{*/
/*    color: #004FB1;*/
/*    font-weight: bold;*/
/*}*/
/*.help-second .second-nav a{*/
/*    padding-right: 45px;*/
/*}*/
/*弹出层*/
.alert-boxs{
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    z-index: 99999999999999999;
    top:0;
    left: -100%;
    background: rgba(25,25,25,0.5);
    display: block;
    overflow: hidden;
}
.alert-boxs>div{
    width: 450px;
    margin: 200px auto 0 auto;
    position: relative;
    background: #FFFFFF;
}
.alert-header{
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}
.alert-header:first-child{
    padding-left:20px;
    font-size: 12px;
}
.alert-header>div:last-child{
    position: absolute;
    width: 30px;
    right: 0;
    top: 0;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.alert-emaill{
    height: 100px;
    line-height: 115px;
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.alert-emaill>span{
    color:#0d98cc;
}
.alert-btn{
    width: 100%;
    background: #FFFFFF;
    padding: 30px 0;
}
.alert-btn>div{
    width: 100px;
    height: 40px;
    border-radius: 2px;
    line-height: 40px;
    text-align: center;
    background: #999999;
    color: #fff;
    font-weight: bold;
    margin-left: 80px;
    display: inline-block;
    cursor: pointer;
}
.alert-btn>div:first-child{
    margin-left: 85px;
    background: #0d98cc;
}
.if-right1{
  float: left;
  width: 84%;
  font-size: 14px;
}
.if-right2{
  float: left;
  width: 16%;
}
.if-right11{
  text-align: left;
  margin-bottom: 15px;
}
.if-right11 a{
  color: #FFFFFF;
}
.if-right11 span {
  margin-right: 10px;
}
.if-right1 span a{
  color: #FFFFFF;
}
.xfk{
  display: inline-block;
  width: 2px;
  height: 12px;
  background-color: #009fdb;
}
.hm{
  color: #00a7df;
  font-size: 14px;
}