* {
    margin: 0px;
    padding: 0px;
    padding: 0px;
}

#content {
    width: 100%;
    min-width: 1300px;
    overflow: hidden;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Bold.otf');
    font-weight: normal;
    font-style: normal
}

.DIN {
    font-family: 'DIN';
}

#content .banner {
    width: 100%;
    margin: 0px auto;
    height: 500px;
    background: url(./../images/scene1/topbeijing.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
}

#content .banner .banner_in {
    width: 1300px;
    margin: 0 auto;
}

#content .banner .banner_tit {
    width: 1300px;
    margin: 150px auto 30px;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 48px;
    color: #f0f0f0;
}

#content .banner .banner_text {
    width: 1300px;
    margin: 0px auto;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    color: #f0f0f0;
    line-height: 36px;
}

#content .banner a {
    width: 310px;
    height: 60px;
    line-height: 60px;
    /* font-family: "MicrosoftYaHei"; */
    font-size: 20px;
    text-align: center;
    color: #f0f0f0;
    background-color: #e80000;
    border: none;
    display: inline-block;
    margin-top: 80px;
}

#content .banner a::after {
    content: url(./../images/businesslist/jiantou_03.png);
    width: 20px;
    height: 16px;
    margin-left: 30px;
}

#content .nav_out {
    width: 100%;
    height: 70px;
    background-color: #000;
    position: absolute;
    top: 570px;
}

#content .nav {
    width: 100%;
    height: 70px;
    background-color: #000;
    z-index: 100;
}

#content .nav2 {
    display: none;
}

.guding {
    position: fixed;
    display: block!important;
    top: 71px;
}

#content .nav .nav_in {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
}

#content .nav .nav_in .nav_btn {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
}

#content .nav .nav_in .one {
    width: 217px;
}

#content .nav .nav_in .two {
    width: 248px;
}

#content .nav .nav_in .two .xq {
    text-align: right!important;
}

.nav_btn_8 {
    width: 116px!important;
}

.nav_text_08 {
    text-align: left!important;
}

#content .nav .nav_in .shuzi {
    width: 40px;
}

#content .nav .nav_in .three {
    width: 214px;
}

#content .nav .nav_in .four {
    width: 214px;
}

#content .nav .nav_in .nav_btn .nav_text {
    text-align: center;
    width: inherit;
    font-size: 18px;
    color: #fff;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#content .nav .nav_in .nav_btn .nav_text:hover {
    color: #e80000;
    transition: all ease 0.3s;
}

.light {
    font-weight: lighter;
}

#content .nav .nav_in .nav_btn .change {
    color: #e80000;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus {
    background-color: #1b1b1b;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus::after {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #ff0000;
    position: absolute;
    bottom: 0;
    transition: all ease 0.3s;
}

#content .nav .nav_in .focus2::after {
    content: '';
    width: 1px;
    height: 4px;
    background-color: #ff0000;
    position: absolute;
    bottom: 0;
    transition: all ease 0.3s;
}

#content .list {
    position: absolute;
    background-color: #fff;
    top: 70px;
    left: 512px;
    z-index: 50;
    display: none;
    box-shadow: 0px 5px 10px -7px #000000;
}

#content .list .list_in:hover {
    background-color: #e80000;
    color: #fff;
    transition: all ease 0.3s;
}

#content .list a {
    font-size: 16px;
    display: block;
    padding: 10px 0;
    padding-left: 28px;
    padding-right: 50px;
}

#content .list .focus {
    background-color: #e80000;
    color: #fff;
    transition: all ease 0.3s;
}


/* #content .list .list_in:hover{
    background-color: #e80000;
    color: #fff;
    transition: all ease 0.3s;
} */

#content .text {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin-top: 70px;
}

#content .text .biaoti1 {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 70px;
    font-weight: lighter;
    text-align: center;
    color: #181818;
    margin-top: 120px;
    margin-bottom: 70px;
}

#content .text .neirong {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 18px;
    text-align: justify;
    color: #505050;
    line-height: 36px;
}

#content h2 {
    /* font-family: "MicrosoftYaHei"; */
    font-weight: bold;
    font-size: 48px;
    color: #e80000;
    margin-top: 120px;
    margin-bottom: 70px;
    text-align: center;
}

#content .service {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #f6f6f6;
    position: relative;
}

#content .service .ser_in {
    width: 1300px;
    margin: 0 auto;
    text-align: justify;
}

#content .service .neirong1 {
    /* font-family: "MicrosoftYaHei"; */
    font-size: 14px;
    color: #505050;
    padding-bottom: 70px;
    line-height: 32px;
}

#content .service .ser_in .text {
    width: 100%;
    margin-bottom: 120px;
}

#content .service .ser_in .text img {
    width: 610px;
    float: left;
}

#content .service .ser_in .text_01 img {
    width: 645px;
    float: left;
}

#content .service .ser_in .text_02 img {
    width: 855px;
}

#content .service .ser_in .text .text_in {
    width: 610px;
    float: left;
    position: relative;
}

#content .service .ser_in .text .text_in_01 {
    width: 575px;
    float: left;
    position: relative;
}

#content .service .ser_in .text .text_in p {
    font-size: 60px;
    color: #e80000;
    font-weight: bold;
    float: left;
    line-height: 50px;
    font-family: 'DIN';
}

#content .service .ser_in .text .text_in h4 {
    font-size: 30px;
    color: #181818;
    margin-top: 11px;
    text-indent: 0.7em;
}

#content .service .ser_in .text .text_in h5 {
    font-size: 26px;
    color: #181818;
    margin-top: 20px;
    text-indent: 0.7em;
    position: relative;
}

#content .service .ser_in .text .text_in h5::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #181818;
    position: absolute;
    top: 16px;
    left: 0px;
}

