a:hover{ text-decoration: none; }
section {
    background: #fff;
    font-size: 1em;
    padding: 30px 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
    /*margin-bottom: 200px;*/
}
section .titlePart{
    color: #111;
    font-size: 1.7em;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
}
section .titlePart h3{
    font-size: 1.17em;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0;
}
section .titlePart .section-title-divider {
    background: #03C4EB;
    height: 3px;
    margin: 0 auto 10px auto;
    width: 50px;
}
section .titlePart .section-description {
    color: #666666;
    font-size: 0.52em;
    letter-spacing: 0;
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
}
body{
    font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
}
.contactPart {
    padding: 30px 0 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.container {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
    .contactPart .ContactMethod-w{
        float: left;
        width: 100%;
    }
        .contactPart .ContactMethod-w .ContactMethod{
            float: left;
            width: calc(33.33% - 30px);
            padding-right: 15px;
            padding-left: 15px;
        }
            .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail{
                text-align: center;
                box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
                padding: 25px;
                height: 160px;
	            width: calc(100% - 50px);
            }
                .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail h3{
                    font-size: 20px;
                    text-transform: capitalize;
                    margin: 30px 0 15px;
                }
                .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail p{
                    margin: 0;
                    line-height: 1.9;
                    font-size: 14px;
                    color: #777777;
                }
                .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail .i-bg{
                    width: 60px;
                    height: 60px;
                    margin: 0 auto;
                    border: 1px solid #03C4EB;
                    border-radius:50% ;
                    background: #03C4EB;
                }
                .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail i{
                    font-size: 2em;
                    color: #FFFFFF;
                    line-height: 1.8em;
                }
    .contactPart .info-wrapper{
        float: left;
        width: calc(100% - 30px);
        margin-top: 75px;
        padding-right: 15px;
        padding-left: 15px;
    }
        .contactPart .info-wrapper .ContactForm-wrapper{
            width: calc(100% - 627px);
            float: left;
           /* padding-right: 15px;
            padding-left: 15px;*/
        }
            .contactPart .info-wrapper .ContactForm-wrapper .ContactForm{
                float:left;
                position: relative;
                min-height: 1px;
                background: #eee;
                padding: 30px 25px;
                width: calc(100% - 50px);
            }
        .contactPart .info-wrapper .ContactDetail{
            float: left;
            margin-left: 100px;
            width: 475px;
            padding: 25px;
            border: 1px solid #f1f1f1;
            background: url("back.jpg");
            background-size: cover;
        }
            .contactPart .info-wrapper .ContactDetail .ContactEmail span{
                display: block;
            }
                .contactPart .info-wrapper .ContactDetail .ContactEmail span i{
                    font-size: 2.4em;
                    color:#64D3EA;
                    display: block;
                    float: left;
                    line-height: 1.3em;
                }
                .contactPart .info-wrapper .ContactDetail .ContactEmail span p{
                    font-size: 1.5em;
                    /* line-height: 2em; */
                    float: left;
                    margin: 10px 17px 10px;
                    color: #1E1E1E;
                }
            .contactPart .info-wrapper .ContactDetail .ContactEmail .e-content{
                float: left;
                margin-top: 6.7%;
                border-radius: 5px;
                margin-left: 30px;
                width: calc(100% - 90px);
                padding: 15px;
                background: #fff;
            }
                .contactPart .info-wrapper .ContactDetail .ContactEmail .e-content .e-text{
                    font-size: 1em;
                    color: #666666;
                    margin: 30px;
                }
                .contactPart .info-wrapper .ContactDetail .ContactEmail .e-content .English-text{
                    color:#9a9a9a;
                    margin: 5px 0 20px;
                }
            .contactPart .info-wrapper .ContactDetail .ContactCode{
                float: left;
                margin-left: 90px;
                margin-top: 3%;
            }
                .contactPart .info-wrapper .ContactDetail .ContactCode img{
                    height: 46%;
                    width: 46%;
                }
                .contactPart .info-wrapper .ContactDetail .ContactCode span{
                    display: block;
                    float: left;
                }
                    .contactPart .info-wrapper .ContactDetail .ContactCode span p{
                        margin: 10px 0 10px 17px;
                    }
    .form-group {
        margin-bottom: 16px;
    }
    .form-control {
        display: block;
	    width: calc(100% - 26px);
        height: 35px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    textarea.form-control {
        height: auto;
    }
    .text-center {
        text-align: center;
    }
    .contactPart .form #submit:hover {
        background: #25d8fc;
    }
    .contactPart .form #submit {
        background: #03C4EB;
        width: 100%;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
        transition-property: all;
        transition-duration: 0.4s;
        transition-timing-function: ease;
        transition-delay: 0s;
        height: 50px;
        margin-top: 15px;
        font-size: 1em;
    }

.project-block-one .lower-content .brand-introduction{

}

@media (max-width: 1230px) {
    section { padding-bottom: 0px; padding-left: 30px; padding-right: 30px; width: calc(100% - 60px); }
	.contactPart{ padding: 0; }
	.contactPart .info-wrapper .ContactDetail{ margin-left: 20px; }
	.contactPart .info-wrapper .ContactForm-wrapper{ width: calc(100% - 547px); }
	.contactPart .ContactMethod-w .ContactMethod{ height: 108px; margin-top: 10px; width: calc(50% - 30px); }
		.contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail{ float: left; height: auto; padding: 10px 25px; }
			.contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail .i-bg{ float: left; margin: 0 10px; }
			.contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail h3{ float: left; margin: 18px 10px; }
			.contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail p{ float: left; margin: 18px 10px; max-width: calc(100% - 168px); }
}
@media (max-width: 970px) {
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail{ padding: 10px 10px; width: calc(100% - 20px);}
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail .i-bg{
    height: 50px; width: 50px; }
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail i{ font-size: 1.5em;
    line-height: 50px; }
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail h3{ margin: 12px 5px; }
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail p{ margin: 12px 5px; max-width: calc(100% - 140px); }
    .contactPart .ContactMethod-w .ContactMethod:nth-child(1){ width: calc(100% - 30px); }
	.contactPart .info-wrapper .ContactDetail{ margin: 0; width: calc(100% - 32px); }
	.contactPart .info-wrapper .ContactDetail .ContactEmail{ float: left; width: calc(100% - 150px);}
	
	.contactPart .info-wrapper .ContactForm-wrapper{ margin-bottom: 10px; width: calc(100%); }

    .form-group:nth-child(1), .form-group:nth-child(2){ float: left; width: 48%; }
    .form-group:nth-child(1){ margin-right: 4%; }
}
@media (max-width: 970px) and (min-width: 751px){
	.contactPart .info-wrapper .ContactDetail .ContactCode{ margin-left: 0; margin-top: 70px; width: 150px; }
	.contactPart .info-wrapper .ContactDetail .ContactCode span{ margin-top: 30px; }
	.contactPart .info-wrapper .ContactDetail .ContactCode span p{ float: left; margin: 29px 5px; width: 60px; }
	.contactPart .info-wrapper .ContactDetail .ContactCode img{ width: 80px; }
}
@media (max-width: 750px) {
    section { padding-left: 10px; padding-right: 10px; width: calc(100% - 20px); }
	.contactPart .info-wrapper .ContactDetail .ContactEmail{ width: 100%;}
	.contactPart .info-wrapper .ContactDetail .ContactCode{ margin-left: 0; width: 100%; }
	.contactPart .info-wrapper .ContactDetail .ContactCode span { width: 88px; }
	.contactPart .info-wrapper .ContactDetail .ContactCode span:nth-child(1) { margin-left: calc(45% - 88px); }
	.contactPart .info-wrapper .ContactDetail .ContactCode span:nth-child(2) { margin-left: 10%; }
	.contactPart .info-wrapper .ContactDetail .ContactCode span img { height: 100%; width: 100%; }
}
@media (max-width: 670px) {
    .contactPart .ContactMethod-w .ContactMethod { height: auto; width: calc(100% - 30px); }
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail h3{ display: none; }
    .contactPart .ContactMethod-w .ContactMethod .ContactMethod-Detail p{ max-width: calc(100% - 84px); }

    .contactPart .info-wrapper .ContactDetail{ padding: 10px 15px; }
    .contactPart .info-wrapper .ContactDetail .ContactEmail .e-content{ margin: 15px 15px; padding: 0; width: calc(100% - 30px); }
}
@media (max-width: 500px) {
    .contactPart .info-wrapper .ContactDetail .ContactEmail .e-content .e-text{ margin: 15px; }
}