﻿@font-face { font-family: 'SHCNExtraLight'; src: url('/skin/font/SourceHanSansCN-ExtraLight.otf') format('opentype'); }

.banner { width: 100%; min-width: 1200px; position: relative; background-image: url('../images/contact/ban.jpg'); height: 440px; background-position: center; background-repeat: no-repeat; }



.content2 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 30px 0px; }

    .content2 .left { float: left; width: 450px; text-align: left; }
        .content2 .left ul { width: 100%; overflow: hidden; }
            .content2 .left ul li { width: 100%; text-align: left; padding-bottom: 60px; }
                .content2 .left ul li div { display: table-cell; vertical-align: top; }
                    .content2 .left ul li div.txt { padding-left: 15px; font-size: 18px; font-family: "SHCNRegular"; color: #141414 }
                        .content2 .left ul li div.txt p { font-size: 14px; }

    .content2 .right { float: right; width: 750px; padding-left: 50px; }
        .content2 .right dl { width: 100%; }
            .content2 .right dl dt { padding: 5px 0px; text-align: left; width: 100%; font-size: 18px; color: #4c4c4c; font-family: "SHCNExtraLight" }
            .content2 .right dl dd { padding: 0px 0px 20px 0px; text-align: left; width: 100%; font-size: 14px; color: #4c4c4c; font-family: "SHCNExtraLight" }


.name { border: solid 1px #d2d2d2; border-radius: 4px; height: 30px; padding-left: 5px; line-height: 30px; width: 520px; }
.textarea { border: solid 1px #d2d2d2; border-radius: 4px; width: 100%; height: 80px; padding-left: 5px; }
a.submit { float: right; background-color: #2a3b6d; border-radius: 4px; padding: 10px 50px; color: #fff; font-size: 18px; }


.content3 { overflow: hidden; background-color: #fff; width: 1200px; border: solid 0px #000; padding: 0px 0px 30px 0px; }


@media only screen and (max-width:1440px) {
}



@media only screen and (max-width:1200px) {
}





@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:960px) {
}


@media only screen and (max-width:768px) {
}

@media only screen and (max-width:480px) {
}

@media only screen and (max-width:320px) {
}
