* { margin: 0; padding: 0;}
html,body{
    height: 100%;
    background-color: white;
    font-family: Arial,sans-serif;
    text-align: left;
    color: #5a5a5a;
    font-size: 16px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
/*基础样式*/
a,a:visited,a:hover{
    color: #5a5a5a;
    text-decoration: none;
}

.main-continer{
    width: 100%;
    height: 100%;
}
.main-content{
    width: 960px;
}
/*首页*/
.index-continer{
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
#container-center{
    width: 100%;
    height: 100%;
    background: url("../images/index/1_bj.png");
    background-size: cover;
}
.index-center{
    text-align: center;
    position: relative;
    min-width: 960px;
}
.index-center .index-center-content{
    margin-top: 10%;
}
.icon-hc{
    width: 35%;
}
.content-left{
    width: 30%;
    height: 90px;
    display: inline-block;
    cursor: pointer;
}
.content-right{
    width: 25%;
    height: 90px;
    display: inline-block;
    cursor: pointer;
}
.content1{
    background: url("../images/index/service1a.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2%;
    left: 65%;
}
.content1:hover{
    background: url("../images/index/service1b.png") no-repeat;
    background-size: 100%;
}
.content2{
    background: url("../images/index/service2a.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 32%;
    left: 70%;
}
.content2:hover{
    background: url("../images/index/service2b.png") no-repeat;
    background-size: 100%;
}
.content3{
    background: url("../images/index/service3a.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 62%;
    left: 65%;
}
.content3:hover{
    background: url("../images/index/service3b.png") no-repeat;
    background-size: 100%;
}
.content4{
     background: url("../images/index/service4a.png") no-repeat;
     background-size: 100%;
     position: absolute;
     top: 12%;
     left: 5%;
 }
.content4:hover{
    background: url("../images/index/service4b.png") no-repeat;
    background-size: 100%;
}
.content5{
    background: url("../images/index/service5a.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 5%;
}
.content5:hover{
    background: url("../images/index/service5b.png") no-repeat;
    background-size: 100%;
}
.index-footer{
    width: 100%;
    background: url("../images/gray_bj.png") no-repeat ;
    position: fixed;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding: 0 20px;
}
.index-footer a{
    margin-right: 2rem;
}
.index-footer a:hover{
    color: #00aced;
}

#container-bottom{
    width: 100%;
    height: 100%;
    background: url("../images/indexbottom/1_bj.png") no-repeat fixed top;
    background-size: cover;
    position: absolute;
    top: 0;
}
.container-bottom-content{
    width: 100%;
    height: 100%;
    background: url("../images/indexbottom/1bj.png") no-repeat fixed bottom;
    background-size: cover;
    position: relative;
}
.container-bottom-text{
    position: absolute;
    width: 40%;
    bottom: 15%;
    left: 36%;
    text-align: center;
}
.container-bottom-text .img-text{
    width: 100%;
}
.container-bottom-content .return-btn{
    position: absolute;
    right: 10%;
    bottom: 35%;
    width: 5%;
    opacity: .8;
    cursor: pointer;
}
.container-bottom-content .return-btn:hover{
    opacity: 1;
}
.container-bottom-content .return-btn img{
    width: 100%;
}
.text-nav{
    margin-top: 1rem;
}
.text-nav .dian{
    list-style: none;
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: .4rem;
    background-color: white;
    margin-right: 1rem;
    opacity: .5;
    cursor: pointer;
}
.text-nav .active.dian{
    opacity: 1;
}

#container-left{
     width: 100%;
     height: 100%;
     background: url("../images/indexleft/1_bj.png") no-repeat fixed top;
     background-size: cover;
     position: absolute;
     top: 0;
 }
.container-left-text{
    position: absolute;
    width: 35%;
    top: 36%;
    left: 5%;
    text-align: center;
}
.container-left-text .text-nav{
    margin-top: .3rem;
}
.container-left-text .img-text{
    width: 100%;
}
#container-left .return-btn{
    position: absolute;
    left: 42%;
    bottom: 15%;
    width: 5%;
    opacity: .8;
    cursor: pointer;
}
#container-left .return-btn:hover{
    opacity: 1;
}
#container-left .return-btn img{
    width: 100%;
}

