input[type='submit'] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #444444;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    letter-spacing: 3px;
    color: #ffffff;
	cursor:pointer;
}
.banner h6{

    font-family: PingFangSC-Medium;

    font-size: 18px;

    line-height: 18px;

    letter-spacing: 1px;

    color: #ffffff;

    opacity: 0.6;

    margin-top: 131px;

    position: relative;

}

.banner h6 span{

    color: #b6b6b6;

}

.banner h6:after{

    content: '';

    position: absolute;

    top: 15px;

    left: 11%;

    width: 90%;

    height: 1px;

    background-color: #666;

}

.banner h2{

    font-family: PingFangSC-Semibold;

    font-size: 43px;

    line-height: 43px;

    letter-spacing: 4px;

    color: #999;

    margin-top: 18px;

}

.banner h2 span{

    color: #ccc;

}

.brand_content{

    padding: 56px 0 73px;

}

.brand_content h3{

    font-size: 24px;

    line-height: 36px;

    font-weight: bold;

    letter-spacing: 1px;

    color: #333333;

}

.border{

    border: solid 1px #dedede;

}

.contact{

    width: 100%;

    padding: 66px 0;

}

.contact_top{

    width: 100%;

}

.con_title{

    width: 100%;

    background: #f5f5f5;

    padding: 29px 0 20px 2%;

}

.con_title h2{

    font-family: PingFangSC-Semibold;

    font-size: 24px;

    line-height: 24px;

    letter-spacing: 1px;

    color: #333333;

}

.con_title p{

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 1px;

    color: #666666;

    margin-top:10px;

}

.contact_list{

    width: 100%;

    padding-bottom: 37px;

}

.contact_list ul{

    width: calc(100% - 60px);

    margin: 0 40px;

    display: flex;

    flex-wrap: wrap;
	height:auto !important;

}

.contact_list ul li{

    width: calc((100% / 3) - 50px);

    margin-right: 16px;

    float: left;

    text-align: center;

    position: relative;

    height: 160px;

    background-color: #f5f5f5;

    border-radius: 4px;

    border: solid 1px #cccccc;

    margin-top: 67px;

}

.contact_list h2{

    font-family: PingFangSC-Medium;

    margin-top: 58px;

    font-size: 18px;

    line-height: 22px;

    letter-spacing: 1px;

    color: #333333;

}

.contact_list p{

    margin-top: 23px;

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 1px;

    color: #444444;

    word-wrap: break-word;

}



.contact_list ul li:nth-child(1) .icon{

    background: url("../images/ad_icon1.png") no-repeat center center #f5f5f5;

}

.contact_list ul li:nth-child(1):hover .icon{

    background: url("../images/ad_icon1s.png") no-repeat center center #3f3f3f;

    border: solid 4px #ffffff;

}

.contact_list ul li:nth-child(2) .icon{

    background: url("../images/ad_icon2.png") no-repeat center center #f5f5f5;

}

.contact_list ul li:nth-child(2):hover .icon{

    background: url("../images/ad_icon2s.png") no-repeat center center #3f3f3f;

    border: solid 4px #ffffff;

}

.contact_list ul li:nth-child(3) .icon{

    background: url("../images/ad_icon3.png") no-repeat center center #f5f5f5;

}

.contact_list ul li:nth-child(3):hover .icon{

    background: url("../images/ad_icon3s.png") no-repeat center center #3f3f3f;

    border: solid 4px #ffffff;

}

.contact_list ul li:nth-child(4) .icon{

    background: url("../images/ad_icon4.png") no-repeat center center #f5f5f5;

}

.contact_list ul li:nth-child(4):hover .icon{

    background: url("../images/ad_icon4s.png") no-repeat center center #3f3f3f;

    border: solid 4px #ffffff;

}

.contact_list ul li:nth-child(5) .icon{

    background: url("../images/ad_icon5.png") no-repeat center center #f5f5f5;

}

.contact_list ul li:nth-child(5):hover .icon{

    background: url("../images/ad_icon5s.png") no-repeat center center #3f3f3f;

    border: solid 4px #ffffff;

}

.contact_list ul li:nth-child(6) .icon{

    background: url("../images/ad_icon6.png") no-repeat center center #f5f5f5;

}

.contact_list ul li:nth-child(6):hover .icon{

    background: url("../images/ad_icon6s.png") no-repeat center center #3f3f3f;

    border: solid 4px #ffffff;

}

