.wrap{
    padding: 0px;
}
.lookingWrap{
    display: none;
}
.navbar-inverse .navbar-nav>li:nth-child(4) a{
    background:#40CBA4!important;
    color:#fff!important;
}
.navbar-inverse .navbar-nav>li:nth-child(4) a:hover,.navbar-inverse .navbar-nav>li:nth-child(4) a:active{
   background:#30BC95!important;
   color:#fff!important;
}
.banner{
    width: 100%;
    height: 400px;
    position: relative;
    margin-top: 7rem;
}
.banner img.bannerImg{
    position: absolute;
    width: 100%;
    height:auto;
}
.banner .bannerWrap{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.2);
    color: #fff;
}
.banner .bannerWrap .textWrap{
    padding-top: 113px;
}
.banner .bannerWrap p{
    text-align: center;
}
.banner .bannerWrap p:nth-child(1){
    font-size: 7rem;
    line-height: 8rem;
}
.banner .bannerWrap p:nth-child(2){
    margin-top: 30px;
}
.banner .bannerWrap p a{
    margin:15px;
}
.banner .bannerWrap p a img:nth-child(1){
    margin-left: 0;
    width:auto;
    height:20px;
}
.bannerTitle{
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #FDD246;
    font-size: 2.1rem;
}
.bannerTitle .titleWrap{
    width: 35%;
    margin: 0px auto;
    color: #fff;
}
.bannerTitle .titleWrap .cell{
    text-align: center;
}
.bannerTitle .titleWrap .active{
    color:#000;
}
/*左侧内容*/
.contentLeft{
    padding: 108px 0;
    box-sizing: border-box;
}
.contactCell{
    border-bottom: 2px solid #f2f5fa;
    padding: 0 108px 50px 108px;
    margin-top: 50px;
}
.contactCell:nth-child(1){
    margin-top: 0;
}
.contactCell:nth-child(4){
    border-bottom:0
}
.contactCell span{
    /*display: inline-block;*/
    margin: 0 5px;
    /*vertical-align: middle;*/
}
.contactCell .cityName{
    font-size:3.2rem;
    font-weight:500;
    color:#1D1D1D;
    line-height:4.4rem;
}
.contactCell .phoneType{
    font-size:1.6rem;
    font-weight:400;
    color:#454545;
    line-height:2.2rem;
    padding: 8px 0;
}
.contactCell .phoneType span:nth-child(2){
    margin-left: 16px;
}
.contactCell .web{
    font-size:1.6rem;
    font-weight:400;
    color:#2C87D6;
    line-height:2.2rem;
    padding: 8px 0;
}
.contactCell .web span img{
    position: relative;
    top:-2px;
}
.contactCell .address span img{
    width:10px;
    position: relative;
    top:-2px;
}
.contactCell .web span:nth-child(2){
    margin-left:0px;
    display: inline-block;
    width: 20px;
}
.contactCell .web>a{
    margin-left: 3px;
}
.contactCell .web span{
    width: 5%;
    display: inline-block;
    text-align: center;
    margin: 0;
}
.contactCell .address{
    height: 80px;
}
.contactCell .address{
    font-size:1.6rem;
    font-weight:400;
    color:#454545;
    line-height:2.2rem;
    padding: 8px 0;
}
.contactCell .address span:nth-child(1){
    width:5%;
    height: 50px;
    display:block;
    text-align: center;
    float: left;
    margin:0;
}
.contactCell .address span:nth-child(2){
    width: 95%;
    height:50px;
    margin: 0;
     float:left;
}
.contactCell .address span.addressIcon{
    vertical-align: top;
}
/*右侧联系我们*/
.contentRight{
    padding: 108px 0 108px 100px;
}
.contentRight .comTitle{
    width:375px;
    height: 56px;
    position: relative;
    left:10px;
}
.contentRight .comTitle p:nth-child(1){
    font-size: 4rem;
    color: #1D1D1D;
    padding: 0 17px;
    position: absolute;
    z-index: 100;
    font-weight: 600;
}
.contentRight .comTitle p:nth-child(2){
    width: 100%;
    height: 18px;
    background: #FDD246;
    position: absolute;
    bottom: -7px;
    z-index: 99;
}
.conTit{
    width: 80%;
    font-size:1.6rem;
    font-weight:400;
    color:#454545;
    padding: 10px;
    margin: 10px 0;
    line-height:22px;
}
.contactForm{
    margin-top: 4rem;
	width: 95%;
	margin: 0 auto;
}
.contactForm label{
    display: inline-block;
    color: #1D1D1D;
    font-size: 1.5rem;
    font-weight: 500;
}
.contactForm .nameCell {
    width: 48%;
}
.contactForm span.star{
    color: #EF4823;
    font-size: 1.4rem;
    margin-left: 5px;
}
.contactForm input{
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    background: #f5f5f5;
    outline: none;
    border:1px solid #ccc;
    border-radius: 8px;
    padding-left: 16px;
}
.contactForm textarea{
    width: 100%;
    background: #f5f5f5;
    outline: none;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
    box-sizing: border-box;
    border-radius: 8px;
}
.contactForm input.nameInput{
    /*width: inherit;*/
    display: block;
    color:#1D1D1D;
}
.tips{
    width:432px;
    height:3.8rem;
    font-size:1.6rem;
    font-weight:400;
    color:#454545;
    line-height:1.9rem;
}
.tips span{
    color: #2C87D6;
}
.subWrap button{
    width: 150px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    border-radius: 30px;
    background:#40CBA4;
    border: 1px solid #a0e5d2;
    color: #ffffff;
}
.subWrap button:hover{
     background:#30BC95
}
.subWrap button:active{
     background:#29AF8A;
}
.icon{
    position: relative;
    top:-100px;
}
.contactForm .nameCell>span {
    color: #666;
    padding: 5px;
    position: relative;
    top: 5px;
}
.contactForm .nameCell>span.star{
   color: #EF4823;
   padding: 0;
   top:0;
}
/*底部*/
.footBox{
    padding-top: 6rem;
    border-top: 2px solid #dddddd;
}
/*移动端*/
@media only screen and (max-width: 670px) and (min-width: 300px) {
    .banner{
        height: 180px;
    }
    /* .banner img{*/
    /*    position: absolute;*/
    /*    width:auto;*/
    /*    top: 0;*/
    /*    height:100%;*/
    /*    left:50%;*/
    /*    transform: translateX(-50%);*/
    /*}*/
    .contactForm {
        margin-top: 4rem;
        width: 90%;
        margin: 0 auto;
    }
    .banner .bannerWrap .textWrap{
        padding-top: 40px;
    }
    .banner .bannerWrap p:nth-child(1) {
        font-size: 3rem;
        line-height: 3rem;
    }

    .footer{
        margin-top: 20px;
    }
}
/*移动端*/
@media only screen and (max-width: 670px) and (min-width: 300px) {
    .contentRight .comTitle p:nth-child(2){
        height: 1.2rem;
        bottom:5px;
    }
	.banner{
		margin-top: 0;
	}
    .footBox{
        padding-top: 3rem;
    }
    .content{
        width: 100%;
    }
    .contentLeft{
        padding: 38px 0;
    }
    .contentRight{
		width: 100%;
        padding: 0;
    }
    .contactForm input{
        height: 35px;
        line-height: 35px;
        width:100%;
    }
    .contactForm textarea{
        width:100%;
    }
    .contactCell {
        padding: 0 20px;
        margin-top: 25px;
    }
    .nameCell{
        width: 50%;
    }
    .nameCell input{
        width: 100% !important;
    }
    .mt50{
        margin-top: 25px;
    }
    .tips{
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .conTit{
        width: 95%;
        margin: 5px auto;
        box-sizing: border-box;
    }
    .subWrap button{
        width: 130px;
        height: 40px;
        line-height: 38px;
    }
    .contentRight .comTitle{
        margin: 0px auto;
        right: 15px;
    }
    .contentRight .comTitle p:nth-child(1){
        font-size: 2rem;
    }
    .contentRight .comTitle {
        width: 216px;
        text-align: center;
        height: 45px;
        position: relative;
    }
    .contactCell .address span:nth-child(2) {
        /*margin-left: 16px;*/
        /*width: 320px;*/
        position: relative;
        top:1px;
    }
}
/*ipad*/
@media only screen and (max-width: 992px) and (min-width: 768px) {
    .content{
        width: 100%;
    }
    .contentLeft{
        padding: 38px 0;
    }
    .contentRight{
        padding: 0 0 0 65px;
    }
    .contactForm input, select{
        width: 90%;
    }
    .contactForm textarea{
        width: 90%;
    }
    .contactCell {
        padding: 0 108px 50px 65px;
        margin-top: 35px;
    }
    .nameCell{
        width: 49%;
    }
    .nameCell input{
        width: 90% !important;
    }
}
/*中等屏幕*/
@media only screen and (max-width: 1200px)and (min-width: 992px) {
    .content{
        width: 100%;
    }

}
/*大屏*/
@media only screen and (min-width: 1200px) {

}