@media screen and (min-device-width: 1700px) {
   .sbox:hover {
            box-shadow: 0px 0px 10px 5px #D0E2E9;
            position: relative;
            top: -100px;
            width: 35em !important;
            background-color:#fff;
           
        }
            .sbox:hover img {
                padding:10px;
                 
            }
            .sbox:hover span {
                font-size:18px !important;
                width:90% !important;
                height:auto !important;
                text-align:center;
                margin:auto;
            }


    .aboutpic {
        /*margin-top: 37px;*/
        margin: auto;
    }

    .about_video {
        margin-top: 37px;
        width: 1200px;
        height: 675px;
        object-fit: fill;
        
    }

    /*发展历程图文--css*/
.h-des ul{
   list-style:none;
}

.h-des ul li:last-child ul li:not(:first-child) {
    line-height:34px;
}
.h-des ul li:last-child ul li:not(:first-child) p{
    width:530px
}
.h-des ul li:first-child div {
    overflow: hidden;
    width: 579px;
    height: 358px;
    margin-top: 44px;
    margin-left: 59px;
}
.h-des img {
    transition:all 0.5s;
}

.h-des img:hover {
     transform: scale(1.1);
}

.h-pic {
    width: 1280px;
    height: 450px;
    background-color: #F2F9FF;
    margin: auto;
    margin-bottom: 100px;
}
/**/
}

@media screen and (max-device-width: 1699px) and (min-device-width:1301px )  {
    /*fzlc*/
     .sbox:hover {
            box-shadow: 0px 0px 10px 5px #D0E2E9;
            position: relative;
            top: -50px !important;
            width: 28em !important;
            background-color:#fff;
           
        }
            .sbox:hover img {
                padding:10px;
                
            }
            .sbox:hover span {
                font-size:18px !important;
                width:90% !important;
                height:auto !important;
                text-align:center;
                margin:auto;
            }
    /**/

    .aboutpic {
        /*margin-top: 53px;*/
        width: 1086px;
        margin: auto;
    }
        .about_video {
        width: 1086px;
        height: 610px;
        margin-top: 53px;
        object-fit: fill;
    }

    /*发展历程图文--css*/
    .h-des ul {
        list-style: none;
        margin-top: -10px;
    }

        .h-des ul li:last-child ul li:not(:first-child) {
            line-height: 28px;
        }

            .h-des ul li:last-child ul li:not(:first-child) p {
                width: 420px;
            }

        .h-des ul li:first-child div {
            overflow: hidden;
            width: 500px;
            height: 310px;
            margin-top: 40px;
            margin-left: 50px;
        }

    .h-des img {
        transition: all 0.5s;
        width:100%;
    }

        .h-des img:hover {
            transform: scale(1.1);
        }

    .h-pic {
        width: 1100px;
        height: 386px;
        background-color: #F2F9FF;
        margin: auto;
        margin-bottom: 100px;
    }
    /**/
}

@media screen and (max-device-width: 1300px) {
    /*fzlc*/
     .sbox:hover {
            box-shadow: 0px 0px 10px 5px #D0E2E9;
            position: relative;
            top: -50px !important;
            width: 28em !important;
            background-color:#fff;
           
        }
            .sbox:hover img {
                padding:10px;
                
            }
            .sbox:hover span {
                font-size:18px !important;
                width:90% !important;
                height:auto !important;
                text-align:center;
                margin:auto;
            }
    /**/

    .aboutpic {
        /*margin-top: 53px;*/
        width: 990px;
        margin: auto;
    }
        .about_video {
        width: 990px;
        height: 610px;
        margin-top: 53px;
        object-fit: fill;
    }

    /*发展历程图文--css*/
    .h-des ul {
        list-style: none;
        margin-top: -20px;
    }
        .h-des ul li:last-child ul li:first-child {
            font-size: 45px !important;
        }

        .h-des ul li:last-child ul li:not(:first-child) {
            line-height: 32px;
            font-size: 16px;
        }

            .h-des ul li:last-child ul li:not(:first-child) p {
                width: 420px;
            }

        .h-des ul li:first-child div {
            overflow: hidden;
            width: 450px;
            height: 310px;
            margin-top: 35px;
            margin-left: 45px;
        }

    .h-des img {
        transition: all 0.5s;
        width:100%;
    }

        .h-des img:hover {
            transform: scale(1.1);
        }

    .h-pic {
        width: 990px;
        height: 350px;
        background-color: #F2F9FF;
        margin: auto;
        margin-bottom: 100px;
        margin-top: -60px;
    }
    
        
    /**/
}











    a{
		text-decoration: none;
	}
    .line { 
    border-bottom: solid #F66F6A 2px;

}



    .page {
    width: 100%;
    height: 47px;
    border-bottom: solid #f6f6f6 1px;
    text-align: center;
}

     .page ul li a{
       text-decoration: none;    
       color:#2b2b2b; 
    }
  .page ul li div{
        display: inline-flex;
        /*width: 80px;*/
        height: 47px;
        /*line-height: 27px;*/
        font-size: 18px;
        text-align: center;
        color: #2b2b2b; 
        margin-left:82px; 
        margin-right:82px;      
    }

        .page ul li:nth-child(2) {
            margin-left: 50px;
        }


