* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container {position: relative;width: 1300px;height: 100%;padding: 0;left: 50%;transform: translateX(-50%);}
a, a:hover, a:focus {color: inherit;}
.section {width: 100%;padding-top: 60px;color: #061828;}
.content-title {font-size: 32px;font-weight: 500;text-align: center; border-bottom: 1px solid #CCCCCC; padding-bottom: 30px;}

.services{ background-color: #ffffff; width: 1440px; height: 90px; margin: -45px auto 0; border-radius: 10px; position: relative; z-index: 1; box-shadow: 0 5px 10px 0 rgba(18, 32, 46, 0.14);}
.services ul{ width: 1004px; margin: 0 auto;}
.services ul li{ width: 33.3%; text-align: center; float: left; line-height: 90px; background: url(../image/services/line.jpg) no-repeat right center;}
.services ul li:last-child{ background: none;}
.services ul li a{ font-size: 18px; color: #333333;}
.services ul li.active a{ color: #0D52D8;}

.article{ padding-top: 50px;}
.article, .article p{ font-size: 16px; color: #333333; line-height: 30px;}

.recruit{ background: url(../image/recruit/bg.png) no-repeat right top; padding-top: 30px;}
.recruit h1{ font-size: 24px; color: #006699; margin-bottom: 5px;}
.recruit h2{ color: #333333; font-size: 16px; line-height: 42px;}
.recruit p{ font-size: 16px; color: #494949; line-height: 32px;}
.recruit img{ display: block; margin: 16px 0;}
.recruit h3{ font-size: 24px; color: #FF6000;}
.recruit_ul{ margin-top: 20px;}
.recruit_ul li{ background-color: #FFF2E3; padding: 15px 30px 0; width: 100%; height: 140px; margin-bottom: 20px;}
.recruit_ul li h4{ font-size: 16px; color: #FF6000; line-height: 46px;}
.recruit_ul li p{ font-size: 16px; color: #333333; line-height: 28px;}

.recruit_wrap{ width: 940px;}

@media only screen and (max-width: 1440px) {
    .services{ width: 1200px;}
    .services ul li a{ font-size: 16px;}
    .recruit{ background-size: 338px; padding-top: 22px;}
    .recruit h1{ font-size: 18px; margin-bottom: 3px;}
    .recruit h2{ font-size: 14px; line-height: 32px;}
    .recruit p{ font-size: 14px; color: #494949; line-height: 24px;}
    .recruit img{ margin: 12px 0;}
    .recruit h3{ font-size: 18px;}
    .recruit_ul{ margin-top: 15px;}
    .recruit_ul li{ padding: 11px 22px 0; height: 105px; margin-bottom: 15px;}
    .recruit_ul li h4{ font-size: 14px; line-height: 34px;}
    .recruit_ul li p{ font-size: 14px; line-height: 22px;}
    .recruit_wrap{ width: 70%;}
}

@media only screen and (max-width: 1024px) {
    .services{ width: 960px;}
    .services ul{ width: 100%;}
    .services ul li a{ font-size: 14px;}
}

@media only screen and (max-width: 540px) {
    .services {width: 96%;margin: -30px auto 0;}
    .content-title{ font-size: 5vw; font-weight: bold; padding-bottom: 4vw;}
    .recruit_wrap{ width: 100%;}
    .recruit_ul li{ height: auto; padding-bottom: 20px;}
    .recruit{ background: none;}
    .services ul{ text-align: center;}
    .services ul li{ background-size: 1px 6vw; width: auto; padding: 0 4vw; display: inline-block; float: none;}
    .section{ padding-top: 8vw;}
}