* {-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;}

.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;}

.contact{ width: 84%; margin:  0 auto;}
.contact_l{ background: url(../image/contact/line.png) no-repeat right center;}
.contact_l li{ float: left; margin-right: 80px;}
.contact_l li p{ font-size: 14px; color: #999999; margin-top: 10px;}
.contact_r{}
.contact_r img{ vertical-align: middle; margin-right: 10px; height:25px;}
.contact_r p{ font-size: 16px; color: #333333; line-height: 40px;}
.contact_r p strong{ font-size:20px; margin-top:15px; display:block;}

.map{ width: 84%; margin: 0 auto;}

@media only screen and (max-width: 1440px) {
    .services{ width: 1200px;}
    .services ul li a{ font-size: 16px;}
    .contact_l li{ margin-right: 60px; width: 165px;}
    .contact_l li p{ font-size: 12px; margin-top: 7px;}
    .contact_r{ margin-top: 22px;}
    .contact_r img{ margin-right: 15px;}
    .contact_r p{ font-size: 16px; line-height: 44px;}
}

@media only screen and (max-width: 1024px) {
    .services{ width: 960px;}
    .services ul{ width: 100%;}
    .services ul li a{ font-size: 14px;}
    .contact_l li{ margin-right: 42px; width: 116px;}
    .contact_l li p{ margin-top: 5px;}
    .contact_r{ margin-top: 15px;}
    .contact_r img{ margin-right: 10px;}
    .contact_r p{ line-height: 30px;}
}

@media only screen and (max-width: 540px) {
    .services {width: 96%;margin: -30px auto 0;}
    .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;}
    .content-title{ font-size: 5vw; font-weight: bold;}
    .article{ padding-top: 6.6vw;}
    .contact{ width: 100%;}
    .contact_l{ background: none;}
    .contact_l li{ margin-right: 0; width: 45%;}
    .contact_l li:nth-child(2){ float: right;}
    .contact_r img{ height: 6vw; margin-right: 2vw;}
    .contact_r p{ font-size: 3.6vw;}
    .map{ width: 100%;}
}