@font-face {
			font-family: SourceHanSansCN-Light;
			src: url('../fonts/SourceHanSansCN-Light.otf');
			}
@font-face {
			font-family: SourceHanSansCN-Normal;
			src: url('../fonts/SourceHanSansCN-Normal.otf');
			}	
@font-face {
			font-family: SourceHanSansCN-Bold;
			src: url('../fonts/SourceHanSansCN-Bold.otf');
			}		
@font-face {
			font-family: Alhy-Bold;
			src: url('../fonts/阿里汉仪智能黑Beta.ttf');
			}
a:hover{
	text-decoration: none;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.row {
	margin: 0;
}
.index-container-fluid{
    width: 100%;
    padding-right: 0; 
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

html,body{
	width: 100%;
    height: 100%;
	background-color: #fff;
}
body,ul,li{
	margin: 0;
	padding: 0;
	font-family: "book antiqua","SourceHanSansCN-Light",;
}
.index-bg{
	width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-image:url(../img/index-bg.png);
    /*overflow: hidden;*/
}
.nav-container{
}		
.navbar-nav span{
	display: block;
	text-align: center;
}
.navbar-nav li{
	margin-right:2.75rem;
}
.index-nav-font1{
	font-family: SourceHanSansCN-Light;
	font-size: 1.25rem;
	color: #333;
}
.index-nav-font2{
	font-family: SourceHanSansCN-Light;
	font-size: 1rem;
	color: #999;
}
#font1{
	font-family: SourceHanSansCN-Light;
	font-size: 1.25rem;
	color: #f78600;
}
#font2{
	font-family: SourceHanSansCN-Light;
	font-size: 1rem;
	color: #f78600;
}
.nav-logo{
	margin:0 0 0 2.5rem;
}
.index-company{
	background-image: url(../img/company-bg.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 700px;
	position: left;
}
.index-company-img{
	width:740px;
	height: 500px;
	margin-left: 200px;
	margin-bottom:200px;
}
.index-company-box{
	padding-top:160px;
}
.index-company-title{
	margin-top:30px;
	margin-left:60px;
}
.index-company-title h2{
	font-family: Alhy-Bold;
	font-size:2.25rem;
}
.index-company-title span{
	font-family: SourceHanSansCN-Light;
	font-size: 1.5rem;
	color: #f78600;
	text-transform:uppercase;
}
.index-company-title p{
	margin-top: 1.75rem;
	font-size: 1.25rem;
	font-family: SourceHanSansCN-Normal;
	color: #999999;
	padding-right: 220px;
	text-align: justify;
	line-height: 36px;
}
.index-company-title button{
	font-size: 1.25rem;
	margin-top: 30px;
	width: 128px;
	height: 48px;
	color: #fff;
	font-family: SourceHanSansCN-Normal;
	border: none;
	background-color: #2bb7b3;
}




@media (max-width: 576px) {
.index-bg{
	width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-image:url(../img/index-bg.png);
    min-height: 80px;
}
.index-company{
	background-image: url(../img/company-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}
.index-company-img{
	width:100%;
	height: 100%;
	margin:.625rem 0;
	padding:0 2rem;
}
.index-company-box{
	padding-top:40px;
}
.index-company-title{
	margin-top:1rem;
	margin-left:2rem;
}
.index-company-title h2{
	font-family: Alhy-Bold;
	font-size:1.125rem;
}
.index-company-title span{
	font-size: 1rem;
}
.index-company-title p{
	margin-top: .25rem;
	font-size: .875rem;
	padding-right: 3rem;
	line-height: 1.5rem;
}
.index-company-title button{
	font-size: .875rem;
	margin-top: .25rem;
	width: 100px;
	height: 36px;
}
}
@media (max-width: 768px) {
  
}

@media (max-width: 992px) { 
  .App{
    max-width:100%;
  }
}

@media (max-width: 1200px){
.nav-logo img{
		width: 50%;
		height: 50%;
	}
.navbar-nav li{
	margin-right:1rem;
}
.index-company{
	background-image: url(../img/company-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}
.index-company-img{
	width:100%;
	height: 100%;
	margin:.625rem 0;
	padding:0 3rem;
}
.index-company-box{
	padding-top:40px;
}
.index-company-title{
	margin-top:1rem;
	margin-left:3rem;
}
.index-company-title h2{
	font-family: Alhy-Bold;
	font-size:1.125rem;
}
.index-company-title span{
	font-size: 1rem;
}
.index-company-title p{
	margin-top: .25rem;
	font-size: .875rem;
	padding-right: 3rem;
	line-height: 1.5rem;
}
.index-company-title button{
	font-size: .875rem;
	margin-top: .25rem;
	width: 100px;
	height: 36px;
}
}