body,html{
    min-height: calc(100vh);
    background-color: #f1f1f1;
}
.img-box1{
	width: 100%;
	position:relative;
	z-index:1;
}
.img-box1 img{
	width:100%;
    float: left;
}
.navSectionContainer{
	display: flex;
    justify-content: flex-end;
}
.navSectionContainer>div{
    width:80%;
    height: 64px;
	background-image: linear-gradient(90deg, 
		rgba(209, 63, 26, 0.99) 0%, 
		rgba(218, 112, 65, 0.99) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 8% 0 57px;
    margin-top:-32px;
    position: relative;
    z-index:9
}
.navTitleContainer{
    height:64px;
    line-height: 64px;
    border-bottom: 1px solid #ffffff;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.navright img{
    width: 27px;
	height: 27px;
}
.navright span{
	font-family: MicrosoftYaHei;
	font-size: 14px;
    margin-left:18px;
	color: #ffffff;
}
.bottomContainer{
    position:relative;
    margin-top:26px;
}
.bottomContainer>.row>div{
    padding-right:0 !important;
    /* margin:0 !important; */
}
.leftcontactUscontent{
    background-color: #ffffff;
}
.leftcontactUscontent>div{
    margin: 10% 5% 10% 12%;
    position: relative;
    z-index:4;
}
.cposition{
    position: absolute;
    right: 51px;
    top: 22px;
    width: 46%;
    z-index:1
}
.contentcontainer{
    margin-top: 53px;
    margin-bottom: 125px
}
.textContainer{
    display:flex;
    align-items: baseline;
}
.textContainer>div{
    margin-left:16px;
    flex:1;
}
.contactUsTitle{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 15px;
}
.contactItem{
    font-size: 16px;
    font-weight: bold;
    color:#333333;
    display: flex;
    width:100%;
    line-height: 17px;
}
.itemtitle{
    width:140px;
}
.itemcontent{
    font-size: 16px;
    font-weight: normal;
    color:#333333;
    flex: 1;
}
.rightcontactus{
    background-color: #d1401b;
}
@media (min-width: 1200px) {
    .img-box1{
        height:calc(75vh)
    }
    .img-box1 img{
        height:100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navSectionContainer>div{
        width:80%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .navSectionContainer>div{
        width:100%;
    }
    .leftcontactUscontent>div{
        margin: 10% 5% 10% 5%;
        position: relative;
        z-index:4;
    }
    .textContainer>div{
        margin-left:16px;
        flex:1;
    }
}
@media (max-width: 575px) {
    .navSectionContainer>div{
        width:100%;
        height: 64px;
        background-image: linear-gradient(90deg, 
            rgba(209, 63, 26, 0.99) 0%, 
            rgba(218, 112, 65, 0.99) 100%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 5%;
        margin-top:0px;
        position: relative;
        z-index:9;
    }
    .navright span{
        font-family: MicrosoftYaHei;
        font-size: 14px;
        margin-left:5px;
        color: #ffffff;
    }
    .contentcontainer{
        margin-top: 20px;
        margin-bottom: 0px
    }
    .leftcontactUscontent>div{
        margin: 10% 5% 10% 5%;
        position: relative;
        z-index:4;
    }
    .textContainer>div{
        margin-left:16px;
        flex:1;
    }
}