* {-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;}
.content-text {margin: 28px 0 39px 0;color: #333333;font-size: 18px; line-height: 36px; text-align:justify;}
.content-text p{ margin-bottom: 15px;}

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

.develops{ background: url(../image/aboutus/bg.jpg) no-repeat center center; background-size: cover; padding: 80px 0 90px;}
.aboutus{ overflow: hidden; width: 1534px; margin: 0 auto; position: relative;}
.aboutus li{ position: relative; text-align: center; width: 360px; margin: 0 75px; text-align: center; float: left;}
.aboutus_logo{ margin-top: 110px;}
.aboutus_icon{ width: 364px; height: 364px; background: url(../image/aboutus/abouus.png) no-repeat center center;}
.aboutus_tit{ font-size: 22px; color: #666666; font-style: italic; line-height: 36px;}
.aboutus_subtit{ font-size: 24px; color: #666666; line-height: 42px;}
.aboutus_txt{ font-size: 16px; color: #666666; line-height: 28px;}
.aboutus li.active .aboutus_logo{ margin-top: 110px;}
.aboutus li.active .aboutus_icon{ background-image: url(../image/aboutus/aboutus_on.png);}
.aboutus li.active .aboutus_tit, .aboutus .swiper-slide.swiper-slide-active .aboutus_subtit{ color: #0066B3;}
.aboutus li.active .aboutus_txt{ margin-top: 24px; color: #333333;}

@media only screen and (max-width: 1440px) {
    .services{ width: 1200px;}
    .services ul li a{ font-size: 16px;}
    .content-text{ font-size: 16px; line-height: 30px;}
    .develops{ padding: 60px 0 68px;}
    .aboutus{ width: 1150px;}
    .aboutus li{ width: 270px; margin: 0 56px;}
    .aboutus_logo{ margin-top: 82px; height: 56px;}
    .aboutus_icon{ width: 273px; height: 273px; background-size: 225px 225px;}
    .aboutus_tit{ font-size: 16px; line-height: 28px;}
    .aboutus_subtit{ font-size: 18px; line-height: 32px;}
    .aboutus_txt{ font-size: 14px; line-height: 21px;}
    .aboutus li.active .aboutus_logo{ margin-top: 82px;}
    .aboutus li.active .aboutus_icon{ background-size: 273px 273px;}
    .aboutus li.active .aboutus_txt{ margin-top: 18px;}
}

@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;}
    .content-text{ font-size: 3.6vw; line-height: 6vw;}
    .aboutus{ width: 100%;}
    .aboutus li{ width: 100%; margin: 0 0 5vw 0;}
    .aboutus_icon{ width: 100%; height: 50vw; background-size: auto 100%;}
    .aboutus li.active .aboutus_logo, .aboutus_logo{ margin-top: 10.6vw; height: 10vw;}
    .aboutus_tit{ font-size: 4vw;}
    .aboutus_subtit{ font-size: 4.4vw;}
    .aboutus_txt{ font-size: 3.6vw; margin-top: 18px;}
    .aboutus li.active .aboutus_icon{background: url(../image/aboutus/abouus.png) no-repeat center center;background-size: auto 100%;}
    .develops{ padding: 12vw 0 8vw;}
    .services ul{ text-align: center;}
    .services ul li {background-size: 1px 6vw;width: auto;padding: 0 4vw;display: inline-block;float: none;}
}