

/*******核心业务**********/
.center-outside{width: 100%;height: 100%;display: block;position: relative;margin: 0 auto;}
.center-box{max-width: 1200px;height: 100%;display: block;position:relative;margin: 0 auto;}
.center-title{width: 100%;display: block;text-align: center;margin: 10vh 0 3vh 0;}
.center-title h1{font-size: 2rem;color: #222;font-family: Source Han Sans SC-Medium;}
.center-title p{color: #acacac;margin:0.1rem 0 0 0;}
.center-list ul{max-width: 1200px;display: flex;flex-flow: wrap;}
.center-list ul li{width: 15%;margin:1vh 0.83%;text-align: center;padding:6vh 0 2vh 0;background:#fff;justify-content: center; box-shadow:2px 2px 10px rgba(144, 197, 250, 0.5);}

.center-same-img{width: 44%;overflow: hidden;margin: 0 auto;border-radius: 20vh;}
.center-same-img img{width: 100%;}
.center-list ul li:hover .center-img{transform: scale(1.3);}

.center-same-list h2{width: 100%;text-align: center;margin: 2vh 0 0 0;color: #222;font-size: 1rem;font-weight: 600;}
.center-same-list p{
    width: 80%;
    text-align:center;
    margin: 1vh 10%;
    line-height: 1.2rem;
    color: #939191;
    font-family: Source Han Sans SC-Regular;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
@media (max-width: 767px) {
    .center-list ul li{width: 31%;margin: 1vh 1.12%;}
    .center-title{margin: 3vh 0}
}

/*******关于辉煌******/
.glory-outside{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0 0 3vh 0;
}
.glory-box{
    max-width: 1200px;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.glory-tittle{
    width: 100%;
    display: block;
    text-align: center;
    padding: 10vh 0 8vh 0;
}
.glory-tittle h1{
    font-size: 2rem;
    color: #222;
    font-family: Source Han Sans SC-Medium;
}
.glory-tittle p{
    color: #acacac;
    margin: 0.1rem 0 0 0;
}
.glory-intro{width: 100%;height: 100%;display: flex;flex-flow: wrap;}
.glory-word{width: 50%;height: 100%;}
.glory-word h2{
    font-size: 1.8rem;
    color: #222;
    font-family: Source Han Sans SC-Medium;
    padding: 3vh 0 0 0;
}
.glory-word h6{
    color: #acacac;
    margin: 0.1rem 0 3vh 0;
}
.glory-word p{
    width: 90%;
    line-height: 1.3rem;
    font-size: 0.8rem;
    color: #222;
}
.glory-word p span{
    color: #1B3884;
}
.glory-img-box{
    width: 50%;
    text-align: right;
    justify-content: right;
}
.glory-img-box img{width:70%}
.glory-num{width: 100%;display: flex;flex-flow: wrap;text-align: center;justify-content: center;margin: 6vh 0 0 0}
.same-glory-num{width: 25%;height: 100%;text-align: center;justify-content: center;}
.same-glory-num h2{font-size: 2rem;color:#1B3884;font-weight:600;}
.same-glory-num p{line-height: 1.3rem;font-size: 0.8rem;color: #222;}

@media (max-width: 767px) {
    .glory-tittle{padding:6vh 0 1vh 0}
    .glory-word h2{font-size: 1.2rem;}
    .glory-word p{width: 100%;}
    .glory-word{width: 80%;margin: 0 10%;}
    .glory-img-box{width: 100%;text-align: center;justify-content: center;}
    .glory-img-box img{width: 80%}
    .glory-outside{background-size: cover;}
}

/*****成功案例******/
.product-list-box{width: 100%;position: relative;}
/*********
.product-list{max-width: 1200px;display: flex;position: absolute; left: 50%;transform: translate(-50%, -40%);}
*/

.product-list-tittle{width: 100%;display: block;position: relative;text-align: center;padding: 10vh 0 30vh 0; background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.product-list-tittle img{display: block;margin: 0 auto;}
.product-list-tittle h1{font-size: 2rem;color: #fff;font-family: Source Han Sans SC-Medium;}
.product-list-tittle p{color: #acacac;  margin: 0.1rem 0 0 0;}
.product-list-intro{max-width: 1200px;}
.swiper-slide{text-align: center;justify-content: center}
.mySwiper .swiper-slide {
    width: 25%; /* 每个div占据1/3的宽度 */
    padding: 0 1%; /* 左右各留15px的间距 */
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.product-list-intro-box{display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: 100%;
    height: 100%;
}


.img-product-list{width: 100%;position: relative;}
.swiper-slide h3{font-size: 1.2rem;margin: 1.2vh 0;}
.swiper-pagination{display: none}
.product-button-next{top:-9vh;right:-2vh;content:"";width: 5vh;height: 5vh;background: url("../images/jt1.png") no-repeat right center;background-size: cover;}
.product-button-next:after{content:""}

.product-button-prev{top:-9vh;left:-2vh;content:"";width: 5vh;height: 5vh;background: url("../images/jt2.png") no-repeat right center;background-size: cover;}
.product-button-prev:after{content:""}
.product-word{position: absolute;left: 0%;height:50%;bottom: 0;width:100%;padding:0 8%;background-color: rgba(0, 0, 0, 0.3);  transition: all .3s;
    -webkit-transition: all .3s;}
.product-word h2{color: #fff;
    width: 100%;
text-align: left;
    margin: 3vh 0 1vh 0;
    font-size:1rem;font-family: Source Han Sans SC-Medium;
}
.product-word p{color: #fff;    font-size: 0.8rem;font-weight: 200;
    line-height: 1.2rem;}
.product-word a{width: 40%;
    display: block;
    background: #1B3884;
    padding: 0.5rem 5%;
    margin: 1rem 0 2rem 0;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 5px;}

.product-word:hover{background-color: rgba(0, 0, 0, 0.5);}
/************
.product-list-box .swiper-button-box{left: 50%;transform: translate(-50%, -40%);position: absolute;width: 67%;}
**********/
.product-list-shell{position: relative;max-width: 1280px;margin: 0 auto;}
.product-list-shell .product-list{position: absolute;left:3%;top:-27vh;}
@media (max-width: 767px) {
    .product-button-prev{display: none}
    .product-button-next{display: none}
    .mySwiper .swiper-slide {
        width: 50%; /* 每个div占据1/2的宽度 */
        padding: 0 10px; /* 左右各留10px的间距 */
    }
    .product-list .swiper-button-next{display: none}
    .product-list .swiper-button-prev{display: none}
    .mySwiper .swiper-slide img{width: 100%}
    .swiper-pagination{display: block}
    .product-list-box{padding: 0 0 20px 0;margin: 0}
    .product-list-intro{padding: 0 0 7vh 0}
    .product-list-box{padding: 0}
    .product-list-tittle{padding: 5vh 0 8vh 0}
    .swiper-slide h3{font-size: 1.2rem;margin: 1vh 0;}
    .product-word p{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0 0 0.5rem 0;
    }
    .product-word{height: 60%;}
    .product-word a{width: 60%;}
    .product-list-box .swiper-pagination {bottom: -21vh;}
    .product-word a{margin: 0;}
    .product-word h2{    margin: 1.2vh 0 1vh 0;}
    .product-list-shell .product-list{top:-7vh;}
}



/*******新闻****/
.new-outside{margin: 5rem 0 0 0;position: relative;clear: both;display: block;}
.new-box{  max-width: 1200px;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;}

.new-tittle{
    width: 100%;
    display: block;
    text-align: center;
    padding: 10vh 0 8vh 0;
}
.new-tittle h1{
    font-size: 2rem;
    color: #222;
    font-family: Source Han Sans SC-Medium;
}
.new-tittle p{
    color: #acacac;
    margin: 0.1rem 0 0 0;
}
.new-word{max-width: 1200px;position: relative;display: flex;flex-flow: wrap;}
.new-left{width: 40%;
    overflow: hidden;

}
.new-left img{width: 90%; border-radius: 10px;}
.new-right{width: 60%;
    overflow: hidden;}
.new-word-tittle{width: 100%;}
.new-word-tittle span{background:#1B3884;
    color: #fff; font-size: 0.9rem;padding: 0.2rem 0.5rem;border-radius: 5px;}
.new-word-tittle a{display: inline-block;float: right;color:#1B3884 }
.new-right ul{width: 100%;
    overflow: hidden;}
.new-right ul li{width: 100%;overflow: hidden;margin: 1.15rem 0 0 0;position: relative;}
.new-right ul li p{width: 70%;line-height: 1.2rem;padding: 0;margin: 0;float: left}
.new-right ul li p:before{content:"";display: inline-block;background: #1B3884;width: 5px;height: 5px;border-radius: 10px;margin: 0 4% 0 0;}
.new-right ul li span{float: right;}
@media (max-width: 767px) {
    .new-left{width: 90%;margin: 0 5%}
    .new-left img{width: 100%}
    .new-right{width: 90%;margin: 1rem 5%}
    .new-right ul li p{width: 80%;display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;
        overflow: hidden;}
    .new-outside{    margin: 7rem 0 0 0;}
    .new-tittle{padding: 10vh 0 2vh 0;}
}