#content .service .ser_in .text .text_in span {
    font-size: 14px;
    color: #505050;
    line-height: 28px;
    display: inline-block;
    margin-top: 20px;
}

#content .service .ser_in .text .text_in_02 {
    width: 365px;
    float: left;
    position: relative;
}

#content .service .ser_in .text .text_in_02_r {
    width: 855px;
    float: left;
}

#content .service .ser_in .text .text_in_02_l {
    margin-right: 80px;
    width: 855px;
    float: left;
}

#content .service .ser_in .text .text_in_02_r img {
    margin-bottom: 30px;
}

#content .service .ser_in .text .text_in_02_r .img2 {
    width: 420px;
    margin-right: 80px;
    margin-bottom: 0;
}

#content .service .ser_in .text .text_in_02_r span {
    width: 350px;
    margin-top: 0;
}

#content .service .ser_in .text .text_in_02_l img {
    margin-bottom: 30px;
}

#content .service .ser_in .text .text_in_02_l .img2 {
    width: 365px;
    margin-bottom: 0;
}

#content .service .ser_in .text .text_in_02_l span {
    width: 410px;
    margin-top: 0;
    float: left;
    margin-right: 80px;
}

#content .case {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#content .case .swiper-container {
    width: 1300px;
    height: 520px;
    /* padding-left: 50px;
    padding-right: 50px; */
}

#content .case .swiper-wrapper {
    width: 1300px;
}


/* .swiper-pagination-bullet-active{
    background-color: #e80000;
} */

.swiper-button-prev {
    left: 5px;
}

.swiper-button-next {
    right: 5px;
}

.swiper-button-next,
.swiper-button-prev {
    color: #aaaaaa;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #f30002;
}

#content .case .box {
    width: 413px;
    margin-right: 30px;
    height: 520px;
    background-color: #f6f6f6;
}

#content .case .box .img_out {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#content .case .box img {
    width: 413px;
    height: 274px;
    transition: all ease .4s;
}

#content .case .box:hover img {
    transform: scale(1.03);
    transition: all ease .4s;
}

#content .case .box h3 {
    margin: 30px;
    font-size: 24px;
    margin-bottom: 15px;
}

#content .case .box p {
    width: 353px;
    height: 84px;
    margin: 0 30px;
    font-size: 14px;
    line-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#content .case .box .ljgd {
    width: 90px;
    margin: 0 30px;
    font-size: 14px;
    line-height: 28px;
    color: #f30002;
    display: inline-block;
    margin-top: 25px;
}
#content .case .box .img_out a{
    width: 413px;
    height: 274px;
    position: absolute;
    top: 0;
    margin: 0;
}

#content .case .box .ljgd::after {
    content: url(../images/scene1/jiantou_03.png);
    width: 18px;
    height: 15px;
    position: absolute;
    left: 90px;
    bottom: 44px;
    transition: all ease 0.3s;
}

#content .case .box .ljgd:hover::after {
    left: 100px;
    transition: all ease 0.3s;
}

#content .pre {
    width: 100%;
    /* height: 670px; */
    overflow: hidden;
    position: relative;
    z-index: 0;
}

#content .pre .pre_in {
    width: 1300px;
    background-color: #f6f6f6;
    margin: 0 auto;
    overflow: hidden;
}

#content .pre h4 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 40px;
}

#content .pre p {
    font-size: 14px;
    line-height: 28px;
    color: #535353;
    margin: 0 auto;
    margin-bottom: 140px;
    width: 1075px;
}

#content .pre img {
    margin-bottom: 60px;
}

#content .pre .bgc2 {
    width: 100%;
    height: 450px;
    position: absolute;
    background-color: #e80000;
    z-index: -1;
    bottom: 0;
}

.clear {
    clear: both;
}

.mgt {
    margin-top: 0!important;
}

.mgb {
    margin-bottom: 140px!important;
}

.mgb2 {
    margin-bottom: 60px !important;
}

.mgb3 {
    margin-bottom: 30px !important;
}

.mgr {
    margin-right: 80px!important;
}

#numone {
    position: absolute;
    top: -141px;
}

#service {
    position: absolute;
    top: -141px;
}

#case {
    position: absolute;
    top: -141px;
}

#pre {
    position: absolute;
    top: -141px;
}

#a01,
#a02,
#a03,
#a04,
#a05,
#a06,
#a07,
#a08 {
    position: absolute;
    top: -211px;
}

.shu {
    width: 1px;
    height: 17px;
    background-color: #535353;
    float: left;
    margin-top: 26.5px;
}

.swiper-button-prev {
    right: 251px;
    left: auto;
    bottom: 55px;
    top: auto;
    background: none;
    color: #e3e3e3;
}

.swiper-button-prev:hover::after {
    content: url(../images/index/images/arrow_hover.png);
}

.swiper-button-next:hover::after {
    content: url(../images/index/images/arrow1_hover.png);
}


/* .swiper-button-prev.swiper-button-disabled::after {
    content: url(../images/index/images/arrow.png);
}

.swiper-button-next.swiper-button-disabled::after {
    content: url(../images/index/images/arrow1.png);
} */

.swiper-button-prev::after {
    content: url(../images/index/images/arrow.png);
}

.swiper-button-next::after {
    content: url(../images/index/images/arrow1.png);
}


/* .swiper-button-prev:hover {
    color: red;
} */

.swiper-button-next {
    right: 73px;
    bottom: 55px;
    top: auto;
    background: none;
    color: #e3e3e3;
}

.swiper-button-next:hover {
    color: red;
}

.swiper-pagination {
    font-family: 'DINRegular';
    width: 90px;
    height: 30px;
    bottom: 65px;
    right: 130px;
    left: auto;
    font-size: 24px;
}

.current {
    color: red;
}