.contact_list ul li .icon{

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    border-radius: 100%;

    background-color: #f5f5f5;

    border: solid 1px #cccccc;

    position: absolute;

    top: -35px;

    left: 40%;

}

.contact_list ul li:hover .icon{

    background-color: #3f3f3f;

}

.contact_list ul li:hover{

    background-color: #3f3f3f;

    border: solid 1px #3f3f3f;

}

.contact_list ul li:hover h2,

.contact_list ul li:hover p{

    color: #ffffff;

}

/*.contact_list ul li:nth-child(1) .icon img,.contact_list ul li:nth-child(2) .icon img{

    margin-top: -5px;

}*/



.contact_center{

    width: 100%;

    background: #f5f5f5;

    padding-bottom: 46px;

}

.center_l{

    width: 1200px;

}

.center_r{

    width: 270px;

}

.c_title{

    width: 98%;

    background: #3f3f3f;

    padding: 25px 0 18px 2%;

}

.c_title h2{

    font-family: PingFangSC-Semibold;

    font-size: 24px;

    line-height: 24px;

    letter-spacing: 1px;

    color: #ffffff;

}

.c_title p{

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 1px;

    color: #cccccc;

    margin-top: 11px;

}

.c_form{

    margin-left: 10px;

}

.c_form input[type='text']{

    width: 44.84%;

    height: 50px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #dedede;

    padding-left: 20px;

    margin-left: 2.84%;

    margin-top: 20px;

}

.c_form input::-webkit-input-placeholder{

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 19px;

    letter-spacing: 1px;

    color: #999999;

}

.c_form textarea{

    resize: none;

    outline: none;

    width: 97.2%;

    height: 140px;

    padding: 20px;

    margin-left: 2.84%;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #dedede;

    margin-top: 20px;

}

.c_form input[type='button']{

    width: 46.71%;

    height: 50px;

    margin-left: 2.84%;

    background-color: #3f3f3f;

    border-radius: 4px;

    font-size: 18px;

    line-height: 17px;

    letter-spacing: 2px;

    color: #ffffff;

    margin-top: 20px;

}

.center_r{

    position: relative;

    text-align: center;

    padding-top: 45px;

    width: 270px;

    background-color: #ffffff;

    box-shadow: 0px 5px 14px 2px

    rgba(0, 0, 0, 0.2);

    border-radius: 4px;

    padding-bottom: 28px;

    margin: 54px 5.67% 0 0;

}

.center_r p{

    font-size: 18px;

    line-height: 22px;

    letter-spacing: 12px;

    color: #444444;

    margin-top: 23px;

    padding-left: 11px;

}

.er_icon{

    width: 70px;

    height: 70px;

    text-align: center;

    line-height: 70px;

    background-color: #333333;

    border-radius: 100%;

    box-shadow: 0px 10px 14px 1px

    rgba(0, 0, 0, 0.2);

    position: absolute;

    top: -35px;

    left: 35%;

}



.contact_bottom{

    width: 100%;

    background: #ededed;

    padding: 30px;

}

.m_title{

    width: 100%;

}

.m_title h2{

    font-family: PingFangSC-Semibold;

    font-size: 24px;

    line-height: 30px;

    letter-spacing: 1px;

    color: #333333;

}

.m_title p{

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 1px;

    color: #999999;

    margin-top: 23px;

}

#allmap{

    width: 100%;

    height: 520px;

    margin-top: 35px;

}



@media screen and (max-width: 1250px){

    .center_l{

        width: 65.83%;

    }

    .center_r{

        width: 22.5%;

    }

}

@media screen and (max-width: 992px){



    .banner h2 {

        font-size: 28px;

        line-height: 44px;

        letter-spacing: 2px;

        margin-top: 30px;

    }

    .contact_list ul li{

        width: calc((100% / 2) - 20px);

        margin-right: 20px;

    }

    .center_r {

        width: 100%;

        margin-right: 0;

    }

    .er_icon {

        left: 45%;

    }

    .center_l {

        width: 100%;

    }

}

@media screen and (max-width: 768px){

    .contact_list ul li{

        width: calc((100% / 1) - 20px);

        margin-right: 20px;

    }

    .contact_list .icon{

        left: 42%;

    }

}

@media screen and (max-width: 768px){

    .er_icon {

        left: 43%;

    }

}

@media screen and (max-width: 500px){

    .contact_list ul li{

        width: 100%;

        margin-right: 20px;

    }

    .contact_list .icon{

        left: 36%;

    }

    .er_icon {

        left: 40%;

    }

}