/*发展历程swiper样式*/
.f62-box{position:relative;height:335px;}
.f62-box .time-line{position:absolute;top:50%;left:0;width:100%;height:0;border-top:1px solid #dcdcdc}
.f62{position:relative;height:335px}
.f62 .swiper-pagination{display:none;position:static;height:12px;margin-top:30px;font-size:0}
.f62 .swiper-pagination-bullet{outline:0;opacity:1;display:inline-block;width:10px;height:10px;margin:0 8px;vertical-align:middle;border-radius:50%;border:1px solid #056cb8;background-color:transparent}
.f62 .swiper-pagination-bullet-active{border-color:#056cb8;background-color:#056cb8}
.f62 .swiper-button-next,.f62 .swiper-button-prev{transition:all .35s;outline:0;width:38px;height:38px;border-radius:50%;border:none;background-color:#333}
.f62 .swiper-button-prev{left:-150px}
.f62 .swiper-button-next{right:-150px}
.f62 .swiper-button-next:after,.f62 .swiper-button-prev:after{display:none}
.f62 .swiper-button-next:before,.f62 .swiper-button-prev:before{position:absolute;top:50%;left:50%;content:"";width:10px;height:10px;margin-top:-6px;border-bottom:2px solid #fff;border-right:2px solid #fff}
.f62 .swiper-button-prev:before{transform:rotate(135deg);margin-left:-3px}
.f62 .swiper-button-next:before{transform:rotate(-45deg);margin-left:-8px}
.f62 .swiper-button-next:hover,.f62 .swiper-button-prev:hover{background-color:#f52525}
.f62 .swiper-button-next:hover:before,.f62 .swiper-button-prev:hover:before{border-color:#fff}
.f62 .swiper-slide .item{position:relative;top:205px;left:20px;line-height:1}

@media (max-width:1480px){
.f62 .swiper-button-next{right:-50px;top:45%}
.f62 .swiper-button-prev{left:-50px;top:45%}
.f62 .swiper-slide .item strong{display:block;font-size:30px !important;color:#2b2b2b;margin-left:-90px}
.f62 .swiper-slide .item span{display:block;margin-top:5px;font-size:12px !important;text-align:left;line-height:24px;color:#2b2b2b;width:203px;}
.f62 .swiper-slide i{transform:translateY(-50%);position:absolute;top:45% !important;left:20px;width:14px;height:14px;text-indent:-9999em;border-radius:50%;border:1px solid #333;background-color:#fff;overflow:hidden}
.f62 .swiper-slide .item{position:relative;top:170px;left:20px;line-height:1}
.f62-box .time-line{position:absolute;top:45%;left:0;width:100%;height:0;border-top:1px solid #dcdcdc}
.pagey.history > img {display:none;}
}
@media (max-width:1024px){.f62-box{margin-bottom:0}
}
@media (max-width:767px){.f62-box{margin-bottom:0}
.f62{margin-top:-50px}
.f62 .swiper-pagination{display:block;margin-top:-20px}
.f62 .swiper-button-next,.f62 .swiper-button-prev{display:none}
}
.f62 .swiper-container{width:100%;height:100%;cursor:-webkit-grab}
.f62 .swiper-slide{position:relative;height:100%;color:#666}
.f62 .swiper-slide i{transform:translateY(-50%);position:absolute;top:50%;left:20px;width:14px;height:14px;text-indent:-9999em;border-radius:50%;border:1px solid #333;background-color:#fff;overflow:hidden}
.f62 .swiper-slide i:after{transform:translate(-50%,-50%);content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background-color:#333}
.f62 .swiper-slide .item strong{display:block;font-size:48px;color:#2b2b2b;margin-left:-90px}
.f62 .swiper-slide .item span{display:block;margin-top:5px;font-size:14px;text-align:left;line-height:24px;color:#2b2b2b;width:203px;}
.f62 .swiper-slide:nth-child(2n) .item{top:55px}
.f62 .swiper-slide-active{color:#f75252 !important}
.f62 .swiper-slide-active .item strong{color:red!important;}
.f62 .swiper-slide-active .item span{color:red!important;}
.f62 .swiper-slide-active i{border-color:#f75252 !important}
.f62 .swiper-slide-active i:after{background-color:#f75252}
@media (max-width:1024px){.f62 .swiper-slide .item strong{font-size:32px}
}
@media (max-width:767px){.f62 .swiper-slide .item strong{display:block;font-size:25px}
.f62 .swiper-slide .item span{display:block;width:80%;margin-top:5px;font-size:12px;word-break:break-all;line-height:1.8}
}