* {-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: #0D0A26;font-size: 14px;font-weight: 300;opacity: .75;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: 25%; 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;}

.waybill{ width: 810px; margin: 0 auto;}
.waybill ._item{ margin-bottom: 30px; overflow: hidden;}
.waybill ._item label{ font-size: 18px; color: #333333; line-height: 52px;}
.waybill ._item label span{ color: #CC0000;}
.waybill ._item label p{ display: inline-block; color: #999999;}
.waybill ._item .form-input{ height: 52px;}
.waybill ._item .form-text{ height: 200px;}
.waybill ._item .form-input, .waybill ._item .form-text{ border: 1px solid #CCCCCC; padding: 0 10px; width: 700px; float: right; font-family: initial;font-size: initial;}
.waybill ._items{ overflow: hidden; padding-left: 110px;}
.waybill ._items ._itemss{ float: left; line-height: 64px; width: 190px;}
.waybill ._items ._itemss:nth-child(4n){ width: auto;}
.waybill ._items ._itemss input{ margin-right: 15px; width: 24px; height: 24px; border: 1px solid #CCCCCC;}
.waybill ._items ._itemss input:checked{}
.waybill ._items ._itemss label{ font-size: 18px; color: #333333;}
.waybill .apply-btn{ width: 300px; line-height: 61px; margin: 0 auto; background-color: #0C50D9; font-size: 22px; color: #ffffff; font-weight: bold; text-align: center;}
.waybill .form-submit{}

@media only screen and (max-width: 1440px) {
    .services{ width: 1200px;}
    .services ul li a{ font-size: 16px;}
}

@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;}
    .services ul li{ background-size: 1px 25px;}
    .section{ padding-top: 30px;}
    .content-title{ font-size: 5vw; font-weight: bold;}
    .content-text {margin: 4vw 0 5.5vw 0; padding: 0 4vw;}
    .waybill, .container{ width: 100%;}
    .forms{ padding: 0 4vw;}
    .waybill ._item .form-input, .waybill ._item .form-text{ width: 100%;}
    .waybill ._items{ padding-left: 0;}
    .waybill ._item label{ font-size: 4.4vw;}
    .waybill ._item .form-input, .waybill ._item .form-text{ font-size: 4vw;}
    .waybill ._item{ margin-bottom: 4vw;}
    .waybill ._items ._itemss label{ font-size: 4vw;}
    .waybill ._items ._itemss input{ margin-right: 2vw; width: 3.2vw; height: 3.2vw;}
    .waybill ._items ._itemss{ width: 50%; line-height: 10vw;}
    .waybill ._item label{ line-height: 10vw;}
    .waybill .apply-btn {width: 100%; line-height: 10vw;font-size: 4vw;}
}