a:focus{outline:none;}
.container {
    margin: 0 auto;
    position: relative;
    width: 1188px;
}
.font-red{
  color: #fa0000;
}
.font-blue{
  color: #32a4de;
}
/*top css*/
.top{
  height: 39px;
  background: #454545;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}
.top span{
  color: #bcbcbc;
  line-height: 39px;
}
.top .top-btn{
  height: 100%;
}
.top .top-btn li{
  float: left;
  height: 100%;
  width: 92px;
  line-height: 39px;
  position: relative;
  z-index: 3;
  margin-right: 15px;
}
.top .top-btn li a{
  color: #b8cde6;
}
.top .top-btn li.bg-red a{
  color: #f3bebc;
}
.bg-blue{
  background: #006ebd;
}
.bg-red{
  background: #e12d21;
}
.bg-gray{
  background: #fafafa;
}
.top .icon{
  width: 30px;
  height: 39px;
  display: inline-block;
  float: left;
}
.top .icon.icon-download{
  background: url(../htimages/icon-down.png) no-repeat center center;
}
.top .icon.icon-login{
  width: 40px;
  background: url(../htimages/icon-login.png) no-repeat 15px center;
}
/*µ¼º½ css*/
.icon-arrow-t{
  width: 78px;
  height: 6px;
  background: url(../htimages/icon-arrow-t.png) no-repeat 30px center;
  display: block;
  position: absolute;
  top: -6px;
}
/*¹«¸æcss*/
.notice{
  font-size: 14px;
  height: 47px;
  line-height: 47px;
  border-top: solid 1px #d1d1d1;
  border-bottom: solid 1px #ccc;
  margin-top: 39px;
  text-align:center;
}
/* .icon-notice{
  width: 21px;
  height: 21px;
  
  
} */
.notice span{
  padding-left: 35px;
  height:25px;
  line-height:25px;
  display:inline-block;
  background: url(../htimages/icon-img01.png) no-repeat 0 center;
}
/*²úÆ·ÖÐÐÄ css*/
.parallax-3{
  padding: 25px 0;
}
.product-content{
  overflow: hidden;
}
.product-content p{
  color: #000;
  font-size: 20px;
  text-align: center;
}
.product-content span{
  font-size: 12px;
  color: #a6a6a6;
  font-family: serif;
}
.product-content img{
  margin-left: 30px;
}
.product-content li{
  padding: 58px 40px 0;
}
/*½â¾ö·½°¸ css*/
.parallax-4{
  height: 485px;
  background: url(../htimages/solution-bg.png) no-repeat 0 0;
  background-size: cover;
  padding: 70px 0 35px;
  position: relative;
}
.parallax.parallax-4 .title{
  border-bottom: solid 1px #616b73;
  color: #fff;
}
.solution-content ul{
  width: 650px;
  margin: 0 auto;
}
.solution-content li{
  padding: 72px 0 0;
}
.solution-content li img{
  margin-left: 70px;
}
.solution-content li p{
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin-top: -20px;
}
.solution-content li i.icon-solution{
  width: 19px;
  height: 10px;
  background: url(../htimages/solution-arrow.png) no-repeat center center;
  margin: 35px auto 0;
  display: block;
}
/*new css*/
.parallax-5{
  padding: 55px 0 0;
  overflow: hidden;
}
.new-content{
  padding: 50px 0 0;
  overflow: hidden;
}
.new-content li{
  position: relative;
  padding: 40px 50px 40px 130px;
}
.new-content li img{
  position: absolute;
  top: 40px;
  left: 50px;
}
.new-content li p{
  font-size: 16px;
  line-height: 35px;
  margin-bottom: 20px;
  padding-right: 40px;
}
.new-content li span{
  font-size: 14px;
  font-family: serif;
}
.new-content li i.icon-new01{
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  right: 63px;
  top: 51px;
}
.new-content li.odd p{
    color: #424141;
}
.new-content li.odd span{
    color: #9a9a9a;
}
.new-content li.odd i.icon-new01{
  background: url(../htimages/icon-new01.png) no-repeat 0 0;
}
.new-content li.even p,
.new-content li.even span{
    color: #1b7eb6;
}
.new-content li.even i.icon-new01{
  background: url(../htimages/icon-new02.png) no-repeat 0 0;
}
.new-content li.more{
  text-align: right;
}
.new-content li.more a{
  color: #9a9a9a;
  font-size: 14px;
  font-weight: bold;
  font-family: arial;
  padding-right: 10px;
}
/*ºÏ×÷»ï°é css*/
.parallax-6{
  padding: 25px 0;
}
.hzhb-content{
  overflow: hidden;
  padding: 65px 0 0;
}
.hzhb-content .oUlplay li{
  min-height: 50px;
  padding-left: 40px;
  margin-bottom: 30px;
}
.hzhb-content .oUlplay li img{
  max-height: 50px;
}
/*foot css*/
.foot{
  height: 292px;
  background: url(../htimages/foot-bg.png) no-repeat 0 0;
  background-size: cover;
}
.foot-nav{
  border-bottom: solid 1px #878583;
  height: 62px;
  line-height: 62px;
}
.foot-nav li{
  float: left;
  width: 135px;
  padding-left: 20px;
}
.foot-nav li a{
  color: #fff;
  font-size: 14px;
  font-family: serif;
  font-weight: bold;
}
.back-top a{
  width: 165px;
  text-align: center;
  border-bottom: solid 1px #1f2020;
  background: #1b7eb6;
  display: inline-block;
  font-weight: 18px;
  color: #4c4c4c;
  font-weight: bold;
}
.foot-content{
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
}
.foot a,.foot{
  color: #fff;
  font-family: serif;
}

.yqlj a,.yqlj span{
  display: inline;
  line-height: 25px;
}
.foot-content p{
  line-height: 35px;
  padding-left:25px;
}
.Qr-code{
  background: #868686;
  display: block;
  float: right;
  padding: 35px 0;
  text-align: center;
  margin-top: -36px;
  width: 165px;
}


/* slide */
.slide-main{height:100%;position:relative;}

.item{display:block;width:100%;height:6px;position:absolute;z-index:124;top:460px;left:0;text-align:center;}
.item a{display:inline-block;width:41px;height:6px;margin-right:11px;overflow:hidden; border: solid 1px #fff;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:100%;background:#204c71;z-index:8;}
#bgstylea{background:#101928;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#0e1319;}
.slide a{display:block;width:100%;height:100%;cursor:pointer;}
/*解决方案 css*/
.page-container::before, .page-container::after {
    content: " ";
    display: block;
    height: 0;
}
.page-container::after {
    clear: both;
}
.page-container::before, .page-container::after {
    content: " ";
    display: block;
    height: 0;
}
.page-container {
    background: #eee;
    padding-top: 12px;
    margin: 99px 0 0;
    position: relative;
    padding-left: 25%;
    min-width: 1240px;
}
.menu-container{
    min-width: 249px;
    width: 25%;
    position: absolute;
    top: 12px;
    left: 0;
}
.menu-container.solution{    
    background:#282828 url(../htimages/menu-bg-solution.png) no-repeat left top;
    background-size: 100% auto;
}
.menu-container.product{    
    background:#171717 url(../htimages/menu-bg-product.png) no-repeat left top;
    background-size: 100% auto;
}
.menu-container.aboat{    
    background:#282828 url(../htimages/menu-bg-aboat.png) no-repeat left top;
    background-size: 100% auto;
}
.menu-container.new{    
    background:#282828 url(../htimages/menu-bg-new.png) no-repeat left top;
    background-size: 100% auto;
}
.menu-container.mobile{    
    background:#282828 url(../htimages/menu-bg-mobile.png) no-repeat left top;
    background-size: 100% auto;
}
.menu{
  float: right;
  width: 249px;
}
.menu .title{
  font-size: 20px;
  color: #fff;
  padding:25px 0 15px 48px;
}
.solution .menu .title{
  background: url(../htimages/icon-solution.png) no-repeat 12px 28px;
}
.product .menu .title{
  background: url(../htimages/icon-product.png) no-repeat 12px 28px;
}
.aboat .menu .title{
  background: url(../htimages/icon-aboat.png) no-repeat 12px 28px;
}
.new .menu .title{
  background: url(../htimages/icon-new03.png) no-repeat 12px 28px;
}
.mobile .menu .title{
  background: url(../htimages/icon-mobile.png) no-repeat 12px 28px;
}
.mobile.download .menu .title{
  background: url(../htimages/icon-download01.png) no-repeat 12px 28px;
}
.menu li.solution-menu a{
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #fff;
  padding:10px 0 10px 12px;
  display: block;
  border-top: solid 1px #2a2f33;
  border-bottom: solid 1px #2a2f33;
}
.product-border li.parent:last-child a{
  border-bottom: solid 1px #2a2f33;
}
.menu li.solution-menu a.on{
  background: #e12d21;
}
.menu .child {
    overflow: hidden;
    /*display: none;*/
}
.menu .child li a {
    padding:8px 0 8px 30px;
    background: transparent !important;
    font-size: 14px !important;
    border: none !important;
}
.menu .child li a.on {
    color: #e12d21 !important;
    border-bottom: solid 1px #e12d21 !important;
}
.main-container {
    background: #fff;
    margin-left: 20px;
    min-height: 300px;
    padding: 40px;
    width: 912px;
    font-size: 14px;
    color: #484040;
}
/*产品中心 css*/
.menu li.parent a{
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #fff;
  padding:10px 0 10px 12px;
  display: block;
  border-top: solid 1px #2a2f33;
}
.menu li.parent a.on{
  background: #e12d21;
}
.main-container.product{
  padding: 0;
}
.product-wenzi{
  color: #484040;
  overflow: hidden;
  padding: 40px 20px 25px 40px;
}
.product-wenzi h3.product-wenzi-title{
  font-size: 24px;
  color: #000;
  margin-bottom: 25px;
}
.product-wenzi .product-img01{
  position: relative;
  top: 60px;
}
.product-wenzi .product-img02{
  position: relative;
  right: 50px;
  top: 10px;
}
.product-wenzi .product-img03{
  position: relative;
  top: 60px;
}
.product-wenzi p{
  margin-bottom: 50px;
  line-height: 30px;
  font-size: 15px;
}
.product-wenzi .product-content{
  width: 66%;
  padding-left: 50px;
}
.product-wenzi .product-content p{
  text-align: left;
}
.product-content-bot p{
  float: left;
  padding-left: 20px;
}
.product-content-bot p.product-content-bot-bor{
  width: 1px;
  background: #ccc;
  height: 100px;
  margin: 10px 50px;
  padding-left: 0;
}
.product-wenzi .product-content p span,
.product-content-bot p span{
  font-size: 15px;
  color: #000;
  display: block;
  font-family: "微软雅黑";
}
.product-wenzi .product-content li{
  min-height: 45px;
  padding: 20px 10px;
}
.product-wenzi .product-content li img{
  margin: 0;
}
/*新闻中心 css*/
.menu li.menu-new a{
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #fff;
  padding:10px 0 10px 12px;
  display: block;
  border-top: solid 1px #2a2f33;
  border-bottom: solid 1px #2a2f33;
}
.product-border li.menu-new a{
  border-bottom: none;
}
.product-border li.menu-new:last-child a{
  border-bottom: solid 1px #2a2f33;
}
.menu li.menu-new a.on{
  background: #e12d21;
}

.new-list{
  border-top: solid 1px #e7e7e7;
  display: none;
}
.new-list li{
  border-bottom: solid 1px #e7e7e7;
  padding-left: 20px;
  height: 45px;
}
.new-list li a{
  display: inline-block;
  color: #484040;
  height: 45px;
  line-height: 45px;
  width: 650px;
  overflow: hidden; 
  white-space:nowrap;
  text-overflow:ellipsis;
  float: left;
}
.new-list li a.icon-new-list{
  background: url(../htimages/icon-new04.png) no-repeat center center;
  float: right;
  width: 50px;
}
.product-wenzi p.new-content-title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.product-wenzi p.new-content-timer{
  margin-bottom: 30px;
  text-align: center;
}
.news-h2{
  font-size: 18px;
  margin-bottom: 10px;
}
.product-wenzi .news-p{
  margin-bottom: 20px;
  text-indent:2em;
}
.news-ol{
list-style-type:decimal;
}
.news-ul{
list-style-type:disc;
}
.news-ol li{
  margin-bottom: 5px;
}
.news-ul li{
  margin-bottom: 5px;
}
.page{
  text-align: center;
  margin: 20px 0;
}

/*合作伙伴 */
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ 
    height: 240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1188px;
  }
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay ul{width: 1188px; float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../htimages/l.png) no-repeat; position:absolute; top:76px; left:-11px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../htimages/r.png) no-repeat; position:absolute; top:76px; right:-11px; z-index:10;}
#playBox .smalltitle {width:1188px; height:10px; position:absolute; bottom:0; z-index:10;}
#playBox .smalltitle ul{ width:40px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1; border: 1px solid #666;}
#playBox .smalltitle .thistitle{ background:#666;}
/*移动互联 css*/
.mobile-content-img{
  text-align: center;
}
.mobile-wenzi-title{
  font-size: 18px;
  border-bottom: solid 1px #b6b6b6;
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
}
.mobile .product-wenzi p{
  padding: 0 20px;
}
.mobile .product-wenzi p span{
  display: inline-block;
  padding-right: 10px;
}
.mobile02-weniz{
  overflow: hidden;
  padding: 15px 30px;
  position: relative;
}
.mobile02-weniz img{
  left: 256px;
  position: absolute;
  top: 58px;
}
.mobile02-left{
  border: 2px dashed #0d96fd;
  font-size: 16px;
  padding: 10px;
  width: 25%;
  max-height: 120px;
}
.mobile02-right{
  border: 1px solid #0d96fd;
  font-size: 16px;
  padding: 10px;
  width: 60%;
  max-height: 120px;
}
.mobile02-right h3{
  background: #fff;
  color: #212121;
  font-size: 20px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -26px;
  width: 47%;
}
.mobile02-right ul{
  padding: 0 30px;
  position: relative;
  top: -18px;
}
.mobile02-right ul li{
  list-style-type: disc;
}
.mobile03-title{
  width: 99px;
  height: 37px;
  padding: 4px;
  border: solid 1px #0d96fd;
  text-align: center;
}
.mobile03-title h3{
  background: #0d96fd;
  color: #fff;
  font-size: 20px;
  height: 27px;
  line-height: 25px;
}
.mobile03-weniz p{
  font-size: 16px;
  margin: 30px 0 50px;
}
.mobile04-weniz{
  background: url(../images/mobile-img04.png) no-repeat center top;
  background-size: contain;
  min-height: 258px;
  position: relative;
  margin: 40px 0;
}
.mobile04-weniz p{
  width: 268px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  position: absolute;
  border: solid 1px #6690fc;
}
.mobile04-weniz p.p1{
  left: 0;
  top: 0;
}
.mobile04-weniz p.p2{
  left: 0;
  top: 75px;
}
.mobile04-weniz p.p3{
  left: 0;
  top: 149px;
}
.mobile04-weniz p.p4{
  left: 0;
  top: 214px;
}
.mobile04-weniz p.p5{
  right: 0;
  top: 0;
}
.mobile04-weniz p.p6{
  right: 0;
  top: 75px;
}
.mobile04-weniz p.p7{
  right: 0;
  top: 149px;
}
.mobile04-weniz p.p8{
  right: 0;
  top: 214px;
}
.mobile04-weniz p.p9,
.mobile04-weniz p.p10{
  font-size: 22px;
  left: 337px;
  line-height: 50px;
  width: 150px;
  border: none;
}
.mobile04-weniz p.p9{
  top: 80px;
}
.mobile04-weniz p.p10{
  top: 130px;
}
/*下载中心 css*/
.download .main-title{
  font-size: 16px;
  color: #212121;
  padding: 20px;
}
.download table{
  width: 100%;
}
.download table th{
  background: #eee;
  border: 2px solid #fff;
  color: #1a1111;
  font-size: 16px;
  height: 47px;
  text-align: center;
}
.download table td{
  font-size: 14px;
  text-align: center;
  background: #f4f9fc;
  color: #4a4a4a;
  border-bottom: solid 1px #fff;
  height: 37px;
  
}
.download table td.bg-blue01{
  background: #4998d1;
  color: #fff;
  line-height: 40px;
}
.download table td.bg-blue02{
  background: #a4cbe8;
  color: #fff;
  line-height: 40px;
  
}
.download table td.bg-blue03{
  background: #e2eef8;
}
/*index  new date css*/
.new-date{
  position: absolute;
  left: 50px;
  top: 40px;
}
.new-date p.new-date-y{
  width: 58px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  padding-right: 0;
  font-size: 18px;
  margin-bottom: 10px;
}
.new-date p.new-date-m{
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  padding-right: 0;
  text-align: center;
}
.new-content li.odd .new-date p{
    color: #9a9a9a;
}
.new-content li.odd .new-date p.new-date-y{
  background: #e4e4e4;
}
.new-content li.even .new-date p{
    color: #1c7fb6;
}
.new-content li.even .new-date p.new-date-y{
  background: #1e7fb6;
  color: #fff;
}