#container-right{
    width: 100%;
    height: 100%;
    background: url("../images/indexright/1_bj.png") no-repeat fixed top;
    background-size: cover;
    position: absolute;
    top: 0;
}
.container-right-text{
    position: absolute;
    width: 35%;
    top: 25%;
    right: 5%;
    text-align: center;
}
.container-right-text .text-nav{
    margin-top: 2rem;
}
.container-right-text .img-text{
    width: 100%;
}
#container-right .return-btn{
    position: absolute;
    right: 42.5%;
    bottom: 15%;
    width: 5%;
    opacity: .8;
    cursor: pointer;
}
#container-right .return-btn:hover{
    opacity: 1;
}
#container-right .return-btn img{
    width: 100%;
}

/*APP下载页*/
#app-bg{
    width: 100%;
    height: 100%;
    background: url("../images/appdownload/1_bj.png");
    background-size: cover;
}
#app-box{
    width: 80%;
    margin: auto;
    margin-top: 12%;
    position: relative;
}
#app-box img{
    width: 100%;
}
#app-box .text-nav{
    text-align: center;
    margin-top: .5rem;
}
.app-text{
    position: absolute;
    width: 40%;
    bottom: 25%;
    left: 7%;
    text-align: center;
}
.app-text .img-text{
    width: 100%;
}
#download_2wm{
    width: 15%;
    position: absolute;
    right: -18%;
    bottom: 5%;
}
#download_2wm img{
    width: 100%;
    padding: 3px;
    background-color: white;
    border-radius: 3px;
}
#download_2wm p{
    margin-top: .5rem;
    text-align: center;
    color: white;
}
/*登录页面*/
#login-bg{
    width: 100%;
    height: 100%;
    background: url("../images/indexlogin/1_bj.png");
    background-size: cover;
    font-size: 14px;
}
#login-box{
    width: 90%;
    margin: auto;
    margin-top: 15%;
    position: relative;
}
#login-box img{
    width: 100%;
}
#login-box .text-nav{
    text-align: center;
    margin-top: .5rem;
}
.login-text{
    position: absolute;
    width: 25%;
    bottom: 18%;
    left: 20%;
    text-align: center;
}
.login-text .img-text{
    width: 100%;
}
.login-input{
    position: relative;
}
.login-form{
    position: absolute;
    padding: 1rem 0;
    padding-right: 3rem;
    width: 54%;
    height: 100%;
    top:0;
    right: 0;
    text-align: center;
}
.login-form .input-group{
    width: 100%;
}
.login-form .input-group .form-control{
    border-radius: 5px;
    padding-left: 70px;
    background-color: #f5f5f5;
}
.login-form .form-control-feedback{
 
}
.login-form .login-filed{
    position: absolute;
    left: 0;
    font-family: inherit;
    color: inherit;
    z-index: 99;
    padding: 6px 12px;
}
.login-form .login-btn{
    background-color: #2fa7df;
    color: white;
}
.login-form .login-btn:HOVER{
   background-color: #52bbeb;
}
.login-form .askfor{
    margin-top: 1rem;
}
.login-form .askfor a{
   color: #2ba0ef;
}


/*联系我们*/
#contact-bg{
    width: 100%;
    height: 100%;
    background: url("../images/contactus/1_bj.png");
    background-size: cover;
    font-size: 14px;
}
#contact-box{
    width: 80%;
    margin: auto;
    margin-top: 15%;
    position: relative;
}
#contact-box img{
    width: 100%;
}
.contact-form{
    padding: 2rem 3rem;
    width: 100%;
    height: 100%;
}
.contact-form .box-left{
    float: left;
    width: 50%;
}
.contact-input{
    position: relative;
    background-color: white;
    border-radius: 5px;
    width: 100%;
    min-height: 100px;
}
.contact-form .box-right{
    float: right;
    width: 45%;
}
.contact-form .input-group{
    width: 100%;
}
.contact-form .input-group .form-control{
    border-radius: 5px;
    font-size: 14px;
    padding-left: 120px;
    background-color: #f5f5f5;
}

.contact-form .form-filed{
    position: absolute;
    left: 0;
    font-family: inherit;
    color: inherit;
    z-index: 99;
    padding: 6px 12px;
}
.contact-form .conctac-btn{
    background-color: #2ba0ef;
    color: white;
}


.has-success .form-control-feedback{
    color: #57c5a5;
}
.has-success .form-control{
    border-color: #57c5a5;
}
.has-success .form-control:focus{
    border-color: #57c5a5;
}
.color-green {
    color: #57c5a5;
}
.logo-back{
	display:inline-block;
	width: 25%;
	position: absolute;
	top:60px;
	left:50px;
	cursor: pointer;
}
.logo-back img { height:50px; }

