.banner-aboutus { background-color: #25376E; height: 300px; background-image: url('../image/banner-ssp.jpg');}
.banner-aboutus .content { position: relative;}
.banner-aboutus h1 { color: #fefeff; font-size: 45px; display: block; position: absolute; top: 120px; left: 100px; font-weight: 300;}

.banner-jobs { height: 300px; background-image: url('../image/banner-jobs.png');}
.banner-jobs .content { position: relative;}
.banner-jobs h1 { color: #fefeff; font-size: 45px; display: block; position: absolute; top: 120px; left: 100px; font-weight: 300;}

.aboutus-cont { padding-top: 40px; padding-bottom: 50px; margin: auto;}
.aboutus-cont:after { display: block; content: ''; clear: both;}
.aboutus-cont .content { width: 1000px;}
.aboutus-cont h1 { margin-bottom: 20px;}
.aboutus-cont img { border: solid 1px #CCC; width: 500px; margin: 0px 20px 20px 0px; float: left;}
.aboutus-cont .img2 {border: solid 1px #CCC; width: 500px; margin: 0px 00px 20px 20px; float: right;}
.aboutus-cont p { line-height: 26px; margin-bottom: 10px; text-indent:2em;}

hr { margin-top: 50px; margin-bottom: 50px;}

.contact { padding-bottom: 50px;}
.contact:after { display: block; content: ''; clear: both;}
#map-container { height: 300px;}

.lxfs { width: 550px; float: left; padding-left: 50px;}
.lxfs .title { color: #000; font-weight: 600; font-size: 20px;}
.lxfs ul { padding-top: 20px;}
.lxfs ul li { height: 34px; line-height: 34px; color: #333; font-size: 14px;}
.lxfs ul li i { width: 20px;}
.lxfs ul li label { font-weight: 600;}
.lxfs ul li a { color: #FF7506;}
.lxfs ul li a:hover { text-decoration: underline;}

.ewm { width: 550px; float: left; padding-left: 50px;}
.ewm .title { color: #000; font-weight: 600; font-size: 20px;}
.ewm ul { padding-top: 20px;}
.ewm ul li { float: left; margin-right: 10px;}
.ewm ul li img { width: 140px; height: 140px;}
.ewm ul li label { display: block; text-align: center; font-weight: 600;}

.jobs {}
.jobs .content { text-align: center;}
.jobs img { margin: auto; width: 500px;}
.jobs .item { width: 800px; margin: 0px auto 40px auto; background-color: #FFF; border-radius: 10px; padding: 30px; text-align: left;}
.jobs .item .title { height: 50px; line-height: 50px; color: #2D2D2D; font-size: 20px; font-weight: 400;}
.jobs .item .title:before { display: block; content: ''; width: 8px; height: 20px; float: left; background-color: #006CDB; margin-right: 10px; margin-top: 15px; border-radius: 2px;}
.jobs .item .sub-item .sub-title { height: 40px; line-height: 40px; background-color: #F6F6F6; border-radius: 5px; padding-left: 20px; font-weight: bold; font-size: 16px;}
.jobs .item .sub-item p { padding: 20px; line-height: 26px;  color: #676767;}

@media(max-width:640px){
    .banner-aboutus { background-color: #25376E; height: 200px; background-image: url('../image/banner-ssp.jpg');}
    .banner-aboutus .content { position: relative;}
    .banner-aboutus h1 { color: #fefeff; font-size: 45px; display: block; position: absolute; top: 80px; left: 100px; font-weight: 300;}

    .banner-jobs { height: 200px; background-image: url('../image/banner-jobs.png'); background-position: center;}
    .banner-jobs .content { position: relative;}
    .banner-jobs h1 { color: #fefeff; font-size: 45px; display: block; position: absolute; top: 120px; left: 100px; font-weight: 300;}

    .aboutus-cont { padding-top: 20px; padding-bottom: 50px; margin: auto;}
    .aboutus-cont:after { display: block; content: ''; clear: both;}
    .aboutus-cont .content { width: 100%;  text-align: center;}
    .aboutus-cont h1 { margin-bottom: 20px;}
    .aboutus-cont img { border: solid 1px #CCC; width: 90%; margin: auto; float: none;}
    .aboutus-cont .img2 {border: solid 1px #CCC; width: 90%; margin: auto; float: none;}
    .aboutus-cont p { line-height: 26px; margin-bottom: 10px; text-indent:2em; text-align: left; padding: 15px;}

    hr { margin-top: 20px; margin-bottom: 20px;}

    .contact { padding-bottom: 50px;}
    .contact:after { display: block; content: ''; clear: both;}
    #map-container { width: 100%;}

    .lxfs { width: auto; float: none; padding: 20px;}
    .lxfs .title { color: #000; font-weight: 600; font-size: 20px;}
    .lxfs ul { padding-top: 20px;}
    .lxfs ul li { height: 34px; line-height: 34px; color: #333; font-size: 14px;}
    .lxfs ul li i { width: 20px;}
    .lxfs ul li label { font-weight: 600;}
    .lxfs ul li a { color: #FF7506;}
    .lxfs ul li a:hover { text-decoration: underline;}

    .ewm { width: auto; float: none; padding: 20px;}
    .ewm .title { color: #000; font-weight: 600; font-size: 20px;}
    .ewm ul { padding-top: 20px;}
    .ewm ul li { float: left; margin-right: 10px;}
    .ewm ul li img { width: 140px; height: 140px;}
    .ewm ul li label { display: block; text-align: center; font-weight: 600;}

    .jobs {}
    .jobs .content { text-align: center;}
    .jobs img { margin: auto; width: 100%;}
    .jobs .item { width: auto; margin: 20px; background-color: #FFF; border-radius: 10px; padding: 20px; text-align: left;}
    .jobs .item .title { height: 50px; line-height: 50px; color: #2D2D2D; font-size: 20px; font-weight: 400;}
    .jobs .item .title:before { display: block; content: ''; width: 8px; height: 20px; float: left; background-color: #006CDB; margin-right: 10px; margin-top: 15px; border-radius: 2px;}
    .jobs .item .sub-item .sub-title { height: 40px; line-height: 40px; background-color: #F6F6F6; border-radius: 5px; padding-left: 20px; font-weight: bold; font-size: 16px;}
    .jobs .item .sub-item p { padding: 20px; line-height: 26px; font-size: 12px; color: #676767;}
}