/* body{background:url(/temp/index.jpg) top center no-repeat;} */
.header{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
/* .header .logo{width:126px; height:55px; background:url(../images/logo.svg) center top no-repeat;} */
.header .nav>li>a{color: #fff;}
.header .nav>li:hover{ border-bottom:0px #fff solid;}
.header .nav>li>a:hover{}
.header>div>.tel{ font-size: 16px; color: #fff;  background:url(../images/index_tel.png) 41px 31px no-repeat; }
.bai{background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.bai .nav>li>a{color: #333;}
.bai .tel{ color: #333; }

.header>div>.search .btn{background:url(../images/index_search.png) no-repeat;}
.search:hover{background:#fff; }
.search:hover .btn{background:url(../images/search.png) no-repeat;}

.lbt{width:100%; height:auto; position:relative; overflow: hidden;} 
.lbt .swiper-slide{width:100%; height:100%; padding:0;}
.lbt .swiper-slide img{width:100%; display: block;}


.lbt i{width:38px; height:50px; background:url(../images/shubiao.png) no-repeat; position:absolute; bottom: 130px; left: 50%; transform: translate(-50%, -50%); z-index:9999; display:inline-block; cursor: pointer; }
.lbt .lbt_btn{
    height: 108px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background:url(../images/lbt_btn_bg.png) left no-repeat;
    background-size: auto 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lbt .lbt_btn_bg{
    width:100%;
    height: 108px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(0%);
    z-index: 9998;
    background: #fff;
}
.lbt .lbt_btn .swiper-pagination{width:330px; font-size: 26px; color:#fff; position: static;}
.lbt .lbt_btn .swiper-pagination .swiper-pagination-current{font-size: 32px; color:#fff; font-weight: bold; margin:0 10px;}
.lbt .lbt_btn .swiper-pagination .swiper-pagination-total{font-size: 26px; color:#fff; font-weight: 400; margin:0 10px;}


.lbt .lbt_btn .swiper-pagination-bullet{width:12px; height:12px; background:rgba(255, 255, 255, 0.7);}
.lbt .lbt_btn .btns{width: 200px; height: 108px; text-align: center; display:flex; justify-content: center; align-items: center; padding-right: 50px;}
.lbt .lbt_btn .swiper-button-next, .lbt .lbt_btn .swiper-button-prev{height:20px; position: static; padding:00px 30px; margin-top:10px;}
.lbt .lbt_btn .swiper-button-prev{border-right: 1px #ddd solid;}

.lbt .lbt_btn .swiper-button-prev::after, .lbt .lbt_btn .swiper-button-next::after {
    font-size: 15px;
    color:#8b8b8b;
}
.lbt .lbt_btn .swiper-button-next:hover::after, .lbt .lbt_btn .swiper-button-prev:hover::after{
    color: #ca0000;
    font-size: 15px;
}

/* 首页 标题样式 */
h1{font-size:40px; 
    color:#3c3939; 
    text-align:center; 
    font-weight:500; 
    padding:78px 0 80px;
    background:url(../images/index_title_bg.png) center 40px no-repeat;
}




.js{height:1080px; padding-bottom:0px;}
.js .text{font-size:18px; color:#666666; line-height:200%;  text-align:center;}
.js .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.js .youshi{
    width:45%;
    line-height:200%;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.js .youshi .item{
    width:50%;
    font-size:30px;
    color:#4c4949;
    text-align:left;
    line-height: 200%;
    display:flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.js .youshi .item b{font-size:76.8px; color:#ca0000;}
.js .youshi .item span{font-size:36px; color:#ca0000;}


/* 大事记 */
.dsj{
    height:1080px;
    background:#fafafa;
}
.dsj .con{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin :200px auto;
}
.dsj .con .dsj_con{
    width: 1340px;
}
.dsj .con .dsj_con ul{
    width: 100%;
    height: 411px;
    display: none;
    overflow: hidden;
}
.dsj .con .dsj_con ul:first-child{
    display: flex;
    flex-wrap: wrap;
}
.dsj .con .dsj_con ul li{
    width: 31%;
    height: 411px;
    text-align: left;
    margin-right:2%;
    background: #fff;
    float:left;
}
.dsj .con .dsj_con ul li img{ 
    width: 100%;
}

.dsj .con .dsj_con ul li .info{ 
    padding:20px;
}
.dsj .con .dsj_con ul li .info b{
    padding:20px 0;
    color:#d73d29;
    font-size:16px;
}
.dsj .con .dsj_con ul li .info p{
    padding:20px 0;
    color:#333333;
    font-size:18px;
}

.dsj .con .timeline{width:150px; height:400px;  position: relative;}
.dsj .con .timeline::after{
    content: ''; 
    width:100%; height:200px;  
    position: absolute; top: 0; left: 0;
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(250,250,250,0) 100%);
    z-index: 9999;
    pointer-events: none;
}
.dsj .con .timeline::before{
    content: '';
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(250,250,250,0) 100%);
    position: absolute; bottom: 0; left: 0;
    z-index: 9999;
    /* 鼠标穿透 */
    pointer-events: none;
 }
 .dsj .con .timeline .swiper-wrapper li{
    position: relative;
    /* 鼠标手型 */
    cursor: pointer;
 }
 .dsj .con .timeline .swiper-wrapper li::after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    border-left: 1px solid #686565;
    z-index: -1;
}

.dsj .con .timeline .swiper-slide{width: 100%; text-align: center; 
    line-height: 58px; 
    font-size:30px;
    position: relative;
}
.dsj .con .timeline .swiper-slide:hover{color:#f00;}
.dsj .con .timeline .swiper-slide i{
    width: 12px; height: 12px;
    display: inline-block;
    border: 4px solid rgb(159, 159, 159);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    background: #fff;
}
.dsj .con .timeline .swiper-slide-active{color:#f00;}
.dsj .con .timeline .swiper-slide-active i{border-color:rgb(218, 37, 29);}
/* timeline */


/* 价值观 */
.jzg{width:100%; height:580px;  display:flex;}
.jzg .left, .jzg .right{width:calc(50% - 50px); height:580px; }
.jzg .left{background:#ca0000 url(../images/jzg_left_bg.png) left top no-repeat; text-align:right; padding-right:50px;}
.jzg .right{background:#25408f url(../images/jzg_right_bg.png) right top no-repeat; text-align:left; padding-left:50px;}

.jzg .left div{width:800px; height:100%; float: right;}
.jzg .right div{width:800px; height:100%;}

.jzg .left h2,.jzg .right h2{width:100%; font-size:48px; font-weight:800; color:#fff; padding:80px 0 24px;  position:relative; }
.jzg .left h2{text-align: left; }
.jzg .left h2::after{ 
    content:'';
    width: 50%;
    height: 4px;
    border-bottom: 4px #fff solid;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.jzg .left h2::before{
    content:'▶';
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 38px;
    right: 51%;

}


.jzg .right h2{
    text-align: right;
}
.jzg .right h2::after{
    content:'';
    width: 50%;
    height: 4px;
    border-bottom: 4px #fff solid;
    position: absolute;
    bottom: -4px;
    right: 0;
}
.jzg .right h2::before{
    content:'◀';
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 38px;
    right: 47%;
}
.jzg .left h3,.jzg .right h3{font-size:32px; font-weight:400; color:#fff; padding:15px 0 0px;}
.jzg .left p,.jzg .right p{font-size:20px; color:#fff; padding:15px 0 0px;}

/* 创始人 */
.csr{width:100%;
    padding-top:30px;
}
.csr .inner{
    position:relative;
    display:flex; justify-content:space-between;
    align-items: center;
    padding:20px 0 0px;
    align-items: flex-end;
}
.csr .inner .ren{width:332px; margin-right:15px;}
.csr .inner .text .name{width:552px; margin: 40px 0;}
.csr .inner .text{
    width: 620px;
    font-size: 16px;
    color: #333333;
    line-height: 1.8;
    padding-bottom: 40px;
}
.csr .inner .text p{
    text-indent: 2em;   
}
.csr .inner .right{
    width:475px; 
    display:flex; 
    flex-direction: column;
}
.csr .inner .right img{
    width:475px;
    margin-bottom: 30px;
}
.csr .inner .right .more{
    color: #333333;
    font-size:18px;
    line-height: 50px;
    text-align: right;
    padding-right: 60px;
    background: url(../images/more1.png) no-repeat right center;

}
.csr .inner .right .more:hover{
    color: #DA251D;
}

/* 调配中心 */
.dpzx{
    height: 1080px;
    background-color: #fafafa;
}
.dpzx .con{ 
    height: 700px;
    background: url(../images/dpzx_bg.png) no-repeat center top / cover;
    position: relative;
}
.dpzx .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 999;
}
.dpzx .con .mode{ 
    width: 100%;
    height: 700px;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* 鼠标穿透 */
    pointer-events: none;
}

.dpzx .inner .left{
    width: 354px;
    height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.dpzx .inner .left a{
    font-size: 37px;
    height: 233.3px;
    color:#fff;
    font-weight: 400;
    padding-left:160px;
    margin-left:-160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dpzx .inner .left a:hover{ 
    background: #DA251D;
}
.dpzx .inner .left a span{
    width:100px;
}
.dpzx .inner .left a i{
    width: 79px; height: 79px;
    display: inline-block;
    background: url(../images/dpzx_icon.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 20px;
}


.dpzx .info{
    width:1246px;
    height:700px;
    position: relative;
}


.dpzx .info video{
    width: 100%;
    height: 700px;
    object-fit: fill; 
}
.dpzx .info .text{
    width: 47%;
    height: 500px;
    padding:120px 0 0 120px;
    color:#fff;
    font-size:23px;
    line-height: 1.8;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 99999;
    display: none;
}
.dpzx .info:hover .text{
    display: block;
}
.dpzx .info img.play{
    width: 71px;
    height: 71px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 8;
}

.dpzx .info img.pause{
    width: 71px;
    height: 71px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 8;
}

.dpzx .info .text .more{
    display:inline-block;
    font-size: 16px;
    color: #ffffff;
    background: #DA251D;
    margin-top:60px;
    padding:15px 35px;
}
.dpzx .info .text .more i{
    margin-left: 30px;
}

.dpzx .info .text .more:hover{
    color: #DA251D;
    border:1px #FFFFFF solid;
    background-color: #FFFFFF;
}



/* 人才培训 */
.rcpx{
    width:100%;
    height:1080px;
    background: #fafafa;
}

.rcpx .con{
    height: ;
    position:relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.rcpx .con .item{
    width:calc(500px - 220px);
    height: 170px;
    margin-bottom: 25px;
    padding-left:200px;
    padding-right:20px;
    position: relative;
    z-index: 1;
    background: #fff;
    border:#ffffff solid 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.rcpx .con .item:hover{
    border:#d73d29 solid 2px;
}

.rcpx .con .item::after{
    content:'';
    width: 117px;
    height: 117px;
    border-radius: 50%;
    background-color: #e5e5e5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 45px;
    z-index: 0;
}
.rcpx .con .item h3{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
}
.rcpx .con .item p{
    font-size: 16px;
    color: #999999;
    padding-top:15px;
}

.rcpx .con .item:nth-child(1)::after{
    background: #e5e5e5 url(../images/icon1.png) no-repeat center center;
}
.rcpx .con .item:nth-child(2)::after{
    background: #e5e5e5 url(../images/icon2.png) no-repeat center center;
}
.rcpx .con .item:nth-child(3)::after{
    background: #e5e5e5 url(../images/icon3.png) no-repeat center center;
}
.rcpx .con .item:nth-child(4)::after{
    background: #e5e5e5 url(../images/icon4.png) no-repeat center center;
}
.rcpx .con .item:nth-child(5)::after{
    background: #e5e5e5 url(../images/icon5.png) no-repeat center center;
}
.rcpx .con .item:nth-child(6)::after{
    background: #e5e5e5 url(../images/icon6.png) no-repeat center center;
}

.rcpx .con .item:nth-child(1):hover::after{
    background: #DA251D url(../images/icon1-1.png) no-repeat center center;
}
.rcpx .con .item:nth-child(2):hover::after{
    background: #DA251D url(../images/icon2-1.png) no-repeat center center;
}
.rcpx .con .item:nth-child(3):hover::after{
    background: #DA251D url(../images/icon3-1.png) no-repeat center center;
}
.rcpx .con .item:nth-child(4):hover::after{
    background: #DA251D url(../images/icon4-1.png) no-repeat center center;
}
.rcpx .con .item:nth-child(5):hover::after{
    background: #DA251D url(../images/icon5-1.png) no-repeat center center;
}
.rcpx .con .item:nth-child(6):hover::after{
    background: #DA251D url(../images/icon6-1.png) no-repeat center center;
}

.rcpx .con .item h3{
    font-size: 23.4px;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
}
.rcpx .con .item:hover h3{
    color: #d83018;
}
.rcpx .con .item p{
    font-size: 13px;
    color: #999999;
    line-height: 1.8;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.rcpx .con .item p a:hover{
    text-decoration: underline;    
}
.rcpx .con .item p a{
    margin-right: 10px;
}

/* 最新资讯 */
.zxzx{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.zxzx .left{
    width: 302px;
    background: url(../images/news_left_bg.png) no-repeat center top;
    padding: 116px 0 0 22px;
}
.zxzx .left .div{
    width:calc(100% - 180px); 
    height: 210px;
    padding:20px 36px; 
    color: #fff;
    background-color: #ca0000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.zxzx .left .div h3{ 
    width: 70px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    border-bottom:2px solid #fff;
}
.zxzx .left .div a{
    font-size: 16px;
    color: #d73d29;
    padding:10px 20px;
    display: block;
    text-decoration: none;
    background: #fff;
}


.zxzx .center{ 
    width: 836px;
    height: 366px;
    position: relative;
}
.zxzx .center .div{ 
    width: 100%;
    height: 100px;
    position: absolute;
    bottom:0;
    left:0;
    /* 渐变颜色 */
    background: linear-gradient(to bottom,rgba(202,0,0,0),rgba(202,0,0,1));
}
.zxzx .center img{
    width: 100%; height: 100%;
}
.zxzx .center .div span{ 
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 10px; left: 40px;
}
.zxzx .center .div p{ 
    width:60%;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 40px; left: 40px;
}
.zxzx .center .div a{ 
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 23px;
    right: 40px;
    background: url(../images/more.png) no-repeat right center / 40px 40px;
    padding:15px 50px 15px 0;
}



.zxzx .right{
    width: 370px;
    height: 366px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.zxzx .right .item{
    width: 100%; 
    height: 96px;
    display: flex;
    justify-content: space-between;
}
.zxzx .right .item .img{ 
    width: 158px;
    height: 96px;
    background: #fff;
    margin-right:18px;
}
.zxzx .right .item .div{ 
    width: 194px;
    height: 96px;
    font-size:12px;
}
.zxzx .right .item .div span{
    color:#a9a9a9;
}
.zxzx .right .item .div p{
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
    margin: 10px 0;
}
.zxzx .right .item .div a{
    color: #a9a9a9;
    text-decoration: none;
    font-size:12px;
}


/* 排行榜 */
.phb{ 
    width:100%;
    height: 1080px;
}

.phb div.con{display:flex; flex-wrap: nowrap; justify-content: space-between;}
.phb .con .PHB_item{
    width:487px;
    height: 779px;
    background:  url(../images/phb_bg.png) center top no-repeat;
    background-size: 100%; 
    padding-top:61px;   
}

.phb .con .PHB_item h2{
    width:100%; 
    height: 135px;
    font-weight: 400;
    font-size: 40px;
    color: #DA251D;
    line-height: 128px;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9);
    
}
.phb .con .PHB_item ul{
    width:90%;
    display:flex;
    flex-direction: column;
    margin:0 auto;
}
.phb .con .PHB_item ul li{
   padding:27px 0;
   position: relative;
}
.phb .con .PHB_item ul li img{
    width: 102px;
    height: 142px;
    display: block; 
    margin-right:18px;
    float: left;
    background:#ddd;
    border:rgba(218, 37, 29, 0.2) solid 2px;
    border-radius: 5px;
}
.phb .con .PHB_item ul li b{
    width:calc(100% - 124px);
    font-weight: 400;
    font-size: 22px;
    color: #1D1D1D;
    display: inline-block;
    float: left;
    padding-top:32px;
    padding-bottom: 15px;
}
.phb .con .PHB_item ul li p{
    width:calc(100% - 124px);
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    display: inline-block;
    float: left;
}



/* 快速服务浮窗 */
.Qservice{width:80px; background:rgba(255, 255, 255, 0.5); display:flex; flex-direction: column; justify-content: center;align-items: center; position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:99999; border-radius: 10px; 
    padding:10px 0;
    box-shadow: 0px 0px 5px #33333320;
}
.Qservice a{display:flex; flex-direction: column; justify-content: center;align-items: center; padding:5px; margin-bottom: 5px;}
.Qservice a:hover{padding:5px; border-radius: 5px; background:rgba(255, 255, 255, 0.5);}
.Qservice img{width:50px; height:50px;}

// 圆圈扩散动画
@keyframes kuosan {
    0% {
        transform: translate(-50%, -50%) scale(0); /* 初始状态，缩放到0 */
        opacity: 0.7; /* 初始透明度 */
    }
    100% {
        transform: translate(-50%, -50%) scale(2); /* 最终状态，放大到2倍 */
        opacity: 0; /* 最终透明度 */
    }
}


/* 媒体查询 */

@media screen and (max-width: 1680px) {
    .lbt .lbt_btn{
        height: 101px;
    }
    .lbt .lbt_btn_bg{
        height: 101px;
    }
    .rcpx .con .item{
        width: calc(32% - 220px);
    }
    .zxzx .center {
        width: 700px;
    }
}
@media screen and (max-width: 1538px) {

    .lbt .lbt_btn{
        height: 94.5px;
    }
    .lbt .lbt_btn_bg{
        height: 94.5px;
    }
    .rcpx .con .item{
        width: calc(32% - 220px);
    }
    .zxzx .center {
        width: 680px;
    }
    .phb{ 
        height: 960px;
    }
    .phb .con .PHB_item {
        width: 433px;
        height: auto;
        padding-top:54px;
    }
    .phb .con .PHB_item h2{
        height: 118px;
        line-height: 118px;
    }
    .phb .con .PHB_item ul li {
        padding: 16px 0;
    }

}

@media screen and (max-width: 1480px) {
    .lbt .lbt_btn{
        height: 91px;
    }
    .lbt .lbt_btn_bg{
        height: 91px;
    }
    .lbt .lbt_btn .swiper-pagination{
        width: 240px;
    }
    .lbt .lbt_btn .btns{
        width: 100px;
        height: 91px;
        margin-left: 0;
    }

    .jzg .left div{ width:90%;}
    .jzg .right div{ width:90%;}
    
    .csr .inner .ren { width: 250px;}
    .csr .inner .right{ width: 400px;}
    .csr .inner .right img{width:400px;}

    .rcpx .con .item{
        width: calc(32% - 220px);
    }

    .zxzx .center{
        width: 610px;
    }

    .phb .con .PHB_item{
        width: 433px;
        height: auto;
        padding-top:54px;
    }
    .phb .con .PHB_item h2{
        height: 118px;
        line-height: 118px;
    }
    .phb .con .PHB_item ul li {
        padding: 16px 0;
    }
}

@media screen and (max-width: 1366px) {

    .lbt .lbt_btn{
        height: 84px;
    }
    .lbt .lbt_btn_bg{
        height: 84px;
    }
    .lbt .lbt_btn .swiper-pagination{
        width: 220px;
    }
    .lbt .lbt_btn .btns{
        width: 100px;
        height: 84px;
        margin-left: 0;
    }

    .js .youshi .item{
        font-size: 22px;
    }
    .js .youshi .item b{
        font-size: 60px;
    }

    .time-con {
        width: 1090px;
    }
    #timeline {
        width: 1200px;
    }
    .rcpx .con {
        /* width: 1100px; */
        height: auto;
    }
    .rcpx .mySwiper {
        width: 1100px;
        height: 588px;
    }
    .rcpx .mySwiper img {
        width: 100%;
        height: 588px;
    }

    

    .csr .inner {
        position: relative;
        overflow: hidden;
    }
    .csr .inner .text {
        padding-bottom: 40px;
    }
    .pyjt .con .item {
        width: 380px;
    }

    .zxzx .center {
        width: 500px;
    }

    .phb{ 
        height: 910px;
    }
    .phb .con .PHB_item{
        width: 400px;
        height: 610px;
        padding-top:50px;
    }
    .phb .con .PHB_item h2{
        height: 112px;
        line-height: 106px;
    }
    .phb .con .PHB_item ul li{
        padding:16px 0;
    }
    .phb .con .PHB_item ul li img{
        width: 90px;
        height: 128px;
    }
}


@media screen and (max-width: 1280px) {

    .lbt .lbt_btn{
        height: 67.5px;
    }
    .lbt .lbt_btn_bg{
        height: 67.5px;
    }
    .lbt .lbt_btn .swiper-pagination{
        width: 200px;
    }
    .lbt .lbt_btn .btns{
        width: 100px;
        height: 67.5px;
        margin-left: 0;
    }

    .js{
        height: auto;
        padding-bottom: 40px;
    }
    .js .map{
        width: 55%;
    }
    .js .map img{
        width: 100%;
    }

    .dsj{
        height: auto;
        padding-bottom: 40px;
    }
    .dsj .con{
        margin:50px auto;
    }
    .dsj .con .timeline .swiper-slide{
        font-size:22px;
    }

    #timeline {
        width: 1000px;
    }
    .time-con{width:890px;}
    .body-con{width:1000px;}
    .csr .inner {
        padding:0;
    }
    .csr .inner .ren {
        width: 200px;
    }
    .csr .inner .text{
        width:450px;
        font-size:12px;
    }
    .csr .inner .text .name {
        margin-top: 40px;
        width:90%;
    }
    .csr .inner .right {
        width: 250px;
    }
    .csr .inner .right img {
        width: 100%;
    }
    .csr .inner .right .more {
        font-size:12px;
    }

    /* .csr .more{
        margin-left:10px;
        display: none;
    } */
    .dpzx {
        width: 100%;
    }
    .dpzx .info .text{
        font-size:16px;
    }
    .pyjt .con {
        width: 95%;
        height: auto;
    }
    .pyjt .con .item {
        width: 320px;
    }
    .pyjt .con .item h3 {
        font-size: 26px;
    }
    .rcpx .con {
        width: 1000px;
        height: auto;
    }
    .rcpx .mySwiper {
        width: 1000px;
        height: auto;
    }
    .rcpx .mySwiper img {
        width: 100%;
        height: auto;
    }

    .zxzx .left {
        width: 250px;
        padding: 116px 0 0 22px;
    }
    .zxzx .left .div {
        width: calc(100% - 100px);
        height: 210px;
        padding: 20px 36px;
    }
    .zxzx .center {
        width: 400px;
    }
    .zxzx .right {
        width: 300px;
        height: 366px;
    }

    .phb{
        height: 740px;
    }
    .phb .con .PHB_item {
        width: 300px;
        height: auto;
        padding-top: 37px;
    }
    .phb .con .PHB_item h2 {
        width: 100%;
        height: 80px;
        font-weight: 400;
        font-size: 30px;
        line-height: 80px;
    }

    .phb .con .PHB_item ul li {
        padding: 10px 0;
        position: relative;
    }
    .phb .con .PHB_item ul li img {
        width: 71px;
        height: auto;
        display: block;
        margin-right: 18px;
    }
    .phb .con .PHB_item ul li b{
        font-size: 20px;
        padding:10px 0 5px;
    }
    .phb .con .PHB_item ul li p{
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    .header{
        width: 100%;
        background:rgba(0, 0, 0, 0.5);
        background-image: none;
    }

    .header>div::after{
        border-top:4px #ffffff solid;
        border-bottom:4px #ffffff solid;
        
    }
    .header>div::before{
        background: #ffffff;
    }

    .lbt{height: 74vw;margin-top: 0px;}
    .lbt .lbt_btn{width:100%; height: auto; position: relative;}
    .lbt .lbt_btn .swiper-pagination{width: 150px;}
    .lbt .lbt_btn .swiper-button-next, .lbt .lbt_btn .swiper-button-prev {padding:0; margin:0;}
    .lbt .lbt_btn .swiper-button-next:hover::after, .lbt .lbt_btn .swiper-button-prev:hover::after{color:#fff;}
    .lbt .lbt_btn .btns{width:110px; height: auto; padding:0;}
    .lbt .lbt_btn_bg{display: none;}
    .lbt i{display: none;}

    h1 {
        font-size: 1rem;
        color: #3c3939;
        text-align: center;
        font-weight: 500;
        padding: 70px 0 60px;
        background: url(../images/index_title_bg.png) center 20px no-repeat;
    }

    .js{width: 96%;
        height: auto;
        margin:0 auto;}

    .js h1::before{
        bottom:2px;
    }
    .js h2{font-size:1rem}
    .js .text{font-size:0.6rem;}
    .js .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .js .inner .youshi{
        width:100%;
        flex-direction: row;
        flex-wrap: wrap;
        margin:15px auto;
    }
    .js .inner .youshi .item{width:50%;
        font-size: 22px;
    }
    .js .youshi .item b{font-size:32px;}
    .js .map{width:100%;}
    .js .map img{width:100%;}

    .dsj{height:auto; padding:30px 0;}
    .dsj .con {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        margin: 0px auto;
        flex-direction: column-reverse;
    }
    .dsj .con .dsj_con{
        width: 100%;
    }
    .dsj .con .dsj_con ul{
        width: 100%;
        height:auto;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .dsj .con .dsj_con ul li{
        width: 100%;
        height:auto;
        flex-direction: column;
        flex-wrap: nowrap;
        
    }
    .dsj .con .timeline{
        width:100%;
        height:auto;
        display: flex;
    }
    .dsj .con .timeline::before{display: none;}
    .dsj .con .timeline::after{display: none;}
    .dsj .con .timeline .swiper-wrapper li::after{display: none;}

    .dsj .con .timeline .swiper-wrapper li {
        width:80px;
        font-size:16px;
    }

  


    .jzg{
        height: auto;
        flex-direction: column;
        zoom: 0.7;
    }
    .jzg .left, .jzg .right{width:100%; height: 500px; padding:0;}
    .jzg .left h2, .jzg .right h2{padding: 40px 0 20px;}
    .jzg .left div{
        width: 90%;
        height: auto;
        margin: 0 auto;
        float: none;
    }
    .jzg .right div{
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

    .csr{
        height: auto;
        padding:0;
    }
    .csr .inner{
        width:96%;
        padding-left: 0;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin:0 auto;
    }
    .csr .inner .ren{
        width:50%;
        float:left;
        position: static;
        margin-top: 56px;
    }
    .csr .inner .text {
        width: 96%;
        font-weight: 300;
        font-size: 0.55rem;
        color: #333333;
        margin:0px auto;
        padding:0;
    }
    .csr .inner .text .name {
        display: block;
        width: 90%;
        margin:10px auto 10px;
    }
    .csr .text p{margin:0;}
    .csr .imgs{
        width: 96%;
        height: auto;
        margin:0 auto;
        padding: 0;
        gap: 5px;
    }
    .csr .inner .right {
        width: 100%;
    }

    .dpzx .con .mode{
        display: none;

    }

    .dpzx {
        padding-bottom: 0px;
        height: auto;
    }
    .dpzx .inner{
        width: 96%;
        flex-direction: column;
    }
    .dpzx .inner .left{
        width: 100%;
        height: auto;
        padding:15px 0 0;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .dpzx .inner .left a{
        width: 30%;
        height: auto;
        font-size: 16px;
        margin-bottom: 15px;
    }
    .dpzx .inner .left a span {
        width: auto;
    }
    .dpzx .inner .left a i{
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right:0;
    }

    .dpzx .info{
        width: 100%;
        height: auto;
        flex-direction: column;
    }
    .dpzx .info .img_div{
        width: 100%;
        height: auto;
    }
    .dpzx .info  video{
        width: 100%;
        height: auto;
    }
    .dpzx .info .text{
        width: calc(100% - 60px);
        height: auto;
        font-size: 0.6rem;
        padding:30px;
        line-height: 1.8;
        zoom:0.7;
    }
    .dpzx .con{
        height: auto;
        flex-direction: column;
    }
    .dpzx .con .item{
        width: 100%;
    }
    .dpzx .con .item h2{font-size:1.2rem;}


    .rcpx{
        padding:30px 0;
        height: auto;
    }

    .rcpx p{
        width:96%;
        font-size: 0.6rem;
    }

    .rcpx .con{
        width:96%; 
        margin-top: 30px;
    }
    .rcpx .con .item {
        width: calc(100% - 220px);
    }
    .rcpx .mySwiper{width:96%;}
    .rcpx .mySwiper img{width:100%;}

    .zxzx{
        padding:30px 0;
        height: auto;
        flex-direction: column
        }
    .zxzx .left{
        width: calc(100% - 22px);
        background-size: 100%;
        padding: 90px 0 0 22px;
    }
    .zxzx .left div{height: 150px !important;}
    .zxzx .center {
        width: 100%;
        height:auto;
        margin:10px auto;
    }
    .zxzx .right{ 
        width:100%;
        height: auto;
        padding-top:15px;
    }

    .zxzx .right .item{
        margin-bottom: 12px;

    }
    .zxzx .right .item .div{
        width:calc(100% - 165px);
    }

    .phb{
        padding:30px 0;
        height: auto;
    }

    .phb div.con{
        width:96%;
        height: auto;
        flex-direction: column;
    }
    .phb .con .PHB_item{
        width:100%;
        height: auto;
        padding-top:50px;
        background-size: 80%;
    }
    .phb .con .PHB_item ul{
        width: 75%;
    }
    .phb .con .PHB_item h2{
        height: 120px;
        line-height: 120px;
    }
    .phb .con .PHB_item ul li {
        padding: 35px 0;
        position: relative;
    }




    .Qservice {
        zoom: 0.9;
    }
    



}
@media only screen and (max-width: 768px) { 

}