.changeLanguage {
	position:absolute;
	right:10px;
	top:10px;
}
.changeLanguage select {
	border-radius:2px;
	border:1px solid #ddd;
	padding:2px 8px;
}

.text-row p{
	font-weight: normal;
}
.index-banner{
	top:0;
	left:0;
	width:100%;
	height: 100%;
	position:absolute;
	z-index:1999;
	background-color: rgba(0,0,0,0.32);		
	overflow: hidden;
	text-align: center;
}
.index-banner .banner-block{
	display: inline-block;
	max-width:600px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    box-shadow: 0 0 5px #888888;
    position: relative;
}
.index-banner .carousel-indicators li {	
    width: 14px;
    height: 14px;
    margin: 1px 8px;	  
    border-radius: 14px;
}
.index-banner .carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 1px 8px;	  
    background-color: #fff;
}
.close-btn{
	position: absolute;
	right: -30px;
	top:-30px;
	width:20px;
	height: 20px;
	line-height:15px;		
	border:2px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	cursor: pointer;
}

@font-face {
  font-family: 'hc1iconfont';
  src: url('//at.alicdn.com/t/font_976215_huxh24w1l7h.eot');
  src: url('//at.alicdn.com/t/font_976215_huxh24w1l7h.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_976215_huxh24w1l7h.woff') format('woff'),
  url('//at.alicdn.com/t/font_976215_huxh24w1l7h.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_976215_huxh24w1l7h.svg#iconfont') format('svg');
}
.hc1iconfont {
  font-family:"hc1iconfont" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style:normal;
  font-variant: normal;
  text-rendering: auto;
}
.icon-icon-:before { content: "\e613"; }

.icon-icon-1:before { content: "\e614"; }

.icon-icon-2:before { content: "\e615"; }

.icon-icon-3:before { content: "\e616"; }

.icon-icon-4:before { content: "\e617"; }

.icon-icon-5:before { content: "\e618"; }

.icon-icon-6:before { content: "\e619"; }

.icon-icon-7:before { content: "\e61a"; }

.icon-icon-8:before { content: "\e61b"; }

.icon-icon-9:before { content: "\e61c"; }

.icon-icon-10:before { content: "\e61d"; }

.icon-icon-11:before { content: "\e61e"; }

.icon-icon-12:before { content: "\e61f"; }

.icon-icon-13:before { content: "\e620"; }

.icon-icon-14:before { content: "\e621"; }

.icon-icon-15:before { content: "\e622"; }

.icon-icon-16:before { content: "\e623"; }

.icon-icon-17:before { content: "\e624"; }

.icon-icon-18:before { content: "\e625"; }

.icon-icon-19:before { content: "\e626"; }

.icon-icon-20:before { content: "\e627"; }

.icon-icon-21:before { content: "\e628"; }

.icon-icon-22:before { content: "\e629"; }

.icon-icon-23:before { content: "\e62a"; }

.icon-icon-24:before { content: "\e62b"; }

.icon-icon-25:before { content: "\e62c"; }

.icon-icon-26:before { content: "\e62d"; }

.icon-icon-27:before { content: "\e62e"; }

.icon-icon-28:before { content: "\e62f"; }

.icon-icon-29:before { content: "\e643"; }

.icon-icon-30:before { content: "\e631"; }

.icon-icon-31:before { content: "\e632"; }

.icon-icon-32:before { content: "\e633"; }

.icon-icon-33:before { content: "\e634"; }

.icon-icon-34:before { content: "\e635"; }

.icon-icon-35:before { content: "\e642"; }

.icon-icon-36:before { content: "\e637"; }

.icon-icon-37:before { content: "\e638"; }

.icon-icon-38:before { content: "\e639"; }

.icon-icon-39:before { content: "\e63a"; }

.icon-icon-40:before { content: "\e63b"; }

.icon-icon-41:before { content: "\e63c"; }

.icon-icon-42:before { content: "\e63d"; }

.icon-icon-43:before { content: "\e63e"; }

.icon-icon-44:before { content: "\e63f"; }

.icon-icon-45:before { content: "\e640"; }

.icon-icon-46:before { content: "\e641"; }

.icon-icon-35-copy:before { content: "\e642"; }

.icon-icon-29-copy:before { content: "\e643"; }