div{
    box-sizing: border-box;
}
.full-item{
    position: relative;
}
.full-page-list{
    position: fixed;
    right:30px;
    top:50%;
    transform: translateY(-50%);
    z-index:99
}
.full-page-item{
    width:5px;
    height: 20px;
    background-color: #CCCCCC;
    margin-bottom:5px;
    cursor: pointer;
}
.full-active-page{
    position: absolute;
    top:0;
    left:0;
    width:5px;
    height: 20px;
    background-color: #AE1F24;
    z-index:1;
    transition: all ease-in-out .4s;
}
.full-page-item:last-child{
    margin-bottom: 0;
}
.full-page-item-active{
    background-color: #AE1F24;
}
.banner{
    width:100%;
    height: calc(100% - 220px);
    position:relative;
    /*margin-top:120px;*/
}
.banner img{
    width: 100%;
    height: 100%;
}
.bannerTips{
    position: absolute;
    top:calc(23.6% - 10px);
    left:32.4%;
    width:100%;
    font-size:0;
}
.bannerContent_mobile{
    display: none;
}
.banner-content{
    width:29%;
    color:#022C49;
    font-size:12px;
    line-height: 18px;
    text-align: justify;
}
.bannerTitle{
    font-size:0;
    color:#022C49;
}
.title-item{
    display:inline-block;
    font-weight: 400;
    font-size:2.6vw;
    margin-bottom:10px;
    font-weight: bold;
    --fontSize:2.6vw
}
.bannerDescribe{
    display: block;
    width:85%;
    max-width: 565px;
    font-size:0.875rem;
    line-height: 1.5rem;
    color:#052983;
}
.bot{
    height: 10px;
    width: 36px;
    margin-top:16px;
    margin-bottom:21px;
    background-color: #ae1f24;
}
.section{
    width:100%;
    height:140px;
    padding:0 23%;
    box-sizing:border-box;
    display: flex;
    justify-content:space-between;
    background-color: #ffffff;
}
.section .item{
    position: relative;
    flex:1;
    text-align: center;
    cursor: pointer;
}
.section .item .centerBox{
    position:relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.section .item .centerBox i{
    font-size:44px;
}
.section .item .centerBox span{
    display: block;
    width:auto;
    margin-top:12px;
    font-size:14px;
    color: #333333;
}
.section .item:hover .centerBox i{
    color:#ae1f24;
}
.section .item:hover .centerBox span{
    color:#ae1f24;
}
.devise{
    position:relative;
    width:100%;
    height: 100%;
    background-color: #efefef;
    z-index: 1;
    border: 1px solid transparent;
    padding:20px 10.5% 60px;
    box-sizing: border-box;
}
.nav_mobile{
    display: none;
}
.slider-nav{
    display: none;
}
.full-content{
    position: relative;
    width:100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.devise .full-content{
    background-image: url("../images/qiannanzhou.png");
}
.project .full-content{
    background-image: url("../images/qianxixian.png");
}
.sectionTitle{
    width: 100%;
    text-align: center;
    padding-top:20px;
    font-size:2.25rem;
    color:#333333
}
.sectionTitle .fenge{
    width:100%;
    height: 1rem;
}
.sectionTitle .sectionList{
    width: 24%;
    min-width: 460px;
    margin:0 auto;
    display: flex;
    justify-content:space-between;
}
.sectionTitle .sectionList span{
    flex:1;
    text-align: center;
    font-size:1rem;
    color: #999999;
}
.sectionImage{
    position: relative;
    width:100%;
    height: calc(100% - 83px);
    margin:0 auto;
}
.sectionImage img{
    display: block;
    margin:0 auto;
    width: 100%;
    height: 100%;
}
.sectionImgDescribe{
    position:absolute;
    width: 50%;
    max-width: 503px;
    top:74.5%;
    left:55%;
    box-sizing: border-box;
}
.sectionImgDescribe .fenge{
    width:100%;
    height: 1.25rem;
}
.sectionImgDescribe .title{
    font-size:1.25rem;
    font-weight: bold;
    color: #333333;
}
.sectionImgDescribe .describe-content{
    width:100%;
    font-size:0.875rem;
    line-height: 1.3125rem;
    color: #666666;
    word-break: break-all;
    word-wrap:break-word;
    text-align: justify;
}
sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: 5px;
}
.more{
    position:absolute;
    bottom:10px;
    left:calc(50% - 87px);
    width:175px;
    height: 42px;
    border:1px solid #ae1f24;
    color: #ae1f24;
    cursor: pointer;
    z-index:999;
}
.more span{
    position: absolute;
    top:50%;
    left:42%;
    transform: translate(-42%,-50%);
    font-size:14px;
}
.more:hover{
    color:white;
    background-color: #ae1f24;
}
.more:hover span{
    color:white;
}
.more:hover .arrow{
    color:white;
}
.more .arrow {
    position:absolute;
    left:75%;
    top:50%;
    transform: translateY(-50%);
    color:#ae1f24 ;
    font-weight: bold;
}
.more .arrow i{
    font-size:20px;
}
.project{
    position:relative;
    width:100%;
    height: 100%;
    z-index: 1;
    border: 1px solid transparent;
    box-sizing: border-box;
    padding:20px 12% 60px;
}
.project .line{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    display: flex;
    justify-content:space-between;
    z-index:-1;
}
.project .line .item{
    flex:1;
    border-right:1px solid #e5e5e5;
}
.project .line .item:last-child{
    border:none;
}
.next{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7%;
    min-height: 50px;
    z-index: 99;
    opacity: 0;
    transition: opacity ease .4s;
    pointer-events: none;
}
.prev{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7%;
    min-height: 50px;
    z-index: 99;
    opacity: 0;
    transition: opacity ease .4s;
    pointer-events: none;
}
.next img,.prev img{
    width:32px;
    height: 32px;
    position: absolute;
    left:50%;
    cursor: pointer;
}
.next img{
    bottom:0;
    transform: translate(-50%,0);
}
.prev img{
    top:-100%;
    transform: translate(-50%,0);
}
.next-animate{
    animation: toBottom ease-in 1s infinite;
}
.prev-animate{
    animation: toTop ease-in 1s infinite;
}
.imgShow{
    opacity: 1;
    pointer-events: auto;
}
@-webkit-keyframes toBottom {
    0%{
        bottom:10px;
    }
    50%{
        bottom:0;
    }
    100%{
        bottom:10px
    }
}
@-webkit-keyframes toTop {
    0%{
        top:6px;
    }
    50%{
        top:0;
    }
    100%{
        top:6px
    }
}
.bim{
    width:100%;
    height: 100%;
    position:relative;
}
.bim .videoBox{
    width:100%;
    height: 540px;
    position:relative;
}
.bim .videoBox .playBtn{
    position:absolute;
    width:84px;
    height: 84px;
    top:calc(50% - 43px);
    left:calc(50% - 43px);
    background-color: rgba(64,64,64,.8);
    border: 2px solid #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}
.bim .videoBox .playBtn img{
    width:36px;
    height: 36px;
    position:absolute;
    top:calc(50% - 18px);
    left:calc(50% - 15px)
}
.bim .videoBox img{
    width:100%;
    height: 100%;
}
.bim .videoList{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width:100%;
    height: calc(100% - 540px);
    padding:50px 18.75% 65px;
    background-color: #efefef;
    box-sizing: border-box;
}
.bim .videoList .videoList-item{
    width:26.7%;
    max-height: 220px;
    cursor: pointer;
}
.bim .videoList .videoList-item:hover span{
    color:#AE1F24
}
.bim .videoList .videoList-item:hover span::after{
    border-left-color:#AE1F24
}
.bim .videoList .videoList-item span::after{
    content:'';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    border-width:6px;
    border-radius: 2px;
    border-style: solid;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: #666666;
}
.bim .videoList .videoList-item img{
    width:100%;
    height: 180px;
}
.bim .videoList .videoList-item span{
    display: block;
    position: relative;
    width:100%;
    text-indent: 10px;
    font-size:16px;
    color:#333333;
}
/* .news{
    position:relative;
    width:100%;
    margin-bottom:3.125rem
}
.news .newList{
    position:relative;
    width:100%;
    padding:0 10%;
    box-sizing: border-box;
}
.news .newList .item{
    width:40%;
    margin-top:3.75rem;
    margin-right:9%;
    display:inline-block;
}
.news .newList .item:hover .newTitle{
    color:#AE1F24;
}
.news .newList .item:nth-child(odd){
    margin-left:6%;
}
.news .newList .item:nth-child(even){
    margin-right:0;
}
.news .newList .item .TimeBox{
    display:inline-block;
}
.news .newList .item .newId{
    width:45px;
    height: 40px;
    text-align: left;
    font-size:42px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.news .newList .item .newTime{
    font-size:14px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-top:8px;
}
.news .newList .item .newLine{
    position:relative;
    display: inline-block;
    width:1px;
    height:54px;
    margin-left:4px;
    background:rgba(0,0,0,1);
    bottom: -1px;
}
.news .newList .item .titleBox{
    display: inline-block;
    margin-left:9px;
    width:80%;
}
.news .newList .item .newTitle{
    width:100%;
    display: inline-block;
    font-size:24px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.news .newList .item .newTitle:hover{
    color:#AE1F24
}
.news .newList .item .newDescribe{
    width:100%;
    display: inline-block;
    font-size:14px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
} */
.partners{
    position:relative;
    width:100%;
}
.partners .partList {
    padding: 0 17%;
    margin-top:1.875rem;
}
.partners .partList .item{
    position: relative;
    height: 200px;
    margin-bottom:1.25rem;
}
.partners .partList .item i{
    position: relative;
    font-size:22px;
    top:2px;
}
.partners .partList .item:first-child i{
    font-size:28px;
    top:4px;
}
.partners .partList .item:nth-child(2) i{
    font-size:24px;
}
.partners .partList .item img{
    margin:0 auto;
    max-width: 100%;
}

.titleContent{
    font-size:1.125rem;
    font-weight: bold;
    display: inline-block;
    padding-left:20px;
    border-left:2px solid black;
    line-height: 23px;
    position: relative;
    vertical-align: middle;
}
.title img{
    max-width: 80px;
    vertical-align: middle;
}
.serviceContent .Describe{
    width:55%;
    margin:0 auto;
    text-align: center;
    margin-top:2.75rem;
    font-size:1rem;
    color: #666666;
    line-height: 1.5rem;
}
.serviceContent .iconList{
    display: flex;
    justify-content: space-around;
    margin-top:4.75rem;
}
.serviceContent .iconList .item{
    position: relative;
    flex:1;
    text-align: center;
    cursor: pointer;
}
.serviceContent .iconList .item .centerBox{
    position:relative;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.serviceContent .iconList .item .centerBox img{
    max-width: 140px;
}
.serviceContent .iconList .item .centerBox span{
    display: block;
    width:auto;
    margin-top:23px;
    color: #333333;
}
.red-bot{
    display: none;
}

/*公司简介*/
.introduction{
    margin:45px auto;
    font-size:0
}
#introduction-video{
    display: inline-block;
    width:63%;
    height: 484px;
}
.introduction-content{
    display: inline-block;
    width:37%;
    background-color: #F5F5F5;
    padding:2.79% 4.41% 4.1%;
    height: 484px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}
.introduction-title{
    display: inline-block;
    position: relative;
    font-size:32px;
    color:#333333;
    margin-bottom:50px;
}
.introduction-title::after{
    content:'';
    position: absolute;
    width:100%;
    height: 2px;
    bottom: -10px;
    left:0;
    background-color:#AE1F24
}
.introduction-content p{
    font-size:14px;
    line-height: 21px;
    color:#666666
}
.introduction-content p span{
    color:#AE1F24;
    font-weight: bold;
}
/*服务*/
.service{
    position: relative;
    width:100%;
    height: 478px;
}
.service-content{
    height: 100%;
    margin:0 auto;
    font-size:0;
}
.service-block{
    display:inline-block;
    width:50%;
    height: 100%;
    text-align: center;
    vertical-align: top;
}
.service-title{
    display: inline-block;
    position: relative;
    font-size:32px;
    font-family: 'Source Han Sans CN';
    color:#ffffff;
}
.service-title::after{
    content:'';
    position: absolute;
    bottom:-10px;
    left:0;
    width:100%;
    height: 2px;
    background-color: #AE1F24;
}
.service-list{
    position: relative;
    width: 591px;
    color:#ffffff;
    font-size:0;
}
.service-list .service-item{
    display: inline-block;
    width:16.5%;
    min-width:95px;
}
.service-list .service-item span{
    display: block;
    font-size:16px;
    text-align: center;
    margin-top:25px
}
.service-item+.service-item{
    margin-left:4.25%;
}
.service-list .service-item img{
    width:100%;
    border-radius: 50%;
}

/* .serviceContent{
    width: 100%;
    height: 100%;
    padding:65px 83px 0 83px;
    box-sizing: border-box;
    background-color: #ffffff;
}
.service .title{
    text-align: center;
} */

/*案例*/

.case{
    position: relative;
    height: 843px;
    font-size:0;
    text-align: center;
    margin:0 auto;
    padding-bottom:117px
}
.case-title{
    position: relative;
    display:inline-block;
    font-size:32px;
    color:#333333;
    margin-top:40px;
}
.case-title::after{
    content:'';
    position:absolute;
    width:64px;
    height: 2px;
    background-color: #AE1F24;
    bottom:-5px;
    left:0;
}
.case-nav{
    margin-top:42px;
    margin-bottom:36px;
    font-size:0;
}
.case-active{
    color:#AE1F24 !important
}
.case-nav span{
    position: relative;
    display: inline-block;
    font-size:16px;
    color:#333333;
    vertical-align: top;
    cursor: pointer;
}
.case-nav span:first-child{
    margin-right:30px;
}
.case-nav span:first-child::after{
    content:'';
    position: absolute;
    width:2px;
    height: 16px;
    background-color: #D0D0D0;
    top:4px;
    right:-15px;
}
.case-banner{
    position: absolute;
    width:100%;
    transition: all .3s ease;
    opacity: 0;
}
.case-show{
    opacity: 1 !important
}
.case-banner img{
    position:absolute;
    width:58.7%;
    top:7%;
    z-index:1;
    transition: all .3s ease;
}
.case-banner .index{
    position: relative;
    width:68%;
    left:0;
    top:0;
    z-index:5;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.19);
}
.case-banner .prev-banner{
    left:0;
}
.case-banner .next-banner{
    left: 100%;
    transform: translateX(-100%);
}
.case-banner .shadow{
    position:absolute;
    width:68%;
    height:86%;
    background-color: #000000;
    opacity: .2;
    top:7%;
    z-index:2
}
.case-banner .shadow:first-child{
    left:0;
}
.case-banner .shadow:nth-child(2){
    left: 100%;
    transform: translateX(-100%);
}
.case-content{
    position: absolute;
    width: 55.5%;
    padding: 33px 56px 46px;
    background-color: #ffffff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -67px;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.19);
    z-index: 10;
}
.case-content span{
    font-size:16px;
    font-weight: bold;
    color:#333333;
}
.case-content p{
    font-size:14px;
    color:#666666;
    margin-top:27px;
    margin-bottom:0;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-btn-left{
    position: absolute;
    top:50%;
    left:16%;
    transform: translate(-50%,-50%);
    width:41px;
    height: 41px;
    cursor: pointer;
    z-index:10
}
.case-btn-bgleft{
    position: absolute;
    top:50%;
    left:16%;
    transform: translate(-50%,-50%);
    width:41px;
    height: 41px;
    background-color: #FFFFFF;
    opacity: 0.3;
    cursor: pointer;
    z-index:10
}
.case-btn-left:after, .case-btn-left:before {
    width: 10px;
    height: 2px;
    position: absolute;
    left:50%;
    background-color: #ffffff;
    border-radius: 1px;
    content: ' '
}
.case-btn-left:after{
    top:calc(50% - 3px);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.case-btn-left:before{
    top:calc(50% + 3px);
    transform: translate(-50%,-50%) rotate(45deg);
}
.case-btn{
    position: absolute;
    top:50%;
    right:16%;
    transform: translate(50%,-50%);
    width:41px;
    height: 41px;
    background-color: #AE1F24;
    cursor: pointer;
    z-index:10
}
.case-btn:after, .case-btn:before {
    width: 10px;
    height: 2px;
    position: absolute;
    left:50%;
    background-color: #ffffff;
    border-radius: 1px;
    content: ' '
}
.case-btn:after{
    top:calc(50% - 3px);
    transform: translate(-50%,-50%) rotate(45deg);
}
.case-btn:before{
    top:calc(50% + 3px);
    transform: translate(-50%,-50%) rotate(-45deg);
}
.prev-banner,.next-banner{
    height: 450px;
}
.index{
    height: 520px;
}
/*优势*/
.advantage{
    width:100%;
    background-image: url('/public/static/images/home_bg_advantage.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
    text-align: center;
    padding-bottom:60px
}
.advantage-list{
    margin:0 auto;
    text-align: left;
}
.advantage-title{
    position: relative;
    display:inline-block;
    font-size:32px;
    color:#333333;
    margin-top:50px;
    margin-bottom:52px
}
.advantage-title::after{
    content:'';
    position:absolute;
    width:100%;
    height: 2px;
    background-color: #AE1F24;
    bottom:-5px;
    left:0;
}
.advantage-item{
    position: relative;
    width:100%;
    min-height:359px;
    padding-left:55px;
    padding-top:35px;
    background-color: #ffffff;
    font-size:0;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.19);
}
.advantage-item+.advantage-item{
    margin-top:30px
}
.advantage-content{
    display: inline-block;
    width:135px;
    margin-right:65px;
}
.advantage-content img{
    display: block;
    width:72px;
    height: 52px;
    opacity: .6;
    margin-bottom:-5px
}
.advantage-content span{
    font-size:32px;
    color:#333333;
}
.advantage-content p{
    font-size:12px;
    color:#333333;
    line-height: 18px;
    margin-top:26px;
    text-align: justify;
}
.advantage-img{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width:calc(100% - 275px);
}

/*新闻*/

.news{
    margin:0 auto;
    text-align: center;
    padding-bottom:50px;
    font-size:0;
}
.news-title{
    position: relative;
    display:inline-block;
    font-size:32px;
    color:#333333;
    margin-top:39px;
    margin-bottom:49px
}
.news-title::after{
    content:'';
    position:absolute;
    width:100%;
    height: 2px;
    background-color: #AE1F24;
    bottom:-5px;
    left:0;
}
.news-list{
    display: inline-block;
    width:calc(67.5% - 30px)
}
.news-list .news-item{
    width:100%;
    height:113px;
    padding:25px 0 25px 29px;
    background-color: #F5F5F5;
    text-align: left;
    cursor: pointer;
}
.news-item+.news-item{
    margin-top:30px;
}
.news-item a{
    text-decoration: none;
}
.news-item label{
    display: block;
    font-size:18px;
    color:#333333;
    margin-bottom:15px;
    cursor:pointer;
}
.news-item span{
    display:block;
    font-size:14px;
    color:#666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-tips{
    position: relative;
    display: inline-block;
    width:32.5%;
    height:399px;
    vertical-align: top;
    margin-right:30px;
    cursor: pointer;
}
.news-tips img{
    width:100%;
    height: 100%;
}
.news-tips .news-shadow{
    position: absolute;
    width:100%;
    height: 113px;
    bottom:0;
    left:0;
    padding:25px 0 25px 29px;
    background-color: rgba(0, 0, 0, .49);
}
.news-tips .news-shadow label{
    display: block;
    font-size:18px;
    color:#ffffff;
    margin-bottom:15px;
    cursor:pointer;
}
.news-tips .news-shadow span{
    display: block;
    font-size:14px;
    color:#CCCBCB;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*公司概况*/
.condition{
    width:100%;
    height: 583px;
    text-align: center;
}
.condition-content{
    padding-top:84px;
    margin:0 auto;
}
.condition-list{
    display:flex;
    width:100%;
}
.condition-item{
    flex:1;
    text-align: left;
}
.condition-years{
    font-size:1.6rem;
    color:rgba(255, 255, 255, .5);
    font-family: 'Bernard MT Condensed';
    margin-bottom:10px;
}
.condition-item label{
    display: block;
    font-size:16px;
    font-weight: bold;
    color:#ffffff;
    margin-bottom:5px
}
.condition-item span{
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
    line-height: 19px;
    text-align: justify;
}
/*主营*/
.major{
    display:grid;
    grid-template-columns: 31% 22% 29%;
    grid-column-gap:115px;
    margin:0 auto;
    padding-top:49px;
    padding-bottom:45px
}
.major-list{
    width:100%
}
.major-item+.major-item{
    margin-top:15px
}
.major-item label{
    display:block;
    font-size:14px;
    font-family:'Source Han Sans CN Bold';
    color:#AE1F24;
}
.major-item span{
    font-size:14px;
    color:#333333;
}
/*组织架构*/
.structrue{
    position: relative;
    width:100%;
    height: 496px;
    margin:0 auto;
    text-align: center;
    padding-top:45px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/* .structrue-bg{
    position: absolute;
    width:48.5%;
    height: 447px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:1
} */
.structrue img{
    display: block;
    margin:0 auto;
}
/*荣誉资质*/
.natural{
    margin:0 auto;
    text-align: center;
}
.natural img{
    display:block;
    width:100%;
    margin-bottom:62px
}
@media screen and (min-width:1360px){
    .introduction,.case,.advantage-list,.news,.service-content,.footer-content,.condition-content,.major{
        width:1360px
    }
    .structrue img{
        width:1147px
    }
    .natural{
        width:976px
    }
}
@font-face{
    font-family: 'Source Han Sans CN Bold';
    src:url('../iconfont/SOURCEHANSANSCN-BOLD.OTF')
}
@font-face{
    font-family: 'Source Han Sans CN Regular';
    src:url('../iconfont/SOURCEHANSANSCN-REGULAR.OTF')
}
@font-face{
    font-family: 'Bernard MT Condensed';
    src:url('../iconfont/BERNHC.TTF')
}